@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    #tabsNav {
        display: none;
    }
}


/* Tabs Skin */
#tabsNav { list-style: none; float: left; width: 100%; background: #E9EDF2; border-bottom: 1px solid #ccc; margin-bottom: 25px; _margin-bottom: 0}
#tabsNav li { float: left;  _width:100px;  position: relative; bottom: -1px; }
#tabsNav a, #tabsNav a span { display: block; font-size: 10px; text-transform: uppercase; color: #787878; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30px}
#tabsNav a { z-index: 2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */}

#tabsNav .tabs-selected a, #tabsNav .tabs-selected a:hover, #tabsNav a:focus, #tabsNav a:active 
{ background: url(tabright.gif) no-repeat 100% 0; outline: 0; /* prevent dotted border in Firefox */ }
#tabsNav .tabs-selected a span, #tabsNav .tabs-selected a:hover span, #tabsNav a:focus span, #tabsNav a:active span 
{ background: url(tableft.gif) no-repeat 0 0; padding-bottom: 1px; border-bottom: 0; color: #000 }


#tabsNav a:hover, #tabsNav a:hover span
{ background: #dae1ea url(white.gif) repeat-y 100% 0 }
#tabsNav a, #tabsNav .tabs-disabled a:hover, #tabsNav .tabs-disabled a:focus, #tabsNav .tabs-disabled a:active, #tabsNav a span 
{ background: #e9edf2 url(white.gif) repeat-y 100% 0 }

#tabsNav a span{ height: 30px; /* IE 6 treats height as min-height */ min-height: 30px; border-bottom: 1px solid #ccc;  padding: 0 20px}
*>#tabsNav a span{ /* hide from IE 6 */ width: auto; height: auto; }




#tabsNav .tabs-selected a:link, #tabsNav .tabs-selected a:visited, 
#tabsNav .tabs-disabled a:link, #tabsNav .tabs-disabled a:visited 
{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
#tabsNav a:hover, #tabsNav a:focus, #tabsNav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
#tabsNav .tabs-disabled { opacity: .4; }