* { margin:0; padding:0; }

/* HTML5 block-level reset for enhanced structural tag support in older browsers */
header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }

html, body {
	width:100%;
	max-width:100%;
	min-width: 300px;
	height:100%;
	font-family: arial;
	background-color: #FFFFFF;
	-webkit-text-size-adjust: none;
}

/* Media Query */

@media screen and (max-width: 1000px) {
	#head_img img {
		-webkit-border-top-left-radius: 0!important;
		-webkit-border-top-right-radius: 0!important;
		-moz-border-radius-topleft: 0!important;
		-moz-border-radius-topright: 0!important;
		border-top-left-radius: 0!important;
		border-top-right-radius: 0!important;
	}
} @media screen and (max-width: 950px) {
	a.kes_uusi {
		font-size: 90%!important;
	} #kes_list_val .kes_val_btn {
		margin: 0 1px!important;
		font-size: 90%!important;
	}
	.kes_btn_area.has_kes_edit {
		height: 70px!important;
	} .kes_btn_area.has_kes_edit .kes_ots_admin {
		left: 0!important;
		right: 0!important;
		bottom: 0!important;
		margin: 0!important;
	}
} @media screen and (max-width: 920px) {
	#kes_valinnat {
		height: 70px!important;
		text-align: center!important;
	} #kes_list_val {
		margin-top: 10px!important;
		float: none!important;
		display: block!important;
	} #kes_list_upper {
		float: none!important;
	} #kes_table a {
		line-height: 15px!important;
	}
	#ristikot_lista {
		margin: 5px 10%!important;
	}
} @media screen and (max-width: 850px) {
	.sisaltopalsta {
		width: 100%!important;
	} .sisaltopalsta.sisaltovasen, .sisaltopalsta.sisaltooikea {
		float: none!important;
	}
} @media screen and (max-width: 730px) {
	.nav_item {
		font-size: 75%!important;
	} #main_nav {
		width: 170px!important;
	} #linkki_osio a span {
		font-size: 90%!important;
	} #linkki_osio a {
		padding: 2px 5px!important;
	} #haku_text {
		font-size: 12px!important;
	}
	#sisalto {
		width: 100%!important;
		float: none!important;
		border: 0!important;
	} #sivu_info {
		width: 100%!important;
		height: initial!important;
		float: none!important;
		border: 0!important;
	} #ristikot_link {
		margin: 10px 0!important;
	} #ristikot_lista {
		margin: 5px 30%!important;
	}
} @media screen and (max-width: 600px) {
	#main_nav {
		width: 100%!important;
		/*height: 80px;*/
		float: none!important;
		width: 80%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	} .sisaltobox, #sivu_info {
		margin-bottom: 15px;
		-webkit-border-bottom-right-radius: 0!important;
		-webkit-border-bottom-left-radius: 0!important;
		-moz-border-radius-bottomright: 0!important;
		-moz-border-radius-bottomleft: 0!important;
		border-bottom-right-radius: 0!important;
		border-bottom-left-radius: 0!important;
	} 
	.nav_item {
		font-size: 95%!important;
	}
	#nav_bg {
		background: linear-gradient(to top, #DD9D9D 0%,#FFF 100%);
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		width: 90%;
		margin: 0 auto;
	}
	table#kes_table td a {
		margin-right: 5px!important;
		padding-right: 5px!important;
	} #kes_list_val_txt {
		font-size: 90%!important;
	}
	.sisaltobox_alue.padded {
		padding: 2px!important;
	}
	
} @media screen and (max-width: 400px) {
	#head_sanaris {
		margin-right: 5px!important;
	}
	#main_nav {
		-webkit-border-bottom-right-radius: 0!important;
		-webkit-border-bottom-left-radius: 0!important;
		-moz-border-radius-bottomright: 0!important;
		-moz-border-radius-bottomleft: 0!important;
		border-bottom-right-radius: 0!important;
		border-bottom-left-radius: 0!important;
		width: 100%!important;
	} #nav_bg {
		width: 100%!important;
	}
	.kes_btn_area, a.sisalto_btn_round, input.sisalto_btn_round, button.sisalto_btn_round, span.sisalto_btn_round {
		font-size: 85%!important;
	}
	td.kes_lkm {
		padding-right: 10px!important;
	} .sisaltopalsta table td {
		font-size: 80%!important;
	} #kes_list_val_txt {
		display: block!important;
		padding-bottom: 5px;
	} #kes_valinnat {
		height: 90px!important;
	} .kes_cols td.kes_last {
		padding-right: 5px!important;
	} tr:not(.kes_cols) td.kes_idnro, tr:not(.kes_cols) td.kes_last {
		font-size: 70%!important;
	}
}

a {
	text-decoration: none;
	color: #172B1D;
	font-weight: normal;
} b a {
	font-weight: bold;
} a:hover {
	text-decoration: underline;
	color: #000;
} a:active {
	color: #333;
} .otsake_ala a:active {
	color: #333!important;
} .otsake a:active {
	color: #DEEFF5;
}
.otsake a {
	font-weight: inherit;
	color: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	margin-bottom: 10px;
	font-size: 85%;
}
h2 {
	margin: 10px 0;
	font-size: 110%;
	padding-bottom: 5px;
	border-bottom: solid 1px #C5D7DD;
}
h2 a {
	font-weight: bold;
	color: #000;
}
h2 a:active {
	font-weight: bold;
	color: #333;
}
h3 {
	margin: 10px 0;
}

.float_right {
	float: right!important;
} .float_left {
	float: left!important;
}
.abs_r{
	position: absolute;
	right: 0!important;
}

#container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}

/* --- Head --- */

#head {
	position: relative;
} #head_info a img {
	padding: 5px 0;
	display: block;
	max-height: 25px;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
} #head_info a:hover img {
	opacity: 0.8;
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
} #head_logo {
	display: inline-block;
	float: left;
	margin-left: 5px;
} #head_sanaris {
	display: inline-block;
	float: right;
	margin-right: 35px;
} #head_img {
	clear: both;
	position: relative;
	overflow: hidden;
} #head_img img {
	position: relative;
	width: 100%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#login_info {
	display: inline-block;
	font-size: 90%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
	-webkit-border-top-left-radius: 10px;  -moz-border-radius-topleft: 10px;  border-top-left-radius: 10px;
} #login_name {
	font-weight: bold;
} #login_info a {
	padding: 5px 10px;
	margin-left: 4px;
	background-color: #DEE8F3;
	display: inline-block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0px 1px 2px #FFF;
	line-height: 20px;
	border: 0;
	font-size: 100%;
	outline: none;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
} #login_info a:hover {
	background: #C7DAF0!important;
	text-decoration: none;
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
} #login_info a:active {
	background: #D7E9FF!important;
	color: #000;
}

/* --- Yllätykset --- */

#yllatykset {
	min-height: 30px;
    background: #deefff;
    margin-bottom: 2px;
	text-align: center;
	text-transform: uppercase;

	background: #a1dbff;
background: -moz-linear-gradient(left,  #a1dbff 0%, #bbebfd 0%, #c9eefc 15%, #f0f9ff 50%, #c9eefc 85%, #bbebfd 100%);
background: -webkit-linear-gradient(left,  #a1dbff 0%,#bbebfd 0%,#c9eefc 15%,#f0f9ff 50%,#c9eefc 85%,#bbebfd 100%);
background: linear-gradient(to right,  #a1dbff 0%,#bbebfd 0%,#c9eefc 15%,#f0f9ff 50%,#c9eefc 85%,#bbebfd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#bbebfd',GradientType=1 );

} #yllatykset span {
	color: #335;
    font-size: 70%;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px 1px 2px #FFF;
} #yllatykset span a {
	text-decoration: underline;
    font-weight: inherit;
    color: inherit;
}

/* --- Middle --- */

#middle {
	display: inline-block;
	width: 100%;
	padding-bottom: 34px;
} #middle.nopadding {
	padding: 0!important;
} #main_nav {
	background-color: #900000;
	width: 200px;
	height: 430px;
	margin-bottom: 10px;
	float:left;
	clear:none;
	overflow: hidden;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
} #content {
	overflow: hidden;
	clear:none; 
}

/* --- Nav --- */

.nav_item {
	width: 100%;
	padding: 1px 0;
	font-size: 95%;
	height: 18px;
	line-height: 18px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
} .nav_item.current {
	font-weight: bold;
	background-color: #960000;
	background-color: rgba(255, 100, 100, 0.15);
} a.nav_item:hover {
	background-color: rgb(150,0,0);
	background-color: rgba(255,100,100,0.15);
	color: #fff;
	text-decoration: none;
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
} a.nav_item:hover i, .nav_item.current i {
	opacity: 1;
} a.nav_item:active {
	background-color: rgb(170,10,10);
	background-color: rgba(255,120,120,0.2);
	color: #fff;
} .nav_item i {
	margin-left: 20px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-top;
} .nav_item i.sprite_icon {
	background-image: url(sys_kuvat/i_sprite.png);
	background-repeat: no-repeat;
	background-size: 2100%;
	opacity: 0.8;
} .nav_item span, #linkki_osio a span {
	margin-left: 20px;
}
#nav_keskustelut i 		{ background-position: 40% 0; }
#nav_keskusteluosio:hover #nav_keskustelut i, #nav_keskustelut.current i, #nav_keskustelut.kes_current i { background-position: 45% 0; opacity: 1; }

#nav_pakinat i			{ background-position: 50% 0; }
#nav_pakinat:hover i, #nav_pakinat.current i { background-position: 55% 0; opacity: 1; }

#nav_artikkelit i		{ background-position: 10% 0; }
#nav_artikkelit:hover i, #nav_artikkelit.current i { background-position: 15% 0; opacity: 1; }

#nav_arkisto i 			{ background-position: 60% 0; }
#nav_arkisto:hover i, #nav_arkisto.current i { background-position: 65% 0; opacity: 1; }

#nav_anatomia i 			{ background-position: 0% 0; }
#nav_anatomia:hover i, #nav_anatomia.current i { background-position: 5% 0; opacity: 1; }

#nav_faksanat i 			{ background-position: 30% 0; }
#nav_faksanat:hover i, #nav_faksanat.current i { background-position: 35% 0; opacity: 1; }

#nav_saannot i 				{ background-position: 80% 0; }
#nav_saannot:hover i, #nav_saannot.current i { background-position: 85% 0; opacity: 1; }

#nav_ukk i 				{ background-position: 70% 0; }
#nav_ukk:hover i, #nav_ukk.current i { background-position: 75% 0; opacity: 1; }

#nav_yhteys i 			{ background-position: 20% 0; }
#nav_yhteys:hover i, #nav_yhteys.current i { background-position: 25% 0; opacity: 1; }

#i_haku 			{ background-image: url(sys_kuvat/haku.png); }

#nav_btn_icon {
	background-image: url(sys_kuvat/menu.png);
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: 3px;
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
}

#haku_osio  {
	background-color: #a33;
	padding: 10px 0;
	-webkit-box-shadow: 0px 2px 10px rgba(50, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 10px rgba(50, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(50, 0, 0, 0.3);
	position: relative;
	z-index: 2;
	height: 23px;
} 
#nav_osio {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #800000;
	position: relative;
	z-index: 1;
}
#nav_keskusteluosio {
	margin-top: 5px;
	display: inline-block;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
} #nav_keskusteluosio:hover {
	background-color: #800;
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
} #nav_keskusteluosio .nav_item {
	width: 90%;
} #nav_keskusteluosio:hover .nav_kes_uusi {
} .nav_kes_uusi {
	width: 10%;
	height: 18px;
	padding: 1px 0;
	display: inline-block;
	text-align: center;
	color: #48ACD3;
} .nav_kes_uusi:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #960000;
	background-color: rgba(255, 100, 100, 0.15);
} .nav_kes_uusi:active {
	background-color: rgb(170,10,10);
	background-color: rgba(255,120,120,0.2);
	color: #fff;
}
#nav_alaosio {
	display: inline-block;
	padding: 5px 0;
	margin: 5px 0;
	background-color: #900000;
}
#linkki_osio {
	display: block;
	padding-top: 5px;
	box-shadow: 0px -2px 10px rgba(50, 0, 0, 0.3);
	position: relative;
	z-index: 2;
} #linkki_osio a {
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	display: block;
	border-bottom: 1px solid #600;
	background-color: #790000;
	padding: 5px 5px;
	margin-bottom: 5px;
	color: #FFF;
} #linkki_osio a:hover {
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	text-decoration: none;
	background-color: #990F0F;
	border-bottom: 1px solid #990F0F;
}

#nav_btn {
	line-height: 37px;
	width: 100%;
	text-align: center;
	font-size: 95%;
	color: #FFF;
	display: none;
	cursor: pointer;
	background-color: #800000;
} #nav_btn:hover {
	background-color: #971212;
} #nav_btn:active {
	background-color: #9E1B1B;
}

/* --- Haku --- */

::-webkit-input-placeholder {
	color: #888;
} :-moz-placeholder { /* Firefox 18- */
	color: #888;
	opacity: 1;
} ::-moz-placeholder {  /* Firefox 19+ */
	color: #888;
	opacity: 1;
} :-ms-input-placeholder {  
	color: #888;
}

#haku_form {
	margin-left: 15px;
	display: inline-block;
	width: calc(100% - 30px);
} #haku_text {
	width: calc(100% - 50px);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: auto;
	padding: 0 5px;
	outline: none;
	vertical-align: middle;
	-webkit-appearance: none;
	height: 23px;
	border: 0;
	font-size: 14px;
	float: left;
	clear: both;
} #haku_submit {
	vertical-align: middle;
	-webkit-appearance: none;
	width: 40px;
	height: 23px;
	border: 0;
	background-color: #48ACD3;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	float: left;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
} #haku_submit:hover {
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	background-color: #65BADB;
} #haku_submit:active {
	background-color: #7EC6E2;
}

.haku_ylapalkki {
	-webkit-appearance: none;
	font-size: 100%;
	border: 0;
	height: 30px;
	text-align: right;
	padding-right: 20px;
	border-bottom: 1px solid #C5D7DD;
	
	background: #b3d5e0;
	background: -moz-linear-gradient(left,  #b3d5e0 0%, #eafaff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b3d5e0), color-stop(100%,#eafaff));
	background: -webkit-linear-gradient(left,  #b3d5e0 0%,#eafaff 100%);
	background: -o-linear-gradient(left,  #b3d5e0 0%,#eafaff 100%);
	background: -ms-linear-gradient(left,  #b3d5e0 0%,#eafaff 100%);
	background: linear-gradient(to right,  #b3d5e0 0%,#eafaff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d5e0', endColorstr='#eafaff',GradientType=1 );
} .haku_sana {
	display: inline-block;
	float: left;
	line-height: 30px;
	font-size: 110%;
	text-shadow: 0px 1px 2px #FFF;
} .haku_ylapalkki i {
	display: inline-block;
	float: left;
	margin: 5px 5px 5px 10px;
	line-height: 30px;
	height: 20px;
	width: 20px;
	background-size: 100%;
} .haku_arkistosta {
	-webkit-appearance: none;
	font-size: 90%;
	border: 0;
	background: #EAFAFF;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0);
	line-height: 30px;
	color: #172B1D;
} .haku_arkistosta:hover {
	cursor: pointer;
	color: #000;
	text-decoration: underline;
} .haku_arkistosta:active {
	color: #333;
} .haku_arkistosta:focus {
	outline: none;
}
.haku_kat {
	margin-top: 0;
	font-size: 90%;
	color: #000;
}
.kes_cols td.kes_last {
	text-align: center;
} .haku_tbl td.kes_last span {
	padding-right: 0;
} .sisaltopalsta table.haku_tbl .kes_cols td a {
	display: inline;
	padding: 0!important;
	margin: 0!important;
}
.haku_error {
	display: block;
	padding: 3px 7px 7px 7px;
	font-size: 80%;
	color: #676767;
}

/* Täsmähaku */

.sisaltopalsta .gsc-control-cse table td {
	border-bottom: 0;
	font-size: 100%;
} .sisaltopalsta .gsc-control-cse table td a {
	padding: 0;
	margin: 0;
}
.gsc-control-cse {
	border: 0!important;
	padding: 5px!important;
}

.gsc-result-info {
	color: #999;
	font-size: 12px;
	margin: 0px 0 10px 0;
}
.gsc-thumbnail-inside, .gsc-url-top {
	padding-left: 0!important;
}
.gsc-table-result {
	margin-bottom: 5px;
}
.gs-result a.gs-title {
	padding: 3px;
	display: block;
} .gs-result div.gs-title, .gs-result .gs-title *{
	color: #172B1D!important;
	height: auto;
} .gs-result div.gs-title:hover, .gs-result .gs-title:hover *{
	color: #000!important;
	background-color: #E2E8EB;
} .gs-result div.gs-title:active, .gs-result .gs-title:active *{
	color: #172B1D!important;
} .gs-result div.gs-title:focus, .gs-result a.gs-title:focus {
	outline: none;
}
.gs-result div.gsc-url-top {
	padding: 4px!important;
} .gs-webResult div.gs-visibleUrl-long {
	color: #A33!important;
}
.gs-result table.gsc-table-result{
	padding: 4px;
	display: block;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
	border-bottom: 1px solid #C5D7DD!important;
}

/*.gs-result .gs-snippet {
	
}*/

.gsc-results .gsc-cursor-box .gsc-cursor-page {
	-webkit-border-radius: 10px!important;
	-moz-border-radius: 10px!important;
	border-radius: 10px!important;
	width: 30px;
	text-align: center;
	display: inline-block!important;
	border: 1px solid #C5D7DD;
	margin: 0!important;
	padding: 0!important;
	height: 20px;
	line-height: 20px;
	color: #000!important;
	border: 0!important;
} .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
	font-weight: bold!important;
	background-color: #DEE8F3!important;
	text-shadow: 0px 1px 2px #FFF;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin: 0 5px!important;
	border: 1px solid #C5D7DD!important;
} .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	background-color: #E2E8EB;
} .gsc-results .gsc-cursor-box .gsc-cursor-page:active {
	color: #172B1D!important;
} .gsc-results .gsc-cursor-box .gsc-cursor-page:focus {
	outline: none;
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
	padding: 0!important;
	color: #676767!important;
	margin: 0!important;
	border: 0!important;
	background: #FFF!important;
}

/* --- Content --- */

.sisalto_error {
	background: #FADEDE;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}

.full-width {
	width: 100%!important;
}
#sisalto {
	float: left;
	clear: both;
	width: 75%;
	min-width: 300px;
	min-height: 300px;
	border-left: 2px solid #D6E3E7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
} #sivu_info {
	float: left;
	position: relative;
	width: 25%;
	height: 400px;
	border-left: 2px solid #D6E3E7;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow: hidden;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	background: url('sys_kuvat/ruutu.png'), linear-gradient(to bottom, #FFF 0%,#DDEFFF 100%);
	background: url('sys_kuvat/ruutu.png'), #ffffff;
	background: url('sys_kuvat/ruutu.png'), -moz-linear-gradient(top,  #ffffff 0%, #ddefff 100%);
	background: url('sys_kuvat/ruutu.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddefff));
	background: url('sys_kuvat/ruutu.png'), -webkit-linear-gradient(top,  #ffffff 0%,#ddefff 100%);
	background: url('sys_kuvat/ruutu.png'), -o-linear-gradient(top,  #ffffff 0%,#ddefff 100%);
	background: url('sys_kuvat/ruutu.png'), -ms-linear-gradient(top,  #ffffff 0%,#ddefff 100%);
	background: url('sys_kuvat/ruutu.png'), linear-gradient(to bottom,  #ffffff 0%,#ddefff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddefff',GradientType=0 );

} #sivu_infobox {
	z-index: 2;
	position: relative;
} #grad {
	display: block;
	position: absolute;
	height: 100px;
	width: 100%;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 );

}
.sisaltobox {
	clear: both;
	position: relative;
	padding-bottom: 34px;
} .sisaltobox.alabox {
	display: inline-block;
} .sisaltobox_alue.padded {
	display: block;
	padding: 0 10px;
}
.otsake {
	text-align: center;
	padding: 3px 0;
} .otsake_main {
	background: #005b7e;
	background: -moz-linear-gradient(top,  #005b7e 0%, #006890 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005b7e), color-stop(100%,#006890));
	background: -webkit-linear-gradient(top,  #005b7e 0%,#006890 100%);
	background: -o-linear-gradient(top,  #005b7e 0%,#006890 100%);
	background: -ms-linear-gradient(top,  #005b7e 0%,#006890 100%);
	background: linear-gradient(to bottom,  #005b7e 0%,#006890 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b7e', endColorstr='#006890',GradientType=0 );

	color: #FFF;
	font-size: 90%;
	border: 0;
	text-shadow: none!important;
} .otsake_main.otsake_tyhja {
	height: 16px;
} .otsake_ala {
	background-color: #B3D5E0;
	color: #000;
	font-size: 70%;
	line-height: 14px;
	font-weight: bold;
	text-shadow: 0px 1px 2px #FFF;
	height: 14px;
} .otsake_info {
	text-align: initial;
	font-size: 75%;
} .otsake_alavasen {
	margin-left: 15px;
	letter-spacing: 1px;
} .otsake_alavasen a {
	letter-spacing: 0;
} .otsake_alaoikea {
	float: right;
	margin-right: 10px;
}

.sisaltopalsta {
	margin: 10px 0;
	width: 49%;
	min-width: 300px;
	position: relative;
	display: inline-block;
}
.sisaltopalsta.sisaltovasen {
	float: left;
} .sisaltopalsta.sisaltooikea {
	float: right;
}
.sisaltopalsta table {
	width: 100%;
} .sisaltopalsta table td {
	font-size: 90%;
} .sisaltopalsta table#kes_table td {
	border-bottom: 1px solid #C5D7DD;
} .sisaltopalsta table td.t_date {
	width: 80px;
} .sisaltopalsta table td a {
	display: block;
	padding: 4px;
	margin-right: 20px;
	padding-right: 20px;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
} .sisaltopalsta table td a:hover {
	background-color: #E2E8EB;
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}
.sisaltopalsta.fak_lista table {
	display: inline-table;
	width: 25%;
} .sisaltopalsta.fak_lista  table td a {
	margin-right: 0;
	padding-right: 0;
} .sisaltopalsta table.tbl_margin_bottom {
	margin-bottom: 15px;
}
.sisaltopalsta p a {
	text-decoration: underline;
	color: #006b94;
} .sisaltopalsta p a:visited {
	color: #7c959e;
}
.sisaltopalsta p.caption {
	font-size: 80%;
	font-family: tahoma;
	color: #272727;
	padding-left: 3px;
}
.sisaltopalsta img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 100%;
}
.sisaltopalsta img.img_padded, .sisaltopalsta .box_padded {
	margin:10px 15px 10px 0;
	display: inline-block;
}
.sisaltopalsta img.img_padded.float_right, .sisaltopalsta .box_padded.float_right {
	margin:10px 0 10px 15px;
}
a.sisalto_btn_round, input.sisalto_btn_round, button.sisalto_btn_round, span.sisalto_btn_round {
	padding: 5px 10px;
	background-color: #DEE8F3;
	display: inline-block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0px 1px 2px #FFF;
	cursor: pointer;
	line-height: 20px;
	border: 0;
	font-size: 100%;
	outline: none;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
} a.sisalto_btn_round:hover, input.sisalto_btn_round:hover, button.sisalto_btn_round:hover, span.sisalto_btn_round:hover {
	background: #C7DAF0!important;
	text-decoration: none;
	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
} a.sisalto_btn_round:active, input.sisalto_btn_round:active, button.sisalto_btn_round:active, span.sisalto_btn_round:active {
	background: #D7E9FF!important;
	color: #000;
} a.sisalto_btn_round:disabled, input.sisalto_btn_round:disabled, button.sisalto_btn_round:disabled, span.sisalto_btn_round:disabled {
	background: #D7E9FF!important;
	color: #A7A7A7!important;
} input.sisalto_btn_round {
	border: 1px solid #C5D7DD;
	outline: none;
	-webkit-appearance: none;
	font-size: 100%;
}
.sisaltoinfo {
	min-height: 200px;
	
	background: #dde8ee;
background: -moz-linear-gradient(top,  #dde8ee 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde8ee), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #dde8ee 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #dde8ee 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #dde8ee 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #dde8ee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde8ee', endColorstr='#ffffff',GradientType=0 );

} .sisaltoinfo p {
	padding: 10px;
}

/* --- Uutta --- */

.uutta_osio {
	display: inline-block;
	padding: 10px;
	padding-right: 0;
	clear: both;
	border-bottom: 2px solid #C5D7DD;
	min-height: 125px;
} .uutta_osio img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
} .uutta_osio h3 {
	font-size: 110%;
	font-weight: normal;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 2px solid #FFE0E0;
	display: block;
} .uutta_osio p {
	margin-right: 5px;
	margin-bottom: 0;
	min-height: 68px;
} .uutta_osio a.lisaa {
	font-size: 80%;
	float: right;
	margin-right: 20px;
	text-decoration: underline;
}

/* --- UKK --- */

.ukk h2 {
	font-size: 110%;
	margin: 20px 0;
} .ukk p.strong {
	font-weight: bold;
	margin-top: 20px;
	color: #00425C;
}

/* --- Faksana --- */

.fak_kuva {
	float: left;
	margin: 10px;
	margin-bottom: 5px;
	max-width: 20%!important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
} .fak_teksti {
	font-size: 95%;
	min-height: 150px;
	margin-top: 10px;
	width: 70%;
	display: inline-block;
}  .fak_teksti p {
	margin-bottom: 4px;
} 

/* --- Keskustelut --- */

.kes_btn_area {
	position: relative;
	height: 30px;
}
#kes_wrapper_viestit {
	padding-bottom: 10px;
	overflow: hidden;
}
#kes_wrapper_aiheet {
	opacity: 100;
	border-bottom: 1px solid #C5D7DD;
	padding-bottom: 5px;
}
.kes_ots_admin {
	position: absolute;
	right: 150px;
	line-height: 30px;
	padding: 0 5px;
	color: #005B7E;
	margin: 0 4px;
} .kes_ots_admin span {
	font-size: 80%;
	font-weight: normal;
	line-height: 20px;
	padding: 5px;
} .kes_ots_admin form {
	display: inline;
} .kes_ots_admin form select {
	border: 1px solid #A9A9A9;
	padding: 1px 4px;
	font-family: arial;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
} .kes_ots_edit, .kes_edit, .kes_move {
	cursor: pointer;
	color: #444;
} .kes_ots_edit:hover, .kes_edit:hover, .kes_move:hover {
	text-decoration: underline;
	color: #000;
} .kes_ots_edit:active, .kes_edit:active, .kes_move:active {
	color: #444;
} .kes_ots_del, .kes_del {
	cursor: pointer;
	color: #E00;
} .kes_ots_del:hover, .kes_del:hover {
	text-decoration: underline;
	color: #800;
} .kes_ots_del:active, .kes_del:active {
	color: #E00;
}
.kes_info {
	display: block;
	margin: 5px;
	border-bottom: solid 1px #C5D7DD;
	padding: 3px 10px;
	font-weight: bold;
	font-size: 90%;
} .kes_info .kes_klo {
	float: right;
} .kes_lah {
	overflow: auto;
	background-color: #DEE8F3;
	border: 1px solid #C5D7DD;
	padding: 2px 10px;
	font-size: 80%;
	font-weight: bold;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	text-shadow: 0px 1px 2px #FFF;
} .kes_lah.kes_new_msgs {
	margin: 7px 0;
} .kes_lnro {
	color: #2D393D;
	font-weight: normal;
} .kes_quote {
	margin-left: 8px;
	padding: 0 2px;
	font-weight: normal;
	color: #1C5B74;
	cursor: pointer;
} .kes_quote:hover {
	color: #000;
	text-decoration: underline;
} .kes_quote:active {
	color: #1C5B74;
} .kes_viesti .kes_quote {
	color: #D9E4E9;
} .kes_viesti .kes_quote:hover {
	color: #FFF;
} .kes_viesti .kes_quote:active {
	color: #D9E4E9;
} .kes_viesti .kes_edit {
	color: #DDD;
} .kes_viesti .kes_edit:hover {
	color: #FFF;
} .kes_viesti .kes_edit:active {
	color: #DDD;
} .kes_vas_right {
	float: right;
	font-weight: normal;
} .kes_vas_right span {
	margin-left: 8px;
} .kes_teksti {

background: #eef3f9;
background: -moz-linear-gradient(left,  #eef3f9 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eef3f9), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #eef3f9 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #eef3f9 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #eef3f9 0%,#ffffff 100%);
background: linear-gradient(to right,  #eef3f9 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef3f9', endColorstr='#ffffff',GradientType=1 );

	display: block;
	min-height: 40px;
	clear: both;
	font-size: 90%;
	margin: 0 10px 10px 10px;
	padding: 5px;
	border-left: solid 2px #005B7E;
	border-bottom: 1px solid #C5D7DD;
	border-bottom-left-radius: 5px;
} .kes_teksti p {
	display: inline-block;
} .kes_teksti a {
	color: #006b94;
} .kes_teksti a:visited {
	color: #7c959e;
} .kes_viesti {
	margin-bottom: 10px;
	clear: both;
} .kes_viesti .kes_teksti {
	padding-bottom: 10px;
	background: #eef3f9;
	border-bottom: solid 1px #005B7E;
} .kes_viesti .kes_lah {
	border: 0;
	padding: 4px 10px;
} .kes_nuoli {
	width: 15px;
	text-align: center;
	display: inline-block;
} .kes_nuoli span {
	display: inline-block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #006A94;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #006a94;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
} .kes_nuoli:hover {
	opacity: 0.7;
}
#kes_title {
	position: relative;
} #kes_title input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	width: 97.5%;
	padding: 5px 1%;
	border: solid 1px #C5D7DD;
}
#kes_auto {
	padding-bottom: 20px;
} #kes_auto .kes_lah {
	text-align: center;
	width: 100%;
	padding: 2px 0;
	line-height: 16px;
	outline: none;
	background-color: #3687A7;
	font-size: 80%;
}
#kes_auto span {
	display: inline-block;
	margin: 3px 0;
	padding: 2px 0;
	font-size: 80%;
	text-align: center;
	width: 100%;
} #kes_autoswitch {
	color: #333;
	cursor: pointer;
} #kes_autoswitch:hover {
	text-decoration: underline;
	color: #000;
} #kes_autoswitch:active {
	text-decoration: underline;
	color: #333;
} #kes_auto_error {
	color: #D50000;
}

.g-recaptcha {
	padding: 5px 0 4px 0;
}

span.form-required {
	color: #A33;
	font-weight: bold;
} span.form-max {
	font-size: 80%;
	color: #555;
	margin-left: 10px;
} p.form-req-txt {
	display: inline-block;
	margin: 0 5px;
} p.form-error-txt {
	display: inline-block;
	margin: 5px;
	color: #800000;
	line-height: 32px;
} span.form-status {
	position: absolute;
	width: 100%;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	color: #000;
	background-color: #E1FDA5;
	line-height: 22px;
} span.form-status.form-status-comment {
	background: none!important;
	color: #649300;
	opacity: 1;
} span.form-error {
	color: #800000!important;
	background-color: #FFD1D1;
} span.field_error {
	font-size: 90%;
	color: #A33;
	margin-left: 10px;
} .form_cancel {
	float: right;
}
.kes_com_area {
	padding-top: 20px;
	clear: both;
	position: relative;
} .con_area {
	border-bottom: solid 1px #C5D7DD;
	margin-bottom: 10px;
} .log_area {
	padding: 20px;
	border: solid 1px #C5D7DD;
	border-top: none;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
} .kes_com_area form, .kes_new_area form, .con_area form {
	margin: 5px;
	padding: 5px;
	padding-right: 4px;
} .kes_com_area h3, .kes_new_area h3, .con_area h3, .log_area h3 {
	font-size: 100%;
	font-weight: normal;
} .kes_com_area input, .kes_com_area textarea, .kes_new_area input, .kes_new_area textarea, .con_area input, .con_area textarea, .log_area input, .log_area textarea, .kes_viesti form textarea, .kes_vas form textarea {
	margin: 5px 0 10px 0;
	display: block;
	font-family: arial;
	-webkit-appearance: none;
	background-color: #FFF;
} .kes_new_area input#kes_lah {
	margin-bottom: 0;
} .kes_com_area input[type="text"], .kes_new_area  input[type="text"], .con_area input[type="text"], .con_area input[type="password"], .con_area input[type="email"], .log_area input[type="text"], .log_area input[type="password"] {
	padding: 5px;
	border: 1px solid #A9A9A9;
	border-left: solid 2px #005B7E;
	width: 150px;
	-webkit-border-top-right-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	-moz-border-radius-bottomright: 13px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
} .kes_com_area input[type="text"]:disabled, .kes_new_area  input[type="text"]:disabled, .con_area input[type="text"]:disabled, .con_area input[type="password"]:disabled, .con_area input[type="email"]:disabled, .log_area input[type="text"]:disabled, .log_area input[type="password"]:disabled {
	border-color: #A9A9A9;
} .kes_com_area input[type="submit"], .kes_new_area  input[type="submit"], .con_area input[type="submit"], .log_area input[type="submit"] {
	display: inline-block;
} .kes_com_area textarea, .kes_new_area textarea, .con_area textarea, .kes_viesti form textarea, .kes_vas form textarea {
	resize: vertical;
	max-width: 100%;
	min-width: 100%;
	box-sizing: border-box;
	padding: 5px;
	font-size: 90%;
	border-left: solid 2px #005B7E;
} .kes_com_area textarea:disabled, .kes_new_area textarea:disabled, .con_area textarea:disabled, .kes_viesti form textarea:disabled, .kes_vas form textarea:disabled {
	border-color: #A9A9A9;
} .kes_com_area select, .kes_new_area select {
	border: 1px solid #A9A9A9;
	border-left: solid 2px #005B7E;
	padding: 4px 1px;
	width: 163px;
	margin: 5px 0 10px 0;
	display: block;
	font-family: arial;
	-webkit-border-top-right-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	-moz-border-radius-bottomright: 13px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
} .kes_com_area select:disabled, .kes_new_area select:disabled {
	border-color: #A9A9A9;
} .kes_new_block {
	display: inline-block;
	margin-right: 7%;
} .kes_viesti form, .kes_vas form {
	margin: 0 10px 10px 10px;
	display: none;
}
.log_area table#kes_table {
	margin-bottom: 0;
} .log_area table input {
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	width: 87px!important;
	margin: 5px 10px!important;
} .log_area table select {
	border: 1px solid #A9A9A9;
	border-left: solid 2px #005B7E;
	padding: 4px 10px 4px 1px;
	margin: 5px 10px;
	min-width: 100px;
} .log_area table select:disabled {
	border-color: #A9A9A9;
} .log_area table .kes_cols a {
	line-height: initial!important;
	font-weight: normal!important;
} .log_area table .kes_cols a:hover {
	background-color: initial!important;
} .log_area table .kes_cols td {
	border-right: none!important;
} .log_area table td {
	height: 24px;
}
.log_area tr.yll_teht_item td {
	padding: 0 10px;
} .log_area td.yll_teht_mag {
	border-right: 1px solid #C5D7DD;
} .log_area td.yll_teht_year, .log_area td.yll_teht_nro, .log_area td.yll_teht_page, .log_area td.yll_teht_file {
	width:100px;
	border-right: 1px solid #C5D7DD;
} .log_area td.yll_teht_edit {
	width:170px;
	text-align: center;
	padding: 0!important;
} .log_area td.yll_teht_edit a {
	padding: 4px 10px!important;
	margin: 0!important;
}
.log_area table.log_edit_table {
	background-color: #DEE8F3;
	margin-bottom: 20px!important;
} .log_area #log_edit_form {
	max-width: 500px;
	margin: 0 auto;
} .log_area #log_edit_form table td {
	height: 40px;
	font-weight: bold;
	background: #FFF;
} .log_area td.log_edit_label {
	width: 150px;
	padding: 0 10px;
} .log_area td.log_edit_input {
	padding-left: 10px;
	min-width: 290px;
} .log_area #log_edit_form table select {
	min-width: 160px;
} .log_area span.log_edit_plus {
	font-weight: bold;
	color: #006B94;
	padding: 5px 11px;
} .log_area tr.log_edit_new {
	border-left: 1px solid #C5D7DD;
	height: 38px;
	display: none;
} .log_area tr.log_edit_new td {
	font-weight: normal!important;
	height: 30px!important;
	display: none;
	background: #DEE8F3!important;
background: -moz-linear-gradient(top,  #ccdaea 0%, #dee8f3 50%, #dee8f3 99%, #dee8f3 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdaea), color-stop(50%,#dee8f3), color-stop(99%,#dee8f3), color-stop(100%,#dee8f3))!important;
background: -webkit-linear-gradient(top,  #ccdaea 0%,#dee8f3 50%,#dee8f3 99%,#dee8f3 100%)!important;
background: -o-linear-gradient(top,  #ccdaea 0%,#dee8f3 50%,#dee8f3 99%,#dee8f3 100%)!important;
background: -ms-linear-gradient(top,  #ccdaea 0%,#dee8f3 50%,#dee8f3 99%,#dee8f3 100%)!important;
background: linear-gradient(to bottom,  #ccdaea 0%,#dee8f3 50%,#dee8f3 99%,#dee8f3 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdaea', endColorstr='#dee8f3',GradientType=0 )!important;

} .log_area #log_new_mag2 td {
	background: #DEE8F3!important;
} .log_area tr.log_edit_new td.log_edit_label {
	padding: 0 5px 0 15px;
	width: 149px;
} .log_area tr.log_edit_new input {
	width: 220px!important;
}
.log_area  p.form-error-txt {
	display: block;
}

#kes_valinnat {
	padding-bottom: 10px;
	border-bottom: 1px solid #C5D7DD;
	height: 30px;
} #kes_list_upper {
	float: left;
} #kes_list_val {
	font-size: 80%;
	float: right;
} #kes_list_val .kes_val_btn {
	margin: 0 2px;
} a.kes_val_btn {
	padding-left: 20px;
	position: relative;
} a.kes_val_btn.selected {
	background-color: #AFD3E0!important;
	cursor: default;
} a.kes_uusi {
	padding-left: 5px;
} a.kes_refr, button.kes_refr {
	font-weight: bold;
	color: #006B94!important;
	padding: 5px 8px;
	font-size: 100%;
	outline: none;
} span.plus {
	font-weight: bold;
	color: #006B94;
	padding: 5px;
}
.spinner {
	display: inline-block;
	left: 15px;
	bottom: 5px;
}
.light {
	position: absolute;
	width: 5px;
	height: 5px;
	display: inline-block;
	left: 8px;
	top: 42%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
} .light.off {
	background-color: #B2BAC2;
} .light.on {
	background-color: #FFC;
	-webkit-box-shadow: 0px 0px 5px #478196;
	-moz-box-shadow: 0px 0px 5px #478196F;
	box-shadow: 0px 0px 5px #478196;
}
#kes_table {
	margin-bottom: 20px;
} #kes_table a {
	font-weight: bold;
	line-height: 25px;
} .kes_cols td {
	background-color: #DEE8F3;
	height: 20px;
} .kes_cols td.col_selected {
	font-weight: bold;
	font-size: 80%;
	text-shadow: 0px 1px 2px #FFF;
} .kes_cols td.col_selected span {
	padding: 4px;
} td.kes_idnro {
	text-align:center;
	width: 50px;
} td.kes_lkm {
	width: 40px;
	padding-right: 30px;
	text-align: center;
} td.kes_last {
	width: 100px;
	padding-right: 10px;
	text-align: right;
} td.kes_last span {
	text-align: right;
	padding-right: 10px;
	display: inline-block;
}
.kes_pag_table {
	max-width: 500px;
	margin: 0 auto;
} .kes_pag_table span {
	margin: 0!important;
	padding: 0!important;
	height: 18px;
	line-height: 18px;
} .kes_pag_table a {
	margin: 0!important;
	padding: 0!important;
	height: 20px;
	line-height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
} .kes_pag_table td {
	width: 3%;
	height: 20px;
	text-align: center;
	padding-bottom: 1px;
} .kes_pag_cur {
	font-weight: bold;
	background-color: #DEE8F3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 0px 1px 2px #FFF;
	width: 18px;
	display: inline-block;
	border: 1px solid #C5D7DD;
}


/* --- Ristikot --- */

#ristikot_lista {
	margin:5px 15%;
	display: block;
	font-size: 90%;
} #ristikot_lista span {
	display: block;
} #ristikot_lista span a {
	padding: 3px 0;
	display: inline-block;
	text-shadow: 0px 1px 2px #FFF;
} #ristikot_link {
	margin-top: 40px;
	display: block;
	text-align: center;
	background-color: #FFF;
	border-bottom: 1px solid #AAA;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 50, 0, 0.2);
	-moz-box-shadow: 0px 2px 5px rgba(0, 50, 0, 0.2);
	box-shadow: 0px 2px 5px rgba(0, 50, 0, 0.2);
	font-size: 95%;
	line-height: 25px;
}

/* --- Footer --- */

footer {
	height: 22px;
	background-color: #006B94;
	clear: both;
	position: absolute;
	width: 100%;
	bottom: 10px;
} footer span {
	float: right;
	margin-right: 20px;
	color: #dde;
	font-size: 80%;
	line-height: 22px;
} footer span.footer_left {
	float: left;
	margin-left: 20px;
} footer a, footer a:hover, footer a:active {
	color: inherit;
}

/*
.text_1 { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 12px}
.text_2 { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 13px}
.text_3 { color: #000000; font-family: Arial,Helvetica; font-size: 9px}
.text_4 { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 10px}
.text_5 { color: #800000; font-family: Verdana,Arial,Helvetica; font-size: 11px}
.text_6 { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 11px}
.ots_1 { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 16px;font-weight: bold}
.ots_2 { color: #FFFFFF; font-family: Verdana,Arial,Helvetica; font-size: 9px}
.ots_3 { color: #800000; font-family: Verdana,Arial,Helvetica; font-size: 13px;font-weight: bold}
.ots_4 { color: #000000; font-family: Arial,Helvetica; font-size: 16px;font-weight: bold}
.ots_5 { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 11px;font-weight: bold}
.ots_6 { color: #FFFFFF; font-family: Verdana,Arial,Helvetica; font-size: 10px}
.link_1 {color: #000000; font-family: Verdana,Arial,Helvetica;font-size: 11px;}
.link_2 {color: #800000; font-family: Verdana,Arial,Helvetica;font-size: 11px;}
.link_3 {color: #000000; font-family: Verdana,Arial,Helvetica;font-size: 12px;}
.link_4 {color: #FF0000;font-family: Arial,Helvetica;font-size: 12px}
.link_5 {color: #FF0000; font-family: Verdana,Arial,Helvetica;font-size: 12px;}
.link_6 {color: #000000; font-family: Arial,Helvetica;font-size: 10px;font-weight: bold;text-decoration:none}
.link_7 {color: #000000; font-family: Verdana,Arial,Helvetica;font-size: 12px;}
.link_8 {color: #000000; font-family: Arial,Helvetica;font-size: 12px}
.link_9 {color: #000000; font-family: Verdana,Arial,Helvetica;font-size:10px;}
.link_10 {color: #800000; font-family: Verdana,Arial,Helvetica;font-size:12px;}
.link_11 {color: #FF0000; font-family: Verdana,Arial,Helvetica;font-size: 10px;}
.error_1 { color: #FF0000; font-family: Verdana,Arial,Helvetica; font-size: 13px}
.punainen {color: #FF0000;}.maroon {color: #800000;}
.valkoinen {color: #FFFFFF;} */