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

/* position */
form{
  width:320px;
  font-size:0.8em;
}
form label{
	width: 95px;
}
form input{
	width: 185px;
}
form fieldset{
  width:310px;
}
form textarea{
	width: 290px;
  padding:5px;
  font-size:1.2em;
}
form div span, form div div{
  width:98.5%;
}
/* general */
form{
  padding:0;
  margin:0;
  clear:both;
}
form fieldset{
	width: auto;
  border: 1px solid #444;
  margin-top: 10px;
  padding: 8px 5px 8px 5px;
}
form fieldset p, .content form fieldset p,
form fieldset div, .content form fieldset div{
	padding: 2px;
	margin: 0;
	clear: both;
}
legend{
  color: #EEE;
  font-size: 1.1em;
  font-weight: bold;
  padding:0 5px 0 5px;
}
legend.mendatory{
  color:red;
}
label{
	display: block;
	float: left;
	text-align: right; 
	margin: 0 5px 0 0;
	padding: 0.35em;
  height:100%;
  background:#222;
  font-weight: bold;
  color:#CCC;
}
form label.required{
  color:red;
}
/* textfields */
input, textarea{
  padding:.1em .2em .1em .2em;
  font-size:115%;
  background:black;
}
textarea{
  font-size:80%;
}
input[type=text], input[type=password], textarea,select{
  border:1px solid #444;
  color:#777;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus,select:focus{
  border:1px solid #777;
  color:#EEE;
}

/* select & checkbox */
select{
  font-size: 105%;
  vertical-align: text-bottom;
}
select[multiple=multiple]{
	width: 70%;
}
input[type=radio]{
  width:auto;
  margin:1px 6px 0px 4px;
}
.radio_wrapper{
  font-size:1.1em;
}
.radio_wrapper label{
  background:none;
  display:block;
  width:290px;
  text-align:left;
  clear:both;
  padding:5px;
  color:#AAA;
  cursor:pointer;
  font-weight:normal;
}
.radio_wrapper label:hover{
  background:#222;
  color:#FFF;
}
/* 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.jpg"); /* wordpress rocks! ;) */
  border: 3px double #444;
  border-left-color: #777;
  border-top-color: #777;
  color: #AAA;
  padding: 0.25em;
  cursor: pointer;
  cursor: hand;
}
.button_small{
  width:auto;
  padding:0;
}
input:hover, .button:hover{
  color:#CCC;
}
.submit input:active, .button:active{
  background: #111;
  border: 3px double #777;
  border-left-color: #444;
  border-top-color: #444;
}

/* controls - end of form */
.controls{
  float:left;
  width:auto;
  padding:15px 0px 10px 0px;
}
.controls input{
  width:auto;
}
.controls input[type=button],.controls input[type=submit]{
  float:right;
  min-width:85px;
}
.controls input#save,.controls input#next{
  clear:none;
  margin-left:5px;
}
.controls input#cancel{
  clear:none;
  float:left;
}
.controls input#cancel{
  margin-right:5px;
}
/* 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;
  text-align:right;
  margin-bottom: .5em;
  padding:2px;
  vertical-align: text-top;
}
form .error, form fieldset div div.error-message{
  width:290px;
  padding:5px;
  margin:5px 0px 0px 0px;
  background: #100 url('../img/icons/16x16/error.png') left center no-repeat;
  border:0;
  font-weight:normal;
  color:red;
  text-align:right;
input.form-error{
  border:1px solid red;
}