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

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

.shadetabs ul{
margin:0px 0;
padding:0px 0;
}

.shadetabs li{
display:inline;
margin:0;
padding:0px 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 3px;
margin:0px 0 0 0;
margin-right: 0px;
border: 1px solid #d0ddeb;
color: #003698;
background-image: url(img/shadeactive.gif);
border-bottom:none
}

.shadetabs li a:visited{
color: #003698;
}

.shadetabs li a:hover{
color: #3086c9;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: white url(img/shade.gif) top left repeat-x;

}

.tabcontent { display:none; background:#e6eef7; width:164px; padding:0px 5px 10px 10px; margin:0; border-left:1px solid #d0ddeb; border-bottom:1px solid #d0ddeb; }
 @media print {

.tabcontent { display:block !important; }
}


.tabcontent a:link {color: #3086c9; text-decoration: none;}
.tabcontent a:visited {color: #3086c9; text-decoration: none;}
.tabcontent a:focus {color: #3399ff; text-decoration: none;}
.tabcontent a:hover {color: #3399ff; text-decoration: underline;}	
.tabcontent a:active {color: #3399ff; text-decoration: underline;}

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

.shadetabs li a img{
position:absolute; top:2px
}