/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label {
	clear: both;
  float:left;
  width:160px;
  text-align: right;
  margin: 10px 10px 10px 0;    
  font-size: 1.3em;
  color: #7D7D7D;
} 

.required{
font-size:10px;
color:#FF3D00;	
float:left;
margin-left: 10px;
margin-top:  14px;
width: 250px;
}

.form-info{
font-size:10px;
float: left;
clear: both;
margin-left:170px;	
width:400px;
position: relative;
top: -5px;
color: #7D7D7D;
}

*HTML .form-info{
margin-left:85px;	
}


/* Form fields
-------------------------------------------------------------- */

input.text, input.password, textarea, select, input.checkbox, input.fileupload {
 background:#FAFAFA none repeat scroll 0% 0%;
border:1px solid #9D9D9D;
color:#3B3B3B;
float:left;
font-family:"Lucida Grande",Lucida,Arial,Verdana,sans-serif;
font-size:1.4em;
font-weight:normal;
height:20px;
margin:10px 0pt;
width:400px;
} 

input.fileupload {
  font-size: 1em;
}
input.checkbox {
  width: auto;
  height:auto;
  margin-top: 12px;
}

textarea {
  height:150px;
}     

select {
	height: 24px; 
}

.form-button{
margin-left:168px;	
margin-top: 10px;
}

*HTML .form-button{
margin-left:84px;	
}

input.input:focus, input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #53C3F1;
  background: #DAF2FC;
  color: #0494D7;
}

span.text {
float:left;
font-size:1.3em;
margin:10px 10px 10px 0pt;
width:400px;
}


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .1em; margin-bottom: 0.2em;  }

.error      { background: #FBE3E4 !important; color: #8a1f11  !important; border-color: #FBC2C4  !important; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


label[for='account_terms'] {
  clear:none !important;
  text-align: left;
  margin:8px 0 0 10px;
  width: 380px;
}