/*
 * --------------------------------------------------------------------
 * Eugene CSS, forms layout
 * Version: 0.1, 26.10.2009
 * by Petr Skripal, petr.skripal@gmail.com
 *                      http://www.dadul.cz
 *
 * Copyright (c) 2009 Petr Skripal
 *
 */
/* Form settings */
body{
  font-size: 100%; 
}

form{
  font-size: 0.85em;
}

form label {
	padding: 0;
	margin: 0;
	border: 0;
	
}

form label, form .label{
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 2.5em;
	display: block;
}

form p{
	margin: 0.5em 0;
	padding: 0;	
	border: 0;
	clear: both;
}

form input, textarea, select{
	text-align: left;
	font-size: 1em;
	border: 1px solid #808284; 
	background: #F2F2F2;
}


form textarea{
	width: 10em;
}

form input.checkbox{
	color: #971B1E;
	border: 0;
	background: transparent;
}

form input.submit{
	cursor: pointer;
	text-align: center;
	text-transform: capitalize; 
	padding: 0.5em;
	margin: 1em 0 0 0;
	color: #fff;
	border: 0;
	background: #971B1E;	
}

form textarea{
	font-size: 1.2em;
}

/*
  Form fieldsets
*/

form .fieldset{
  width: 25em;
	display: block;
	margin-top: 2em;
	padding:2em 1em 1em 1em;
	background: #F8F8FA;
	position: relative;
	border: 1px solid #aaa;	
}


form fieldset, form fieldset legend{	
	border: none;
	border: 0;	
	padding: 0;
	margin: 0;
	background: transparent;
	clear: both;
}

/*
	1th Legend
*/
form fieldset legend span{
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em;
	position: absolute;
	left: 1em;
	top: -0.75em;
	border: 1px solid #ddd;
	background: #eee;
	
}
form fieldset fieldset legend span{
	display: block;
	position: static;	
}


/* 2th fieldset */


form fieldset fieldset legend span{
  width: 26em;  
  margin-top: 0.5em;
  padding: 0.3em;
  background: #FFF;
  border-bottom: 1px solid #aaa;	
}
/* 3th fieldset
	- same as the 2th 
*/

/* 4th fieldset */
form fieldset fieldset fieldset fieldset legend span{
  width: 25em;
  margin-left: 1em;
  background-color: #F2F2F2;	
}


/* Radio buttons  */

/* IE no border around */
form p.radio{
	vertical-align: middle;
	display: block;
	padding-bottom: 0.5em;
	position: relative;	
}
form p.radio .label{
	margin-right: 0;	
}

form p.radio .body{
	text-align: left;
	width: 17.5em;	
	float: right;		
	display: block;
}

form p.radio label{	
	margin: 0;
	padding: 0 1em 0.5em 2em;
	width: auto;
	float: none;
	display: block;
	text-align: left;
	clear: right;
}

/* IE fix */
* html p.radio label{
	padding: 0 1em 0em 0em;
	height: 2em;	
}

/* Error label */
form p.radio label.error{
	padding: 0;
	margin: 0;
	border: 0;
	width: auto;
	position: absolute;
	left: 0;
	top: 2em;
}


form p.radio input{
	padding: 0;
	border: 0;
	margin: 0 0.5em 0 0;
	float: left;
	clear: none;
	background: transparent;
}


form .text{
	float: right;
	width: 17.5em;
	clear: both;	
}

/* FOCUS accessibility */
input:focus, input.focus, select:focus, select.focus, textarea:focus, textarea.focus {
	background: yellow;
	color: black; 
}

.readonly:focus{
	background: #ddd;
}

/* Validation errors */
input.error, textarea.error {	
	border: 2px solid #ff0000 !important;
}
/* Radio buttons */
p.radio input.error{
	border: 0 !important;	
} 

label.error, label.notice{
	text-align: left;
	padding-left: 10.5em;
	float: left;
	margin: 0;
	border: 0;
	width: 17em;
}

/*
  Recommend form
*/

#boxRecommend{
	display: block;
	position: relative;
	height: 8em;	
}

#formRecommend input.button{
	text-align: center;	
}

#formRecommend fieldset{
	padding-top: 0.5em;
}