@charset "UTF-8";


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


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
#TabbedPanels3 .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 0;
	margin: 0px 1px 0px 0px;
	font: bold 12px sans-serif;
	list-style: none;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #D1E0EC;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: url(img/tab2.png);
	width: 74px;
	text-align: center;
	height: 16px;
	color: #FFFFFF;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 0;
	margin: 0px 1px 0px 0px;
	font: bold 14px sans-serif;
	list-style: none;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #D1E0EC;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: url(img/tab.png);
	width: 129px;
	text-align: center;
	height: 17px;
	color: #0A246A;
}
.TabbedPanels2 .TabbedPanelsTab {
	background-image: url(img/buton.png);
	width: 98px;
	height: 17px;
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:8px;
}



.TabbedPanelsTab2 {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 0;
	margin: 0px 1px 0px 0px;
	font: bold 14px sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #D1E0EC;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: url(img/tab.png);
	width: 129px;
	text-align: center;
	height: 17px;
	color: #0A246A;
}


.TabbedPanelsTabHover {
	background-image: url(img/hover.png);
	color:#FF6600;
}
#TabbedPanels3 .TabbedPanelsTabHover {
	background-image: url(img/hover2.png);
	color:#003366;
}

.TabbedPanels2 .TabbedPanelsTabHover {
	background-image: url(img/buton_hover.png);
	height: 17px;
}
#TabbedPanels3 .TabbedPanelsTabSelected {
	border-bottom: 0px solid #EEE;
	background-image: url(img/tab_active2.png);
	color: #fff;
	background-repeat: no-repeat;
	background-position: center 9px;
}


.TabbedPanelsTabSelected {
	border-bottom: 0px solid #EEE;
	background-image: url(img/tab_active.png);
	color: #000000;
}

.TabbedPanels2 .TabbedPanelsTabSelected {
	background-image: url(img/but_active.gif);
	height: 21px;
}

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


.TabbedPanelsContentGroup {
	clear: both;
}
.TabbedPanels .TabbedPanelsContentGroup {
	background-color: #D1E0EC;
	border-left: solid 1px #A6BACC;
	border-bottom: solid 1px #A6BACC;
	border-top: solid 1px #A6BACC;
	border-right: solid 1px #A6BACC;
	}
#TabbedPanels3	.TabbedPanelsContentGroup {
	background-color: #3B7CD4;
	border-left: solid 0px #A6BACC;
	border-bottom: solid 0px #A6BACC;
	border-top: solid 0px #A6BACC;
	border-right: solid 0px #A6BACC;
	color:#FFFFFF;
	}
	
.TabbedPanels2 .TabbedPanelsContentGroup {
	clear: both;
}


.TabbedPanelsContent {
	padding: 8px;
	font-size: 12px;
}
#TabbedPanels3 .TabbedPanelsContent {
	font-size: 11px;
	line-height:1.3;
}
/* 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 {
}