.tyokaluvalikko {
	width: 365px;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
}
.tyokaluvalikko ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.tyokaluvalikko li {
	font-size: 12px;
	height: 25px;
	float: left;
}
.tyokaluvalikko ul input {
	display: block;
	width: 100%;
	line-height: 25px;
	height: 25px;
	font-weight: normal;
	text-decoration: none;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: none;
	background: #eee;
	color: #000;
	padding-left: 25px;
}
.tyokaluvalikko ul input:hover {
	text-decoration: none;
	background: #fff;
	color: #000;
}
.tyokaluvalikko ul input.hyvaksy {
	background: #eee url(kuvat/accept.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.hyvaksy:hover {
	background: #fff url(kuvat/accept.png) no-repeat 5px center;
	width: 85px;
	cursor: pointer;
}
.tyokaluvalikko ul input.hylkaa {
	background: #eee url(kuvat/delete.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.hylkaa:hover {
	background: #fff url(kuvat/delete.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.poista {
	background: #eee url(kuvat/bin_closed.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.poista:hover {
	background: #fff url(kuvat/bin_closed.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tuhoa {
	background: #eee url(kuvat/cross.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tuhoa:hover {
	background: #fff url(kuvat/cross.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.uusi {
	background: #eee url(kuvat/add.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.uusi:hover {
	background: #fff url(kuvat/add.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.muokkaa {
	background: #eee url(kuvat/pencil.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.muokkaa:hover {
	background: #fff url(kuvat/pencil.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.peruuta {
	background: #eee url(kuvat/cancel.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.peruuta:hover {
	background: #fff url(kuvat/cancel.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tallenna {
	background: #eee url(kuvat/disk.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tallenna:hover {
	background: #fff url(kuvat/disk.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.palauta {
	background: #eee url(kuvat/arrow_undo.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.palauta:hover {
	background: #fff url(kuvat/arrow_undo.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.jonoon {
	background: #eee url(kuvat/page_white_stack.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.jonoon:hover {
	background: #fff url(kuvat/page_white_stack.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.vahvista {
	background: #eee url(kuvat/accept.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.vahvista:hover {
	background: #fff url(kuvat/accept.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tulosta {
	background: #eee url(kuvat/printer.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tulosta:hover {
	background: #fff url(kuvat/printer.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tarkista {
	background: #eee url(kuvat/page_white_find.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.tarkista:hover {
	background: #fff url(kuvat/page_white_find.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.karttanakyma {
	background: #eee url(kuvat/map.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.karttanakyma:hover, .tyokaluvalikko ul input.karttanakyma_valittu {
	background: #fff url(kuvat/map.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.listanakyma {
	background: #eee url(kuvat/text_list_bullets.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.listanakyma:hover, .tyokaluvalikko ul input.listanakyma_valittu {
	background: #fff url(kuvat/text_list_bullets.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.lisaa {
	background: #eee url(kuvat/add.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.lisaa:hover {
	background: #fff url(kuvat/add.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.lataa {
	background: #eee url(kuvat/page_white_put.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.lataa:hover {
	background: #fff url(kuvat/page_white_put.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.jatka {
	background: #eee url(kuvat/arrow_right.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.jatka:hover {
	background: #fff url(kuvat/arrow_right.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.siirra {
	background: #eee url(kuvat/doc_page.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.siirra:hover {
	background: #fff url(kuvat/doc_page.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.takaisin {
	background: #eee url(kuvat/arrow_left.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.takaisin:hover {
	background: #fff url(kuvat/arrow_left.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.paikka {
	background: #eee url(kuvat/zone.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.paikka:hover {
	background: #fff url(kuvat/zone.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.vuoro {
	background: #eee url(kuvat/vuoro.png) no-repeat 5px center;
	width: 85px;
}
.tyokaluvalikko ul input.vuoro:hover {
	background: #fff url(kuvat/vuoro.png) no-repeat 5px center;
	width: 85px;
}

.tyokaluvalikko ul input.viimeinen {
	border-right: 1px solid #ddd;
	width: 85px;
}

.laatikko {
	border: 1px solid #ddd;
	padding: 0px;
	margin-bottom: 10px;
}
.laatikko h4 {
	font-weight: bold;
	background: #eee;
	padding: 2px;
	margin: 0px;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
}
.laatikko h4 a, .laatikko h4 a:link, .laatikko h4 a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.laatikon_sisalto {
	margin: 10px;
}
.laatikko table {
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 100%;
}
.laatikko tr {
	vertical-align: middle;
}
.laatikko .vaakaotsikot th {
	text-align: left;
	vertical-align: bottom;
	padding: 2px;
	border-bottom: 1px solid #999;
}
.laatikko .vaakaotsikot .valitse_kaikki {
	border-right: 1px solid #ddd;
	background: #eee;
	width: 25px;
}
.laatikko .pystyotsikot th {
	text-align: right;
	padding: 2px;
	border-right: 1px solid #999;
	vertical-align: top;
}
.laatikko .vaakaotsikot td {
	border: 1px solid #ddd;
	padding: 2px;
}
.laatikko .pystyotsikot td {
	border: 1px solid #ddd;
	padding: 2px;
	width: 100%;
	vertical-align: top;
}

#infoalue {
	border: 2px solid #ddd;
	margin-bottom: 10px;
}

.autopaikka_karttakuva {
	width: 485px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	background: #ccc;
}
.autopaikat {
}
.autopaikka {
	text-align: center;
	float: left;
	border: 1px solid #ddd;
	width: 95px;
	vertical-align: middle;
	font: 12px Arial, Helvetica, sans-serif;
}
.varattu_nro {
	background: #d88c8c;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.varattu_txt {
	background: #fff;
	color: #d88c8c;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}
.varattu_txt a {
	color: #d88c8c;
}
.varattu_txt a:hover {
	color: #f00;
}
.kasittelyssa_nro {
	background: #e0a03c;
	text-transform: uppercase;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.kasittelyssa_txt {
	background: #fff;
	color: #e0a03c;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}
.kasittelyssa_txt a {
	color: #e0a03c;
}
.kasittelyssa_txt a:hover {
	color: #f00;
}
.vapaa_nro {
	background: #52c58a;
	text-transform: uppercase;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.vapaa_txt {
	background: #fff;
	color: #52c58a;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}
.vapaa_txt a {
	color: #52c58a;
}
.vapaa_txt a:hover {
	color: #f00;
}

.muokkaus_nro {
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.muokkaus_txt {
	border-top: 1px solid #ddd;
}
.muokkaus_txt a {
	color: #000;
	background: #eee url(kuvat/pencil.png) no-repeat 5px center;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
}
.muokkaus_txt a:hover {
	background: #fff url(kuvat/pencil.png) no-repeat 5px center;
	color: #000;
	text-decoration: none;
}
.autopaikka_muokkaus {
	text-align: center;
	float: left;
	border: 1px solid #ddd;
	width: 95px;
	vertical-align: middle;
}
.saunavuoro_eikaytossa {
	background: #eee;
}
.saunavuoro_kaytossa {
	background: #fff;
}
.kentan_otsikko {
	font-weight: bold;
}

.saunavuoro_vapaa_as, .saunavuoro_vapaa {
	background: #fff;
	color: #52c58a;
	font-weight: bold;
	text-transform: uppercase;
}
.saunavuoro_vapaa a {
	color: #52c58a;
	text-decoration: underline;
}
.saunavuoro_vapaa a:hover {
	color: #f00;
}
.saunavuoro_varattu_as, .saunavuoro_varattu {
	background: #fff;
	color: #d88c8c;
	font-weight: bold;
	text-transform: uppercase;
}
.saunavuoro_varattu a {
	color: #d88c8c;
	text-decoration: underline;
}
.saunavuoro_varattu a:hover {
	color: #f00;
}
.saunavuoro_kasittelyssa_as, .saunavuoro_kasittelyssa {
	background: #fff;
	color: #e0a03c;
	font-weight: bold;
	text-transform: uppercase;
}
.saunavuoro_kasittelyssa a {
	color: #e0a03c;
	text-decoration: underline;
}
.saunavuoro_kasittelyssa a:hover {
	color: #f00;
}

.linkki {
	color: #00f;
	text-decoration: underline;
}
.virhe {
	color: #f00;
}

.naytetaan_tarvittaessa {
	display: none;
}
.oletus {
	display: block;
}
.huomio {
	border: 1px solid #ddd;
	background: #ffd url(kuvat/exclamation_octagon_fram.png) no-repeat 10px center;
	padding: 5px 5px 5px 36px;
	margin-bottom: 10px;
}
.ohje {
	border: 1px solid #ddd;
	background: #eaf4ff url(kuvat/exclamation.png) no-repeat 10px center;
	padding: 5px 5px 5px 36px;
	margin-bottom: 10px;
}

.ohje .varattu_txt {
	background: #eaf4ff;
	padding: 0px;
}
.ohje .kasittelyssa_txt {
	background: #eaf4ff;
	padding: 0px;
}
.ohje .vapaa_txt {
	background: #eaf4ff;
	padding: 0px;
}

.info {
	font-weight: normal;
	border: 1px solid #ddd;
	background: #eaf4ff url(kuvat/exclamation.png) no-repeat 10px center;
	padding: 5px 0px 5px 36px;
	margin-bottom: 10px;
	width: 448px;
}
.info p {
	margin: 0px;
}
.vaakaerotin {
	border-bottom: 1px solid #ddd;
}
.saunavuorot_paivaotsikko {
	margin: 10px 0px 0px;
	font-weight: bold;
	background: #eee;
	padding: 2px;
	font-size: 12px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.selite {
	font-size: 10px;
  font-weight: normal;
}