/* ######### Top tabs ######### */

#ddtoptabs{
margin-left: 0px; /*Opera 8 fix -1px*/
padding: 0;
width: 100%;
height: 27px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
}

#ddtoptabs ul{
font: normal 10px verdana, arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddtoptabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:none;
line-height: 1.8em;
font-size: 130%;
}


#ddtoptabs a, #ddtoptabs strong{
float:left;
color:#fff;
background: transparent url("../../images/tabs_left.gif") no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
font-size: 10px;
letter-spacing: 1px;
margin-top: 4px;
*margin-top: 0px;
font-family:  Arial, Verdana, sans-serif;
border-bottom: 1px solid #FFF;
}

#ddtoptabs a span, #ddtoptabs #current span{
float:left;
display:block;
color:#fff;
background: transparent url("../../images/tabs_right.gif") no-repeat right top;
padding:4px 5px 4px 5px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#ddtoptabs a span{
float:none;
}

#ddtoptabs a:hover{
/*background-position:0% -150px;*/
}

#ddtoptabs a:hover span{
color: #fff;
font-weight:bold;
/*background-position:100% -150px;*/
}


#ddtoptabs a.selected{
background-position:0% -300px;
}

#ddtoptabs a.selected span{
color: #fff;
background-position:100% -300px;
}

/*#ddtoptabs a.selected span{
background-position:100% -300px;
}*/


#ddtoptabs #current a:hover {	background-position:0% -300px; }
#ddtoptabs #current a:hover span { color: #fff;	background-position:100% -300px; }


#ddtoptabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
background: #444444;
border-bottom: 1px solid #fff;
margin-bottom: 5px;
}


#csslibrarytab a, .csslibrarytab strong{
background: transparent url("../../images/tabs_left_blue.gif") no-repeat left top;
}

#csslibrarytab a span{
background: transparent url("../../images/tabs_right_blue.gif") no-repeat right top;
}

#csslibrarytab a:hover{
background-position:0% -150px;
}

#csslibrarytab a:hover span{
color: #fff;
background-position:100% -150px;
}
