body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	min-width: 980px;
	background-color: #fff;
}

#container {
	margin:0 auto;
	position: relative;
	width: 980px;
	padding: 0px;
	border: 1px solid #ffffff;
	/*background: url(../img/backgroundstripe.png); background-repeat:repeat; margin:0 auto; position: relative;*/
	background: background-repeat:repeat; margin:0 auto; position: relative; background-color: #D2E3ED;
}
#map_container {
	margin:0 auto;
	position: relative;
	width: 980px;
	padding: 0px;
	border: 1px solid #ffffff;
	background-color: #F9F9F9;
}

#wrap {
	/*border: 1px solid #004896;*/
}

#header {
	background-color: #FFFFFF;
	padding: 3px;
	height: 60px;
	margin: 0px;
}
#bottom {
	background-color: #004896;
	padding: 3px;
	height: 20px;
	margin: 0px;
}

#logo {
	position:absolute; top:10px; left:10px; background: transparent url(../img/header_logo.png) no-repeat top left; height: 60px; display: block; overflow: hidden; font-size: 1px; color: #fff
	float:left;
	width:70%;
}

#logo .logo-link {
	height: 60px;
	width:293px;
	display: block;
}

#header_oikea_laita {
	float:right;
	width:30%;
}

#header_form_left {
	float:left;
	padding-top:10px;
	padding-right:0px;
}

#header_form_right {
	float:right;
	padding-top:10px;
	padding-right:20px;
}

.suuri_nappi {
}

/*
.suuri_nappi a {
	display:block;
	background: url(../img/vihreanappi.png);
	height: 20px;
	width: 170px;
	text-decoration: none;
}
*/

.sulje_nappi {
}

/*
.sulje_nappi a {
	display:block;
	background: url(../img/vihreanappi.png);
	height: 120px;
	width: 135px;
	text-decoration: none;
}

.siirra_nappi_aktiivinen {
	display:block;
	background: url(../img/vihreanappi.png);
	height: 20px;
	width: 170px;
	text-decoration: none;
}

.siirra_nappi_inaktiivinen {
	display:block;
	background: url(../img/vihreanappi_inaktiivinen.png);
	height: 20px;
	width: 170px;
	text-decoration: none;
}
*/

#suuri_nappi_linkkiteksti {
	color: #ffffff;
	/*background-color: #F5822B;*/
	padding-top: 1px;
	//padding-left: 5px;
	padding-right: 0px;
	text-align:center;
	font-size:125%;
}


#siirra_nappi{
	color: #000000;
	padding-top: 1px;
	//padding-left: 5px;
	padding-right: 0px;
	text-align:center;
	font-size:125%;
}

.siirra_nappi_aktiivinen {
	background-color: #F5822B;
}

.siirra_nappi_inaktiivinen {
	background-color: #F2AD7B;
}

#menu {
	background-color: #004896;
	padding: 0.8em;
	position: fixed;
	bottom: 0;
	width: 960px;
}

#menu #menu_left {
	float: left;
	width: 35%;
}
#menu #menu_center {
	float: left;
	text-align:center;
	width: 25%;
}
#menu #menu_right {
	float: right;
	width: 40%;
}

#tulokset{
	/*float: right;
	width: 25%;*/
	width: 230px;
	padding: 10px;
	background-color:#E5E5E5;
	position:absolute;
	right: 1em;
	top: 1em;
	z-index: 20001;
}

#lisalohkot-toggle {
	bottom: 13.2em;
	left: 1em;
}

#kartta_alue_ja_toimintonapit {
	position: absolute;
	bottom: 1em;
	left: 1em;
	z-index: 20000;
	background-color:#E5E5E5;
	padding: 10px;
	/*float: left;
	width: 75%;*/
}

#kartta_alueen_napit {
	/*float: right;
	padding: 20px;*/
	text-align:left;
}

#kiitos {
	text-align: center;
}

#naytesivun_otsikko{
	font-size:130%;
	position: absolute;
	top: 1em;
	left: 4em;
	z-index:20002;
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 100%;
	color:#000000;
}

h3 {
	display: block;
	background-color: #E0E0E0;
	border-bottom: 2px solid #D3D3D3;
	padding: 0.2em;
	color: #000000;
	font-size: 100%;
}

h4 {
	font-size: 90%;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

fieldset {
	border: 0px;
}

label {
	float: left;
	padding: 3px;
	margin: 0;
}

.clearer {
	line-height: 1px;
	font-size: 1px;
	clear: both;
	height: 1px;
}

.small {
	font-size: 80%;
}

.info {
	font-size: 80%;
}


/* näytetaulukko */

#naytetaulukko {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#naytetaulukko th {
	font-weight: normal;
	background-color: #F9F9F9;
	vertical-align: bottom;
	border-top: 0px;
	text-align: left;
}

#naytetaulukko .otsake {
	font-weight: normal;
	background-color: #F9F9F9;
	padding: 5px;
	border-top: 2px solid #CECECE;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	font-size: 90%;
}

#naytetaulukko .eireunoja {
	border: 0px;
}

#naytetaulukko .keskitetty {
	text-align: center;
}

#naytetaulukko .vasen {
	border-left: 1px solid #CECECE;
}

#naytetaulukko .oikea {
	border-right: 1px solid #CECECE;
}

#naytetaulukko input {
	font-size:90%;
}


#virhe {
	background-color: #fffe95;
	border: 1px solid #ed541d;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	height: 35px;
	color: #B90000;
}

/* rakenteeseen liittyvät määritteet */

#yleisettiedot {
	background-color: #F9F9F9;
	padding: 5px;
	margin: 0px;
}

#infoteksti {
	padding: 5px;
	margin: 0px;
	color: #000;
	line-height: 1.5em;
	height: 220px;
}

#tilaustavat{
	clear: both;
	margin: 2px;
	padding: 0px;
}

#naytteet {
	background-color: #F9F9F9;
}

#toimitusosoite {
	float: left;
	width: 250px;
}

#oheistiedot {
	width: 370px;
	float: left;
}

#lisatiedot {
	float: left;
	width: 330px;
}

#tilausgps {
	float: left;
	width: 487px;
	border-top: 2px solid #FDE4DD;
	border-left: 1px solid #FDE4DD;
	border-right: 1px solid #FDE4DD;
	border-bottom: 1px solid #FDE4DD;
}

#tilausnormaali {
	float: left;
	width: 487px;
	border-top: 2px solid #FDE4DD;
	border-left: 1px solid #FDE4DD;
	border-right: 1px solid #FDE4DD;
	border-bottom: 1px solid #FDE4DD;
}


#tilausvaihtoehtootsikko {
	text-align: center;
	height: 30px;
	width: 100%;
	font-size: 130%;
}

#tilausvaihtoehdot {
	background: url(../img/tilausvaihtoehto_background.gif) top left repeat-y;
}

#tilausvaihtoehdot #kartta {
	float: left;
	width: 270px;
	border-right: 1px solid #4EB856;
	padding-right:2px;
}

#tilausvaihtoehdot #kartta  #otsikko{
	text-align: center;
	height: 30px;
	width: 100%;
	font-size: 120%;
	background-color: #4EB856;
}

#tilausvaihtoehdot #normaali {
	float: left;
	width: 271px;
	padding-left:1px;
}
#tilausvaihtoehdot #normaali  #otsikko{
	text-align: center;
	height: 30px;
	width: 100%;
	font-size: 120%;
	background-color: #4EB856;
}

#tilausvaihtoehdot #gps {
	float: right;
	width: 430px;
	border-left: 1px solid #4EB856;
	padding-left:2px;
}
#tilausvaihtoehdot #gps  #otsikko{
	text-align: center;
	height: 30px;
	width: 100%;
	font-size: 120%;
	background-color: #4EB856;
}

#tilausvaihtoehdot #kartta h3 {
	border: 0px;
	background-color: #4EB856;
	padding: 10px;
}

#tilausvaihtoehdot #normaali h3 {
	border: 0px;
	background-color: #4EB856;
	padding: 10px;
}

#tilausvaihtoehdot #gps h3 {
	border: 0px;
	background-color: #4EB856;
	padding: 10px;
}

.btnD {
	background-color: #D4D0C8;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	color: #000;
	font-size: 75%;
	cursor:hand;
	cursor:pointer;
}

.btnP {
	border: 1px solid #6D93BD;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	background-color: #6D93BD;
	color: #fff;
	font-size: 75%;
	cursor:hand;
	cursor:pointer;
}

.btnPx2H {
	border: 1px solid #516e8d;
	border-radius:5px;
	height: 40px;
	padding: 3px 3px 3px 3px;
	margin: 0px;
	background-color: #6D93BD;
	color: #fff;
	font-size: 1.5em;
	vertical-align: middle;
	cursor:hand;
	cursor:pointer;
 }

.btnO {
	border: 1px solid #067600;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	background-color: #F5822B;
	color: #000000;
	font-size: 75%;
	font-weight: bold;
	cursor:hand;
	cursor:pointer;
}

.btnN {
	border: 1px solid #530000;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	background-color: #c90000;
	color: #fff;
	font-size: 75%;
	cursor:hand;
	cursor:pointer;
}

.btnY {
	border: 1px solid #530000;
	border-top-color: #dc3838;
	border-left-color: #dc3838;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	background-color: #FFFF00;
	color: #000000;
	font-size: 75%;
	cursor:hand;
	cursor:pointer;
}

.btnY_iso {
	border: 1px solid #530000;
	border-top-color: #dc3838;
	border-left-color: #dc3838;
	padding: 3px 1.5px 3px 1.5px;
	margin: 0px;
	background-color: #FFFF00;
	color: #000000;
	font-size: 125%;
	cursor:hand;
	cursor:pointer;
}

.dataTable .headertop { text-align: left; background-color: #ECECEC; padding: 3px; font-weight: bold; }
.dataTable .header { text-align: left; background-color: #4EB856; padding: 3px; font-size: 0.8em; color: #011B00; font-weight: bold; }
.dataTable .row { text-align: left; color: #000; padding: 0px;}
.dataTable th { background-color: #FDE4DD; }
.dataTable .actions { text-align: left; padding-top: 20px; padding-bottom: 10px; }
.dataTable .oddrow { text-align: left; background-color: #fff; padding: 1px; font-size: 0.8em; }
.dataTable .evenrow { text-align: left; background-color: #fff; padding: 1px; font-size: 0.8em; }


.oddRow {
	background-color: #D2E3ED;
	padding-top: 4px;
	padding-bottom: 4px;
}
.evenRow {
	background-color: #fff;
}

#hiventarjous {
	font-size: 90%;
	width:250px;
	background-color: #FFFF00;
}

#nappi_horisontaali_vasen {
	width:39%;
	float:left;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding-bottom:5px;
}

#nappi_horisontaali_oikea {
	width:60%;
	float:right;
	text-align:center;
}

#nappi_vertikaali {
	border-top: 3px solid #000000;
	padding-bottom: 3px;
	padding-top: 6px;
	width:100%;
	height:100px;
}

#napit {
	width:100%;
	height:370px;
}

.suuri_nappi_kartta a {
	display:block;
	background: url(../img/vihreanappi_kartta.png);
	height: 125px;
	width: 540px;
	text-decoration: none;
}

.suuri_nappi_normaali a {
	display:block;
	background: url(../img/vihreanappi_normaali.png);
	height: 85px;
	width: 540px;
	text-decoration: none;
}

.suuri_nappi_kartta .suuri_nappi_linkkiteksti_class {
	color: #ffffff;
	padding-top: 35px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	font-size:130%;
}

.suuri_nappi_gps a {
	display:block;
	background: url(../img/vihreanappi_gps.png);
	height: 45px;
	width: 540px;
	text-decoration: none;

}

#suuri_nappi_linkkiteksti_gps {
	color: #ffffff;
	padding-top: 6px;
	text-align:center;
	font-size:130%;
}

.ajaxloading { background: url(../img/anim_loading.gif) no-repeat center; }

.left {
	float:left;
}

.right {
	float:right;
}

.otsakekentta {
	background-color: #E0E0E0;
    border-bottom: 2px solid #D3D3D3;
}

.rivikentta {
	background-color: #F2F2F2;
    border-bottom: 2px solid #D3D3D3;
	padding-top:10px;
}


.riviDiv {
	width:100%;
}

.riviDivData {
	width:100%;
}

.riviDivSuositus {
	width:100%;
}
.riviDivKasvitieto {
	width:100%;
}

.otsikko {
	background-repeat:no-repeat;
	background-position:center bottom;
	min-height:278px;
	border-right: 1px solid #000;	
}

.puoletOtsikko {
	background-repeat:no-repeat;
	background-position:center bottom;
	min-height:245px;
}


#vasenReuna {
	width:412px;
	float:left;
	border-right: 1px solid #000;
	background-color: #F9F9F9;
}

.vasenReuna {
	width:100%;
	min-height:64px;
	float:left;
}

#oikeaReuna {
	width:567px;
	float:left;
	background-color: #F9F9F9;
}
.oikeaReuna {
	width:100%;
	float:left;
}

.eka{
	width:2%;
	float:left;
}

.ekaOtsikkoDiv{
	width:4%;
	float:left;
}

.peruslohkotunnus{
	width:8%;
	float:left;
}
.peruslohkotunnusOtsikkoDiv{
	width:20%;
	float:left;
}

.peruslohkotunnusotsikko_1{
	background-image: url("../img/peruslohkotunnus_1.png");
}

.peruslohkotunnusotsikko_2{
	background-image: url("../img/peruslohkotunnus_2.png");
}

.nayteno{
	width:6%;
	float:left;
}
.naytenoOtsikkoDiv{
	width:14%;
	float:left;
}

.naytenootsikko_1{
	background-image: url("../img/naytenro_1.png");	
}

.naytenootsikko_2{
	background-image: url("../img/naytenro_2.png");
}


.suositus{
	width:4%;
	float:left;
	text-align:center;
}
.suositusOtsikkoDiv{
	width:9%;
	float:left;
}

.suositusotsikko_1{
	background-image: url("../img/suositus_1.png");
}

.suositusotsikko_2{
	background-image: url("../img/suositus_2.png");
}

.pkoordinaatti{
	width:6%;
	float:left;
}

.pkoordinaattiOtsikkoDiv{
	width:14%;
	float:left;
}

.pkoordinaattiotsikko_1{
	background-image: url("../img/pkoordinaatti_1.png");
}

.pkoordinaattiotsikko_2{
	background-image: url("../img/pkoordinaatti_2.png");
}

.ikoordinaatti{
	width:6%;
	float:left;
}
.ikoordinaattiOtsikkoDiv{
	width:14%;
	float:left;
}

.ikoordinaattiotsikko_1{
	background-image: url("../img/ikoordinaatti_1.png");
}

.ikoordinaattiotsikko_2{
	background-image: url("../img/ikoordinaatti_2.png");
}

.maalajimultavuus {
	width:10%;
	float:left;
}
.maalajimultavuusOtsikkoDiv {
	width:23%;
	float:left;
	border-right:none;
}

.maalaji{
	width:5%;
	float:left;
}

.maalajiotsikko_1{
	background-image: url("../img/maalaji_1.png");
	width:50%;
}

.maalajiotsikko_2{
	background-image: url("../img/maalaji_2.png");
	width:50%;
}

.multavuus{
	width:5%;
	float:left;
}

.multavuusotsikko_1{
	background-image: url("../img/multavuus_1.png");
	width:50%;
}

.multavuusotsikko_2{
	background-image: url("../img/multavuus_2.png");
	width:50%;
}

.edellisentutkimuksen {
	text-align:center;
	color:#444444;
	font-weight:bold;
	min-height:10px;
}

.perustutkimus, .cuznmn, .reservikalium, .boori,
.natrium, .liukoinentyppi, .nitraattityppi, .seleeni, .kupari, .sinkki, .mangaani, .hehkutushavio, .sulfaattimaaanalyysi {
	width:2.9%;
	float:left;
}

.viljapaketti, .nurmipaketti, .perunapaketti, .oljykasvipaketti, .luomupaketti, .laajaravinnetilatutkpaketti, .ravinnetilatutkpaketti, .maankasvukuntopaketti, .marjapaketti, .laaja_viljavuustutkimus, .carboncheckpaketti {
	width:2.2%;
	float:left;
}


.ravinnereservit, .raskasmetallit {
	width:2.8%;
	float:left;
}

.paketit {
	width:31.1%;
	float:left;
}

.analyysipaketit {
	text-align:center;
	color:#444444;
	font-weight:bold;
	min-height:48px;
}


.analyysipaketitOtsikko {
	width:12.4%;
	float:left;
	/*margin-right:1px;*/
}

.tilausOtsikko {
	background-repeat:no-repeat;
	background-position:center bottom;
	min-height:297px;
}


.viljakasvipakettiotsikko_1{
	background-image: url("../img/viljapaketti_1.svg");
}

.viljakasvipakettiotsikko_2{
	background-image: url("../img/viljapaketti_2.svg");
}

.nurmipakettiotsikko_1{
	/*background-image: url("../img/nurmipaketti_1.png");*/
	background-image: url("../img/nurmikasvitpaketti_1.svg");
}

.nurmipakettiotsikko_2{
	/*background-image: url("../img/nurmipaketti_2.png");*/
	background-image: url("../img/nurmikasvitpaketti_2.svg");
}

.perunapakettiotsikko_1{
	background-image: url("../img/perunapaketti_1.png");
}

.oljykasvipakettiotsikko_1{
	/*background-image: url("../img/oljykasvipaketti_1.png");*/
	background-image: url("../img/oljykasvit_peruna_sokerijuurikaspaketti_1.svg");
}

.oljykasvipakettiotsikko_2{
	/*background-image: url("../img/oljykasvipaketti_2.png");*/
	background-image: url("../img/oljykasvit_peruna_sokerijuurikaspaketti_2.svg");
}

.luomupakettiotsikko_1{
	background-image: url("../img/luomupakettiotsikko_1.svg");
}

.luomupakettiotsikko_2{
	background-image: url("../img/luomupakettiotsikko_2.svg");
}

.marjapakettiotsikko_1{
	background-image: url("../img/marjapaketti_1.svg");
}

.marjapakettiotsikko_2{
	background-image: url("../img/marjapaketti_2.svg");
}

.laaja_viljavuustutkimusotsikko_1{
	background-image: url("../img/laaja_viljavuustutkimus_1.svg");
}

.laaja_viljavuustutkimusotsikko_2{
	background-image: url("../img/laaja_viljavuustutkimus_2.svg");
}

.carboncheckpakettiotsikko_1{
	background-image: url("../img/carboncheckpaketti_1.svg");
}

.carboncheckpakettiotsikko_2{
	background-image: url("../img/carboncheckpaketti_2.svg");
}

.perustutkimusotsikko_1{
	background-image: url("../img/perustutkimus_1.svg");
}
.perustutkimusotsikko_2{
	background-image: url("../img/perustutkimus_2.svg");
}

.laajaravinnetilatutkpakettiotsikko_1{
	/*background-image: url("../img/oljykasvipaketti_1.png");*/
	background-image: url("../img/laajaravinnetilatutkpakettiotsikko_1.svg");
}

.laajaravinnetilatutkpakettiotsikko_2{
	background-image: url("../img/laajaravinnetilatutkpakettiotsikko_2.svg");
}

.ravinnetilatutkpakettiotsikko_1{
	background-image: url("../img/ravinnetilatutkpakettiotsikko_1.svg");
}

.ravinnetilatutkpakettiotsikko_2{
	background-image: url("../img/ravinnetilatutkpakettiotsikko_2.svg");
}

.kasvukaudenravinnetilatutkpakettiotsikko_1{
	background-image: url("../img/kasvukaudenravinnetilatutkpakettiotsikko_1.png");
}

.kasvukaudenravinnetilatutkpakettiotsikko_2{
	background-image: url("../img/kasvukaudenravinnetilatutkpakettiotsikko_2.png");
}

.maankasvukuntopakettiotsikko_1{
	background-image: url("../img/maankasvukuntopakettiotsikko_1.png");
}

.maankasvukuntopakettiotsikko_2{
	background-image: url("../img/maankasvukuntopakettiotsikko_2.png");
}


.erityisanalyysit {
	width:14%;
	float:left;
}

.erityisanalyysitOtsikkoTeksti {
	text-align:center;
	color:#444444;
	font-weight:bold;
	min-height:10px;
}

.erityisanalyysitOtsikko {
	width:32%;
	float:left;
	margin-right:1px;
}

.ravinnereservit_1{
	background-image: url("../img/ravinnereservit_1.svg");
}
.ravinnereservit_2{
	background-image: url("../img/ravinnereservit_2.svg");
}
.reservikalium_1{
	background-image: url("../img/reservikalium_1.svg");
}
.reservikalium_2{
	background-image: url("../img/reservikalium_2.svg");
}
.raskasmetallit_1{
	background-image: url("../img/raskasmetallit_1.svg");
}
.raskasmetallit_2{
	background-image: url("../img/raskasmetallit_2.svg");
}

.hehkutushavio_1{
	background-image: url("../img/hehkutushavio_1.svg");
}

.hehkutushavio_2{
	background-image: url("../img/hehkutushavio_2.svg");
}

.sulfaattimaaanalyysi_1{
	background-image: url("../img/sulfaattimaaanalyysi_1.png");
}

.sulfaattimaaanalyysi_2{
	background-image: url("../img/sulfaattimaaanalyysi_2.png");
}



.yksittaisanalyysit {
	width:54.5%;
	float:left;
	border-right:none;
}

.yksittaisanalyysitOtsikkoTeksti {
	text-align:center;
	color:#444444;
	font-weight:bold;
	min-height:10px;
}

.yksittaisanalyysitOtsikkoLevea {
	width:10%;
	float:left;
	/*margin-right:1px;*/
}
.yksittaisanalyysitOtsikko {
	width:9%;
	float:left;
	/*margin-right:1px;*/
}

.boori_1{
	background-image: url("../img/boori_1.svg");
}

.boori_2{
	background-image: url("../img/boori_2.svg");
}

.natrium_1{
	background-image: url("../img/natrium_1.svg");
}

.natrium_2{
	background-image: url("../img/natrium_2.svg");
}

.nitraattityppi_1{
	background-image: url("../img/nitraattityppi_1.svg");
}
.nitraattityppi_2{
	background-image: url("../img/nitraattityppi_2.svg");
}

.liukoinentyppi_1{
	background-image: url("../img/liukoinentyppi_1.svg");
}
.liukoinentyppi_2{
	background-image: url("../img/liukoinentyppi_2.svg");
}

.seleeni_1{
	background-image: url("../img/seleeni_1.svg");
}
.seleeni_2{
	background-image: url("../img/seleeni_2.svg");
}

.cu_1{
	background-image: url("../img/cu_1.svg");
}
.cu_2{
	background-image: url("../img/cu_2.svg");
}

.zn_1{
	background-image: url("../img/zn_1.svg");
}
.zn_2{
	background-image: url("../img/zn_2.svg");
}

.mn_1{
	background-image: url("../img/mn_1.svg");
}
.mn_2{
	background-image: url("../img/mn_2.svg");
}



#tilauslomakeotsikot {
	width:100%;
	
}

#tilauslomakeotsikot.stick {
    position: sticky;
    width: 980px;
    background-color:#F9F9F9;
    top: 0;
    z-index: 10000;
}


.riviDivSuositus {
	display:none;
	width:95%;
}
.riviDivKasvitieto {
	display:none;
	width:95%;
}

.nakyvissa {
	display:block;
}

/* etusivun tilaustyyppiosio */
.tyyppiDiv {
	width:100%;
	padding-top:5px;
}

.tyyppiDiv .nappi {
	width:20%;
	float:left;
	text-align:center;
}

.tyyppiDiv .teksti {
	width:78%;
	float:left;
}
#asiakastiedot {
	padding-left:20px;
}
#iehuomio {
	float:left;
	display:block;
	text-decoration: none;
	height: 50px;
	width: 680px;
	color: #960300;	
	font-size: 15px;
	font-weight:bold;
	line-height: 23px;
	padding: 2px 10px;
}

#modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 ) url("../img/ajax-loader.gif")	50% 50%	no-repeat;
}

#maalajit_ja_multavuus_input_div {
	display:none;
	bottom:50px;
	left:700px;
	z-index:1140;
	padding-bottom:10px;
	background-color: #EAEAEA;
	position:fixed;
	min-height:500px;
	min-width:550px;
	max-width: 900px;
	max-height: 500px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
	border-radius: 5px;
	cursor:pointer;
}

#maalajit_ja_multavuus_input_div_otsikko {
	background-color: #004896;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-height: 2rem;
	max-width: 800px;
	padding-top: 6px;
	padding-left: 6px;
	font-size:1.5rem;
}

#maalajit_ja_multavuus_input_div_sisalto {
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	max-width: 800px;
}

#syotto_close {
	float:right;
	font-size:1.5rem;
	font-weight:700;
	line-height:1;
	color:#fff;
	background-color: #b50404;
	text-shadow:0 1px 0 #fff;
	opacity:.8;
	border-radius: 5px;
	margin-right:3px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
}

#eloperaiset_nappiryhma {
	flex-direction:column;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	display: inline-flex;
	vertical-align: text-top;
}
.eloperaiset_nappi {
	color:#fff;
	background-color: #228c3a;
	border-radius: 5px;
	width: 100%;
	text-align: left;
	font-size: 85%;
}

.eloperaiset_valittu{
	background-color: #115721;
}

.kivennaiset_nappi {
	color:#fff;
	background-color: #6196d0;
	border-radius: 5px;
	width: 170pt;
	text-align: left;
	font-size: 85%;
}

.kivennaiset_valittu{
	background-color: #214771;
}

.maalaji_etuliite_nappi {
	color:#fff;
	background-color: #aaaaaa;
	border-radius: 5px;
	width: 100%;
	text-align: left;
	font-size: 85%;
}

.maalaji_etuliite_valittu{
	background-color: #444444;
}

.toiminto_nappi {
	color:#fff;
	background-color: #004896;
	border-radius: 5px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
	width: 228px;
}

.tyhjenna_nappi {
	color:#fff;
	background-color: #b50404;
	border-radius: 5px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
	width: 150px;
	height: 30px;
}

.multavuudet_nappi{
	color:#fff;
	background-color: #d09061;
	border-radius: 5px;
	width: 170pt;
	text-align: left;
}
.multavuudet_valittu{
	background-color: #6f3c17;
}
.ohjeteksti {
	background-color: #666363;
	color:#fff;
	border-radius: 5px;
}

.nappi_ylos{
	padding-top: 5px;
	margin-top: 5px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
}

.nappi_alas{
	padding-top: 5px;
	margin-top: 5px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
}

.maalaji_multavuus_valittu{
	border-color: #6f3c17;
}