.tabs {list-style:none; padding:0px 0 0 0px; margin:0px 10px 0px 0; height:30px; background:transparent url(images/backing.gif) repeat-x left bottom;}
.tabs li {float:left; margin-right:-1px;}
.tabs li a {display:block; position:relative; text-decoration:none;}
.tabs li a em {display:block; height:30px; float:left; /*padding:0 8px 0 2px;*/padding:0 10px 0 2px; background:transparent url(images/tabs.gif) right top; position:relative; z-index:100; color:#fff; font:bold 0.75em Arial; text-transform:uppercase; text-decoration: none; line-height:30px;}
.tabs li a b {display:block; float:left; /*width:8px;*/width:12px; height:30px; background:transparent url(images/tabs.gif) left top; position:relative; z-index:200;}

.tabs li a.m0 {z-index:1100;}
.tabs li a.m1 {z-index:1000;}
.tabs li a.m2 {z-index:900;}
.tabs li a.m3 {z-index:800;}
.tabs li a.m4 {z-index:700;}
.tabs li a.m5 {z-index:600;}
.tabs li a.m6 {z-index:500;}
.tabs li a.m7 {z-index:400;}
.tabs li a.m8 {z-index:300;}
.tabs li a.m9 {z-index:200;}
.tabs li a.m10 {z-index:100;}

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

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