fieldset{display: block; padding: 0; margin-bottom: 10px; border: 0;margin-top: 30px;}
legend{color: #444;}
/*input, select{background: #FFFFFF !important;}*/

#main form{width: 500px; position: relative;}
form p{display: block; width: 100%; clear: both; padding: 5px 0 0 0;margin: 0;}
label, div.label{padding-bottom: 5px; display: block; width: 100%;}
label span, div.label span{display: block; float: left; width: 80px;}
input.medium{width: 150px;}
select{width: 100px;}
.checkbox, .radio{width: auto;}
.button{width: auto;}

label.wide{width: 90%;}
label.wide span{width: 90%;}
label.thin{width: 25%;}

label.full_width{width: 100%; display: block; clear: both;}
#customer_form p.full_width input{width: 450px;}
.required_note{position: absolute; top: 0; right: 0;}

.two_column_form input{float: left;}
.two_column_form label{width: 50%;}
.two_column_form label span{ width: 90%; }

.date_select select{width: 70px;}

.cvv_image{float: right;margin-top: -25px;}

textarea#notes{height: 50px; background: #fff;}

.validation-advice{margin-right: 5px;}

#customer_form input{width: 200px;}
.half_width{float: left; width: 50%; clear: none;}

.checkbox{}
.checkbox label{float: left; width: 90%; clear: none;}
#customer_form .checkbox input{width: auto; clear: none;}


/*	RAILS' ERRORS CSS
	======================== */

.fieldWithErrors{display: block; clear: left;}
.fieldError{border: 2px solid red;}
/*#errorExplanation{border:2px solid red;padding:7px;padding-bottom:12px;margin-bottom:20px;background-color:#f0f0f0; margin-right: 15px;}*/
#errorExplanation{margin-bottom:1em;border:2px solid #ddd;padding:.8em;margin-right: 15px;}
#errorExplanation{background:#FFF;color:#D12F19;border-color:#FBC2C4;}


#errorExplanation h2{background:#FBE3E4;font-size: 16px; border-bottom: 2px solid; text-align:left;font-weight:bold;padding:5px 5px 5px 15px;margin:-7px;color:#c00; margin-bottom: 10px; }
#errorExplanation p{color:#333;margin-bottom:0;padding:5px;}
#errorExplanation ul li{font-size:12px;list-style:none;}

div.uploadStatus{margin:5px;}
div.progressBar{margin:5px;}
div.progressBar div.border{background-color:#fff;border:1px solid gray;width:100%;}
div.progressBar div.background{background-color:#333;height:18px;width:0%;}

.panel{clear:both;display:none;border:3px solid #CCC;padding:1em;}
.panel.active-tab-body{display:block;}

#tabs{list-style:none;}
#tabs li{float:left;}
#tabs a{float:left;padding:5px 8px;margin-left:6px;background-color:#F2F2F2;text-decoration:none;color:#999999;}
#tabs a.active-tab{background-color:#CCC;border-top:3px solid #999;padding-top:3px;color:#000;}

input.disabled{border:1px solid #F2F2F2;background-color:#F2F2F2;}
input.required,textarea.required{}
input.validation-failed,textarea.validation-failed{border:1px solid #FF3300;color :#FF3300;}
input.validation-passed,textarea.validation-passed{/*border:1px solid #00CC00;*/color :#000;}

.validation-advice{margin:5px 5px 5px 0;padding:5px;background-color:#FF3300;color :#FFF;font-weight:bold;}
.custom-advice{margin:5px 0;padding:5px;background-color:#C8AA00;color :#FFF;font-weight:bold;}

label{font-weight:bold;}
.form-row{clear:both;padding:0.5em;}
.field-label{}
.field-widget{}