/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 6;
margin-top: 1px;
margin-bottom: -1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: -3.8;
}

.shadetabs li a{
	text-decoration: none;
	padding: 4px 7px;
	z-index: 1;
	margin-right: 2px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(../graphics/TAB_shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}
.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}
.shadetabs li a:active{
	text-decoration: underline;
	color: #2d2b2b;
}
.shadetabs li.selected{
	position: relative;
	top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(../graphics/TAB_shadeactive.gif);		
	border-bottom-color: white;
	border-bottom: 0px;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}
.tabcontentstyle{ /*style of tab content container*/
	border:1px solid gray;
	width: 98%;
	margin-bottom: 1em;
	padding: 5px;
	margin: 2;
}
.tabcontent{
	display: none;
}
@media print {
	.tabcontent {
	display: block !important;
}
}