@charset "UTF-8";

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0 0 0 1.5em;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	float: left;
	padding: 0 1em;
	margin: 0;
	background-color: #464646;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	
}
.TabbedPanelsTabGroup li {margin: 0 0.5em; height: 1.8em;}

.TabbedPanelsTabGroup li h4 {font: bold 0.8em/1.8em Georgia, "Times New Roman", Times, serif, sans-serif; margin: 0; padding: 0; color:#fff;}


.TabbedPanelsTabHover {
	background-color: #2c2c2c;
}

.TabbedPanelsTabSelected {
	background-color: #2c2c2c;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
}

.TabbedPanelsContent {
	height: 800px;
	background: #464646;
}

/* This selector is an example of how to change the appearnce 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 {
	background-color: #2c2c2c;

}