/*
   ----------------------------------------------------------------
   GBCF-V3 DEFAULT STYLE SHEET - MIKE CHERIM HTTP://GREEN-BEAST.COM
   ----------------------------------------------------------------
*/
/* === form div and elements ======================================= */
#form-div {font-family:Arial, Helvetica, sans-serif;
  width:90%;
  margin:0 auto;
  color:#3A5464;
  line-height:1.7em;}
#form-div p.form-footer {margin:-35px 2px 20px 13px;}
#form-div p.form-footer a {color:#6D872B;}
#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active {color:#000; 
  text-decoration:none;}
#form-div p.form-footer a:focus, #form-div p.form-footer a:active {background-color:#FFF;}

/* === form div link styles ======================================== */
#form-div a {color:#6D872B;}
  
#form-div a:hover, #form-div a:focus, #form-div a:active {color:#000; 
  text-decoration:none;}
#form-div a:focus, #form-div a:active {background-color:#FFF;}

/* === success and error message/results box ======================= */
#form-div p.success, #form-div p.error, #form-div p.center {color:#FFF;
  /* color:#000; (lite colors option - uncomment to use) */
  padding:1px 4px; 
  border:1px solid #000; 
  background-color:#6D872B;
  /* background-color:#d6e3ba; (lite colors option - uncomment to use) */
  margin:10px 3px;
  text-align:center;}
#form-div p.error {background-color:#0A72BA; 
  /* background-color:#edbaba; (lite colors option - uncomment to use) */}
#form-div p.error a, #form-div p.success a {color:#FFF;}
#form-div p.center {text-align:center;
  background-color:#edbaba;
  color:#000;
  margin-top:-3px;
  padding:0px 4px;}
#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 {color:#FFF;
  background-color:#0A72BA;}
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {background-color:#6D872B;}

/* === structural form elements ==================================== */
form#gbcf-form { }
fieldset.main-set, fieldset.req-set, fieldset.opt-set {padding:5px;margin-bottom:15px;}
fieldset.req-set {border:1px solid #0A72BA;}
fieldset.opt-set {border:1px solid #59839C;}

/* === textural form elements ====================================== */
#form-div legend {font-weight:bold;}
#form-div legend span { }
legend.main-legend {color:#0A72BA;
  font-size:120%;}
legend.req-legend,
legend.opt-legend {color:#3A5464;
	padding:0 5px;}
legend.req-legend span, legend.opt-legend span {padding:3px 8px;}
legend.main-legend span {font-size:130%;
	background:#FFF;}
legend.main-legend { }
legend.req-legend span {font-size:120%;
	background:#FFF;}
legend.req-legend {margin-left:-2px;}
legend.opt-legend span {font-size:110%
	background:#FFF;}
legend.opt-legend {margin-left:-2px;}
label.req-label, label.opt-label {color:#6D872B;}
label.opt-label.check {float:right;
  padding:0;
  margin:1px 4px;
  cursor:pointer;}
label.opt-label.main-label {margin:0 2px;
  font-weight:bold;}
label.opt-label.main-label span {font-weight:normal;
  color:#666;}
label.opt-label.main-label span.req, label span.req  {font-weight:bold;
  color:#c70000;}
label.req-label.explain {color:#666;
  font-size:.8em;}
label.req-label.explain:hover {color:#000;}
/* === 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;
  margin-bottom:0;
  padding-bottom:2px;
  border-bottom:1px dotted #bbb;}
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;
  margin-top:0;
  padding-top:2px;
  border-top:1px dotted #bbb;}
input.checkbox {border:1px solid #999;
  width:.9em;
  height:.9em;
  padding:0;
  margin:0;
  cursor:pointer;}
input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus {border:1px solid #666;}
input.text-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea {font:1em Arial, Helvetica, sans-serif;;
  border:1px solid #999;
  background-color:#FFFffe;
  cursor:text;
  padding:1px 2px;}
select.select {padding:1px 0;}
input.text-short {width:50%;}
input.text-med, select.select {width:98%;}
input.text-long {width:98%;}
textarea.textarea {width:98%;
  height:200px;}
select.select, select.select option {cursor:pointer;}
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 {border:1px solid #666;
  background-color:#ffe;}
input.button {font:1.1em Arial, Helvetica, sans-serif;;
  font-weight:bold;
  margin-top:8px;
  padding:1px 10px;
  cursor:pointer;
  float:right;
  clear:both;
  color:#6D872B;}
input.button:hover, input.button.hover,
input.button:focus, input.button.focus {color:#333;}
/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button {border:1px solid #666;}

/* EOF - Created by Mike Cherim @ http://green-beast.com =========== */