.formBasic
{
	margin: 0;
	padding: 5px;
	background: #ebf0f6;
	clear: both;
	font-family: Arial,Helvetica,sans-serif;
	color:#555555;
	font-size: 12px;
}

.formBasic input,
.formBasic textarea,
.formBasic select
{
	margin: 0.2em 0 0.5em 0;
}

.formBasic fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

.formBasic label
{
	font-weight: bold;
	/*font-size: 0.9em;*/
	display: block;
	font-family: Arial,Helvetica,sans-serif;
}
.formBasic div .wizardlabel
{
	font-weight: bold;
	/*font-size: 0.9em;*/
	width:44%;
	float:left;
	min-height:24px;
	padding:7px 0px 7px 7px;

	/*display: block;*/
}

.formBasic .row
{
	margin: 4px 0;
	border-bottom: 1px solid #ced6e0; /*#c3cad4;*/
}

.formBasic .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

.formBasic .note
{
	font-style: italic;
}

.formBasic .dropdown
{
	/* 202px näyttäis täsmäävän tekstikenttien kanssa. */
	width:202px;
}

/*.formBasic .value input[type=text],input[type=password]
{	
	width:202px;
}*/


.formBasic .value input[type=text] input[type=password]
{	
	width:202px;
}

.formBasic .value input.date
{	
	width:89px;
}

.formBasic .value textarea
{	
	width:658px;
	height:100px;
}

input, select, textarea {  /*tämä tarvitaan siksi, että kaikkien elementtien leveydet menevät oikein. Ilman tätä samalla width:illä olevat textfieldit ja dropdownit näkyvät eri leveyksisisinä.*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.formBasic span.required
{
	color: red;
}

.formBasic label.error,
.formBasic span.error
{
	color: #C00;
}

input.changed, textarea.changed, select.changed {
	background-color: #FFDB4D;
}

.formBasic input.error,
.formBasic textarea.error,
.formBasic select.error
{
	background: #FEE;
	border-color: #C00;
}

.formBasic .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

.formBasic .errorMessage
{
	color: red;
	font-size: 0.9em;
}

.formBasic .errorSummary p
{
	margin: 0;
	padding: 5px;
}

.formBasic .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

.formBasic .header{
/*width:420px;*/
font-size:1.2em;
font-weight:bold;
width:47%;
float:left;
/*padding:7px 5px 0px 7px;*/
padding:7px 0px 10px 7px;
min-height:24px;
/*border:1px solid black;*/
}
.formBasic .label{
/*width:145px; Muutetttu prosenttiperusteiseksi 10.1.2013 JN*/
width:17%;
float:left;
padding:7px 0px 7px 7px;
min-height:24px;
/*border:1px solid black;*/
}

/* Otin pois koska punainen täppä meni toiselle riville. 16.1.2013 JN
.formBasic .required{
width:140px;
} */
.formBasic .value{
/*width:275px; Muutetttu prosenttiperusteiseksi 10.1.2013 JN*/
width:30%;
float:left;
padding:7px 0px 0px 7px;
min-height:24px;
/*border:1px solid black;*/
}
/*Tällä voi luoda koko rivin levyisen valuen */
.formBasic .value_wide{
width:78%;
float:left;
padding:7px 0px 0px 7px;
min-height:24px;
/*border:1px solid black;*/
}

div .clear{
float:none;
clear:both;
height:0px;
}