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

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

#form-div { 
	font-family: Arial;
	background-color: none;
	color: #696969;
	font-weight:normal;
	word-spacing: Normal;
	text-align: left;
	text-indent: 0px;
	line-height: 14px;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}



/* === success and error message/results box ======================= */
#form-div p {
  padding: 6px 2px 6px 6px;
}

#form-div p.success {
  color : #0e9500;
  background-color : #c7f8cb;
  text-align : left;
  font-weight:normal;
  padding: 6px 2px 6px 6px;
  width: 500px;
}

#form-div p.error { 
  color : #c60013;
  background-color : #ffc8c8; 
  text-align : left;
  font-weight:normal;
  padding: 6px 2px 6px 6px;
  width:500px;
}


#form-div p.error a, #form-div p.success a {
  color : #000000;
  background-color:none;
  text-decoration:none;
}

#form-div p.error a:hover, #form-div p.success a:hover {
  color : #000000;
  background-color:none;
  text-decoration:underline;
}



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

form#gbcf-form { }

fieldset.main-set,
fieldset.req-set,
fieldset.opt-set { 
  margin:0px;
  padding : 0px;
}


/* === textural form elements ====================================== */
.pagedash_form {
	position:relative;
	margin-top:25px;
	width:24px;
	clear:both;
}

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



/* === 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-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea {
  font-family : Arial;
  font-size: 11px;
  color: #000000;
  border: solid #d7d7d7 1px;
  cursor : text;
  margin-bottom: 10px;
  padding: 6px 2px 6px 4px;
}

select.select {
  padding : 1px 0;
}

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

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

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

textarea.textarea {
  width : 500px;
  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: solid #d7d7d7 1px;
  background-color : #f8fab5;
}

input.button { 
  width: 77px;
  height: 16px;
  cursor : pointer;
  float : left;
  clear : both;
  background-image:url(../../../images/btn_sendmessage.gif);
}

input.button:hover, input.button.focus {
  color : #000000;
  text-decoration:underline;
}

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