@charset "UTF-8";

/*  This is the selector for the main TabbedPanels container. */
.CategoryPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 810px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. */
.CategoryPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. */
.CategoryPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px 4px 10px;
	margin: 0px 2px 0px 0px;
	font: bold 20px bodini;
	background-color: #CAE3A9;
	list-style: none;
	border-left: solid 1px #A97003;
	/*border-bottom: solid 1px #A97003;*/
	border-top: solid 1px #A97003;
	border-right: solid 1px #A97003;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* Changes the appearance of a tab button container as the mouse enters it. */
.TabbedPanelsTabHover {
	background-color: #9CCF63;
}

/* Change the appearance of a tab button container after the user has clicked on it to activate a content panel.
 * PMW NOTE: Do NOT change the name of this class! */
.TabbedPanelsTabSelected {
	background-color: #92B074;
	/*border-bottom: 3px solid #A97003;*/
}

/* Make a link inside of a tab button look like normal text.
 * PMW NOTE: Do NOT change the name of this class! */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the Content container, which houses the content panels for each tabbed panel in the widget. */
.CategoryPanelsContentGroup {
	clear: both;
	border-left: solid 1px #A97003;
	border-bottom: solid 1px #A97003;
	border-top: solid 1px #A97003;
	border-right: solid 1px #A97003;
	background-color: #EEFDDD;
	text-align:left;
}

/* Selector for the Content panel, which holds the content for a single tabbed panel.  */
.CategoryPanelsContent 				{padding: 10px; font: 1.4em Geneva, Arial, Helvetica, sans-serif;}
.CategoryPanelsContent a			{text-decoration: none; }
.CategoryPanelsContent a:hover		{text-decoration: underline; }
.CategoryPanelsContent .tagsmall 	{font: 20px Geneva, Arial, Helvetica, sans-serif; color: #2B3879;}
.CategoryPanelsContent .tagmedium	{font: 30px Geneva, Arial, Helvetica, sans-serif; color: #2B3879;}
.CategoryPanelsContent .taglarge	{font: 30px Geneva, Arial, Helvetica, sans-serif; color: #2B3879; font-weight: bold;}
.CategoryPanelsContent .rtagsmall 	{font: 20px Geneva, Arial, Helvetica, sans-serif; color: #999999;}
.CategoryPanelsContent .rtagmedium	{font: 30px Geneva, Arial, Helvetica, sans-serif; color: #999999;}
.CategoryPanelsContent .rtaglarge	{font: 30px Geneva, Arial, Helvetica, sans-serif; color: #999999; font-weight: bold;}

/* This selector is an example of how to change the appearAnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}