/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
       MIMBO.CSS made by Amaryllia Liu - http://amaryllia.com 
      Designed and built to work with the Mimbo 2.2 WordPress theme
================================================================== */

/* form/results div */
#gb_form_div { text-align: left; }

/* the form itself */
#gb_form { text-align: left; }

/* form links */
#gb_form_div a {
	color: #7da939;
	text-decoration:none; }

/* link states */
#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {
	color:#333;
	text-decoration:underline; }

/* outer fieldset */
#gb_form fieldset {
	border : 0;
	margin : 0 65px; }

/* inner fieldsets */
#gb_form fieldset fieldset { 
  border : 2px solid #ddd;
  margin : 0 0 8px 0;
  padding : 2px 32px 24px;
  background : #f3f3f3 url(wp-gbcf_images/oct_bg.gif) repeat-x bottom;
}

/* form head if needed */
.formhead { }

/* main formhead, of course */
.main_formhead { }

/* form leagend and result dt */
#gb_form legend, #gb_form dt {
	font: 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#5f5f5f;
	border:0; }

/* define more for form legend */
#gb_form legend { }

/* redefine main legend props */
#gb_form legend#mainlegend { 
	font-size : 1.4em;
	letter-spacing:-0.02em; }

/* privacy link, reset link, etc */
#gb_form legend#mainlegend small {
	font-size: .7em;
 	text-transform:none;}

#gb_form_div .formhead small a {
	font-size : .7em;
	background-image : none;
	display : inline;
	padding : 0;
	margin : 0; }

#gb_form_div .main_formhead, #gb_form_div .formhead {
	font-size : 1.4em;
	color : #534b48;
	text-transform : lowercase;
	padding : 0 0 12px 0;
	margin : 0 !important; }

/* hello, it's for the form labels */
#gb_form label {
	color : #333; 
	font-size : 1em;
	margin-top : 5px;
	margin-left : 0; }

/* define all inputs, except button */
#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox {
	font-size : 1.1em;
	width : 300px; 
	background-color : #fff;
	border : 1px solid #ddd;
	color : #333; }

/* redefine for short input only */
#gb_form input.short { width : 50px; }

/* spec for textarea only */
#gb_form textarea.textbox {
  width : 400px;
  height : 160px;
  line-height : 1.5em; }

/* spec for select only */
#gb_form select.med {
  width : 300px;	
  padding : 2px; }

/* spec for checkbox only */
#gb_form input.checkbox { }

/* for checkbox label only */
#gb_form label input.checkbox {
  cursor : default;
  background : transparent;
  color : #669900;
  border : 0;
  padding : 2px; 
  margin : 0;
  width : 10px;
  height : 10px; }

/* the make button stable in IE6 it must be defined */
* html input.button {}

#gb_form input.button:hover, #gb_form input.button:focus, 
#gb_form input.button.hover, #gb_form input.button.focus {
	background-color : #000;
	color : #e7e7e7;
	border-color : #bebebe; }

/* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:hover, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus {
	border-color : #bfbfbf;
	color : #777;
	cursor : text;
	background : #eef5e1; }

/* redefine for short input only, if wanted */
#gb_form input.button {
  margin : 5px 0;
  padding : 4px 0 4px 0 !important;
  width : 11em;
  float : right;
  cursor : pointer;
	background-color : #e7e7e7;
	color : #000;
   font-size : 1em;
  letter-spacing : 0.1em;
  text-align : center;
  border: 3px double #999; }

/ success span, error span, form div dt (redefine) */
span.error, span.success, #gb_form_div dt {
  color : #5c6c7d;  
  font-weight : bold; }

/* form div dt (redefine more), plus dl */ 
#gb_form_div dl { margin : 0 40px; }

/* results stuff */
#gb_form_div dt small, span.success, dl#result_dl_blockq dt {
	color:#333333;
	font-weight:bold; } 

/* whyis link */
small.whythis {
  font-size : .9em; 
  text-decoration : none;
  border : 0;
  color : #5c6c7d; }

/* the answer */
#gb_form small.whythis a span {
  color : #f3f3f3;
  font-family : arial, sans-serif;
  padding : 1px 4px 1px 4px; }

/* whyis on hover/focus */
#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active {
  color : #9ab9ba;
  background : none; }

/* the answer on hover/focus */
#gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span {
  color : #fff;
  border : 0 !important;
  font-style : normal; 
  background-color : #9AB9BA;
  margin-left : 4px;
  text-decoration : none !important; }

/* credit line */
p.creditline small {
  font-family : arial, sans-serif;
  display : block;
  text-align : right;
  margin : 0 0 0 0;
  padding : 0px 0 0 0;
  font-size : .9em;
  letter-spacing : .0001em;
  color : #999;
	background : #fff;
  clear : both; }

/* for abbr, NOTE: added span .abbr class is for IE, so use for all */
.abbr {
	cursor : help; 
	border-bottom : 1px dashed #999; }

/* results blackquote */
dl#result_dl_blockq blockquote { margin : 10pt 10pt 18pt 10pt; }

/* results blackquote p */
dl#result_dl_blockq blockquote p { }

/* results blackquote p cite */
dl#result_dl_blockq blockquote p cite {
	display : block;
	text-align : right; }

/* results ul li spans (name, email, etc) */
#gb_form_div span.items {
	font-weight : bold;
	color : #333; }

#gb_form_div span.items small { background : #fff; }

/* error message links */
#gb_form_div p a { }

/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { }


/* End MIMBO CSS */