.ddcolortabs{
padding:0;
width:100%;
background: #87888a;
voice-family: "\"}\"";
voice-family: inherit;
font: 12px Arial, Verdana, sans-serif;
font-weight:normal;
}

.ddcolortabs ul{
font: 12px Arial, Verdana, sans-serif;
font-weight:normal;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 auto;
padding:0;
font: 12px Arial, Verdana, sans-serif;
font-weight:normal;
}


.ddcolortabs a{
float:left;
color: white;
background: #87888a;
margin:0 auto;
padding:3px 4px 4px 3px;
text-decoration:none;
font-weight:normal;
font: 12px Arial, Verdana, sans-serif;
}

.ddcolortabs a span{
float:left;
display:block;
padding: 5px 4px 5px 4px;
color: white;
font: 12px Arial, Verdana, sans-serif;
font-weight:normal;
}


.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color:#333333;
}

.ddcolortabs a:hover span{
background-color: #333333;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span { /*currently selected tab*/
background-color: #333333;
}


.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

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

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid #888888; /*THEME CHANGE HERE*/
border-top-width: 1px; /*Top border width. Should match height of .ddcolortabsline above*/
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: auto;
visibility: hidden;
text-align:left;
color: black;
}

.dropmenudiv_a a, .dropmenudiv_a a:link{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #888888; /*THEME CHANGE HERE*/
padding: 2px 10px 0 4px;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
color: black;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #333333;
color: white;
}