nico@207: /* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */
nico@207: 
nico@207: DIV.tabs
nico@207: {
nico@207:    float            : left;
nico@207:    width            : 100%;
nico@207:    background       : url("tab_b.gif") repeat-x bottom;
nico@207:    margin-bottom    : 4px;
nico@207: }
nico@207: 
nico@207: DIV.tabs UL
nico@207: {
nico@207:    margin           : 0px;
nico@207:    padding-left     : 10px;
nico@207:    list-style       : none;
nico@207: }
nico@207: 
nico@207: DIV.tabs LI, DIV.tabs FORM
nico@207: {
nico@207:    display          : inline;
nico@207:    margin           : 0px;
nico@207:    padding          : 0px;
nico@207: }
nico@207: 
nico@207: DIV.tabs FORM
nico@207: {
nico@207:    float            : right;
nico@207: }
nico@207: 
nico@207: DIV.tabs A
nico@207: {
nico@207:    float            : left;
nico@207:    background       : url("tab_r.gif") no-repeat right top;
nico@207:    border-bottom    : 1px solid #84B0C7;
nico@207:    font-size        : x-small;
nico@207:    font-weight      : bold;
nico@207:    text-decoration  : none;
nico@207: }
nico@207: 
nico@207: DIV.tabs A:hover
nico@207: {
nico@207:    background-position: 100% -150px;
nico@207: }
nico@207: 
nico@207: DIV.tabs A:link, DIV.tabs A:visited,
nico@207: DIV.tabs A:active, DIV.tabs A:hover
nico@207: {
nico@207:        color: #1A419D;
nico@207: }
nico@207: 
nico@207: DIV.tabs SPAN
nico@207: {
nico@207:    float            : left;
nico@207:    display          : block;
nico@207:    background       : url("tab_l.gif") no-repeat left top;
nico@207:    padding          : 5px 9px;
nico@207:    white-space      : nowrap;
nico@207: }
nico@207: 
nico@207: DIV.tabs INPUT
nico@207: {
nico@207:    float            : right;
nico@207:    display          : inline;
nico@207:    font-size        : 1em;
nico@207: }
nico@207: 
nico@207: DIV.tabs TD
nico@207: {
nico@207:    font-size        : x-small;
nico@207:    font-weight      : bold;
nico@207:    text-decoration  : none;
nico@207: }
nico@207: 
nico@207: 
nico@207: 
nico@207: /* Commented Backslash Hack hides rule from IE5-Mac \*/
nico@207: DIV.tabs SPAN {float : none;}
nico@207: /* End IE5-Mac hack */
nico@207: 
nico@207: DIV.tabs A:hover SPAN
nico@207: {
nico@207:    background-position: 0% -150px;
nico@207: }
nico@207: 
nico@207: DIV.tabs LI#current A
nico@207: {
nico@207:    background-position: 100% -150px;
nico@207:    border-width     : 0px;
nico@207: }
nico@207: 
nico@207: DIV.tabs LI#current SPAN
nico@207: {
nico@207:    background-position: 0% -150px;
nico@207:    padding-bottom   : 6px;
nico@207: }
nico@207: 
nico@207: DIV.nav
nico@207: {
nico@207:    background       : none;
nico@207:    border           : none;
nico@207:    border-bottom    : 1px solid #84B0C7;
nico@207: }