@charset "UTF-8";

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

.TabbedPanelsTabGroup {
	height:19px;
	position:absolute;
 	top:-20px;
	margin:0px;
	padding:0px;
	z-index:0;
	background-image:url(../images/tabbed-panel/tabbed_content_bg_dim.gif);
	background-repeat:repeat-x;
	width:100%;
}

#TabbedPanelsCapL {
	position:relative;
	width:1px;
	height:20px;
	padding:0 0 0 12px;
	margin:0;
	background-image:url(../images/tabbed-panel/tabbed_content_capr_dim.gif);
	background-repeat:no-repeat;
	float:left;
}

#TabbedPanelsCapR {
	position:relative;
	width:1px;
	height:20px;
	margin:0;
	float:left;
}

.TabbedPanelsTab,  #pageContent .TabbedPanelsTab{
	position:relative;
	float:left;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:7px;
	font-weight:bold;
	color:#605f5f;
	list-style:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	cursor:pointer;
	background-image:url(../images/tabbed-panel/tabbed_content_bg_dim.gif);
	background-repeat:repeat-x;
}

.TabbedPanelsTabHover {
	color:#999;
}

.TabbedPanelsTabSelected {
	color:#fff;
	background-image:url(../images/tabbed-panel/tabbed_content_bg_active.gif);
	background-repeat:repeat-x;
	top:-3px;
	height:22px;
	line-height:11px;
}

.TabbedPanelsTabSelected #TabbedPanelsCapL {
	background-image:url(../images/tabbed-panel/tabbed_content_capl_active.gif);
	background-repeat:no-repeat;
}

.TabbedPanelsTabSelected #TabbedPanelsCapR {
	background-image:url(../images/tabbed-panel/tabbed_content_capr_active.gif);
	background-repeat:no-repeat;
}

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

.TabbedPanelsContentGroup {
	clear:both;
}

.TabbedPanelsContent {
	padding:10px;
}

/* 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 {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float:left;
	width:10em;
	height:20em;
	background-color:#EEE;
	position:relative;
	/*border-top:solid 1px #999;
	border-right:solid 1px #999;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;*/
}

.VTabbedPanels .TabbedPanelsTab {
	float:none;
	margin:0px;
	border-top:none;
	border-left:none;
	border-right:none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	color:#b4272c;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear:none;
	float:left;
	padding:0px;
	width:30em;
	height:20em;
}