#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 9px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;

}


#ddcolortabs a{
float:left;
color: #000;
background: #ffffff url("media/color_tabs_left.gif") no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url("media/color_tabs_right.gif") no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{z-index:24; 
background-color: #a7cdfd;color:#000000;
background:transparent;
}

#ddcolortabs a:hover span{
background-color: #AECBFD;;
}

#ddcolortabs #current a, #ddcolortabs #current span /*currently selected tab*/
background-color: #aecbfd;
}

#ddcolortabs a {position:relative;}

#ddcolortabs li h6 {display: none; text-align: left;}

#ddcolortabs a:hover h6 {display:block;
position:absolute;
visibility: visible;
top:33px;
left:10px;
width:200px; 
border: 2px outset #fff;
padding:2px 9px 2px 9px;
color: #000000;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#aecbfd) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);; 
text-transform:none;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:120%; 
background-color: lightyellow;
}
#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 1px;
background: #ffffff;
border-top: 1px solid #00080; /*Remove this to remove border between bar and tabs*/

}
