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