.tabs {list-style:none; padding:11px 0 0 10px; margin:30px 10px 50px 0; height:26px; background:url(../graphics/tab_backing.gif) repeat-x left bottom;}

.tabs li {float:left; margin-right:-22px;}
.tabs li span {display:block; position:relative; text-decoration:none;}
.tabs li span em {display:block; height:26px; float:left; padding:0 39px 0 10px; background:url(../graphics/tab_new1.png) right top; position:relative; z-index:100; font-size:12px; font-weight:bold; font-style:normal; color:#ccc; line-height:25px; font-family:verdana;}
.tabs li span b {display:block; float:left; width:29px; height:26px; background:url(../graphics/tab_new1.png) left top; position:relative; z-index:200;}

.tabs li span.m1 {z-index:600;}
.tabs li span.m2 {z-index:500;}
.tabs li span.m3 {z-index:400;}
.tabs li span.m4 {z-index:300;}
.tabs li span.m5 {z-index:200;}
.tabs li span.m6 {z-index:100;}

.tabs li span:hover {border:0; z-index:700; cursor:pointer;}
.tabs li span:hover b {background-position: left center;}
.tabs li span:hover em  {background-position: right center; color:#fff;}

.tabs li span.selected, .tabs li a.selected:hover {border:0; z-index:800; cursor:default;}
.tabs li span.selected b, .tabs li a.selected:hover b {background-position: left bottom;}
.tabs li span.selected em, .tabs li a.selected:hover em  {background-position: right bottom; color:#fff;}