@charset "utf-8";
/* CSS Document */
ul{
	margin:0px;
}
li{
	margin:0px;
}
.tabs {
	list-style:none;
	height:50px;
	padding: 0px;
	width:550px;
}
.tabs li {
	display:block;
	float:left;
	margin-top: 0;
	margin-right: -29px;
	margin-left: 0;
	padding:0px;
}
.tabs li a {
	display:block;
	text-decoration:none;
	position:relative;
	margin:0px;
	padding:0px;
}

.tabs li a b.p1 {
	display:block;
	width:60px;
	height:50px;
	background:url(../images/bg-left.png);
	float:left;
	margin:0px;
	padding:0px;
}
.tabs li a b.p2 {
	display:block;
	height:40px;
	background:url(../images/bg-cen.png) repeat-x;
	float:left;
	text-align:center;
	color:#993;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding-top: 12px;
	padding-right: 45px;
	padding-left: 45px;
	margin:0px;
}
.tabs li a b.p3 {
	display:block;
	width:60px;
	height:50px;
	background:url(../images/bg-right.png);
	float:left;
	position:relative;
	z-index:900;
}

.tabs li a.m1 {z-index:900;}
.tabs li a.m2 {z-index:800;}
.tabs li a.m3 {z-index:700;}
.tabs li a.m4 {z-index:600;}
.tabs li a.m5 {z-index:500;}
.tabs li a.m6 {z-index:400;}

.tabs li a:hover,
.tabs li a:focus,
.tabs li a:active
{border:0; z-index:1000;}
.tabs li a:hover b.p1,
.tabs li a:focus b.p1,
.tabs li a:active b.p1
{position:relative; z-index:1000; background:url(../images/bg2-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:1000;
	background:url(../images/bg2-c.png) repeat-x;
	color:#FF0;
	cursor:pointer;
	padding-top: 12px;
}
.tabs li a:hover b.p3,
.tabs li a:focus b.p3,
.tabs li a:active b.p3
{position:relative; z-index:900; background:url(../images/bg2-r.png); cursor:pointer;}

.tabs li a.selected {
	z-index:900;
}
.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/hover-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/hover-cen.png) repeat-x;
	color:#FF0;
	cursor:default;
	padding-top: 12px;
}
.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/hover-right.png); cursor:default;}