/*
   ----------------------------------------------------------------
   GBCF-V3 DEFAULT STYLE SHEET - MIKE CHERIM HTTP://GREEN-BEAST.COM
   ----------------------------------------------------------------
*/
/* === form div and elements ======================================= */
fieldset.main-set,
fieldset.req-set,
fieldset.opt-set { border: 1px solid #eee; padding: 5px; text-align: left; }
/* === structural form elements ==================================== */
form#gbcf-form { }
input.button { clear: both; color: #255942; cursor: pointer; float: right; font-family: arial, sans-serif; font-weight: bold; margin-top: 8px; padding: 1px 10px; }
input.button:hover, input.button.hover,
input.button:focus, input.button.focus { color: #333; }
input.checkbox { border: 1px solid #999; cursor: pointer; height: .9em; margin: 0; padding: 0; width: .9em; }
input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus, * html input.button { border: 1px solid #666; }
input.text-long { width: 300px; }
/* === control and interface form elements ========================= */
/*
  note: In this section you will see the hover/focus styles for the 
  inputs. For example: input:hover, input:focus. You will also see 
  these names applied as classes: input.hover, input,focus, for 
  example. This is not done by mistake. Those classes are needed for 
  the JavaScript focus script (files/focus.js) for IE 7 and older.
*/
input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus { border-bottom: 0; border-bottom: 1px solid #666; margin-bottom: 0; padding-bottom: -20px; }
input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus { border-top: 0; border-top: 1px solid #666; margin-top: 0; padding-top: 2px; }
input.text-med, select.select { width: 250px; }
input.text-short { width: 100px; }
input.text-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea { background-color: #fffffe; border: 1px solid #999; cursor: text; font-family: arial, sans-serif; padding: 1px 2px; }
input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus { background-color: #ffe; border: 1px solid #666; }
label.opt-label.check { cursor: pointer; float: right; margin: 1px 4px; padding: 0; }
label.opt-label.main-label { font-weight: bold; margin: 0 2px; }
label.opt-label.main-label span { color: #666; font-weight: normal; }
label.opt-label.main-label span.req, label span.req { color: #c70000; font-weight: bold; }
label.req-label, label.opt-label, #form-div p.form-footer a, #form-div a { color: #000000; text-align: left; }
label.req-label.explain { color: #666; font-size: .8em; }
label.req-label.explain:hover { color: #000000; }
legend.main-legend { color: #777; font-size: 110%; }
legend.main-legend { }
legend.main-legend span { }
legend.opt-legend span { }
legend.req-legend span { }
legend.req-legend, legend.opt-legend { margin-left: -2px; }
legend.req-legend,
legend.opt-legend { color: #777; }
select.select { padding: 1px 0; }
select.select, select.select option { cursor: pointer; }
textarea.textarea { height: 200px; width: 440px; }
#form-div { color: #555; font-family: arial, sans-serif; line-height: 1.7em; margin: auto; width: 70%; }
/* === textural form elements ====================================== */
#form-div legend { font-weight: bold; }
#form-div legend span { }
#form-div p.center { background-color: #edbaba; color: #000000; margin-top: -3px; padding: 0px 4px; text-align: left; }
#form-div p.error { background-color: #bb0000; /* background-color : #edbaba; (lite colors option - uncomment to use) */ }
#form-div p.error a, #form-div p.success a { color: #ffff7f; }
#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, 
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active { background-color: #bb0000; color: #eee; }
#form-div p.form-footer { margin: -35px 2px 20px 13px; }
/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
/* EOF - Created by Mike Cherim @ http://green-beast.com =========== */
#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active, #form-div a:hover, #form-div a:focus, #form-div a:active { color: #000000; text-decoration: none; }
#form-div p.form-footer a:focus, #form-div p.form-footer a:active, #form-div a:focus, #form-div a:active { background-color: #eee; }
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active { background-color: #255942; }
/* === form div link styles ======================================== */
/* === success and error message/results box ======================= */
#form-div p.success, #form-div p.error, #form-div p.center { background-color: #255942; /* background-color : #d6e3ba; (lite colors option - uncomment to use) */ border: 1px solid #000000; color: #fff; /* color : #000000; (lite colors option - uncomment to use) */ margin: 10px 3px; padding: 1px 4px; text-align: left; }