#tabs
{
    width: 100%;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
    vertical-align: bottom;
    /*border-bottom: 1px solid red;  #f5f5f5*/
}
#tabs ul
{
    margin: 0;
    padding: 0px 10px 0 50px;
    list-style: none;
}
#tabs li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#tabs a
{
    float: left;
    background: url("images/tableft.gif") no-repeat left top;
    margin: 0;
    padding: 0px 5px 0 5px;
    text-decoration: none;
}
#tabs a span
{
    float: left;
    display: block;
    background: url("images/tabright.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span
{
    float: none;
}
/* End IE5-Mac hack */
#tabs a:hover span
{
    color: #24618E;
}
#tabs a:hover
{
    background-position: 0% -42px;
}
#tabs a:hover span
{
    background-position: 100% -42px;
}

#tabs #current a
{
    background-position: 0% -42px;
}
#tabs #current a span
{
    background-position: 100% -42px;
    color: #24618E;
}