body
{
	position: relative;
	
	margin: 0;
	
	background: url('../kuvat/tausta.gif') 0 0 repeat-x #fafbfe;
	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
}

a
{
	color: #6c9bd2;
}
a:link, a:visited
{
	text-decoration: none;
}
a:hover, a:active
{
	text-decoration: underline;
}

h2
{
	width: 751px;
	
	margin: 14px 0 -5px 2px;
	
	font-size: 15px;
	text-transform: uppercase;
	
	text-indent: 14px;
	
	border-bottom: 1px solid #cecece;
}

h3
{
	margin: 0 0 5px 0;
	padding: 0;
	
	font-size: 12px;
	text-transform: uppercase;
}


/* Rakenne
============================================================== */

#otsikko
{
	display: inline;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 85px;
}

#valikkoalue
{
	display: inline;
	float: left;
	
	width: 200px;
	margin: 15px 0 0 12px;
}

#valikko
{
	display: inline;
	float: left;
	
	width: 200px;

	background: url('../kuvat/valikko_tausta.gif') 0 0 repeat-y;
}

#paaosio
{
	display: inline;
	float: left;
	
	width: 756px;
	
	margin: 15px 0 0 10px !important;
	margin: 15px 0 0 -2px;
}



/* Otsikkoalue
============================================================== */

.logo
{
	position: relative;
	top: 5px;
	left: 32px;
	
	width: 149px;
	height: 70px;
	
	background: url('../kuvat/logo.gif') 0 0 no-repeat;
}

.ylanapit
{
	position: absolute;
	top: 0;
	left: 715px;
	
	width: 260px;
	height: 25px;
}

.kirjautumisinfo
{
	position: absolute;
	top: 33px;
	left: 674px;
	
	width: 300px;
	
	text-align: right;
}

.ylanappi
{
	display: inline;
	float: right;
	
	width: 124px;
	height: 26px;
	
	margin: 0 0 0 4px;
	
	line-height: 24px;
	text-align: center;
	
	background: url('../kuvat/ylavalikko_valinta.gif') 0 0 no-repeat;
}

.viestialue
{
	position: absolute;
	bottom: 5px;
	left: 225px;
	
	width: 740px;
	
	font-weight: bold;
	color: #965235;
	text-align: center;
}


/* Valikko
============================================================== */

#valikko .ylaosa
{
	display: inline;
	float: left;
	
	width: 100%;
	height: 34px;
	
	line-height: 38px;
	text-indent: 14px;
	
	background: url('../kuvat/valikko_ylaosa.gif') 0 0 no-repeat;
}
#valikko .alaosa
{
	display: inline;
	float: left;
	
	width: 100%;
	height: 34px;
	
	line-height: 32px;
	text-indent: 14px;
	
	background: url('../kuvat/valikko_alaosa.gif') 0 0 no-repeat;
}

#valikko .valinta
{
	display: inline;
	float: left;
	
	width: 192px;
	height: 28px;
	
	margin: 0 0 0 4px;
	
	line-height: 28px;
	text-indent: 10px;
	
	background: url('../kuvat/valikko_valinta.gif') 0 0 no-repeat;
	
	overflow: hidden;
}
#valikko .valinta:hover
{
	background-position: 0 -30px;
}

#valikko .valinta.vali
{
	margin-bottom: 10px;
}

.versio
{
	display: inline;
	float: left;
	
	width: 190px;
	text-align: right;
	
	margin: 3px 0 0 0;
	
	font-size: 10px;
	color: #9c9c9c;
}

#valikko a, .ylanapit a, .osionapit a
{
	color: #003366;
}
#valikko a:link, #valikko a:visited
{
	text-decoration: none;
}
#valikko a:hover, #valikko a:active
{
	text-decoration: underline;
}


/* Pääosio
============================================================== */

.paaloota
{
	float: left;
	position: relative;
	
	width: 100%;
	
	background: url('../kuvat/paaloota_tausta.gif') 0 0 repeat-y;
}

.ylareuna
{
	float: left;
	
	width: 100%;
	
	background: url('../kuvat/paaloota_ylareuna.gif') 0 0 no-repeat;
}

.alareuna
{
	float: left;
	
	width: 100%;
	min-height: 200px;
	
	background: url('../kuvat/paaloota_alareuna.gif') 0 100% no-repeat;
}

.sisalto
{
	float: left;
	margin: 20px !important;
	margin: 10px 0 20px 2px;
	padding: 0 !important;
	padding: 0 0 20px;
}

.pystypalkki
{
	float: left;
	width: 355px;
}

.footer
{
	float: left;
	
	width: 100%;
	margin: 5px 0 0 0;
	
	text-align: center;
}


.osionapit
{
	position: absolute;
	top: 33px;
	left: 20px;
	
	width: 750px;
	height: 23px;
}

.osionapit .osionappi
{
	display: inline;
	float: left;
		
	margin: 0 0 0 3px;
	height: 23px;
	line-height: 22px;
	
	font-size: 10px;
	text-align: center;
	
	overflow: hidden;
}
.osionapit .osionappi.normi
{
	width: 116px;
	
	background: url('../kuvat/osiovalinta.gif') 0 0 no-repeat;
}
.osionapit .osionappi.lyhyt
{
	width: 84px;
	
	background: url('../kuvat/osiovalinta2.gif') 0 0 no-repeat;
}
.osionapit .osionappi.valittu
{
	background-position: 0 -24px;
}

#paaosio .vali2
{
	float: left;
	width: 700px;
	height: 10px;
}


/* Lomakkeet
============================================================== */

.lomakepaneeli
{
	display: inline;
	float: left;
	
	margin: 10px 10px 10px 20px;
	padding: 10px;
	
	border: 1px solid #cfdae7;
}
.lomakepaneeli2
{
	display: inline;
	float: left;
	
	margin: 10px auto !important;
	margin: 10px 15px;
	padding: 10px;
	
	border: 1px solid #cfdae7;
}

.lomakerivi
{
	display: inline;
	float: left;
	
	width: 100%;
	margin: 2px 0 0 0;
	
	font-size: 11px;
}
.lomakerivi.vali
{
	margin-bottom: 5px;
}

.lomakerivi .kieli
{
	float: left;
	width: 93px;
	margin: 0 3px 0 2px;
}

.selite
{
	display: inline;
	float: left;
}

.ruutu
{
	display: inline;
	float: left;
}

.tekstiloota
{
	padding: 2px;
	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #727272;
	
	border: 1px solid #cfdae7;
}
.tekstiloota2
{
	padding: 2px;
	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #727272;
	
	border: 1px solid #cfdae7;
}

.lomakenappi, .lomakenappi2
{		
	float: right;
	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	
	margin: 0 0 0 5px;
	padding: 3px 7px;
	
	background: #cfdae7;
	border: 0;
}


/* Kirjautumislomake */

.kirjautumislomake
{
	display: inline;
	float: left;
	
	width: 173px;
	margin: 10px 0 10px 12px;
}

.kirjautumislomake .lomakerivi
{
	height: 20px;
	line-height: 20px;
}

.kirjautumislomake .selite
{
	width: 55px;
}

.kirjautumislomake .tekstiloota
{
	width: 112px;
}

.kirjautumislomake .lomakenappi
{
	float: right;
	width: 50px;
}


/* Käyttäjälomake */

.kayttajalomake
{
	display: inline;
	float: left;
	
	width: 296px;
}

.kayttajalomake .lomakerivi
{
	line-height: 20px;
}

.kayttajalomake .selite
{
	width: 90px;
}

.kayttajalomake .ruutu
{
	width: 200px;
}

.kayttajalomake .tekstiloota
{
	width: 200px;
}

.kayttajalomake .valintaloota
{
	width: 204px;
	
	padding: 2px;
	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #727272;
	
	border: 1px solid #cfdae7;
}

.kayttajalomake .lomakenappi
{
	float: right;
	width: 50px;
}

.huomio
{
	margin: 8px 0;
	
	font-size: 11px;
	color: #694f4a;
}


/* Käyttäjälista */

.kayttajalista
{
	display: inline;
	float: left;
	
	width: 296px;
}

.kayttajalista .nimirivi
{
	display: inline;
	float: left;
	
	width: 100%;
	
	line-height: 15px;
	
	border-bottom: 1px solid #e3ebf3;
}

.poista
{
	display: inline;
	float: right;
	
	width: 10px;
	height: 10px;
	
	margin: 3px 0 -3px 0;
	
	background: url('../kuvat/poista.gif') 0 0 no-repeat;
}

.kayttajalista.vali
{
	margin-bottom: 10px;
}



/* Asiakaslista */

.asiakaslista
{
	display: inline;
	float: left;
	
	width: 400px;
}

.asiakaslista .nimirivi
{
	display: inline;
	float: left;
	
	width: 100%;
	
	line-height: 15px;
	
	border-bottom: 1px solid #e3ebf3;
}

.nimiid
{
	display: inline;
	float: left;
	
	width: 100px;
}
.nimiid2
{
	display: inline;
	float: left;
	
	width: 80px;
}

.nimi
{
	display: inline;
	float: left;
	
	width: 170px;
	
	color: #979797;
}
.nimi2
{
	display: inline;
	float: left;
	
	width: 140px;
	
	color: #979797;
}
.nimi3
{
	display: inline;
	float: left;
	
	width: 300px;
	font-size: 11px;
	
	color: #979797;
}
.pitkanimi
{
	display: inline;
	float: left;
	
	width: 260px;
	
	color: #979797;
}

.arkisto
{
	display: inline;
	float: right;

}


/* Todistuslomake */

.todistuslomake
{
	display: inline;
	float: left;
	
	width: 690px;
}

.todistuslomake .vasen
{
	display: inline;
	float: left;
	
	width: 410px;
	
	margin: 0 10px 0 0;
}
.todistuslomake .oikea
{
	display: inline;
	float: right;
	
	width: 270px;
}

.todistuslomake .osio
{
	display: inline;
	float: left;
	
	width: 100%;
	
	margin: -5px 0 10px 0;
	
	background: #eef1f4;
}
.todistuslomake .tavara
{
	display: inline;
	float: left;
	
	margin: 10px;
}

.todistuslomake .lomakerivi
{
	line-height: 20px;
}

.todistuslomake .selite
{
	width: 90px;
}

.todistuslomake .ruutu
{
	width: 153px;
}

.todistuslomake .tekstiloota
{
	width: 153px;
}

.todistuslomake .lomakenappi
{
	float: right;
	width: 50px;
}

.todistuslomake .lomakerivi.otsikko
{
	color: #6f93bd;
	font-size: 10px;
	font-weight: normal;
}

.todistuslomake .syottialue
{
	display: inline;
	float: left;
	
	width: 22px;
	margin: 0 5px 0 0;
}

.todistuslomake .syonti
{
	display: inline;
	float: left;
	
	width: 35px;
	margin: 0 5px 0 0;
}
.todistuslomake .syonti input
{
	width: 30px;
}

.todistuslomake .tuholainen
{
	display: inline;
	float: left;
	
	width: 65px;
	margin: 0 5px 0 0;
}
.todistuslomake .tuholainen input
{
	width: 55px;
}

.todistuslomake .taine
{
	display: inline;
	float: right;
	
	width: 252px;
	text-align: right;
}
.todistuslomake .taine2
{
	display: inline;
	float: right;
	
	width: 252px;
	text-align: center;
}

.todistuslomake .taine input
{
	width: 33px;
}
.todistuslomake .taine select
{
	width: 39px;
	font-size: 10px;
}

.todistuslomake .taine div
{
	display: inline;
	float: right;
	width: 39px;
	
	margin: 0 0 0 3px;
	
	text-align: left;
}



.todistuslomake .ruiskualue
{
	display: inline;
	float: left;
	
	width: 110px;
}
.todistuslomake .ruiskualue input
{
	width: 108px;
}

.todistuslomake .taines
{
	display: inline;
	float: right;
	
	width: 126px;
	text-align: right;
}
.todistuslomake .taines2
{
	display: inline;
	float: right;
	
	width: 155px;
	text-align: center;
}

.todistuslomake .taines input
{
	width: 33px;
}
.todistuslomake .taines select
{
	width: 39px;
	font-size: 10px;
}

.todistuslomake .taines div
{
	display: inline;
	float: right;
	width: 47px;
	
	margin: 0 0 0 3px;
	
	text-align: left;
}


.todistuslomake .nro
{
	display: inline;
	float: left;
	
	width: 30px;
	margin: 0 5px 0 0;
}
.todistuslomake .nro input
{
	width: 25px;
}

.todistuslomake .vaihdettu
{
	display: inline;
	float: left;
	
	width: 100px;
	margin: 0 5px 0 0;
}
.todistuslomake .vaihdettu input
{
	width: 95px;
}

.todistuslomake .hyonteiset
{
	display: inline;
	float: left;
	
	width: 105px;
}
.todistuslomake .hyonteiset input
{
	width: 102px;
}

.todistuslomake .vaihdettu2
{
	display: inline;
	float: left;
	
	width: 55px;
	margin: 0 5px 0 0;
	
	line-height: 1em;
}
.todistuslomake .vaihdettu2 input
{
	width: 50px;
}

.todistuslomake .puhdistus
{
	display: inline;
	float: left;
	
	width: 60px;
	margin: 0 5px 0 0;
	
	line-height: 1em;
}
.todistuslomake .puhdistus input
{
	width: 55px;
}

.todistuslomake .hyonteiset2
{
	display: inline;
	float: left;
	
	width: 80px;
}
.todistuslomake .hyonteiset2 input
{
	width: 80px;
}


.todistuslomake .poistoboxi
{
	display: inline;
	float: left;
	
	width: 40px;
}
.todistuslomake .poistoboxi input
{
	margin: 0 0 0 7px;
}

.todistuslomake .aine
{
	display: inline;
	float: left;
	
	width: 300px;
}
.todistuslomake .aine2
{
	display: inline;
	float: left;
	
	width: 499px;
}

.todistuslomake .litku
{
	display: inline;
	float: left;
	
	width: 200px;
}
.todistuslomake .maxprosentti
{
	display: inline;
	float: left;
	
	width: 60px;
	text-align: right;
}
.todistuslomake .geeal
{
	display: inline;
	float: left;
	
	width: 60px;
	font-weight: bold;
	text-align: right;
}

.todistuslomake .selite2
{
	display: inline;
	float: left;
	
	width: 95px;
}
.todistuslomake .selite3
{
	display: inline;
	float: left;
	
	width: 120px;
}

.todistuslomake .ruutu2
{
	display: inline;
	float: left;
	
	width: 290px;
}
.todistuslomake .ruutu2 b
{
	display: inline;
	float: left;
	
	margin: 0 5px 0 0;
}
.todistuslomake .ruutu2 div
{
	display: inline;
	float: left;
	
	width: 270px;
	padding: 3px 0 0 0;
	line-height: 1.2em;
}
.todistuslomake .ruutu2 input
{
	width: 80px;
}

.todistuslomake .selite2 input, .todistuslomake .selite3 input
{
	width: 20px;
	font-weight: bold;
}

.todistuslomake .lomakerivi2
{
	float: left;
	width: 100%;
}
.todistuslomake .lomakerivi2.viiva
{
	margin: 0 0 2px 0;
	border-bottom: 1px solid #dde4eb;
}

.todistuslomake .huomloota
{
	width: 665px;
	
	padding: 2px;
	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #727272;
	
	border: 1px solid #cfdae7;
}

.todistuslomake .litkuvalikko
{
	float: right;
	margin: 0 10px;
}



.todistukset
{
	display: inline;
	float: left;
	
	width: 290px;
	margin: 0 0 5px 15px;
}

.todistukset .todistusrivi
{
	display: inline;
	float: left;
	
	width: 281px;
	margin: 3px 0 0 0;
	
	font-size: 10px;
	color: #979797;
}

.avausnappi
{
	display: inline;
	float: left;
	
	width: 9px;
	height: 9px;
	
	margin: 2px 5px 0 0;
	
	text-align: center;
	line-height: 7px;
	
	font-family: Courier, serif;
	font-size: 11px;
	color: #8b8b8b;
	
	background: #dbdbdb;
	border: 1px solid #c7c7c7;
}

a.avausnappi:hover
{
	background: #cacaca;
	text-decoration: none;
}


/* Torjunta-aineet */

.ainelista .ainerivi
{
	display: inline;
	float: left;
	
	width: 100%;
	
	line-height: 15px;
	
	font-size: 10px;
	
	border-bottom: 1px solid #e3ebf3;
}

.ainelista .nimi
{
	width: 150px;
}
.ainelista .nimiid
{
	width: 105px;
}

.maxp
{
	display: inline;
	float: left;
	
	width: 32px;
	text-align: right;
	
	font-size: 9px;
}

.maara
{
	display: inline;
	float: right;
	
	width: 70px;
	text-align: right;
	
	font-size: 9px;
}



.teksti
{
	margin: 10px;
}