/*
 * jquery.ui.potato.menu
 * 
 * Copyright (c) 2009 makoto_kw (makoto.kw@gmail.com)
 * Dual licensed under the MIT and GPL licenses.
 * 
 * Version: 1.0
 */
ul.potato-menu {
 margin:0;
 padding:0;

 list-style:none;
width: 632px;
font: 16px lighter "AiheSansIIRegular", "Lucida Grande", "Lucida Sans";
}
.potato-menu:after {
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
}
ul.potato-menu li.potato-menu-item {
 margin:0;
 padding:0;
 position:relative;
 list-style:none;
 list-style-position:outside;
 display:inline;
 float:left;
}
ul.potato-menu li.potato-menu-item a {
 display:block;
 text-decoration:none;
 white-space:nowrap;
 outline:0;
text-align:center;
}
ul.potato-menu ul.potato-menu-group {
width: 112px; 
margin:0;
 padding:3px 3px 3px 25px;
 -webkit-padding-start:0;
 -webkit-padding-end:0;
 position:absolute;
 display:none;
 z-index:1000;
}


.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
/*color: white;*/
text-shadow:#000000 1px 2px 2px;

}



.droplinebar ul li a.aihe { background: url("../public/images/Aihe_valikko_sprite.jpg") left top; height: 39px; width: 112px;font: 16px lighter "AiheSansIIRegular", "Lucida Grande", "Lucida Sans";
line-height:42px; color: #999;}
.droplinebar ul li a.ratkaisut{ background: url("../public/images/Aihe_valikko_sprite.jpg") -112px top; height: 39px; width: 112px;font: 16px lighter "AiheSansIIRegular", "Lucida Grande", "Lucida Sans";
line-height:42px; color: #999;}
.droplinebar ul li a.palvelut{ background: url("../public/images/Aihe_valikko_sprite.jpg") -224px top; height: 39px; width: 112px;font: 16px lighter "AiheSansIIRegular", "Lucida Grande", "Lucida Sans";
line-height:42px; color: #999;}
.droplinebar ul li a.yhteydet{ background: url("../public/images/Aihe_valikko_sprite.jpg") -448px 0px; height: 39px; width: 112px;font: 16px lighter "AiheSansIIRegular", "Lucida Grande", "Lucida Sans";
line-height:42px; color: #999;}
.droplinebar ul li a.referenssit{ background: url("../public/images/Aihe_valikko_sprite.jpg") -448px top; height: 39px; width: 112px;font: 16px lighter "AiheSansIIRegular", "Lucida Grande", "Lucida Sans";
line-height:42px; color: #999;}
.droplinebar ul li a.naytot{ background: url("../public/images/Aihe_valikko_sprite.jpg") -336px top; height: 39px; width: 112px;font: 16px lighter "AiheSansIIRegular", "Lucida Grande", "Lucida Sans";
line-height:42px; color: #999;}
.droplinebar ul li a.eng{ background: url("../public/images/Aihe_valikko_sprite.jpg") -560px top; height: 39px; width: 72px;
color: #7cc9cd;
font: normal 11px "AiheSansIIRegular", "Lucida Grande";
line-height:40px;
vertical-align:text-top;
}


/* a:hover */
.droplinebar ul li a.aihe:hover {background: url("../public/images/Aihe_valikko_sprite.jpg") left -39px; height: 39px; width: 112px;color: #b2d408;line-height:40px; }
.droplinebar ul li a.ratkaisut:hover { background: url("../public/images/Aihe_valikko_sprite.jpg") -112px -39px; height: 39px; width: 112px;color: #b2d408;line-height:40px;}
.droplinebar ul li a.palvelut:hover{background: url("../public/images/Aihe_valikko_sprite.jpg") -224px -39px; height: 39px; width: 112px;color: #b2d408;line-height:40px;}
.droplinebar ul li a.yhteydet:hover { background: url("../public/images/Aihe_valikko_sprite.jpg") -336px -39px; height: 39px; width: 112px;color: #b2d408;line-height:40px;}
.droplinebar ul li a.naytot:hover { background: url("../public/images/Aihe_valikko_sprite.jpg") -336px -39px; height: 39px; width: 112px;color: #b2d408;line-height:40px;}

/*.droplinebar ul li a.referenssit:hover{background: url("../public/images/Aihe_valikko_sprite.jpg") -448px -39px; height: 39px; width: 112px;color: #b2d408;line-height:40px;} */
.droplinebar ul li a.eng:hover{background: url("../public/images/Aihe_valikko_sprite.jpg") -560px -39px; height: 39px; width: 72px;
color: #7cc9cd;
font: normal 11px "AiheSansIIRegular", "Lucida Grande";
line-height:40px;



vertical-align:text-top;}

/* a:selected */
.droplinebar ul li.root a.aihe {background: url("../public/images/Aihe_valikko_sprite.jpg") left -117px; height: 39px; width: 112px;color: #b2d408; }
.droplinebar ul li.root a.ratkaisut { background: url("../public/images/Aihe_valikko_sprite.jpg") -112px -117px; height: 39px; width: 112px; color: #b2d408;  }
.droplinebar ul li.root a.palvelut {background: url("../public/images/Aihe_valikko_sprite.jpg") -224px -117px; height: 39px; width: 112px;color: #b2d408; }
.droplinebar ul li.root a.yhteydet {background: url("../public/images/Aihe_valikko_sprite.jpg") -448px -117px; height: 39px; width: 112px; color: #b2d408;}
.droplinebar ul li.root a.referenssit {background: url("../public/images/Aihe_valikko_sprite.jpg") -448px -117px; height: 39px; width: 112px;color: #b2d408; }
.droplinebar ul li.root a.naytot {background: url("../public/images/Aihe_valikko_sprite.jpg") -336px -117px; height: 39px; width: 112px;color: #b2d408; }
.droplinebar ul li.root a.eng {background: url("../public/images/Aihe_valikko_sprite.jpg") -560px -117px; height: 39px; width: 72px; color: #7cc9cd;}


/* a:focus*/
.droplinebar ul li a.aihe:focus {
 background: url("../public/images/Aihe_valikko_sprite.jpg") left -78px;
 height:39px;
 width: 112px;
 color:#999999;
 text-shadow:#000 -1px -1px 2px;
 line-height:43px;
}
.droplinebar ul li a.ratkaisut:focus {
 background: url("../public/images/Aihe_valikko_sprite.jpg") -112px -78px;
 height: 39px;
 width: 112px;
 color:#999999;
 text-shadow:#000 -1px -1px 2px;
 line-height:43px;
}
.droplinebar ul li a.palvelut:focus {
 background: url("../public/images/Aihe_valikko_sprite.jpg") -224px -78px;
 height: 39px;
 width: 112px;
 color:#999999;
 text-shadow:#000 -1px -1px 2px;
 line-height:43px;
}
.droplinebar ul li a.yhteydet:focus {
 background: url("../public/images/Aihe_valikko_sprite.jpg") -448px -78px;
 height: 39px;
 width: 112px;
 color:#999999;
 text-shadow:#000 -1px -1px 2px;
 line-height:43px;
}
.droplinebar ul li a.referenssit:focus {
 background: url("../public/images/Aihe_valikko_sprite.jpg") -448px -78px;
 height: 39px;
 width: 112px;
 color:#999999;
 text-shadow:#000 -1px -1px 2px;
 line-height:43px;
}

.droplinebar ul li a.naytot:focus {
 background: url("../public/images/Aihe_valikko_sprite.jpg") -336px -78px;
 height: 39px;
 width: 112px;
 color:#999999;
 text-shadow:#000 -1px -1px 2px;
 line-height:43px;
}

.droplinebar ul li a.eng :focus{
 background: url("../public/images/Aihe_valikko_sprite.jpg") -560px -78px;
 height: 39px;
 width: 72px;
 color:#999999;
 text-shadow:#000 -1px -1px 2px;
 line-height:43px;
}

/* a:active */
.droplinebar ul li a.aihe:active {background: url("../public/images/Aihe_valikko_sprite.jpg") left -78px; height:39px; width: 112px; }
.droplinebar ul li a.ratkaisut:active {background: url("../public/images/Aihe_valikko_sprite.jpg") -112px -78px; height: 39px; width: 112px;  }
.droplinebar ul li a.palvelut:active {background: url("../public/images/Aihe_valikko_sprite.jpg") -224px -78px; height: 39px; width: 112px; }
.droplinebar ul li a.yhteydet:active {background: url("../public/images/Aihe_valikko_sprite.jpg") -448px -78px; height: 39px; width: 112px; }
.droplinebar ul li a.referenssit:active {background: url("../public/images/Aihe_valikko_sprite.jpg") -448px -78px; height: 39px; width: 112px; }
.droplinebar ul li a.naytot:active {background: url("../public/images/Aihe_valikko_sprite.jpg") -336px -78px; height: 39px; width: 112px; }
.droplinebar ul li a.eng:active {background: url("../public/images/Aihe_valikko_sprite.jpg")-560px -78px; height: 39px; width: 72px; }
.droplinebar ul li a:visited{
 color: #999;
}


/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
background: #f6fcfc;
border-bottom: 2px solid #a1ced0;
line-height:16px;
/*background: #303c76; sub menu background color */
overflow:hidden;
display:none;
z-index:1000;
}


/* Sub level menu links style */
.droplinebar ul li ul li a{
width:auto;
font: normal 14px "AiheSansIIRegular", "Lucida Grande", Verdana;
color:#555555;
padding: 6px 20px 6px 6px;
/*padding-right: 8px;*/
margin: 0;
/*border-bottom: 1px solid navy;*/
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
 text-shadow:#000000 0px 0px 0px;

 color:#333333;
 background: transparent;
}