/* Overlapping tabs implementation based on technique by Stu Nichols: http://www.cssplay.co.uk/menus/overlap_two.html */

.tabs {list-style:none; padding:11px 29px 0px 0px;  height:29px; background:url(../images/backing.gif) repeat-x; }
.tabs li {display:block; float:left; margin:0 -29px -1px 0px;}
.tabs li a {display:block; text-decoration:none; position:relative;}
.tabs li a b.p1 {display:block; width:29px; height:29px; background:url(../images/normal_l.png); float:left;}
.tabs li a b.p2 {display:block; height:29px; padding:0 10px; background:url(../images/normal_m.png) repeat-x; float:left; text-align:center; line-height:28px; color:#dfd; font-weight:normal; font-family:verdana; font-size:12px;}
.tabs li a b.p3 {display:block; width:29px; height:29px; background:url(../images/normal_r.png); float:left; position:relative; z-index:10;}
.tabs li a.m1 {z-index:60;}
.tabs li a.m2 {z-index:50;}
.tabs li a.m3 {z-index:40;}
.tabs li a.m4 {z-index:30;}
.tabs li a.m5 {z-index:20;}
.tabs li a.m6 {z-index:10;}
.tabs li a:hover, .tabs li a:focus, .tabs li a:active {border:0; z-index:70;}
.tabs li a:hover b.p1, .tabs li a:focus b.p1, .tabs li a:active b.p1 {position:relative; z-index:10; background:url(../images/hover_l.png); cursor:pointer;}
.tabs li a:hover b.p2, .tabs li a:focus b.p2, .tabs li a:active b.p2 {position:relative; z-index:10; background:url(../images/hover_m.png) repeat-x; color:#040; cursor:pointer;}
.tabs li a:hover b.p3, .tabs li a:focus b.p3, .tabs li a:active b.p3 {position:relative; z-index:10; background:url(../images/hover_r.png); cursor:pointer;}
.tabs li a.selected {z-index:80;}
.tabs li a.selected b.p1, .tabs li a:hover.selected b.p1, .tabs li a:active.selected b.p1 {position:relative; z-index:20; background:url(../images/select_l.png); cursor:default;}
.tabs li a.selected b.p2, .tabs li a:hover.selected b.p2, .tabs li a:active.selected b.p2 {position:relative; z-index:20; background:url(../images/select_m.png) repeat-x; color:#000; cursor:default;}
.tabs li a.selected b.p3, .tabs li a:hover.selected b.p3, .tabs li a:active.selected b.p3 {position:relative; z-index:20; background:url(../images/select_r.png); cursor:default;}