/* ######### Style for Tab Interface itself ######### */

.shadetabs{
border-bottom: 0px solid black;
z-index: 0;
}

.shadetabs ul{
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0;
color: white;
font: 11px Verdana, Hevetica, Arial, sans-serif;
list-style: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height: 15px;
background: lightgrey;
position: relative;
z-index: 0;
}

.shadetabs li{
position: absolute;
top: 0;
margin: 0;
}

.shadetabs li#li-id0{
left: 0px;
}

.shadetabs li#li-id1{
left:153px;
}

.shadetabs li#li-id2{
left: 306px;
}
.shadetabs li#li-id3{
left: 459px;
}

.shadetabs li a{
text-decoration: none;
display: block;
padding: 0px;
width: 150px;
height: 15px;
margin-right: 0;
padding-left: 2px;
color: white;
background: gray; /*THEME CHANGE HERE*/
}

.shadetabs li a:visited{
color: white;
}

.shadetabs li a:hover{
text-decoration: none;
color: white;
background: lightgrey;
}

.shadetabs li.selected{
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

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

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font: 11px Verdana, Hevetica, Arial, sans-serif;;
line-height:15px;
z-index:100;
background-color: gray;
width: 120px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #918d8d; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: white;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: rgb(205, 205, 205);
}