@charset "utf-8";
/* CSS Document */

img, div, b.p1, b.p3{ _behavior: url(../training_center/iepngfix.htc) }

.tabs {list-style:none; padding:0px 0px 0px 0px; margin:-2px 0px 0px 0px; width:719px;}
.tabs li {display:block; float:left; margin:0px -25px 0px 0px;}
.tabs li a {display:block; text-decoration:none; position:relative;}

.tabs li a b.p1 {display:block; width:24px; height:27px; background:url(../images/tabs/normal_l.png); float:left;}
.tabs li a b.p2 {display:block; height:27px; padding:0px 5px; background:url(../images/tabs/normal_m.png) repeat-x; float:left; text-align:center; line-height:32px; color:#9c0000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.tabs li a b.p3 {display:block; width:24px; height:27px; background:url(../images/tabs/normal_r.png); 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(../images/tabs/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:100; background:url(../images/tabs/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:100; background:url(../images/tabs/hover_r.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,
.tabs li a:focus.selected b.p1
{position:relative; z-index:200; background:url(../images/tabs/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,
.tabs li a:focus.selected b.p2
{position:relative; z-index:200; background:url(../images/tabs/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,
.tabs li a:focus.selected b.p3
{position:relative; z-index:200; background:url(../images/tabs/select_r.png); cursor:default;}