/*
   ----------------------------------------------------------------
   GBCF-V3 DEFAULT STYLE SHEET - MIKE CHERIM HTTP://GREEN-BEAST.COM
   ----------------------------------------------------------------
*/

/* === form div and elements ======================================= */

#form-div { 
	font-family:verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
	width:420px;
	margin:0 auto 0 auto;
  	color:#555;
  	line-height:1.7em;
	}
#form-div p.form-footer {
  	margin:-35px 2px 20px 13px;
 	}
#form-div p.form-footer a { 
  	color:#669900; 
	}
#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:#eee; 
	}

/* === form div link styles ======================================== */

#form-div a { 
  	color:#669900; 
	}
#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:#eee; 
	}

/* === success and error message/results box ======================= */

#form-div p.success, #form-div p.error, #form-div p.center {
	width:420px;
	font-size:13px;
  	color:#fff;
  	/* color : #000; (lite colors option - uncomment to use) */
  	padding:1px 4px; 
  	border:1px solid #000; 
  	background-color : #669900;
  	/* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  	margin:10px 3px;
  	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.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:#eee;
	background-color:#bb0000; 
	}
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
	background-color:#669900; 
	}

/* === structural form elements ==================================== */

form#gbcf-form {width:420px}

fieldset.main-set,
fieldset.req-set,
fieldset.opt-set {
	width:420px;
	border:1px solid #eee;
	padding:5px;
	}

/* === textural form elements ====================================== */

#form-div legend { 
	font-weight:bold;
	}

#form-div legend span { }

legend.main-legend {
	width:420px;
  	color:#777;
	font-size:110%;
	}

legend.req-legend,
legend.opt-legend {
	font-size:13px; 
	color:#ff8c00;
	}

legend.main-legend span { }
legend.main-legend { }

legend.req-legend span { }
legend.req-legend {
	margin-left:-2px;
	}

legend.opt-legend span { }
legend.opt-legend { 
	margin-left:-2px;
	}

label.req-label, label.opt-label {
	color:#669900;
	font-size:13px;
	}

label.opt-label.check {
	float:left;
	padding:0;
	margin:1px 4px;
	cursor:pointer;
	}

label.opt-label.main-label {
	font-size:13px;
  	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:12px;
	white-space:pre-line;
	line-height:normal;
	}

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;
	display:inline;
	}

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:13px verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
	border:1px solid #999;
  	background-color:#fffffe;
  	cursor:text;
	padding:1px 2px;
	}

select.select {
  	padding:1px 0;
	}

input.text-short {
  	width:100px;
	}

input.text-med, select.select {
  	width:250px;
	}

input.text-long {
	width:300px;
	}

textarea.textarea {
	width:360px;
	height:150px;
	}

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 {
	width:85px;
	font:1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  	font-weight:bold;
  	margin:8px auto 0px 230px;
  	padding:1px 10px;
  	cursor:pointer;
  	float:left;
  	clear:both;
  	color:#669900;
	display:inline;
	}

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 =========== */