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

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

#form-div{
	float:left;
	font-family:verdana,helvetica,palatino sans,tahoma,arial,sans-serif;
	width:300px;
	padding:15px 0 25px 25px;
	color:#555;
	line-height:1.7em;
	}
#form-div p.form-footer{
	margin:-35px 2px 20px 13px;
	}
#form-div p.form-footer a{
	color:#690;
	}
#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:#690;
	}
#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{
	color:#fff;
	/* color:#000;(lite colors option - uncomment to use) */
	padding:1px 4px;
	border:1px solid #000;
	background-color:#690;
	/* background-color:#d6e3ba;(lite colors option - uncomment to use) */
	margin:10px 3px;
	text-align:center;
	}
#form-div p.error{
	background-color:#b00;
	/* 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:#b00;
	}
#form-div p.success a:hover,#form-div p.success a:focus,#form-div p.success a:active{
	background-color:#690;
	}

/* === structural form elements ==================================== */
form#gbcf-form{}
fieldset.main-set,fieldset.req-set,fieldset.opt-set{
	border:1px solid #eee;
	padding:5px;
	}

/* === textural form elements ====================================== */
#form-div legend{
	font-weight:bold;
	}
#form-div legend span{}
legend.main-legend{
	color:#777;
	font-size:110%;
	}
legend.req-legend,legend.opt-legend{
	color:#777;
	}
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:#690;
	}
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 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;*/
	width:250px;
	}
textarea.textarea{
	/*width:440px;*/
	width:250px;
	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 verdana,helvetica,palatino sans,tahoma,arial,sans-serif;
	font-weight:bold;
	margin-top:8px;
	padding:1px 10px;
	cursor:pointer;
	float:right;
	clear:both;
	color:#690;
}
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 =========== */