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

/*
# Edited by Sebastian Nitu
# For the Dow Columbia Website
# www.dowcolumbia.com

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

#form-div {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color : #888888;
  line-height : 2em;
}

#form-div p.form-footer {
	visibility: hidden;
 }

#form-div p.form-footer a { 
  color : #888888; 
}

#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active { 
  color : #d2232a; 
  text-decoration : none; 
}

#form-div p.form-footer a:focus, #form-div p.form-footer a:active { 
  background-color : #d2232a; 
}


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

#form-div a { 
  color : #d2232a; 
}
  
#form-div a:hover, #form-div a:focus, #form-div a:active { 
  color : #d2232a; 
  text-decoration : none; 
}

#form-div a:focus, #form-div a:active { 
  background-color : #d2232a; 
}


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

#form-div p.success, #form-div p.error, #form-div p.center { 
	background: #8ec73f url(../../images/accept.png) no-repeat 12px center; 
	border-top: 1px solid #aad26d;
	border-bottom: 1px solid #76a03e;
	border-left: 1px solid #76a03e;
	border-right: 1px solid #76a03e; 
	text-align : center;
	color : #ffffff;
	margin : 10px 0;
	padding: 0;
	}

#form-div p.error { 
	background: #d1262a url(../../images/cancel.png) no-repeat 6px center;
	border-top: 1px solid #db644e;
	border-bottom: 1px solid #ad2f2b;
	border-left: 1px solid #ad2f2b;
	border-right: 1px solid #ad2f2b; 
	}

#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 {
	border-bottom: none;
	color : #eee;
	}

#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
	}


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

form#gbcf-form { }

fieldset.main-set {
	background: url(../../images/mail_48.png) no-repeat top right;
	border: none;
	padding: 0;
	}
	
fieldset.req-set,
fieldset.opt-set { 
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	padding: 20px 20px;
	}


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

#form-div legend { 
	}

#form-div legend span { }

legend.main-legend { 
 	color : #000;
	font-size: 18px;
	}

legend.req-legend,
legend.opt-legend { 
	color : #535051;
	padding: 5px 10px;
	margin-top: 15px;
	}

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

legend.req-legend span { }
legend.req-legend {
	background: url(../../images/element-white_grade.png) repeat-x top;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	}

legend.opt-legend span { }
legend.opt-legend { 
	background: url(../../images/element-white_grade.png) repeat-x top;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	margin-left : -2px;
	}

label.req-label, label.opt-label {
	color: #535051;
	}

label.opt-label.check {
	float: left;
	display: inline;
	padding: 0 25px;
	}

label.opt-label.main-label { 
	}

label.opt-label.main-label span {
	font-weight : normal;
	}

label.opt-label.main-label span.req, label span.req  {
	color : #fff;
	}

label.req-label.explain {
  color : #666;
  font-size : 0;
}

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

label#antispam-error, input#antispam, label.explain {
	visibility: hidden;
	height: 0;
	padding: 0;
	margin: 0;
	}

input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus {
	margin-bottom : 3px;
	padding: 6px;
	}

input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus {
	margin-top : 3px;
	padding: 6px;
	}

input.checkbox {
	border : 1px solid #999;
	width : 10px;
	height : 10px;
	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-family: Helvetica, Arial, Verdana, sans-serif;
 	font-size: 12px;
	border: 1px solid #bfbdbe;  
	background-color : #ffffff;
	cursor : text;
	padding: 6px;
	margin: 6px;
	}

select.select {
	height: 25px;
	}

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

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

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

textarea.textarea {
	width : 440px;
	height : 200px;
	}

select.select option {
	padding: 6px;
	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 #db644e;
	}

input.button { 
	background: #d1262a url(../../images/content-btn_gloss.png) repeat-x top;
	border: 1px solid #d1262a;
 	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	padding: 6px 20px 4px;
	line-height: 24px;
	font-size: 12px;
  	cursor : pointer;
  	float : right;
	}

input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
	background: #000 url(../../images/content-btn_gloss.png) repeat-x top;
	border: 1px solid #000;
	}

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