/* forms.css */

/* Errors */
form input.error,form select.error,form textarea.error { border-color: #e41937; }

/* General */
input[type="radio"], input[type="checkbox"] { width: auto; height: auto; }
input:focus, select:focus, textarea:focus, button:focus { border-color: #115ea4; }
input.disabled, select.disabled, textarea.disabled, button.disabled { background: #e5e5e5; color: #666; }
fieldset { position: relative; margin: 1em 0; padding: 0px; }
fieldset fieldset { width: 230px; float: left; padding: 0; margin: 20px 0; }

/* Labels and Inputs*/
label, input, select, textarea { float: left; width: 200px; margin: auto 0 1em 0; }
label { clear: left; width: 120px; text-align: left; margin-right: 1em; }
label.wide_label { width: auto; }
label input { width: auto; margin: auto 1em auto auto; } /* for checkboxes sometimes we put inline to the left of the label text */
input, select, textarea { padding: 4px; border: 1px solid #222222; background: #3c3c3c; color: #9e9e9e; }
textarea { width: 400px; padding: 4px; font-size: inherit; overflow: auto; }
textarea.clearleft { float: left; clear: left; margin: auto 0 1em 0; }
input:focus, select:focus { }
input[type="radio"], fieldset input[type="checkbox"] { border: none; margin: 3px 8px 0 0; padding: 0px; width: auto; height: auto; }
fieldset legend { font-size: 1.2em; color: #444; margin-left: 20px; }
fieldset legend label { margin: -0.6em 1em 1em 1em; }

/* Buttons */
button, fieldset.buttons a { display: inline-block; background: #d88923; color: #fff; margin: 0 1em 20px auto; border: 1px solid #2B2B2B; padding: 0.25em 0.5em; cursor: pointer; }
button:hover { background: #c35c09; }

/* Form Rules: Checkbox Lists */
fieldset ul.checkbox_list { margin: 0; padding: 0; list-style: none; }
fieldset ul.checkbox_list li { float: left; clear: left; margin: 0.5em auto;}
fieldset ul.checkbox_list li label, fieldset ul.checkbox_list li input { float: left; clear: none; margin: 0.25em 1em; width: auto; }

/* search_form */
form#search_form fieldset { margin: 0; padding: 0; }
form#search_form label { width: 50px; display: none; margin: 0 10px 0 0; }
form#search_form input { width: 150px; height: 17px; padding: 2px; display: inline-block; margin: 0 5px 0 0; font-size: 0.8125em; }
form#search_form button { margin: 0; padding: 0; background: url('/media/images/icons/go_button.gif') 0 0 no-repeat; border: none; width: 33px; height: 23px; text-indent: -9999px; }
form#search_form button:hover { background-position: 0px -23px; }

/* learn_by_form */
form#learn_by_form fieldset { margin: 0; padding: 0; height: 40px; }
form#learn_by_form label { width: 70px; display: inline; margin: 0 10px 0 0; text-align: left; }
form#learn_by_form select { width: 120px; padding:0; border:3px solid #3c3c3c; display: inline-block; margin: 10px 5px 0 0; font-size: 0.8125em; }

/* newsletter_prefill_form */
form#newsletter_prefill_form fieldset { margin: 0; padding: 0; float: right; }
form#newsletter_prefill_form label { width: 200px; display: inline; margin: 0 10px 0 0; color: #d88923; text-align: right; }
form#newsletter_prefill_form input { width: 150px; height: 17px; padding: 2px; display: inline-block; margin: 10px 5px 0 0; font-size: 0.8125em;  }
form#newsletter_prefill_form button { vertical-align:top; margin: 10px 0 0 0; padding: 0; background: url('/media/images/icons/submit_button.gif') 0 0 no-repeat; border: none; width: 50px; height: 23px; text-indent: -9999px; line-height:0px; }
form#newsletter_prefill_form button:hover { background-position: 0px -23px; }

/* newsletter_signup_form */
form#newsletter_signup_form label { width: 200px; }

/* payment_form */
form#payment_form { clear: both; }

/* required fields */
label.required:after { content: " *"; }
input.required, select.required, textarea.required {}

/* overlay option */
.overlay_option { position: absolute; top: 100px; left: 100px; z-index: 500; background: #000; border: 2px solid #ccc; padding: 100px; }