table {border-collapse: collapse;}

BODY {
  text-align: center;
  color: #000000;
  background-color: #eeeeee;

}

.htxt {font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #222222; font-weight: normal;}

label
 {
 width: 10em;
 float: left;
 text-align: left;
 margin-right: 0em;
 display: block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.mylabel
 {
 width: 12em;
 float: left;
 text-align: left;
 margin-left: 1em;
 display: block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.asetus {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvcl11 {
 width: 160px;
 float: left;
 text-align: left;
 
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 13px; 
 color: #222222; 
 font-weight: normal;
 }


.pvcl1 {
 width: 100px;
 float: left;
 text-align: left;
 
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvclv1 {
 width: 132px;
 float: left;
 text-align: left;
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }


.pvcl2  {
 width: 100px;
 float: left;
 text-align: left;
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvclv2 {
 width: 62px;
 float: left;
 text-align: left;
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvcl3 {
 width: 100px;
 float: left;
 text-align: left;
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvclv3 {
 width: 62px;
 float: left;
 text-align: left;
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvcl4 {
 width: 100px;
 float: left;
 text-align: left;
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvclv4 {
 width: 62px;
 float: left;
 text-align: left;
 display: inline-block;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvcl5 {
 width: 100px;
 float: left;
 text-align: left;
 display: inline-block
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvclv5 {
 width: 62px;
 float: left;
 text-align: left;
 display: inline-block
 font-family: Verdana, Arial, sans-serif; 
 font-size: 14px; 
 color: #222222; 
 font-weight: normal;
 }

.pvwr {
position: absolute;
z-index: 10;
width:1670px;
top:75px;
left:245px;
}


#loko {cursor:pointer;}



.prcl1 {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 24px; 
 color: #222222; 
 font-weight: bold;
 }

.prcl2 { 
 font-family: Verdana, Arial, sans-serif; 
 font-size: 18px; 
 color: #222222; 
 font-weight: bold;
 }

.prcl3 {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 12px; 
 color: #222222; 
 font-weight: bold;

 }

.prcl21 {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 16px; 
 color: #222222; 
 font-weight: normal;
 }

.prcl22 {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 12px; 
 color: #222222; 
 font-weight: normal;
 }
.prcl23 {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 9px; 
 color: #222222; 
 font-weight: normal;

 }
.uswr {
position: absolute;
z-index: 11;
width:900px;
top:5px;
right:5px;
}

.hedbu1wr {
position: absolute;
z-index: 11;
width:1280px;
top:5px;
left:370px;
}

.hedbu3wr {
position: absolute;
z-index: 11;
width:50px;
top:30px;
right:15px;
}

.hedbuokwr {
position: absolute;
z-index: 11;
width:200px;
top:15px;
left:380px;
}



.hedbu2wr {
position: absolute;
z-index: 9;
width:600px;
top:40px;
right:70px;
}


.nalawr {
position: absolute;
z-index: 9;
}

#nala {
    width: 70px;
    height: 25px;
cursor:pointer:
    opacity: 0.85;
    filter: alpha(opacity=85);

}




.kuormawr {
position: absolute;
z-index: 71;
width:504px;
height:224px;
    top: 720px;
    right: 20px;
align:left;
}
#kuorma {
    width: 500px;
    height: 220px;
    background: #ddd;
    -moz-border-radius: 5px 20px;
    -webkit-border-radius: 5px 20px;
    border-radius: 5px 20px;
    opacity: 0.85;
    filter: alpha(opacity=85);
align:left;
}

.kuosiwr {
position: absolute;
z-index: 70;

}

.kuosi {
position: relative;
display:inline-block;

width:220px;
height:200px;
    background-color: #0238a6;
    border-radius: 5px 10px;
align:left;
 color: #fff;
  font-size: 12pt;
  font-family: arial, verdana;
font-weight: 500;
line-height:18pt;
padding:2px;
    opacity: 0.85;
    filter: alpha(opacity=85);
overflow:hidden;
white-space: pre;
}





  .kupapac { 

position:relative;
z-index:70;
    display: inline;
color:#fff;
    background-color: #0238a6;
    border: 1px solid #fcfcfc;  
    height: 24px; 
    width: 150px; 
    font-size: 11pt; 
font-weight:800;
    padding: 2px 2px 2px 4px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 

} 
 
.kupapac:focus { 
    outline: none; 
color:#5a5b5e;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.35); 
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.35); 
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.35);
} 





.pvtek{
 z-index:75;position:relative;top:-280px;left:37px;width:160px;
}

@supports (-webkit-appearance:none) {
.pvtek {
 z-index:75;position:relative;top:-280px;left:37px;width:160px;
}
}


.kuta{
 z-index:75;position:relative;top:-64px;left:5px;color:#fff;
}

@supports (-webkit-appearance:none) {
.kuta {
 z-index:75;position:relative;top:-64px;left:5px;color:#fff;

}
}

.kutast {
background-color: #0238a6;
 color: #fff;
  font-size: 12pt;
line-height: 14pt;
  font-family: arial, verdana;
font-weight: 500;
height:160px;
width:210px;
}



.lappuva2{
z-index:75;position:relative;top:30px;left:8px;
}

@supports (-webkit-appearance:none) {
.lappuva2 {
 z-index:75;position:relative;top:25px;left:8px; 

}
}


.lappupv2{
z-index:75;position:relative;top:-39px;left:8px;
}
@supports (-webkit-appearance:none) {
.lappupv2 {
 z-index:75;position:relative;top:-42px;left:8px; 

}
}
.tarea2{
z-index:75;position:relative;top:-45px;left:5px;
}
@supports (-webkit-appearance:none) {
.tarea2 {
 z-index:75;position:relative;top:-45px;left:5px; 

}
}


.lappuva{
z-index:75;position:relative;top:30px;left:8px;
}

@supports (-webkit-appearance:none) {
.lappuva {
 z-index:75;position:relative;top:25px;left:8px; 

}
}


.lappupv{
z-index:75;position:relative;top:-45px;left:8px;
}

@supports (-webkit-appearance:none) {
.lappupv {
 z-index:75;position:relative;top:-45px;left:8px; 

}
}

.tarea{
z-index:75;position:relative;top:-45px;left:5px;
}

@supports (-webkit-appearance:none) {
.tarea {
 z-index:75;position:relative;top:-45px;left:5px; 

}
}

.lappst {
background-color: #ffff7c;
 color: #222;
  font-size: 12pt;
line-height: 14pt;
  font-family: arial, verdana;
font-weight: 500;
height:170px;
width:240px;
}

.lappvan {
background-color: #ffff7c;
 color: #222;
  font-size: 10pt;
  font-family: arial, verdana;
font-weight: 600;

}


.kuosite {
 color: #fff;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 600;
}


.kirpawr {
position: absolute;
z-index: 21;
width:504px;
height:344px;
    top: 600px;
    right: 20px;
    background-color: #fff;
    border-radius: 5px 10px;
align:left;
 color: #999;
  font-size: 12pt;
  font-family: arial, verdana;
font-weight: 500;
line-height:18pt;
padding:2px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}


.prjvaswr {
position: absolute;

}

.prjvas {
position: relative;
 color: #222;
  font-size: 8pt;
  font-family: arial, verdana;
font-weight: 600;
width:140px;
overflow:hidden;
white-space: pre;
}

.eiei
{
  display: inline-block;
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

/* Might want to wrap a span around your checkbox text */
.eieitext
{
 color: #222;
  font-size: 12pt;
  font-family: arial, verdana;
font-weight: 500;
  display: inline-block;
}



  .prjpac { 

position:relative;
z-index:22;
    display: inline;
color:#5a5b5e;
    border: 1px solid #5a5b5e;  
    height: 30px; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 

} 
 
.prjpac:focus { 
    outline: none; 
color:#5a5b5e;
    box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -moz-box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -webkit-box-shadow: 9px 9px 9px rgba(0,0,0,0.35);
} 





  .kirpac { 

position:relative;
z-index:22;
    display: inline;
color:#5a5b5e;
    border: 1px solid #5a5b5e;  
    height: 40px; 
    width: 480px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 

} 
 
.kirpac:focus { 
    outline: none; 
color:#5a5b5e;
    box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -moz-box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -webkit-box-shadow: 9px 9px 9px rgba(0,0,0,0.35);
} 


  .kuopac2 { 

position:relative;
z-index:20;
overflow:hidden;
background-color:#eee;
    border: 1px solid #5a5b5e;  
    height: 40px; 
    width: 160px; 
    font-size: 15px;
	font-weight:700; 
    padding: 4px 4px 4px 4px; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 

} 





  .kuopac { 

position:relative;
z-index:20;
overflow:hidden;
color:#5a5b5e;
    border: 1px solid #5a5b5e;  
    height: 40px; 
    width: 160px; 
    font-size: 15px;
	font-weight:700; 
    padding: 4px 4px 4px 4px; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 

} 
 
.kuopac:focus { 
    outline: none; 
color:#5a5b5e;
    box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -moz-box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -webkit-box-shadow: 9px 9px 9px rgba(0,0,0,0.35);
} 

  .logpac { 

position:relative;
z-index:20;
overflow:hidden;
color:#5a5b5e;
    border: 1px solid #5a5b5e;  
    height: 30px; 
    width: 180px; 
    font-size: 15px;
	font-weight:500; 
    padding: 4px 4px 4px 4px; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 

} 
 
.logpac:focus { 
    outline: none; 
color:#5a5b5e;
    box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -moz-box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -webkit-box-shadow: 9px 9px 9px rgba(0,0,0,0.35);
} 

  .usepac { 

position:relative;
z-index:20;
overflow:hidden;
color:#5a5b5e;
    border: 1px solid #5a5b5e;  
    height: 28px; 
    width: 220px; 
    font-size: 14px;
	font-weight:500; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 

} 
 
.usepac:focus { 
    outline: none; 
color:#5a5b5e;
    box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -moz-box-shadow: 9px 9px 9px rgba(0,0,0,0.35); 
    -webkit-box-shadow: 9px 9px 9px rgba(0,0,0,0.35);
} 



.kuopv {
position: relative;
display:inline-block;
z-index: 21;
width:470px;
height:85px;
    background-color: #fff;
    border-radius: 5px 10px;
align:left;
 color: #000;
  font-size: 12pt;
  font-family: arial, verdana;
font-weight: 500;
line-height:18pt;
padding:2px;
    opacity: 0.85;
    filter: alpha(opacity=85);
}




.hedbut {
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #5a9bd4), color-stop(1, #185aa9) );
    background:-moz-linear-gradient( center top, #5a9bd4 60%, #185aa9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9bd4', endColorstr='#185aa9');
    background-color:#5a9bd4;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #057ac9;
    display:inline-block;
 color: #fff;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 500;
    padding:4px 10px;
    text-shadow:1px 1px 0px #292929;
    cursor:pointer;
}

.hedbut2 {
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #5a9bd4), color-stop(1, #185aa9) );
    background:-moz-linear-gradient( center top, #5a9bd4 60%, #185aa9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9bd4', endColorstr='#185aa9');
    background-color:#5a9bd4;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #057ac9;
    display:inline-block;
 color: #fff;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 500;
    padding:4px 10px;
    text-shadow:1px 1px 0px #292929;
    cursor:pointer;
}


.hedbutred {
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #ee0000), color-stop(1, #c60001) );
    background:-moz-linear-gradient( center top, #ee0000 60%, #c60001 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#c60001');
    background-color:#ee0000;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #057ac9;
    display:inline-block;
 color: #fff;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 500;
    padding:4px 10px;
    text-shadow:1px 1px 0px #292929;
    cursor:pointer;
}




.hedbut3 {
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #01256c), color-stop(1, #0239a6) );
    background:-moz-linear-gradient( center top, #01256c 60%, #0239a6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01256c', endColorstr='#0239a6');
    background-color:#01256c;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #057ac9;
    display:inline-block;
 color: #fff;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 500;
    padding:4px 10px;
    text-shadow:1px 1px 0px #292929;
    cursor:pointer;
}



.hedbutv {
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.65, #faa75b), color-stop(1, #f47d23) );
    background:-moz-linear-gradient( center top, #faa75b 65%, #f47d23 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa75b', endColorstr='#f47d23');
    background-color:#faa75b;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #057ac9;
    display:inline-block;
 color: #fff;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 500;
    padding: 4px 16px;
    text-shadow:1px 1px 0px #292929;
    cursor:pointer;
}


.hedbutpi {
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #5a9bd4), color-stop(1, #185aa9) );
    background:-moz-linear-gradient( center top, #5a9bd4 60%, #185aa9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9bd4', endColorstr='#185aa9');
    background-color:#5a9bd4;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #057ac9;
    display:inline-block;
 color: #fff;
  font-size: 8pt;
  font-family: arial, verdana;
font-weight: 600;
    padding:2px 4px;
    text-shadow:1px 1px 0px #292929;
    cursor:pointer;
}

@supports (-webkit-appearance:none) {
.hedbutpi {
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #5a9bd4), color-stop(1, #185aa9) );
    background:-moz-linear-gradient( center top, #5a9bd4 60%, #185aa9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9bd4', endColorstr='#185aa9');
    background-color:#5a9bd4;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #057ac9;
    display:inline-block;
 color: #fff;
  font-size: 9pt;
  font-family: arial, verdana;
font-weight: 600;
    padding:3px 6px;
    text-shadow:1px 1px 0px #292929;
    cursor:pointer;
}
}



.vilkku1 {
  animation: blinker 2s linear infinite;
  background: yellow; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ffff00, #ff0000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, , #ffff00, #ff0000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, , #ffff00, #ff0000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, , #ffff00, #ff0000); /* Standard syntax */
    border-radius: 5px 20px 5px 5px;
}



.vilkku2 {
  animation: blinker 2s linear infinite;
  background: yellow; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ffff00, #000000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, , #ffff00, #000000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, , #ffff00, #000000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, , #ffff00, #000000); /* Standard syntax */
    border-radius: 5px 20px 5px 5px;
}

.vilkku3 {
  animation: blinker 2s linear infinite;
  background: yellow; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #000000, #ffff00); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, , #000000, #ffff00); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, , #000000, #ffff00); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, , #000000, #ffff00); /* Standard syntax */
    border-radius: 5px 20px 5px 5px;
}


@keyframes blinker {  
  50% { opacity: 0; }
}


.act10_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act11_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act12_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act13_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act14_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act15_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act16_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act17_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act18_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}
.act19_tn {position: absolute;display:inline-block;z-index: 70;width:250px;height:250px;background-color: #ffff7c;border-radius: 5px 10px;align:left;color: #000;font-size: 12pt;font-family: arial, verdana;font-weight: 500;line-height:18pt;padding:2px;opacity: 0.95;filter: alpha(opacity=95);overflow:hidden;white-space: pre;box-shadow: 0 10px 10px -10px #8c8b8b;}



div.vertical-line{
  width: 1px;
  background-color: silver;
  height: 100%;
  float: left;
  border: 2px ridge silver ;
  border-radius: 2px;
height:100%;
z-index:99;
}

.pvtx {
    display:inline-block;
 color: #0439a6;
  font-size: 12pt;
  font-family: arial, verdana;
font-weight: 800;
}


.ohipois {
    display:inline-block;
 color: #0439a6;
  font-size: 12pt;
  font-family: arial, verdana;
font-weight: 600;
    width: 100px;
    height: 20px;
    background: #eee;
    border-radius: 5px 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
text-align:center;
 }

.ohiwr {
position: absolute;
z-index: 10;
width:100px;
}





.esikat {
position:relative;
width:1100px;
height:180px;
left:-360px;
top:10px;
  background: #fcfcfc;
    border-radius: 5px 20px;
border-style: solid;
border-width: 4px;
border-color: #eee;
z-index:8;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.esikat2 {
position:absolute;
width:1100px;
height:320px;
left:50px;
top:505px;
  background: #fcfcfc;
    border-radius: 5px 20px;
border-style: solid;
border-width: 4px;
border-color: #eee;
z-index:8;
    opacity: 0.85;
    filter: alpha(opacity=85);
}



.taval {    display:inline-block;
 color: #000;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 700;}

.tnaan {    display:inline-block;
 color: #ff0000;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 700;}

.eilen {    display:inline-block;
 color: #0439a6;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 700;}

.aiclswr {
position: absolute;
z-index: 44;
width:120px;
height:20px
}

.yvko {    display:inline-block;
 color: #000;
  font-size: 11pt;
  font-family: arial, verdana;
font-weight: 700;
text-align:center;
}

.logma {    
 color: #000;
  font-size: 13pt;
  font-family: arial, verdana;
font-weight: 500;
text-align:center;
}


.wkwr {
position: absolute;
z-index: 20;

height:1px
}


#wkwr2 {    display:inline-block;
background-color: #aaa;
height:1px;
position:relative;
width:280px;
left:0px;
}



.wkswr {
position: absolute;
z-index: 20;

height:20px
}



.alapal {    display:inline-block;
background-color: #fff;
height:2px;
position:relative;
width:1620px;
}

.alapal2 {    display:inline-block;
background-color: #ddd;
height:2px;
position:relative;
width:1900px;
}

.alawr2 {
position: absolute;
z-index: 21;
left:0px;width:1900px;
height:2px
}
.alawr {
position: absolute;
z-index: 11;
left:280px;width:1620px;
height:2px
}


.yvvalwr {
position:absolute;
top:80px;
left:0px;
z-index:30;
}

.yvvalwrep {
position:absolute;
top:80px;
left:0px;
z-index:3;
}

.yvvalwrep2 {
position:absolute;
top:80px;
left:278px;
z-index:3;
}

.yvvalwr2 {
position:absolute;
top:60px;
left:0px;
z-index:30;
}


.yvvalwrep3 {
position:absolute;
top:80px;
left:0px;
z-index:3;
}





#yvval2 {
    position relative;	
    width: 600px;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

#yvval {
    position relative;	
    width: 1200px;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

#yvvalep {
    position relative;	
    width: 1900px;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

#yvvalep2 {
    position relative;	
    width: 1622px;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}



#yvvalep3 {
    position relative;	
    width: 65px;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}



#kalvi {
    position relative;	
    width: 1050px;
    height: 1px;
    background: #000;

    opacity: 0.7;
    filter: alpha(opacity=70);
}

.vaitana {
    position relative;	
    width: 120px;
    height: 30px;
}

.vaienj {
    position relative;	
    width: 300px;
    height: 30px;
font-family: Verdana, Arial, sans-serif; 
 font-size: 15px; 
 color: #222222; 
 font-weight: bold;
}

#vasval {
     font-family: Verdana, Arial, sans-serif; 
 font-size: 13px; 
 color: #222222; 
 font-weight: bold;
    border-collapse: collapse;

}

#vasval td {
    border: 1px solid #ddd;
    padding: 8px;

}



#vasval tr:nth-child(even){background-color: #f2f2f2;cursor:pointer;}

#vasval tr:hover {background-color: #ddd;cursor:pointer;}

#vasval tr.valcl { background-color:#0339a5;

 font-family: Verdana, Arial, sans-serif; 
 font-size: 13px; 
 color: #f2f2f2; 
 font-weight: bold;
cursor:pointer;
}

#vasval tr.igno {background-color:fff; border: none;padding:0px;}
#vasval td.igno {background-color:fff; border: none;padding-top:15px;}
#vasval td.ignoa {border-right: none;}
#vasval td.ignob {border-left: none;}

.usrwr {
display:inline-block;
    width: 540px;
    height: 34px;
    background: #eee;
    border-radius: 5px 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
margin-left:8px;
margin-top:3px;
padding-top:6px;
border: #ddd 1px solid;
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;

}

.muut1 {
    width: 130px;
    height: 20px;
    background: #eee;
    border-radius: 5px 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);

    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
text-align:center;
}

.muut2 {
    width: 130px;
    height: 20px;
    background: #eee;
    border-radius: 5px 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
text-align:center;

}

.valittuwr {
position: absolute;

z-index: 30;
width:280px;
height:45px
}

#valittu {
    width: 280px;
    height: 45px;
    background: #eee;
text-color:#000;
    border-radius: 5px 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);

    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
text-align:center;
}

#nappi {
position:relative;
    width: 14px;
    height: 14px;

top:-39px;
right:3px;
    opacity: 0.7;
    filter: alpha(opacity=70);
z-index:30;
}



.bodyor2 {
  position: relative;
  width: 1600px;
  border: solid; border-width: 0px;
  color: #000000;
  margin: auto;
  background: #ffffff;
  margin-top: 10px;

}

.bodyor3 {
  position: relative;
  width: 1900px;
  border: solid; border-width: 0px;
  color: #000000;
  margin-left: auto;
margin-right:auto;
  background: #ffffff;
}

@supports (-webkit-appearance:none) {
.bodyor3 {

  position: relative;
padding-top:3px;
padding-left:2px;
  width: 1900px;
  border: solid; border-width: 0px;
  color: #000000;
  margin-left: auto;
margin-right:auto;
  background: #ffffff;
}
}





.bodyor {
  position: relative;
  width: 1200px;
  border: solid; border-width: 0px;
  color: #000000;
  margin: auto;
  background: #ffffff;
  margin-top: 10px;
  text-align: left;
}


.bodyvaihe {
position:relative;
  width: 1200px;
  height:940px;
  border: solid; border-width: 0px;
  margin: auto;
  background: #ffffff;
  margin-top: 10px;
  text-align: left;
}


.bodylogin {
  position: relative;
  width: 600px;
  border: solid; border-width: 0px;
    border-radius: 5px 20px;
  color: #000000;
  margin: auto;
  background: #ffffff;
  margin-top: 10px;
  text-align: left;
}


.krivit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #727272; font-weight: bold; }
.dele { align: right; }

/* links */
a:link { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; }
a:visited { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: underline; }

FORM { display: inline; }

.eece { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff;   border-left: 2px solid #999; border-right: 2px solid #999;border-bottom: 2px solid #ccc; height:2px; }  
.eece1 { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff;   border-right: 1px solid #999; border-left: 4px ridge silver; border-left-radius: 2px; border-bottom: 2px solid #ccc; height:2px; }  
.eece2 { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff;   border-left: 1px solid #999; border-right: 4px ridge silver; border-right-radius: 2px; border-bottom: 2px solid #ccc; height:2px; }  

.eipala { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff;   border-left: 0px solid #999; border-right: 0px solid #999;border-bottom: 2px solid #ccc; height:2px; }  
.eipala1 { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff;   border-right: 0px solid #999; border-left: 0px ridge silver; border-bottom: 2px solid #ccc; height:2px; }  
.eipala2 { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff;   border-left: 0px solid #999; border-right: 0px ridge silver; border-bottom: 2px solid #ccc; height:2px; }  
.eipala3 { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff; border-right: 0px solid #999;border-bottom: 2px solid #ccc;height:2px;  }

.eecex1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #ddd; height:96px; }  
.eecex2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:48px; }  
.eecex3 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:24px; }  
.eecexh1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc;border-bottom: 1px solid #ddd; height:96px; }  
.eecexh2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:48px; }  
.eecexh3 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:24px; }  


.act0 { font-family: Verdana, Arial, sans-serif; font-size: 2px; color: #222222; font-weight: normal; background-color: #ffffff; border-right: 2px solid #999;border-bottom: 2px solid #ccc;height:2px;  }

.eecexw1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #85adfe;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #ddd; height:96px; }  
.eecexw2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #85adfe;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:48px; }  
.eecexw3 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #85adfe;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:24px; }  


.eecexe1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #ddd; height:96px; }  
.eecexe2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:48px; }  
.eecexe3 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:24px; } 


.eecexeh1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc;border-bottom: 1px solid #ddd; height:96px; }  
.eecexeh2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:48px; }  
.eecexeh3 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:24px; } 




.eecexwe1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #cfdefd;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #ddd; height:96px; }  
.eecexwe2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #cfdefd;   border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:48px; }  
.eecexwe3 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #cfdefd;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px solid #ddd; height:24px; }  


.weecex1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #aaa; height:16px; }  
.weecex2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc;border-bottom: 1px solid #aaa; height:16px; } 
.weecexw1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #85adfe;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #aaa; height:16px; }  
.weecexe1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #aaa; height:16px; }  
.weecexe2 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #fff;   border-left: 1px solid #222; border-right: 1px dotted #ccc;border-bottom: 1px solid #aaa; height:16px; } 
.weecexwe1 { z-index:9; font-family: Verdana, Arial, sans-serif;  color: #222222; font-weight: normal; background-color: #cfdefd;   border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;border-bottom: 1px solid #aaa; height:16px; }  


.adt10 { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #222222; font-weight: bold; background-color: #7ac36a; }
.adt20 { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #222222; font-weight: bold; background-color: #5a9bd4; }
.adt30{ font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #222222; font-weight: bold; background-color: #faa75b; }
.adt21 { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #222222; font-weight: bold; background-color: #2b4d73; }
.adt31{ font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #222222; font-weight: bold; background-color: #986c47; }
.adt22 { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #222222; font-weight: bold; background-color: #dcebfb; }


.tdic {
	background-color:#eee; 
	position:fixed;
        margin:auto;
	height:220px;
        border: #000 1px solid;
	border-radius:5px;
	text-align: center;
	z-index:9999;
	width:500px;
}

.bodyor4l {
position: relative;
  width: 1200px;
  color: #000000;
  margin: auto;
  background: #ffffff;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
    border: 1px solid #ccc; 
    box-shadow: 0px 0px 8px #ccc; 
    -moz-box-shadow: 0px 0px 8px #ccc; 
    -webkit-box-shadow: 0px 0px 8px #ccc; 
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
}

#loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  /* 1/2 of the height and width of the actual gif */
  margin: -16px 0 0 -16px;
  z-index: 199;
  }

.lfusn2 {padding:5px 5px; background:#ccc; border:0 none;
cursor:pointer;
width: 170px;
-webkit-border-radius: 5px;
border-radius: 5px;

    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;  }
.lappuaika {
    border: 1px solid #ccc;
    width: 130px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;
}

.lappuaika select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.lappuaika select:focus {
    outline: none;
}

.tdid {
	background-color:#eee; 
	position:absolute;
  	top: 0; left: 0; right: 0;
        margin:auto;
        
	height:390px;
        border: #000 1px solid;
	border-radius:5px;
	text-align: center;
	z-index:9999;
	width:620px;
}

.tdid1 {
	background-color:#eee; 
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height:390px;
        border: #000 1px solid;
	border-radius:5px;
	z-index:9998;
	width:620px;
}

.vaihesuutex{
 color: #000;
  font-size: 8pt;
  font-family: arial, verdana;
line-height:1.1em;
font-weight: 700;
position:relative;
//background:#fff;
//opacity: 0.50;
//    filter: alpha(opacity=50);
    overflow: hidden;

}


.vaihesuutex2{
 color: #000;
  font-size: 9pt;
  font-family: arial, verdana;
line-height:1.1em;
font-weight: 700;
position:relative;
//background:#fff;
//opacity: 0.50;
//    filter: alpha(opacity=50);
    overflow: hidden;

}




.nsuute{
 color: #000;
  font-size: 14pt;
  font-family: arial, verdana;
line-height:1.4em;
font-weight: 600;

}



.vaihetm {

  background: gray; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #f5f2f2 50%, #eceaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #f5f2f2 50%, #eceaea); /* Standard syntax */
    border-radius: 5px 20px;
z-index:0;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
.vaihetmtx{
  background: gray; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #f5f2f2 50%, #eceaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #f5f2f2 50%, #eceaea); /* Standard syntax */
    border-radius: 0px;
z-index:0;
    opacity: 0.75;
    filter: alpha(opacity=75);
 color: #000;
  font-size: 9pt;
  font-family: arial, verdana;
line-height:1.2em;
font-weight: 700;
position:relative;
width:118px;
    overflow: hidden;

}

.vaihetmtx2{
  background: gray; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #f5f2f2 50%, #eceaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #f5f2f2 50%, #eceaea); /* Standard syntax */
    border-radius: 0px 20px 5px 0px;
z-index:0;
    opacity: 0.75;
    filter: alpha(opacity=75);
 color: #000;
  font-size: 9pt;
  font-family: arial, verdana;
line-height:1.2em;
font-weight: 700;
position:relative;
width:118px;
    overflow: hidden;

}

.vaihetmtx3{
  background: gray; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #f5f2f2 50%, #eceaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #f5f2f2 50%, #eceaea); /* Standard syntax */
    border-radius: 0px;
z-index:0;
    opacity: 0.75;
    filter: alpha(opacity=75);
 color: #000;
  font-size: 8pt;
  font-family: arial, verdana;
line-height:1.1em;
font-weight: 700;
position:relative;
width:98px;
    overflow: hidden;

}

.vaihetmtx32{
  background: gray; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #f5f2f2 50%, #eceaea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f5f2f2 50%, #eceaea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #f5f2f2 50%, #eceaea); /* Standard syntax */
    border-radius: 0px 20px 5px 0px;
z-index:0;
    opacity: 0.75;
    filter: alpha(opacity=75);
 color: #000;
  font-size: 8pt;
  font-family: arial, verdana;
line-height:1.1em;
font-weight: 700;
position:relative;
width:98px;
    overflow: hidden;

}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.container {
width:500px;

left:10px;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #0339a5;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.trtmc{
    background-color: #626262;
    background-color: rgba(98, 98, 98, 0.4);
position:relative;
display:block;
}

.trtmc2{
    background-color: #626262;
    background-color: rgba(0, 0, 0, 0.4);
position:relative;
display:block;
    border-radius: 5px 20px;

}



.trtmc32{
    background-color: rgba(220, 235, 251, 0.4);
position:relative;
display:block;
}

.trtmc3{
    background-color: #626262;
    background-color: rgba(255, 255, 255, 0.8);
position:relative;
display:block;
    border-radius: 5px 20px;

}

.select-style {
    border: 1px solid #ccc;
    width: 130px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}


.select-styleur {
    border: 1px solid #ee0000;
    width: 430px;
    border-radius: 3px;
    overflow: hidden;
    background: #f8cbcb url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 98% 50%;
}

.select-styleur select {
    padding: 2px 4px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-styleur select:focus {
    outline: none;
}






.raptul {
  font-family: arial, verdana;

color:#5a5b5e;
    font-size: 13px;}
.bodytuloste {
  align: center;
  width: 800px;
  border: solid; border-width: 0px;
  color: #000000;
  margin-left: 5px;
  margin-right: 5px;
  background: #ffffff;
  margin-top: 10px;
  text-align: left;
}