/**********************************************/
/* @name: form.css                            */
/* @date: 07/07/07                            */
/* @desc: spac3cake (forms)                   */
/* @auth: remy@enova-tech.net                 */
/**********************************************/

/* position */
form label{
	width: 29%;
}
form input,form textarea{
	width: 67%;
}
form div span, form div div{
  width:98.5%;
}
/* general */
form{
  padding:0;
  margin:0;
  clear:both;
}
form fieldset{
	width: auto;
  border: 1px solid #ccc;
  margin-top: 10px;
  padding: 5px 10px 5px 8px;
}
form fieldset p, .content form fieldset p,
form fieldset div, .content form fieldset div{
	padding: 2px;
	margin: 0;
	clear: both;
}
legend{
  color: #6A6A6A;
  font-size: 1.1em;
  font-weight: bold;
  padding:0 5px 0 5px;
}
label{
	display: block;
	float: left;
	text-align: right; 
	margin: 0 5px 0 0;
	padding: 0.2em;
  height:100%;
  background:#EEE;
  font-weight: bold;
}
form label.required{
  color: #933;
}
/* textfields */
input, textarea{
	margin-right: 0.25em;	
  font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
  padding:.1em .2em .1em .2em;
  font-size:105%;
}
textarea{
  font-size:100%;
}
input[type=text], input[type=password], textarea,select{
  border:1px solid #CCC;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus,select:focus{
  border:1px solid #B4B4B4;
}

/* select & checkbox */
select{
  font-size: 105%;
  vertical-align: text-bottom;
}
select[multiple=multiple]{
	width: 70%;
}

/* buttons */
option{
  font-size: 105%;
  padding: 0 3px;
}
input[type=checkbox]{
  /*clear: left;
  float: left;*/
  margin: 5px 6px 7px 2px;
  width: auto;
}
.submit input, .submit input:focus, .button,.button_small{
  background: url("../img/layout/bg_btn.png"); /* wordpress rocks! ;) */
  border: 3px double #999;
  border-left-color: #DDD;
  border-top-color: #DDD;
  color: #333;
  padding: 0.25em;
  cursor: pointer;
  cursor: hand;
}
.button_small{
  width:auto;
  padding:0;
}
.submit input:active, .button:active{
  background: #f4f4f4;
  border: 3px double #ccc;
  border-left-color: #999;
  border-top-color: #999;
}

/* controls - end of form */
table tr td.controls{
  padding:0;
}
.controls{
  float:left;
  width:auto;
  padding:10px 0px 10px 0px;
  margin-bottom
}
.controls input{
  width:auto;
}
.controls input[type=button],.controls input[type=submit]{
  float:right;
  min-width:75px;
}
.controls input#save,.controls input#next{
  clear:none;
  margin-left:5px;
}
.controls form,.controls input#cancel{
  clear:none;
}

/* msg & errors */
form .note {
	font-size: 0.75em;
}
form .warning{
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}
form div span, form .example{
  display:block;
  clear: left;
  margin-left:31%;
  margin-bottom: .5em;
  padding:2px;
  vertical-align: text-top;
}
form .error, form fieldset div div.error-message{
  margin:1px 1px 1px 31%;
  padding:3px 0 0 28px;
  background: #fff url('../img/icons/16x16/error.png') left center no-repeat;
  border:0;
  width:60%;
  font-weight:normal;
}

input.form-error{
  background:#FDD;
}