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

.shadetabs{
border-bottom: 0px solid gray;
margin-bottom: 1em;
}

.shadetabs ul{
padding: 1px 0;
margin-left: 0;
margin-top: 0 px;
margin-bottom: 0;
font: 12px Arial;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{ text-align: right; display: inline; margin: 0; }

.shadetabs li a{ text-decoration: none; padding: 7px; margin-right: 0; border: solid 0 #778; color: #ffffff; background: black url(images/shade.gif) repeat-x left top; text-align: right; /*THEME CHANGE HERE*/
}

.shadetabs li a:visited{ color: #ffffff; text-align: justify; }

.shadetabs li a:hover{ text-decoration: underline; color: #ffffff; text-align: right; }

.shadetabs li.selected{ text-align: right; }

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

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



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

.dropmenudiv{ position:absolute; top: 0; border-width: 0 1px; font:12px/18px Arial; z-index:100; background-color: white; text-align: center; width: 200px; visibility: hidden; border-color: #918d8d; border-style: solid; }


.dropmenudiv a{ width: auto; display: block; border-bottom: 1px solid #918d8d; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none; font-weight: normal; color: black; text-align: center; }

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

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #e8fad5; text-align: center; }