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

#shadetabs{
height:26px;
clear:both;
width:100%;
}

.shadetabs{
float:left;
height:26px;
width:100%;
background-image:url(../images/titlebar.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
display:inline; 
}
.shadetabs li{
height:26px;
margin:0px;
display:inline-block; 
float:left;
line-height:26px;
}

.shadetabs li a{
text-decoration:none;
z-index:1;
padding:6px 10px 6px 10px;
margin:0px;
height:27px;
color:#FFFFFF;
font:bold 11px Arial;
line-height:26px;
text-transform:uppercase;
border-right:1px solid #6b6d6f;
}


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

.shadetabs li a:hover{
background-image:url(../images/titlebar_hover.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}

.shadetabs li a.selected{ /*selected main tab style */
background-color:#ffffff;
color:#2b2e31;
border-right:none;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
color:#FFFFFF;
}