/* source: http://www.cssplay.co.uk/menus/overlap_two.html */

.tabs {list-style:none; height:35px; }
.tabs li {display:block; float:left; margin:0 -35px -1px 0;}
.tabs li a {display:block; text-decoration:none; position:relative;}

.tabs li a b { color: #cccccc; }
.tabs li a b.p1 {display:block; width:35px; height:35px; background:url(tabs/img_tab-bluedark-left.gif); float:left;}
.tabs li a b.p2 {display:block; height:35px; padding: 6px 10px; background:url(tabs/img_tab-bluedark-middle.gif) repeat-x; float:left; text-align:center; line-height:28px; font-weight:bold; font-size:1.3em;}
.tabs li a b.p3 {display:block; width:35px; height:35px; background:url(tabs/img_tab-bluedark-right.gif); float:left; position:relative; z-index:100;}

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

.tabs li a:hover,
.tabs li a:focus,
.tabs li a:active
	{border:0; z-index:700;}

.tabs li a:hover b.p1,
.tabs li a:focus b.p1,
.tabs li a:active b.p1
	{position:relative; z-index:100; background:url(tabs/img_tab-bluelight-left.gif); cursor:pointer;}
.tabs li a:hover b.p2,
.tabs li a:focus b.p2,
.tabs li a:active b.p2
	{position:relative; z-index:100; background:url(tabs/img_tab-bluelight-middle.gif) repeat-x; color:#ffffff; cursor:pointer;}
.tabs li a:hover b.p3,
.tabs li a:focus b.p3,
.tabs li a:active b.p3
	{position:relative; z-index:100; background:url(tabs/img_tab-bluelight-right.gif); cursor:pointer;}

.tabs li a.selected {z-index:800;}
.tabs li a.selected b.p1,
.tabs li a:hover.selected b.p1,
.tabs li a:active.selected b.p1
	{position:relative; z-index:200; background:url(tabs/img_tab-bluelight-left.gif); 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:200; background:url(tabs/img_tab-bluelight-middle.gif) repeat-x; color:#c1c1c1; 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:200; background:url(tabs/img_tab-bluelight-right.gif); cursor:default;}