.tabs {
	list-style:none;
	height:28px;
	background:url(tabs/backing.gif) repeat-x;
	margin-top: 4px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.tabs li {
	display:block;
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0;
}
.tabs li a {display:block; text-decoration:none; position:relative;}

.tabs li a b.p1 {
	display:block;
	width:10px;
	height:28px;
	background:url(images/tab_normal_left.png);
	float:left;
}
.tabs li a b.p2 {
	display:block;
	height:28px;
	background:url(images/tab_normal_mid.png) repeat-x;
	float:left;
	text-align:center;
	line-height:28px;
	color:#fff;
	font-family: "helvetica condensed", helveticacondensed, "helvetcia narrow", helveticanarrow, "arial condensed", arialcondensed, "arial narrow", arialnarrow, helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	font-size:14px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}
.tabs li a b.p3 {display:block; width:15px; height:28px; background:url(images/tab_normal_right.png); float:left; position:relative; z-index:100;}

.tabs li a.m1 {z-index:800;}
.tabs li a.m2 {z-index:700;}
.tabs li a.m3 {z-index:600;}
.tabs li a.m4 {z-index:500;}
.tabs li a.m5 {z-index:400;}
.tabs li a.m6 {z-index:300;}
.tabs li a.m7 {z-index:200;}
.tabs li a.m8 {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(images/tab_hover_left.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:100; background:url(images/tab_hover_mid.png) repeat-x; color:#fff; 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(images/tab_hover_right.png); 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(images/tab_selected_left.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:200; background:url(images/tab_selected_mid.png) repeat-x; color:#fff; 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(images/tab_selected_right.png); cursor:default;}
