/*
Paikannimitietokannan tyylitiedosto
Tekija: Juha-Pekka Honkavaara
Viimeksi muokattu 4.2016 jv
*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}

/* HTML5 elements and resets */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

html {
  font-family: sans-serif;
  margin: 0;
}

body {
  margin: 0;
  background-color: #ffffff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

a {
	color: #428bca;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #2a6496;
	text-decoration: underline;
}

.contents p {
	margin: 1.4em 0em;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.clearfix {
	/*overflow: auto;*/
}

.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

h1.title {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 24px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Bitter", Georgia, "Times New Roman", Times, serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.top-white {
}

.header-logo {
	margin-top: 10px;
	margin-bottom: 10px;
}

.header-logo .fluid-image {
  max-width: 100%;
  height: auto;
}


.top-dark-blue {
  background-color: #3d70a5;
  height: 42px;
}

.search-input {
  background-color: #55addd;
  min-height: 112px;
}
.search-input h1 a {
	color: #ffffff;
}

input[type="text"].main-input {
	display: inline-block;
	vertical-align: top;
	background-color: #ffffff;
	width: 20em;
	height: 34px;
	padding: 6px 12px;
	border: solid 1px #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#hakulomake input[type="text"] {
	display: inline-block;
	vertical-align: top;
	background-color: #ffffff;
	width: 14em;
	height: 1.1em;
	padding: 1px 2px;
	border: solid 1px #666;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}

#hakulomake .hakulomake_main select {
	display: inline-block;
	vertical-align: top;
	background-color: #ffffff;
	width: 14em;
	height: 1.1em;
	padding: 1px 2px;
	border: solid 1px #666;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}
#hakulomake select {
	display: inline-block;
	vertical-align: top;
	background-color: #ffffff;
	height: 1.1em;
	padding: 1px 2px;
	border: solid 1px #666;
}



/*
.hakulomake_main {
	width: 14em;
}
*/
 
input[type="submit"], input[type="reset"] {
	display: inline-block;
	vertical-align: top;
	font-weight: normal;
	text-align: center;
  vertical-align: middle;
	cursor: pointer;
	background-color: #3d70a5;
	color: #ffffff;
	height: 34px;
	padding: 0.3em 0.5em;
	border: solid 1px #1b324a;
	border-radius: 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus
{
	background-color: #2c5278;
}

#searchbox {
	float: left;
	padding-right: 2rem;
}

#infosivu-linkki {
	float: left;
	padding: 12px 0 10px 0;
}

#infosivu-linkki a {
	color: #ffffff;
}

.breadcrumb {
	background-color: #ececec;
	min-height: 35px;
	line-height: 35px;
	border-bottom: 2px solid #da6d00;
	vertical-align: middle;
}

main {
	padding-top: 2em;
	padding-bottom: 4em;
}



footer, .footer5 {
	background-color: #ececec;
	border-top: 2px solid #3d70a5;
	border-bottom: 1px solid #3d70a5;
	padding-top: 1rem;
	font-size: 14px;
}

footer, .footer5 p {
	margin-top: 1.5rem;
}

footer, .footer5 h4 {
	font-size: 18px;
}

.row {
	overflow: auto;
}

.left {

}
.center {

}
.right {
}
@media (min-width: 768px) {
	.left {
		float: left;
		width: 33%;
	}
	.center {
		float: left;
		width: 34%;
	}
	.right {
		float: left;
		width: 33%;
	}
}



th {
	font-size: 1em;
	color: #c30;	
}
ul, ol {
  margin: 0 0 0 2em ;
  padding-left: 0;
}
li {
	margin: 0;
	padding: 0;
}


a {
	text-decoration: none;
	color: #3399ff;
}
a:hover {
	text-decoration: underline;
}
a {
	text-decoration: none;
	color: #55bbff;
}
a:visited {
	color: #3399ff;
}
.smallertxt {
	font-size: 90%;
	color: #666;
}


/* Sivupohja */
.container {
	padding-left: 16px;
	padding-right: 16px;
	min-width: 640px; /* IE7:n "hasLayout"-bugin (satunnaisesti haviava sisalto) takia: tama aiheuttaa etta "layout=true" (ok, nyt on muutenkin kaytossa) */
	/*border-left: 1px solid #cecec8;
	border-right: 1px solid #cecec8;*/
}
.contents {
	clear: both;
}

.header {
	margin-top: 4px;	
}
#sivunotsikko {
	background-color: #f1c28b;
	color: #ffffff;
	padding: 2px 4px;
	margin-top: 0px;
	margin-bottom: 4px;
}
#sivunotsikko h1 {
	text-shadow: 0.1em 0.1em 0.2em #222;
	color: #ffffff;
	font: bold 24px monospace;
}

h2, h3, h4 {
	color: #c30;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 12px;
}
h3 {
	font-size: 1.2em;
	margin-top: 8px;
}
h4 {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 4px;
}

#loppupalkki {
	background-color: #f1c28b;
	color: #000;
	padding: 2px 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
}

input[type=submit], input[type=reset] {
	padding-left: 4px;
	padding-right: 4px;
}


#hakulomake, #muokkauslomake {
	border: 1px solid;
	clear: both;
	padding: 4px;
}
#hakulomake input, #muokkauslomake input{
	font-size: 1em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	padding-left: 2px;
	padding-right: 2px;
}
#muokkauslomake .lomaketaulukko td {
	padding-bottom: 2px;
}

#muokkauslomake .lomaketaulukko input {
	width: 420px;
}
#muokkauslomake .lomaketaulukko textarea {
	width: 420px;
	font-size: 1em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	padding-left: 2px;
	padding-right: 2px;
}
#hakulomake select {
	font-size: 1em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
#hakulomakeformitaulukko {
	padding: 0;
	margin: 0;
}
#hakulomakeformitaulukko td {
	border-collapse: collapse;
}

input.formi{
	width: 170px;
	margin: 0 0 2px 0;	
}

select.formi{
	width: 174px;
	margin: 0 0 2px 0;
}


input.hae{
	width: 90px;
}

.lomakelinkki {
	display: inline;
}

/* LOMAKEMUOTOILU */

.lomaketaulukko {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.lomaketaulukko td {
	margin: 0;
	padding: 0px 4px 0px 0px;
	vertical-align: top;
}
.indent_right {
	text-align: right;
}


label.etsi { 
	display: block;
	/*float: left; 
	width: 100px;
	padding: 0;
	margin: 5px 10px 0px;*/
	text-align: right; 
}

/* HELPBOX MUOTOILU */

div#apuri {
	border: 1px solid #8084F8; 
	background: #fff; 
	position: absolute;  
 	display: none; 
	font-size: 0.8em; 
	padding: 2px 4px;
	max-width:400px;
	z-index: 1;
	box-shadow: 4px 4px 2px #888888;

} 

/* ENNUSTASTAVAN TEKSTINSYOTON MUOTOILU */

span#txtHint {
	margin-left: 22px;	
	
}

/* Siirretaan tuloksia loytyi ennustusta alaspain ja varjatan punaiseksi */
#tulokset{
	display: inline;
	/*position:relative;
	top:15px;*/
	color: red;
}

/* Joka toinen hakutulos platina pohjalla */

tr.kakkonen {
	background-color: #eeeeee;
}

p#tarkhaku_linkki{
	margin-left: 120px;	
}

div.google_earth{
	position:absolute;
	display:none;
	margin-left: 42%;
	width: 300px;
	height: 400px;
}

#tilastoja {
	padding-left: 32px;
	text-align: left;
}

div.wait1{
	display:inline;

}

img.ajaxload1{
	margin:0px;
	width: 16px;
	height: 16px;
}

.wait2{
	display: none;
}

img.ajaxload2{
	margin:0px;
	width: 10px;
	height: 10px;
}

img.kysymysmerkki{
	margin: 0px;
}


div.wait3{
	display:none;
	position: absolute;
	top: 68%;
	left: 46%;
}
img.ajaxload3{

	margin:0px;
}

div.loading{
	display:none;
}

tr.avattu {
/*	display:none;*/
	border: 1px solid;
}
tr.avattu td {
	padding: 0px 4px 0px 4px;
}
._muokkaa-label{
	text-align:right;
	display: block;
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 10px 0px;
}

.muokkaa-input{
	display: inline;
	width: 144px;
}

b{
	font-weight: normal;
	font-size: 0.9375em;
	color: #c30;
}

.lihavoitu{
	font-weight: bolder;
}	

div.defaultti{
	padding-top: 10px;
}

div#login{
	float: right;
	margin: 8px 0px;
	text-align: right;
	font-size: 0.9375em;
}
#login input {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.9375em;
}

#login select {
	font-size: 0.9375em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

div.otsikko{
	float:left;
}

input#myusername{
	width: 110px;
}

input#mypassword{
	width: 110px;
}

.hakutulostaulukko td {
	padding: 0px 16px 0px 0px;
	vertical-align: top;
}
th.sarakeotsake {
	font-weight: normal;
	font-size: 0.9375em;
	color: #c30;
	padding: 0px 16px 0px 0px;
	white-space: nowrap;
}
.pseudolinkki {
	cursor: hand;
	cursor: pointer;
	color: #3399ff;
}

#paikanlaji_ehdotukset {
	position: absolute;
	z-index: 10;
}
#paikanlaji_ehdotukset ul {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border: #aaa solid 1px;
	min-width: 170px;
}
#paikanlaji_ehdotukset ul li {
	list-style-type: none;
	margin-left: 0;
	padding: 0px 2px 0px 2px;
}
#paikanlaji_ehdotukset ul li:hover {
	background-color: #aaaacc;
	cursor: default;
}