1 .tabs, .tabs2, .tabs3 { 2 background-image: url('tab_b.png'); 3 width: 100%; 4 z-index: 101; 5 font-size: 13px; 6 font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif; 7 } 8 9 .tabs2 { 10 font-size: 10px; 11 } 12 .tabs3 { 13 font-size: 9px; 14 } 15 16 .tablist { 17 margin: 0; 18 padding: 0; 19 display: table; 20 } 21 22 .tablist li { 23 float: left; 24 display: table-cell; 25 background-image: url('tab_b.png'); 26 line-height: 36px; 27 list-style: none; 28 } 29 30 .tablist a { 31 display: block; 32 padding: 0 20px; 33 font-weight: bold; 34 background-image:url('tab_s.png'); 35 background-repeat:no-repeat; 36 background-position:right; 37 color: #283A5D; 38 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9); 39 text-decoration: none; 40 outline: none; 41 } 42 43 .tabs3 .tablist a { 44 padding: 0 10px; 45 } 46 47 .tablist a:hover { 48 background-image: url('tab_h.png'); 49 background-repeat:repeat-x; 50 color: #fff; 51 text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); 52 text-decoration: none; 53 } 54 55 .tablist li.current a { 56 background-image: url('tab_a.png'); 57 background-repeat:repeat-x; 58 color: #fff; 59 text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); 60 } 61