#tabcontainer
{
background: #555;
border-top: 1px solid #9CC;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#tablist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#tablist {
text-align: left
}
}

#tablist li
{
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #tablist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#tablist a, #tablist a:link, #tablist a:visited
{
background: #900;
border: 1px solid #FFF;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#tablist a:hover
{
background: #C00;
bottom: 1px;
color: #FFF;
position: relative;
right: 1px;
}

#tablist a:active
{
background: #999;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#tablist a:race
{
background: #999;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#tablist li#active
{
background: #555;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

#tablist li#race
{
background: #555;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #tablist li#active
{
background: #000;
margin: 0 4px 0 4px;
}

#tablist #active a, #tablist #active a:link, #tablist #active a:visited, #tablist #active a:hover
{
background: #555;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}

#tablist #race a, #tablist #race a:link, #tablist #race a:visited, #tablist #race a:hover
{
background: #000;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}