body {font-family: Arial, sans serif;
}
#ddcolortabs{z-index:24;
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
padding:4px 9px 2px 6px;
}

#ddcolortabs ul{
font: bold 55% Arial, Verdana, sans-serif;
margin:0;
padding:0;
padding:4px 9px 2px 6px;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
padding:4px 9px 2px 6px;

}


#ddcolortabs a{
float:left;
color: #565656;
background: #cbcbce 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: #cbcbce;
}

#ddcolortabs a:hover span{
background-color: #eeeeee; color: #565656; 
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #466680; color: #fff;
}

#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: #565656;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee) 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: #D6E4FE;
}

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