/* ylänavigointipalkki */

.tabs {
list-style:none;
padding:10px 0 0 0px;
margin:0px 0px 0px 0;
height:26px;
width: 682px;
background:#0459a9;
}

.tabs li {
float:right;
margin-right:-29px;
}

.tabs li a {
display:block;
position:relative;
text-decoration:none;
}

.tabs li a em {
display:block;
height:26px;
float:left;
padding:0 39px 0 10px;
background:url(tab3.gif) right top;
position:relative;
font-size:11px;
font-weight:normal;
font-style:normal;
color:#fff;
line-height:25px;
font-family:verdana;
}

.tabs li a b {
display:block;
float:left;
width:29px; 
height:26px;
background:url(tab3.gif) left top;
position:relative;
}

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

.tabs li a:hover {
border:0;
cursor:pointer;
z-index:700; 
}

.tabs li a:hover b {
background-position: left center;
}

.tabs li a:hover em  {
background-position: right center;
color:#050;
}

.tabs li a.selected, .tabs li a.selected:hover {
border:0;
cursor:default;
z-index:800;
}

.tabs li a.selected b, .tabs li a.selected:hover b {
background-position: left bottom;
}

.tabs li a.selected em, .tabs li a.selected:hover em  {
background-position: right bottom;
color:#000;
}