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

#menutabs{
margin-left: 4px; /*Opera 8 fix -1px*/
/*padding: 0;*/
/*width: 450px;*/
height: 27px;
/*background: transparent;*/
/*padding-left: 5px;*/
}

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

#menutabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
line-height: 1.3em;
font-size: 120%;
}


#menutabs a, #menutabs strong{
float:left;
color:#fff;
background: transparent url("images/tabs_left_blue.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;
font-family:  Arial, Verdana, sans-serif;
/*border-bottom: 1px solid #fff;*/

}

#menutabs a span, #menutabs #current span{
float:left;
display:block;
color:#fff;
background: transparent url("images/tabs_right_blue.gif") no-repeat right top;
padding:3px 9px 3px 6px;
font-weight:bold;

}

#menutabs a span{
float:none;
}

#menutabs #current a, #menutabs strong{
background-position:0 -300px;
border-bottom: 1px solid #2B6600;

}

#menutabs #current a span, #menutabs #current span{
background-position:100% -300px;
padding-bottom:3px; color:#fff;
}

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

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

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

#tabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
background: #1F325D;
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;
}