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