/* CSS Document */

/* Vanha etusivun kuvan tyyli */
div.img_text_fp {
   height:140px;
   font-size:16pt;
   line-height:1.8em;
   color:#000;
   text-align:center;
   padding:20px;
   margin:0px 0px 0px 160px;
   background: url('images/semi-transparent.png');
   background-repeat:repeat;
}

div.img_text_fp b {
   font-family: 'PT Sans', sans-serif;
   font-size:28pt;
   font-weight:bold;
   line-height:1.3em;
}
/* Vanha etusivun kuvan tyyli */


/* Sivukartta */
td.menuvalikko {
   padding:5px 5px 7px 4px;
   border-bottom:1px dotted #999;
   font-family:"Arial";
}

td.valittumenu a {
   display:block;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:4px;
   font-size:11pt; 
   border-bottom:1px dotted #999; 
}

td.valittumenu a:hover {
   background:#F2F2F2;
   color:#043580;
   font-size:11pt; 
}


td.valittumenu2 a {
   display:block;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:5px;  
}

td.valittumenu2 a:hover {
   background:#F2F2F2;
   color:#043580;
}
   
div.hakunavi * {
   font-size:9pt;
   color:#808080;
   line-height:1em;
}

div.hakunavi {
   font-size:9pt;
   color:#808080;
   line-height:1em;
}

span.hakuotsikko * {
   font-size: 9pt;
   color: navy;
}

/* Sivukartta */



/* Tiedotteissta */
div.tiedotepvm {
   color:#404040;
   font-weight: normal;
   padding-bottom:4px;
}

div.tiedotepvm2 {
   color:#a0a0a0;
   font-weight: normal;
}
/* Tiedotteissta */



/* Nämä selvitettävät miten vaikuttavat */

p {
   line-height:1.5em;
   margin-top:1em;
   margin-bottom:1em;
}


/*FCKeditor käyttää alla olevia tyylejä*/

/*
    The following are some sample styles used in the "Styles" toolbar command.
    You should instead remove them, and include the styles used by the site
    you are using the editor in.
*/

div.leipa  .Bold {
	font-weight: bold;
}

div.leipa  .Title {
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

div.leipa  .Code {
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	background-color: #ff9933;
}

form.lomake {

}

form.lomake label {
   margin-top:0.5em;
   display: block;
   margin-left:0em;
}

form.lomake label.check {
   margin-top:0;
   display: inline;
   margin-left:3px;
}

form.lomake input {
   margin-left:0em;
   font-size:10pt;
   color:#000000;
   font-weight: normal;
}

form.lomake h3 {
   margin:0;
   margin-top:1em;
   color:#404040;
   font-size:10pt;
   font-family:Arial;
}



/* Rivinpiirto lomake */
div.pakollinen {
   margin-left:1em;
   padding:0.5em;
   color:red;
   display:none;
}
/* Rivinpiirto lomake */
form.lomake div.lomakefooter {
   margin-top:1em;
}
/* captcha */
form.lomake .tee-lomake-captcha {
   margin-left:0.0em !important;
}
/* Rivinpiirto lomake */
form.lomake div.alateksti {
   margin-left:1em;
}
/* Rivinpiirto lomake */


/* Käytössä */
div.virheilmoitus {
   text-align:left !important;
   border:1px solid #e0e0e0;
   background:#F4F0E0;
   margin-left:190px;
   color:#000;
   padding:10px;
   bottom:100px;
   margin-top:20px;
}

input.button {
   font-family:Arial;
   font-size:9pt;
}

input.lomake {
   font-family:Arial;
   font-size:9pt;
}

/* Taas nämä määritellään.... */

h1  {
   color: #000;
   font-family: "Arial", Helvetica, sans-serif;
   padding-bottom:2px;
   margin-bottom:0.5em;
   font-weight: normal;
   font-size:18pt !important;
   line-height:1.3em;
}

h2 {
   color: #000;
   font-size:26px;
   margin-bottom:1em;
   margin-top:25px;
   font-weight: normal;
   line-height:1.3em;
}

h3  {
   padding-bottom:2px;
   margin:0;
   margin-bottom:0.3em;
}

h4 {
   color: #000;
   font-family: Arial;
   padding-bottom:2px;

   font-weight: bold;
   font-size:10pt !important;
   margin:0;
}

h5 {
   color: #000;
   font-family: Arial;
   margin:0;
   margin-bottom:0.5em;
   margin-top:20px;
   font-weight: bold;
   font-size:12pt !important;
}

h6 {
   color: #505050;
   font-family: Arial;
   margin:0;
   font-weight: bold;
   margin-bottom:0.5em;
}

select {
   font-family: Arial;
   font-size:9pt;
}
input {
   font-family: Arial;
   font-size:9pt;
}




/* Näm selvitettävä */
div.readonly * {
   color:#a0a0a0 !important;
}

tr.hover td {
	background-color: #F2F2F2;
}

div.sisalto {
   margin:2em;
}

div.navi {
   color:#a0a0a0;
}

span.valittu {
   background-image:url('cimages/taus_1x30.jpg');
}

div.huom {
   color:red;
}

div.kirjoittaja {
   color:#404040;
   border-left:14px #e0e0e0 solid;
   padding-left:5px;
}
/* Näm selvitettävä */




/* Käytössä */
textarea.venytys {
   overflow-y:hidden;
   font-family: Arial;
   font-size:9pt;
   color:red;
   font-weight: normal;
   padding:3px;
   line-height:1.33em;
}

div.venytys {
   overflow-y:hidden;
   font-family: Arial;
   font-size:9pt;
   color:red;
   font-weight: normal;
   
   display: block;
   visibility:hidden;
   position:absolute;
   border:solid 1px #a0a0a0;
   line-height:1.33em;
   padding:3px;
}
/* Käytössä */

/* Jossain ajaxeissa */
div.odota {
   background-image:url('images/ajax_indicator.gif');
   background-repeat:no-repeat;
   font-size:9pt;
   background-color:#ffff99;
   color:navy; 
   padding:0.5em 1em;
   background-position: 0.4em 0.4em;
   padding-left:2.5em;
}
/* Jossain ajaxeissa */



/* http://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table */
/* http://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table 800px */
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

   /* Kuva vasempaan reunaan */
   #no-more-tables td.kohdeluettelo-left {
      padding-left: 5px !important;
}

   #no-more-tables .kohdeluettelo-textleft {
      text-align:left !important;
   }
   #no-more-tables .kohdeluettelo-td-width {
      width:100% !important;
   }

}
/* no-more-tables */
          
#kohdehaku-table {
   font-size:70%;
}

@media only screen and (min-width: 800px) {
   #kohdehaku-table tr th {
      padding:0 !important;
   }
   #kohdehaku-table tr td {
      padding:3px !important;
   }
   #kohdehaku-table tr th {
      padding:0 !important;
   }
}


.luettelobootSTR {
   overflow:auto;
   width:100%;
}

.luettelobootSTR td, .luettelobootSTR th {
   font-size:10pt !important;
}

.lomakevastaukset .linkit {
   margin-left:3em;
}

.lomakevastaukset .linkit, 
.lomakevastaukset .linkit a,
.lomakevastaukset .pagination ul li,
.lomakevastaukset .pagination-info,
.lomakevastaukset .page-number,
.lomakevastaukset .page-list,
.lomakevastaukset .page-number .active {
   font-size:12pt !important;
}

.lomakevastaukset-table tr th {
   font-size:8pt !important;
}

.lomakevastaukset-td, lomakevastaukset-td a {
   font-size:8pt !important;
   vertical-align:top;
   padding:3px;
}

.lomakevastaus-div {
   font-size:10pt !important;
   vertical-align:top;
   padding:3px;
}