@import url(defaults.css);


fieldset {
    border: medium none;
}

#eproto {
	/*min-width: 790px;*/
  /*min-width: 900px;*/
	font-family: "Helvetica Neue","Helvetica","Arial","Lucida Grande","Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000;
	/*background: #2F6394;*/
	border:none;
}

#container {
	overflow: visible;
	background: #fff;
	/*margin: 0% 5%;*/
	/*max-width: 1100px;*/ 
	height:1%;
	border:2px solid white;
}

.editori #container {
    overflow: hidden;
}

#popup {
	font-family: "Helvetica Neue","Helvetica","Arial","Lucida Grande","Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000;
	background: #454545;
}

#header {
	width: 100%;
	font-size: 16px;
	text-align: left;
	background: #3C5E7D url('../img/header_back.jpg') bottom left;
  height: 62px;
}

#kirjauduttuinfo {
  padding:0px;
  margin:0px;
  clear:right;
  float:right;
  color:#fff;
  padding-right:15px;
  padding-top:5px;
  font-size:12px;
  height:14px;
}

#header h1 {
	display: block;
	float: left;
	margin: 11px 5px 0 11px;
	color: #fff;
	font-size: 25px;

}

#header #navi {
 margin: 0;
 float: right;
 display: block;
/* margin-top:25px;
 margin-right:0px;*/
 padding: 3px 15px 0px 0;
 height: 40px;
}


#header #navi li {
	padding: 0 0 0 12px;
	display: block;
  float: left;
	list-style: none;
  height: 40px;
  text-align: center;
  background:  transparent url('../img/li_start.jpg') no-repeat top left;



}
/*
#header #navi #navFirst {
  background: #224463 url('../img/header_nav_first.jpg') no-repeat top left;
  padding-left: 25px;

}
#header #navi #navLast {
  background: #224463 url('../img/header_nav_last.jpg') no-repeat top right;
  padding-left: 1px;

}
*/

#header #navi a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
  display: block;
  float: left;
  height: 20px;
  background: transparent url('../img/li_back.jpg') no-repeat top right;
  padding: 20px 12px 0 0;
  outline: 0;



}

#header #navi li.activePageLi {
  background: transparent url('../img/active_li.jpg') no-repeat top left;
}

#header #navi a.activePage {
  background: transparent url('../img/active_li_back.jpg') no-repeat top right;
}




/*
#header #navi a.activePage {
  background: transparent url(../img/selected_right.gif) no-repeat top right;
  color: #000;
  padding: 2px 10px 7px 0;
}

#header #navi a.activePage:hover {
  color: #000;
}

*/

#headerEnd  {
 clear: both;
  display: block;
  width: 100%;
  height: 5px;
  background: #4B789F;
  font-size: 6px;
}

#header #navi a:hover {
	color: #fff;
	text-decoration: underline;
}

/*
#controls

}

#controls .labeltop label+input {
	display: block;
}

#controls ul, #controls ol, #controls table {
	margin: 0;
}

#controls label {

}
*/



.lomakelistaus #controls {
	float: right;
	margin: -5px 18px 0 0;
  width: auto;
  text-align: right;
  display: block;
}

.lomakelistaus #controls select,
.lomakelistaus #controls label {
	float: left;
	line-height: 22px;
	margin: 3px;

}

.lomakelistaus #controls select {

}

.lomakelistaus #controls .submit {
	margin:3px;
  float: left;

}

.lomakelistaus #controls select {
	margin-right: 12px;

}

.lomakelistaus #controls .submit {

}

#view div.header {
  padding: 15px 0 5px 18px;
  border-bottom: 1px solid #666;
}

#view div.header h2 {
	font-size: 14px;
}


#view div.palaute_ok, #view div.palaute_virhe, #ajax div.palaute_virhe {
	color: #fff;
	font-size: 16px;
	padding: 5px 5px 5px 18px;
	overflow: hidden;
}

#ajax div.palaute_virhe {
float:left;
}


#view .palautea:link,
#view .palautea:visited,
#view .palautea:hover,
#view .palautea:active {
  color: #fff;
  font-size: 12px;
  float:right;
  text-decoration:underline;
}


#view div.palaute_virhe,
#ajax div.palaute_virhe {
	background: #ff7404;
}

#view div.palaute_ok {
	background: #50aa00;
}

#controls .controls-tab ul.kenttaryhmaLista {
	margin: 0;
	padding: 0 0 2px 0;
}

#view ul.lomakelista {
	margin: 0;
	padding: 0 0 18px 0;
}

#view div.palaute_virhe:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .#view div.palaute_virhe {height: 1%;}
/* End hide from IE-mac */



#controls .controls-tab .kenttaryhmaLista li {
  display:block;
	/*background: #F2F2F2 none 0 27px repeat-x; */
	background: #f5eedf none 0 27px repeat-x;
	margin: 15px 12px 0 12px;
	padding: 0;
	list-style: none;
	height:1%;
	border-bottom: 1px solid #18344E;
}

#view .lomakelista li {
	background: #F2F2F2 none 0 27px repeat-x;
	margin: 15px 12px 0 12px;
	padding: 0;
	list-style: none;
	height:1%;
	border-bottom: 1px solid #18344E;

}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaOtsikko {
	display:block;
	margin: 0 0 2px 0;
	padding: 0 3px 3px 0;
	color: #fff;
	overflow: hidden;
	height:1%;
}

#view .lomakelista .lomakeotsikko,
#view .lomakelista .rinnakkaislomake  {
	display:block;
	margin: 0 0 5px 0;
	padding: 0 3px 0 0;
	color: #fff;
	overflow: hidden;
	height:1%;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaOtsikko,
#view .lomakelista .lomakeotsikko {
  background-color: #E8E8E8;
  border-bottom: 1px solid #2F6394;
  color: #000;
	/*background: #255178 none top left repeat-x;*/
}

#view .lomakelista .rinnakkaislomake {
	background-color: #C3C3C3;
	border-top:1px dashed #757575;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaOtsikko h3 {
	margin: 0;
	padding: 0 0 0 10px;
	float:left;
	font-size: 13px;
	font-weight: normal;
	line-height: 27px;
}

#view .lomakelista .lomakeotsikko h3,
#view .lomakelista .rinnakkaislomake h3 {
	margin: 0;
	padding: 0 0 0 10px;
	float:left;
	font-size: 13px;
	font-weight: normal;
	line-height: 27px;
}

#view .lomakelista .rinnakkaislomake h3 {
	line-height: 27px;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaOtsikko a,
#view .lomakelista .lomakeotsikko a{
	color: #000;
}

#view .lomakelista .lomakeotsikko a{
  color: #000;
}


#view .lomakelista .rinnakkaislomake a,
#view .lomakelista .rinnakkaislomake span {
	color: #000;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaListaNappulat,
#view .lomakelista .lomakenappulat,
#view .lomakelista .rinnakkaislomakenappulat
{
	float:right;
	display:block;
	font-size:12px;
	vertical-align:middle;
	padding:1px 0 0 0;
}

#view .lomakelista .lomakenappulat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaListaNappulat a,
#view .lomakelista .lomakenappulat a,
#view .lomakelista .rinnakkaislomakenappulat a {
	display:block;
  float:left;
	text-decoration:none;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaListaNappulat a {
	margin:5px 10px 0 0;
	padding:0 0 0 10px;
}
#view .lomakelista .rinnakkaislomakenappulat a,
#view .lomakelista .lomakenappulat a {
	margin:5px 10px 0 0;
	padding:0 0 0 10px;

}

/**
*  2007-05-07 HL: lomakenappuloiden tyylit kopioitu rinnakkaislomakenappuloille.
*/

/*
#view .lomakelista .rinnakkaislomakenappulat a
{
	margin:5px 5px 0 0;
}
*/

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaListaNappulat a:hover,
#view .lomakelista .lomakenappulat a:hover{
	text-decoration:underline;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaListaNappulat a.kopioi {
  background: transparent url(../img/listakopioi.gif) no-repeat 0 51%;
}

/*#controls .controls-tab .kenttaryhmaLista .kenttaryhmaListaNappulat a.siirra {
  background: transparent url(../img/rap_pienempi.gif) no-repeat 0 51%;
}*/

#view .lomakelista .lomakenappulat a.siirraoikealle {
  background: transparent url(../img/rap_suurempi.gif) no-repeat 0 51%;
}

#view .lomakelista .lomakenappulat a.siirravasemmalle {
  background: transparent url(../img/rap_pienempi.gif) no-repeat 0 51%;
}

#view .lomakelista .lomakenappulat a.kopioi {
	background: transparent url(../img/listakopioi.gif) no-repeat 0 51%;
}

#view .lomakelista .lomakenappulat a.muokkaa {
	background: transparent url(../img/listamuokkaa.gif) no-repeat 0 51%;
}

#view .lomakelista .lomakenappulat a.poista {
	background: transparent url(../img/listapoista.gif) no-repeat 0 51%;
}

#view .lomakelista .rinnakkaislomakenappulat a.muokkaa {
	background: transparent url(../img/rlistamuokkaa.gif) no-repeat 0 51%;
}

#view .lomakelista .rinnakkaislomakenappulat a.poista {
	background: transparent url(../img/rlistapoista.gif) no-repeat 0 51%;
}

#view .lomakelista .rinnakkaislomakenappulat a.kopioi {
  background: transparent url(../img/listakopioi.gif) no-repeat 0 51%;
}

/*
#view .lomakelista .lomakeotsikko.rinnakkaislomake {
	margin: 0 0 4px -6px;
	padding: 2px 0 0 6px;
	background: #e0d1af;
	background: none;
	border-bottom: 1px solid black;
	color: #000;
}

#view .lomakelista .lomakeotsikko.rinnakkaislomake h3 {
	line-height: 21px;
	padding: 0;
}

#view .lomakelista .lomakeotsikko.rinnakkaislomake a {
	color: #0a79a4;
}

*/
#controls .controls-tab .kenttaryhmaLista dl.kenttaryhmaTiedot,
#view .lomakelista dl.lomaketiedot {
	clear: both;
	width: 100%;
	margin:5px 0 0 0;
	padding:0;
  overflow: hidden; 

}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaTiedot dt {
	margin: 0 0 6px 5px;
	clear:both;
	font-size: 0.8em;
}
#view .lomakelista .lomaketiedot dt {
	margin: 0 0 6px 10px;
	clear:both;
  width: 27%;
}

#controls .controls-tab .kenttaryhmaLista .kenttaryhmaTiedot dd {
	margin: -20px 0 0 0;
	padding:0 10px 0 0;
	float:right;
	width:60%;
	font-size: 0.8em;
   
}


#view .lomakelista .lomaketiedot dd {
	margin: -20px 0 0 0;
	padding:0 10px 0 0;
	float:right;
	width:70%; 
  
}



#view .lomakelista .lomaketiedot dd ol,
#view .lomakelista .lomaketiedot dd ul {
  margin: 0;
  padding: 0 0 5px 0;

}

#view .lomakelista .lomaketiedot dd ol li,
#view .lomakelista .lomaketiedot dd ul li {
   margin: 5px 0 0 25px;
   padding: 2px 5px 2px 0;

}


#view .lomakelista .lomaketiedot dd ul li{
   border: none;
   float: none;
   display:list-item;
   list-style-type: disc;
}

#view .lomakelista .lomaketiedot dd ol li {
  border: none;
  float: none;
  list-style-type: decimal;
  display:list-item;

}

#view .lomakelista h4 {
	margin: 0 0 3px 0;
	padding: 3px 0 0 10px;
	clear: both;
}


.editori #controls {
	background: #faf6ef;
	padding-bottom: 20016px; /* fix -> http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	margin-bottom: -20000px;
	border-left: 1px solid #bd9879;
	float: right;

}

.editori #controls {
	margin-top: 0px;
	width: 354px;
  clear:both;

}



.editori #controls-tabit {
	margin: 0;
	padding: 0;


}
.editori #editorinylatekstialue {
  width: 354px;
  height: 36px;
  background-color:white;
  border-bottom:1px solid #666;
  border-left:1px solid #fff;
  float:right;position:relative;
}

.editori #editorinylateksti {
  position:absolute;
  bottom:0;
  right:0;
  margin-bottom:5px;
}


.editori #controls-tabit li {
	margin: 0;
	text-align: center;
	list-style: none;
	width: 118px;
	float: left;
	padding: 5px 0;
	display: block;
}

.editori #controls-tabit li.active {
	background: #f5eedf;
    width: 120px;
	margin: 0 11px 0 11px;
	border-left: 1px solid #ff7404;
	border-right: 1px solid #ff7404;
}

.editori #controls-tabit li a {
	text-decoration: none;

}

.editori #controls-tabit li a:hover {
	text-decoration: underline;
}

.editori .controls-tab {
	border-top: 1px solid #bd9879;
	clear: both;
}




.editori #newInputs ul {
	clear: both;
	margin: 0;
	padding: 0;
	margin: auto;
	width: 332px;

}

.editori #newInputs ul li {
	list-style: none;
	display: block;
	float: left;
	width: 164px;
	line-height: 25px;
	margin: 0 2px 2px 0;
	padding: 0;

}

.editori #newInputs ul li a {
	background: #f5eedf;
	display: block;
	color: #000;
	text-decoration: none;
}

.editori #newInputs ul li a:hover {
	color: #000;
	background: #e0d1af;
	text-decoration: none;
}

.editori #newInputs ul li img {
	float: left;
	margin: 0 5px 0 0;
}

.editori #view  form {
	overflow: hidden; /* varmistaa että lomake containaa myös kaikki floattaavat lapsielementit (eli selfclearing) */
	padding-bottom: 10px;
  display: block;


}

.yleinen #view form {
    overflow:visible;
    padding-bottom: 10px;
    display:block;
}

#view #formInfo{
	margin-top:9px;
	padding: 6px 0 7px 0px;
}

#view #formInfo h1  {
	font-size: 22px;
	color: #ae0000;
}

#view #formInfo p {
	margin: 2px 0 2px 0;
	padding: 0;
}

#view  .formGroup {
	clear: both;
	padding: 0;
	margin: 0 0 10px 0;
  
}

#view  .formGroup legend {
	font-size: 20px;
	background: #f6eee0 url(../img/h2.gif) top left repeat-x;
	padding: 7px 7px 7px 18px;
}


/* yleinen kenttäryhmän h2 (esim julkisella lomakkeella) */
#view .formGroup h2 {
  font-size: 14px;
  background-color: #E8E8E8;
  padding: 5px 7px 5px 8px;
  color: #000;
  border-bottom: 1px solid #2F6394;
}


/* Raportin asetukset sivulla nakyvien kenttien listaus */
#view .formGroup .nakyvatKentatValinta h2 {
	font-size: 17px;
	font-weight: bold;
	background-color: #4383bf;
	border-bottom: 0px none;
	padding: 2px 7px 2px 18px;
  margin-top: 4px;
	margin-left: 20px;
	margin-bottom: 0;
	color: #fff;
}
#view  .formGroup .nakyvatKentatValinta fieldset {
  margin-left: 25px;
  margin-top: 4px;
  margin-bottom: 15px;
}

.editori #view  .formGroup h2, 
#view  .formGroup .erinakyvyys {
	background-color: #E8E8E8;
	padding: 5px 7px 5px 5px;
	color: #000;
  border-bottom: 1px solid #2F6394;
}

#view  .formGroup .erinakyvyys{
  color: #888282;
}


#view .formElement,
.yleinen #view .leipateksti  {
	overflow:visible;
	clear: both;
	padding: 7px 7px 7px 18px;
	height:1%;

}

.editori #view #lomake .formGroup .formElement{

  overflow:hidden;
  width:100%;
  

}

.julkinen #view .formElement
{
  padding: 7px 7px 7px 0px;
 

}



.editorbuttonsholder
{

  margin:0;
  padding:0;
  margin-right:7px;
  margin-top:2px;
  
}


#view .formElement div.ldapNaytaTekstiLabel,
#editform .formElement label,
#view .formElement label {
  
	display: block;
	float: left;
  vertical-align:middle;
	outline:none;
   

}
#view .formElement div.ldapNaytaTeksti.punainen {
  color: red;
}
#view .formElement div.ldapNaytaTeksti,
#editform .formElement input,
#view .formElement input {
	display: block;
	float: left;
}

#view .formElement.labeltop div.ldapNaytaTeksti,
#editform .formElement.labeltop input,
#view .formElement.labeltop input {
	float: none;
	clear: left;

}

#view .formElement.labeltop div.ldapNaytaTekstiLabel,
#view .formElement.labeltop label {
	width: 60%;
	display: block;
/*	clear: both; */

}

#view .formElement.labeltop div.ldapNaytaTekstiLabel {
  margin-bottom: 0;
}

#view .formElement.text.labeltop input,
#view .formElement.select.labeltop select {
	clear: both;
	float: left;
	display: block;


}

#view .linkitettyValikko {
  float: left;
}

#view .formElement.select.labeltop .linkitettyValikko {
  float: none;
}

#view .formElement.text  a img.infokuva {
	padding-top: 4px;
}

#view .formElement.text div.validointi {
	display: inline;
	vertical-align: top;
	padding-top: 2px;
	margin-left: -1px;
}

#view .formElement.select.labeltop div.validointi {
	float: left;
}

#view .formElement.text.labeltop div.validointi {
	padding-top: 0;
	margin-left: 0;
}


#view .formElement.text.labeltop a img.infokuva {
	float: left;
	padding-top: 4px;
}

#view .formElement.textarea.labeltop textarea {
	clear: left;
	display: block;
}

#editform .formElement.labeltop label {
	float: none;
	clear: left;
	margin-bottom: 3px;
	width: 100%;
}


#view .formElement.checkbox label{

   margin-top:2px;
    vertical-align:middle;
    
}


#view .checkbox {

}

#editform .checkbox label {
	line-height:1.6em;
}


#view .checkbox input {
	/*margin-left: 45%;*/
}



#view .textfieldtable {
	border: 1px solid #bd9879;
	margin: 8px 8px 0 8px;
}

#editform .textfieldtable legend,
#view .textfieldtable legend {
	padding: 0;
	background: none;
	font-size: 1em;
}

#editform .textfieldtable table,
#view .textfieldtable table {
		/*width: auto;*/
}

#view .textfieldtable table th,
#view .radiotable table th {
	text-align:left;
	padding-right:10px;
  font-weight: normal;
}

#editform .textfieldtable table input,
#view .textfieldtable table input {
	/*margin-left:10px; */
	width: auto;
}

#view .checkboxgroup {
	border: 1px solid #bd9879;
	margin: 8px 8px 0 8px;
}

#editform .checkboxgroup legend,
#view .checkboxgroup legend {
	padding: 0;
	background: none;
	font-size: 1em;
}

.checkboxwrapper
{
  clear:left;
  
}



#editform .checkboxgroup input,
#view .checkboxgroup input {
	/*margin-top: 3px;*/


}

#editform .checkboxgroup label,
#view .checkboxgroup label {
	/*margin-top: 6px;*/
   vertical-align: middle;
}

#editform .checkboxgroup .column,
#view .checkboxgroup .column {
	overflow: hidden;
	/*padding-bottom: 3px;*/
	float: left;
	width: auto;
	padding-right:50px;
    /*clear: both;*/

}

#view .checkboxgroup.alt {
	border: 0;
}

.editori #view .checkboxgroup.alt input {
	margin-left: 0;
}

#view .radiotable {
	padding: 7px 7px 7px 7px;
	margin: 8px 8px 0px 8px;
	border: 1px solid #bd9879;
 overflow:visible; 
  
}

.editori #view .radiotable {
  padding: 0;
  margin: 8px 8px 0pt;
  border: 1px solid #bd9879;
 overflow:visible; 
  
}


#view .kayttajasivuradio {
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 3px;
  border: 0px solid #fff;

}

#view .kayttajaotsikko {
  vertical-align:top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #fff;
  width:170px;
}




#editform .radiotable legend,
#view .radiotable legend {
	padding: 0;
	background: none;
	font-size: 1em;
}

.editori #view .radiotable legend {
  margin-left:7px;
}


#view .radiotable table{
	/*width: auto;*/
	/*border-collapse: collapse;*/
}

#view .radiotable th.otstaulukkoY, #floater th.otstaulukkoY {
	white-space: nowrap;
	vertical-align: top;
	padding:5px 10px;
	width:5px;

}

#floaterFirst th, #floaterSecond th {
    font-weight: normal;
}

#editform .radiotable tr,
#view .radiotable tr {
	text-align: left;
	width: 5px;
}

#editform .radiotable th,
#view .radiotable th {
	white-space: nowrap;
	padding:2px 10px 2px 0px;
	text-align: left;
}

.editori #view .radiotable th {
  white-space: nowrap;
  padding:2px 10px 2px 7px;
  text-align: left;
}




#editform .radiotable td,
#view .radiotable td {
	vertical-align: top;
    line-height:20px;
    height:20px;
	/*padding: 2px 5px;*/
	text-align: center;

}

#view .radiotable .inputaligment  {
    text-align: center;
}

#view .radiotable .inputaligment input {
    display: inline;
    float: none;
}




/*
#view .radiotable .inputaligment {
    text-align:center;
}
*/


#editform .radiotable label,
#view .radiotable label {
    vertical-align:middle;
	/*margin-top: 3px;*/
	/*float: none;*/
	text-align: left;
}

#editform .column,
#view .column {
	clear: none;
	float: left;
 /*IE7:lla 50% ei mahtunut enää sivulle, tämä toimii ff 2.x, IE7, IE6*/
	width: 49.9999%;
}

#view .columnsmall {
  clear: none;
  float: left;

  width: 29.9999%;
}

#view .columnlarge {
  clear: none;
  float: left;
  width: 68%;
}



#editform .passive,
#view .passive {
 	background: #d6d9dd url(../img/passive2bottom.gif) bottom left repeat-x;
}

.yleinen #view .disabled {
  display:none;
  
}



#view .selected {
	border-top: 1px solid #ff7404;
	border-bottom: 1px solid #ff7404;
	background: #f5eedf url(../img/selected.gif) top left repeat-x;

}

#view .pakollinen{
	color: #ae0000;
}

#view .noscript {
  margin-left: 20px;
  color: red;
}

#view .formElement.text div.ldapNaytaTekstiLabel,
#view .formElement.text label,
#view .formElement.info label,
#view .formElement.textarea label,
#view .formElement.select label
{
	width: 185px;
	padding-right: 5px;

}

#view .formElement.checkbox .labeltop label
{
  width: 185px;
  padding-right: 5px;
  float:left;
}




#view .formElement.text div.ldapNaytaTeksti,
#editform .formElement.text input,
#editform .formElement.textarea textarea,
#view .formElement.text input
{
	width: auto;
}

/* labeltop ja validointiin liittyviä määreitä */
#view .formElement.labeltop div.ldapNaytaTekstiLabel,
#view .formElement.labeltop label {
	width: 60%;
}

.editori #view table.kenttakoodit {
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-collapse: collapse;
}

.editori #view table.kenttakoodit td,
.editori #view table.kenttakoodit th {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-collapse: collapse;
	padding: 2px;
	margin: 0;
}


.kenttakooditau2 {
  text-align: left;
}

#editform {
	font-size: 12px;
	overflow: hidden;
	clear: both;
	border-top: 1px solid #BD9879;
	padding: 7px 0 0 0;
	background: #f5eedf none top left repeat-x;
}

#editform h2 {

	padding: 0 7px 0 7px;
}

#editform .formElement{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 7px;
	border-bottom: 3px solid #e0d1af;
	height:1%;
}

.yleinen .formElement{

  overflow: visible;
  
}





.yleinen #view .formElement .select {
  overflow:visible;
  
}


/* Kenttaeditorissa saman formgroupin sisalla olevien formelementtien valilla ei ole borderia */
#editform .formGroup .formElement {
  border-bottom: none;
}
/* formgroupilla on sitten taas border*/
#editform .formGroup {
  border-bottom: 3px solid #e0d1af;

}


#editform .formElementAutoComp {
	display: block;
	clear: both;
	margin: 0;
	padding: 7px;
	border-bottom: 3px solid #e0d1af;
	height:1%;
}

#editform .selected {
	background: #f9bc85;

}

#editform .textarea {

}

#editform .textarea.labeltop textarea {
	width: 93.5%;
}

#editform .textfieldtable {

}

#editform .checkboxgroup {

}

#editform .radiotable {

}

#editform .textfieldtable legend,
#editform .checkboxgroup legend,
#editform .radiotable legend  {
	margin: 6px 0 0 0;
}

#editform .radiotable table {
  width:100%;
	border-collapse: collapse;
}

#editform .radiotable th {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	width: 40%;
	white-space:nowrap;
  padding:5px 10px 0 0;

}

#editform .radiotable td {
	vertical-align: top;
	text-align: center;
	padding: 3px;
 margin:2px;   
}

#editform .complex1 {

}

#editform .complex1 label {
	float: none;
}

#editform .complex1 input {
	float: none;
	display: inline;
}

#editform div {
	outline:0;
}

#editform .complex1 ol,
#editform .complex1 ul {
/*
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
 */ 
  margin-top:0px; 
}

#editform .complex1 ol li {
	padding: 1px 0 1px 3px;
}

#editform .pakollinen {
	font-weight: bold;
}

#editform .formElement.text label,
#editform .formElement.textarea label,
#editform .formElement.select label
{
	width: 40%;

}

#editform .formElement.textarea.labeltop textarea,
#editform .formElement.textarea.labeltop label {
	width: 96%;
}

#editform .formElement h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

#editform  .otsikot {
	padding-left: 25px;
	font-weight:bold;
}

#editform #optvalinnat .teksti14 {
width: 109px;
}

#editform #optvalinnat .teksti7 {
width: 54px;
}

#editform #optvalinnat .teksti7 {
width: 54px;
}

.tarvonakyvissa,
.vastaanottajanakyvissa
{
margin-top:0px; 
}

#editform .tarvonakyvissa .vastaanottajavalikkokentta
{
  display:none;
}
#editform .tarvonakyvissa .tallennettavaarvokentta
{
  display:inline;
}

#editform .vastaanottajanakyvissa .tallennettavaarvokentta {
  display:none;
}
#editform .vastaanottajanakyvissa .vastaanottajavalikkokentta {
  width: 106px;
  display:inline;
  background-color:#c9ebf8;
}

/*.tallennettavaarvonakyvissa {
width: 106px;
display:inline;
}
.tallennettavaarvopiilossa {
display:none;
}*/
.tallennettavaarvokentta
{
  width: 106px;
}
.nakyvaarvokentta
{
  width: 106px;
}

.nakyvaarvokentta {
  width:106px;
}

/*

#editform .teksti15 {
width: 106px;
}*/

.nakyvaarvopitka {

  width: 198px;

}


/* pudotusvalikon valintojen muokkauksen otsikot */
.nakyvaarvo {
  padding-left: 46px;
  font-weight: bold;
  float: left;
  width: 110px;
}

.valinnanarvo {
  font-weight: bold;
  float: left;
  width: 117px;
}

.vastaanottaja {
  font-weight: bold;
  float: left;
  width: 20px;
  padding-left:24px;
}

.oletusvalinta {
  font-weight: bold;
  float: left;
  width: 20px;

}


.yleinen #view .formElement, .yleinen #view .leipateksti  {
	/*width: 95%;*/
}

.yleinen #view .text {

}

.yleinen #view .textarea {

}



.yleinen #view  .checkbox {

}

.yleinen #view .info {


}

.yleinen #view .checkbox input {
		/* margin-left: 49%; */
  
}
.yleinen #view .checkbox label{


  
}

.yleinen #view .checkboxgroup label,
.editori #view .checkboxgroup label {
    margin-left:22px; 
    float:none;

}





.yleinen #view .checkboxgroup.alt input {
		margin-left: 50%;
    
}

.hidden {
	display: none;
}

a.help {
	color: #ff7404;
	font-weight: bold;
	text-decoration: none;
}

span.positiivinen {
	color: #50aa00;
}

span.negatiivinen {
	color: #ff7404;
}

#view .formElement.text.min label,
#view .formElement.info.min label,
#view .formElement.textarea.min label,
#view .formElement.select.min label
{
	width: 100px;

}

#view .formElement.text.min input,
#view .formElement.textarea.min textarea
{
	width: auto;
}

table.kayttajat {
	border-collapse: collapse;
}

table.kayttajat th {
	text-align: left;
	background-color: #faf6ef;
}

.yleinen #view .plaintext label {
	width: 200px;
}

.yleinen #view .plaintext {
	padding: 1px 1px 1px 18px;
}

.siirra, .siirra2, .siirra3 {
	cursor: move;
}

#view .formElement.vierekkain input {
	display: inline;
	float: none;
}

div.validointi {
	margin-left: 10px;
	font-weight: bold;
}

div.validointi img {
	padding: 0 5px;
	vertical-align: middle;
}

#view .select  div.validointi {
	display: inline;
	margin: 0;

}

#view .radiotable div.validointi {
	margin: 2px 0;
}

#view .textarea div.validointi {
	float: left;
}

#view .checkboxgroup div.validointi{
	margin: 2px 0 10px 0;
}

#view .textarea.labeltop div.validointi {
	clear: left;
	display:block;
	margin: 2px 0;
}

#view .select.labeltop div.validointi {
  clear: none;
  display:block;
  margin: 2px 0;
}


#view  .text.labeltop div.validointi {
	float: left;
	margin: 2px 0;
}

div.validointi span.ok {
	color: green;
}

div.validointi span.err {
	color: red;
}

img.checkimg {
	border: 0;
}

.muokkaa, .poista, .siirra, .siirra2, .monista, .tila   {
	display: inline;
	float: right;
  padding: 0;
  margin:0;
  

}


.tila {
  float: left;
  margin-left:-13px;
  margin-right: 3px;
}


.siirra2 {
	margin-top: 1px;
}

/* Kenttäryhmän otsikkorivi, ohjeruudun tausta */
.infoTausta {
  background: #efefef;
}

/* Ohjeruudun reunan väri */
.infoTausta2 {
	background: #E87228;
}

/* Ohjeruudun teksti */
.infoTeksti {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 8pt;
}

.nowrap {
	white-space: nowrap;
}


#footer {
	clear: both;
	z-index: 0;

	height: 25px;
	background: #fff;
	width:100%;
	border-top: 1px solid #2F6394;
}

div:focus {
	outline:0;
}


/**
* 2007-05-07 HL: kalenteriin liittyvät tyylit
*/

#view table.kalenteri td.valittu {
  border: 1px solid red;
  font-weight: bold;
}

#view table.kalenteri td {
  padding: 4px;
  border: 1px solid #ffffff;
  text-align: center;
  background-color: #efefef;
}

#view table.kalenteri {
  border: 1px solid black;
  padding: 4px;
  background-color: #ffffff;
}

body.kalenteri {
  background-color: #efefef;
  text-align: center;
}

#view span.kalenteriohje {
  font-size: 8pt;
}


/**
* 2007-05-22 HL: autocomplete valintalistan tyylit
*/


/*This own form style must be done or the autocompleate is opened below the following div*/

#editform .autocomplete_div label,
#view .autocomplete_div label {
  width: 185px;
  display: block;
  float: left;
  outline:none;
  padding: 7px 5px 7px 18px;
}



#view .lomakelista .lomaketiedot dd div.autocomplete
{
    width: 150px ! important;
}

#view .lomakelista .lomaketiedot dd div.autocomplete,
#view div.autocomplete,
#editform div.autocomplete {
	background: #fff;
	display: block;
}

#editform div.autocomplete {
	z-index: 100;
}

#view .lomakelista .lomaketiedot dd div.autocomplete ul,
#view div.autocomplete ul,
#editform div.autocomplete ul {
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;

}
#view .lomakelista .lomaketiedot dd div.autocomplete ul li,
#view div.autocomplete ul li,
#editform div.autocomplete ul li {
	margin: 0;
	padding: 3px;
    font-size: 8pt;
  list-style-type: none;  
}

#view .lomakelista .lomaketiedot dd div.autocomplete ul li.selected,
#view div.autocomplete ul li.selected,
#editform div.autocomplete ul li.selected {
	background-color: #ffb;

}
#view .lomakelista .lomaketiedot dd div.autocomplete ul strong.highlight,
#view div.autocomplete ul strong.highlight,
#editform div.autocomplete ul strong.hightlight {
	color: #800;
	margin: 0;
	padding: 0;
}

#view ul.liitteet {
  list-style-image: url(../img/liite.gif);
}

#view .rekisteriSeloste {
	margin-top:9px;
	padding: 6px 0 7px 18px;
}

#view .rekisteriSeloste h1 {
	font-size: 24px;
	color: #ae0000;
}

#view .rekisteriSeloste p {
	margin: 2px 0 2px 0;
	padding: 0;

}

#view .rekisteriSeloste .otsake {
	margin-bottom:10px;
}

#view .jarjSuunnat
 {
	padding: 0 0 0 18px;
}
#view .kayttoEhdot p {
	margin-top:9px;
	padding: 6px 0 7px 18px;
}

#view .tallennetutHakuehdot {
	margin-top:9px;
	padding: 6px 0 7px 18px;
}

/* hallinta/super/tilasto.php  */


#popup table#tilasto {
	border-collapse: collapse;
	margin: 10px 15px 10px 10px;
	width: 95%;
	text-align:left;
	border: 1px solid #919191;
}

#popup table#tilasto th {
	background: #2F6394;
}
#popup table#tilasto th h3 {
	margin: 0;
	padding: 5px;
	color: #fff;
}
#popup table#tilasto tr.color {
	background-color: #F3F3F3;
}

#popup table#tilasto td {
	padding: 5px;
}

/*vaihda_oomakeomistaja.php:n tyylejä*/

th.tauluotsikko {
	text-align:left;
	color:#fff;
	background-color:#2F6394;

}
#haku .hakukentta {
	display:inline;
	float:left;
	margin-top:10px;
}

#view .formElement.labeltop label {
	display: block;
	width: 50%;
	margin-bottom: 3px;
  clear:both; 
  float:none;
}

#view .formElement.labeltop input {
	float: left;
}

#view .formElement.labeltop textarea,
#view .formElement.labeltop select {
	display:block;
	clear: both;

}
#view .formElement.checkbox.labeltop input {
	clear: none;
}

#view .formElement a  img.infokuva {
	float: left;
	padding-top: 4px;
}

#view .formElement.vierekkain a  img.infokuva {
	float: none;
}

#view .formElement.labeltop div.validointi {
	float: left;
}

#view #rinnakkaislomake_kentat  {
		border: none;
		padding: 10px 5px;
}

#view #rinnakkaislomake_kentat table {

	margin: 0;
	padding: 0;
	width: auto;
	border-collapse: collapse;
}

#view #rinnakkaislomake_kentat table th {
	text-align: left;
	padding-bottom: 4px;
}

#view #rinnakkaislomake_kentat table  td {
	padding:3px;
	vertical-align: top;
}

#view #kuvioimg {
  display: block;
	clear: both;
	padding-left: 10px !important
}

#view .formElement .poimiVastaukset {
	display: block;
	float: left;
}

#view .formElement .poimiVastaukset a {
	float: left;
	display: block;
}

#view .formElement textarea {
	float: left;
	width: auto;
	margin-right: 5px;
}
#view .formElement.text input + em {
	margin-left: 5px;
}

#view .formElement.textarea.labeltop br {
	clear: left;
}

#view table td.radioy {
  white-space: nowrap;
  text-align: left;
 }

#view table td.radioy label {
  display: block;
  float: left;
 }

 #view table td.radioy input {
  display: inline;
 }

 #view table td.radioy br {
  clear: both;
 }

/* Rinnakkaislomake.php:ssa kaytettyja tyyleja */
tr.krOtsikko {
  background-color: #C3C3C3;
	border-top:10px solid #fff;
}

tr.krOtsikko label {
  font-weight: bold;
  padding-left: 20px;
}

tr.kntOtsikko + tr.kntOtsikko {
  border-top: 4px solid #fff;
}

tr.kntOtsikko {
  background-color: #E8E8E8;
}

tr.kntOtsikko label {
  font-weight: bold;
  padding-left: 40px;
}

tr.selectKnt,
tr.radioKnt {
  background-color: #F2F2F2;

}

tr.selectKnt label,
tr.radioKnt label {
  padding-left: 60px;
}

table.jsTarkistukset {
  margin-left: 18px;
}
table.jsTarkistukset th{
  text-align: left;
}
table.jsTarkistukset input{
  margin-top: 8px;
}


/*Jotta IE6-7 ja FF näyttäisi overflown samalla lailla.*/

.yleinen #view  #lomake .formElement.radiotable,
.yleinen #view  #lomake .formElement.textfieldtable {

/*overflow:auto;*/
overflow:visible;


}


/*tbodyn viittaukset IE6:n takia*/
.yleinen #view  #lomake .formElement.radiotable table tbody,
.yleinen #view  #lomake .formElement.textfieldtable table tbody,
.yleinen #view  #lomake .formElement.radiotable table,
.yleinen #view  #lomake .formElement.textfieldtable table {
  /*overflow: auto;*/
  overflow:visible;

}


.disabled a {
  text-decoration: underline;
  color: gray;
}


/* Togglekuvien (>) (v) tyylit. */
img.toggleKuva {
  vertical-align: middle;
}


/* javascriptiä käytettäessä haluttaessa toglata elementin näkyvyyttä on parempi käyttää pseudodiveja toiminnan varmistamiseksi IE:llä.*/
.makevisible {
display:block;
}

.makehidden {
display:none;
}

#pageheader {

  height:30px;
  clear:both;
  border-bottom:1px solid #000;
  padding:5px;

}
#pageactions{
  float:left;
}
#quickcontrols  {
  float:right;
}

#pageheader h2 {
  float:left;
  vertical-align:middle;
  line-height:30px;
  margin:0 0 0 5px;
  padding:0;
}
.h2vierusteksti {
font-size:12px;
}

.statetransition {
clear:both;
}

.statetransition:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .statetransition {height: 1%;}
/* End hide from IE-mac */



.statetransition_same {
    background-color: yellow;
    border:1px solid red;
    float:left;
    padding:4px;
    margin:4px;
}

/*

koti.php sivun CSS tyylit

*/

.hakualue {
    border:1px solid grey;
    padding:5px;
}

.hakualue #tehtavarajaus,
.hakualue #hakukentat{
    margin: 5px 0px;
}


.hakualue #tehtavarajaus {
    clear:both;
}

.hakualue:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#view .kasittelylistaus li {
    margin: 15px 0px 0px 0px;
}

.yleinen #view .fieldalteration
{
  padding: 2px 0;
}
.editori #view .fieldalteration
{
    padding:0;margin:0;
}



#view #historialomake input,
#view #historialomake select,
#view #historialomake textarea {
    background-color:#e8e8e8;
}

.submissioninactivebox {
    width:200px;
    height:70px;
    background-color:#e8e8e8;
    border:1px solid #C3C3C3;
    float:left;
    margin:2px;
    padding:2px;
}

.submissionactivebox {
    width:200px;
    height:70px;
    background-color:#4B789F;
    border:1px solid #e8e8e8;
    float:left;
    margin:2px;
    padding:2px;
}


.e3padding {
  padding:7px 7px 7px 0px;

}

#formmovesearch {
    margin-top:15px;

}

#formmovesearch:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html #formmovesearch {height: 1%;}
/* End hide from IE-mac */

.formmovetable {
   border-collapse: collapse;
}
.formmovetable td {
    border:1px solid;
    padding:4px;
}
.formmovetable th {
    text-align:center;
}
/*
.editori #view .overflowhelper {
    overflow:auto; 
    width:100%;
}*/

.editori .radiocheckboxwrappaava {
  width:100%;
  overflow:auto;
  overflow-y:hidden;
  margin:0;
  padding:0;
}

.yleinen .radiocheckboxwrappaava {
  width:100%;
  overflow:visible;
  
  margin:0;
  padding:0;
}

.editori #view .radiotable .headeraligment,
.julkinen #view .radiotable .headeraligment {

    text-align: center;
}


.julkinen fieldset.checkboxgroup table,
.julkinen fieldset.textfieldtable table,
.julkinen fieldset.radiotable table {
    background-color: white;
}

.editori .editorinff2asemointi  {
  border:1px solid white;
  height:1%;
}

.muokkaa, .poista, .siirra, .siirra2, .monista, .tila   {
  display: inline;
  float: right;
  padding: 0 0 0 2px;
  margin:0;
  height:16px;

}

.tila
{
 padding: 0 2px 0 0;
}

/*kenttäryhmän otsikkoa täytyy tasata vasemmalta koska uusi "piilota kenttäryhmän tila" -nappula muuten rivittää monelle riville venyvät kenttäryhmän otsikot kummallisesti editorissa*/
.editori .otsikontasaava
{
margin-left:20px;
}

.littlespaceonleft
{
margin-left:5px;

}
.editori .spaceAroundEditField
{
  padding:7px;
}

.editori #view .tablepositioning 
 {
  padding:0;
  margin:0;
}

.editori #view .fieldpositioning 
 {
  padding-left:0;
  padding-right:0;
  padding-top:1px;
  padding-bottom:1px;
  margin:0;
}

.kaavallinenkentta 
{
  background-color:#ec8618;
}

#progressContainer {
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    text-align: center;
}

#progressFullWidth {
    border: 1px solid black;
    width: 100%;
}

#progressBar {
    background-color: #AE0000;
    float:left;
    
}

#floater {
    display: none;
    position: absolute;
    top: 50px;
    left: 5%;
    background-color: white;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    width: 90%;
}

.togglefloater {
    cursor: pointer;
    color: #ae0000;
    display: none;
}

.floaterhidden .togglefloater {
    display: none;
}

.lpcss
{
  margin-top:0px;
}

.linkclone {
  color:#0A79A4;
  text-decoration: underline;
}

.linkclone:hover,
.linkclonehover {
  cursor: pointer;
  color:#0A79A4;
  text-decoration: underline;
}

#tree, #tree ul { 
  padding-left: 20px; 
  list-style-type: none;
  line-height: 30px;
  width:100%;
  margin-left:0px;
}
#tree li {
  /*border-top:1px solid red;*/
  margin-left:0px;
  /*border-left:1px solid red;*/

  width:90%;
  /*background-color:white;*/


}

#tree .drop_hover {
  background: url(../img/drag.png) no-repeat bottom left;
}
#tree .drop_top {
  background-position: top left;
}
#tree .drop_bottom {
  background-position: bottom left;
}
#tree .drop_insert {
  background-position: 30px 100%;
}





#tree  .hierarkkiavalikonarvo {
  /*display:block;*/
  padding-left: 8px;
    background: url(../img/listamuokkaa.gif) no-repeat left center;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#0A79A4;
  cursor:move;
}

/*
#tree a:hover {
  display:block;
  padding-left: 8px;
  background: url(../img/listamuokkaa.gif) no-repeat left center;
  /*color:#99ffff;*/
  text-decoration:none; 
}
*/

.revi {
  cursor: move;
}
#tree .removetreeitem {
  cursor: pointer;
}

.pienimuokkaa { 
margin-left:5px;

cursor: pointer;
}

.hierarcychilddiv
{
  clear:both;

}

#defaultable
{
 /* border-collapse:collapse;*/
}
#defaultable td, #customers th 
{
  font-size:1em;
  border:1px solid #18344E;
  padding:3px 7px 2px 7px;
}
#defaultable th 
{
  text-align:left;
  padding:5px;
  padding-bottom:4px;
  background-color:#3C5E7D;
  color:#ffffff;
}
#defaultable tr.alt td 
{
  color:#000000;
  background-color:#E8E8E8;
}

.publishUsernamePasswordText{
clear:both;
padding-top:15px;
}