1 /* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */ 2 3 DIV.tabs 4 { 5 float : left; 6 width : 100%; 7 background : url("tab_b.gif") repeat-x bottom; 8 margin-bottom : 4px; 9 } 10 11 DIV.tabs UL 12 { 13 margin : 0px; 14 padding-left : 10px; 15 list-style : none; 16 } 17 18 DIV.tabs LI, DIV.tabs FORM 19 { 20 display : inline; 21 margin : 0px; 22 padding : 0px; 23 } 24 25 DIV.tabs FORM 26 { 27 float : right; 28 } 29 30 DIV.tabs A 31 { 32 float : left; 33 background : url("tab_r.gif") no-repeat right top; 34 border-bottom : 1px solid #84B0C7; 35 font-size : x-small; 36 font-weight : bold; 37 text-decoration : none; 38 } 39 40 DIV.tabs A:hover 41 { 42 background-position: 100% -150px; 43 } 44 45 DIV.tabs A:link, DIV.tabs A:visited, 46 DIV.tabs A:active, DIV.tabs A:hover 47 { 48 color: #1A419D; 49 } 50 51 DIV.tabs SPAN 52 { 53 float : left; 54 display : block; 55 background : url("tab_l.gif") no-repeat left top; 56 padding : 5px 9px; 57 white-space : nowrap; 58 } 59 60 DIV.tabs INPUT 61 { 62 float : right; 63 display : inline; 64 font-size : 1em; 65 } 66 67 DIV.tabs TD 68 { 69 font-size : x-small; 70 font-weight : bold; 71 text-decoration : none; 72 } 73 74 75 76 /* Commented Backslash Hack hides rule from IE5-Mac \*/ 77 DIV.tabs SPAN {float : none;} 78 /* End IE5-Mac hack */ 79 80 DIV.tabs A:hover SPAN 81 { 82 background-position: 0% -150px; 83 } 84 85 DIV.tabs LI.current A 86 { 87 background-position: 100% -150px; 88 border-width : 0px; 89 } 90 91 DIV.tabs LI.current SPAN 92 { 93 background-position: 0% -150px; 94 padding-bottom : 6px; 95 } 96 97 DIV.nav 98 { 99 background : none; 100 border : none; 101 border-bottom : 1px solid #84B0C7; 102 } 103