@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: 0px;
	padding: 0px;
}


.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 3px 0px 0px;
	font: bold 12px sans-serif;
/*	background-color: #31668d;*/
	background:url(../images/new-layout/not-active-tab1.gif) top left  no-repeat;
	list-style: none;
	/*border-left: solid 1px #CCC;*/
/*	border-bottom: solid 1px 	#999;*/
/*	border-top: solid 1px #999;
	border-right: solid 1px #999;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#fff;
	text-align:center;
	height:30px;
}


.TabbedPanelsTabHover {
	/*background-color: #ECECEC;*/
	color:#fff;
}


.TabbedPanelsTabSelected {
	background:url(../images/new-layout/active-tab1.gif) top left no-repeat ;
/*	border-bottom: 1px solid #ececec;*/
	color:#575757;
}


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


.TabbedPanelsContentGroup {
	clear: both;
/*	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;*/
	background-color: #ECECEC;
}


.TabbedPanelsContent {
	padding: 4px;
}


.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #a6a6a6;
	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 {
	background-color: #a6a6a6;
	border-bottom: solid 1px #a6a6a6;
}


.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/*****************Tow*******************/
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 0;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 3px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;


 

}
.shadetabs li  span{  font-weight:normal;}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
top:1px;
padding: 3px 7px;
margin-right: 1px;
/*border: 1px solid #bfbfbf;*/
/*border-bottom: 1px solid #bfbfbf;*/
color: #575757;
width:100px;

/*background: #bfbfbf;*/
background:url(../images/new-layout/not-active-tab2.gif) top left no-repeat ;
color:#fff;
}

.shadetabs li a:visited{

}

.shadetabs li a:hover{
text-decoration: underline;
background:url(../images/new-layout/not-active-tab2.gif) top left no-repeat ;
color:#575757;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top:1px;
color:#575757 ;
width:100px;
padding: 3px 7px;

background:url(../images/new-layout/active-tab2.gif) top left no-repeat ;
/*border-bottom-color: #fff;*/
color: #575757;
}



.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;color:#575757;
background:url(../images/new-layout/active-tab2.gif) top left no-repeat ;
}

.tabcontent{
/*display:none;*/
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
/****************/