/* Yhteiset */
/* -------- */

body {
font-family: Verdana, Arial, helvetica;
font-size: 80%;
background-color: #e8e8e8;
}

/* Pääotsikko */
h1 {
color: #2f6394;
font-size: 120%;
}

h3 {
margin: 0;
}

/* Ylin container */
#sivu_sisalto {
width: 450px;
margin-right:auto;
margin-top:0px;
padding:0px;
text-align:left;
}

/* Footer*/
.footer hr {
color: #000;
background-color: #efefef;
height: 2px;
}


/* Laskurilomake */
/* ------------- */

/* Perustiedot */

.perustiedot {
width: 100%;
background-color: #efefef;
border: 1px solid black;
padding: 0.6em;
margin-bottom: 0.2em;
}

.perustiedot .tekstikentta {
width: 2.4em;
margin-right: 0.6em;
}

.perustiedot .valintaruutu {
margin: 0;
margin-right: 0.2em;
}

/* Etappirivi - kaksi tekstikenttää */
.etappi {
width: 100%;
display: block;
background-color: #efefef;
border: 1px solid black;
padding: 0.6em;
overflow: visible;
margin-bottom: 0.15em;
}

.label {
margin-right: 0.3em;
}

/* Etappi-tekstikenttä*/
.yui-ac-input {
border: 1px solid #888;
}


/* Jos elementti sisältää vain floatteja, sillä ei ole korkeutta, ellei elementin sisällä clearata floateja */
.clear {
clear: both;
}

.autocomplete {
float: left;
width: 220px;
}


/* Tekstihakukentät */
.dropdown {
display: block;
position: absolute;
top: auto;
width: 300px;
}

.etappi_lahetys {
clear: both;
}

.etappi_tulos {
color: #000;
background-color: #fff;
margin: 0;
padding: 0;
}

/* Dynaaminen valikko */
.etappi_tarkenne {
color: #888;
background-color: #fff;
float:right;
padding-right: 0.6em;
}

.etappi_kysely {
color: #000;
background-color: #fff;
}

.yui-ac-content {
border: 1px solid #444;
background-color: #fff;
padding: 0;
margin: 0;
}

.yui-ac-container ul {
padding: 0;
margin: 0;
}

.yui-ac-container li {
font-size: 90%;
list-style-type:none;
padding: 0;
margin: 0;
}

.autocomplete .yui-ac-highlight .etappi_tulos,
.autocomplete .yui-ac-highlight .etappi_tarkenne,
.autocomplete .yui-ac-highlight .etappi_kysely {
color: #fff;
background-color: #9aceff;
}

/* Tulos */
/* ----- */

.laskutulos, .laskutulos1, .laskutulos2 {
width: 100%;
display: block;
background-color: #ceea95;
border: 1px solid black;
padding: 0.6em;
margin-bottom: 1.2em;
}

.laskutulos1 {

}

.laskutulos2 {

}

.virhe {
width: 100%;
background-color: #f96f47;
border: 1px dotted black;
padding: 0.6em;
margin-bottom: 1.2em;
}

.myInput4_1, .myInput4_2 {
_position:absolute;
}

.autocomplete {
z-index:9000;
}

/* Virhe */
/* ----- */