adamstark@60: .tabs, .tabs2, .tabs3 {
adamstark@60:     background-image: url('tab_b.png');
adamstark@60:     width: 100%;
adamstark@60:     z-index: 101;
adamstark@60:     font-size: 13px;
adamstark@60:     font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
adamstark@60: }
adamstark@60: 
adamstark@60: .tabs2 {
adamstark@60:     font-size: 10px;
adamstark@60: }
adamstark@60: .tabs3 {
adamstark@60:     font-size: 9px;
adamstark@60: }
adamstark@60: 
adamstark@60: .tablist {
adamstark@60:     margin: 0;
adamstark@60:     padding: 0;
adamstark@60:     display: table;
adamstark@60: }
adamstark@60: 
adamstark@60: .tablist li {
adamstark@60:     float: left;
adamstark@60:     display: table-cell;
adamstark@60:     background-image: url('tab_b.png');
adamstark@60:     line-height: 36px;
adamstark@60:     list-style: none;
adamstark@60: }
adamstark@60: 
adamstark@60: .tablist a {
adamstark@60:     display: block;
adamstark@60:     padding: 0 20px;
adamstark@60:     font-weight: bold;
adamstark@60:     background-image:url('tab_s.png');
adamstark@60:     background-repeat:no-repeat;
adamstark@60:     background-position:right;
adamstark@60:     color: #283A5D;
adamstark@60:     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
adamstark@60:     text-decoration: none;
adamstark@60:     outline: none;
adamstark@60: }
adamstark@60: 
adamstark@60: .tabs3 .tablist a {
adamstark@60:     padding: 0 10px;
adamstark@60: }
adamstark@60: 
adamstark@60: .tablist a:hover {
adamstark@60:     background-image: url('tab_h.png');
adamstark@60:     background-repeat:repeat-x;
adamstark@60:     color: #fff;
adamstark@60:     text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
adamstark@60:     text-decoration: none;
adamstark@60: }
adamstark@60: 
adamstark@60: .tablist li.current a {
adamstark@60:     background-image: url('tab_a.png');
adamstark@60:     background-repeat:repeat-x;
adamstark@60:     color: #fff;
adamstark@60:     text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
adamstark@60: }