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

.shadetabs{
background:#cbd0d1;
padding: 5px 0px 5px 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0;
font: normal 11px arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0px;
background:#cbd0d1;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
margin-top: 5px;
padding: 3px 7px 5px 7px;
margin-right: 0px;
border: 0px solid #778;
color: #000000;/*dfe4e5*/
background:#ebeeef url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
top: 2px;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
background:#FFFFFF;
border: 1px solid #778;

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
background:#FFFFFF;
border: 1px solid #778;
border-bottom-color: white;
}

/*.shadetabs li a.selected{ /*selected main tab style 
background-image: url(shadeactive.gif);
}*/

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

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