/* ==================================================================

    Secure and Accessible PHP Contact Form v.2.0WP SOME width

    CUSTOM.CSS made by Shaun Boyd - http://www.lifereboot.com 

     Designed and built to work with official LifeReboot.com theme

================================================================== */

/*

  In creating the other themes I found that this is what I needed

  to make it come together without WP theme conflict. Have fun!

*/





/* form/results div */

#gb_form_div { 

  text-align : left;

  width : 444px;

}



/* the form itself */

#gb_form {

	margin-top:none;

	text-align:left;

	border:1px solid #9A8E51; /* #ddd; */

	background-color: #e6e3d2; /* #ededed; */

	padding:0px 10px;

}



/* form links */

#gb_form_div a {

  color : #600;

}



/* link states */

#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {

  color : #147;

  text-decoration : underline;

}



/* all fieldsets */

#gb_form fieldset { 

  border : 0;

  margin-top : 10px;

}



/* to redefine outer fieldset */

#gb_form fieldset#formwrap { }



/* form head if needed */

.formhead { }



/* main formhead, of course */

.main_formhead { }



/* form leagend and result dt */

#gb_form legend, #gb_form dt { 

  font-weight : bold; 

  color : #666;

}



/* define more for form legend */

#gb_form legend {

  margin-left : -10px;

}



/* redefine main legend props */

#gb_form legend#mainlegend { 

  font-size : 1.2em;

  color : #990000;

  margin-left : -10px;

}



/* privacy link, reset link, etc */

#gb_form legend#mainlegend small { 

  font-size : .7em;

  text-transform : uppercase;

}



#gb_form_div .main_formhead {

  font-size : 1.4em;

}



/* hello, it's for the form labels */

#gb_form label { 

  color : #555558;

  margin-top : 5px;

}



/* define all inputs, except button */

#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox { 

        background: url("images/input_bg.gif");

	width:100%;

	border:1px solid #cccccc;

}



/* redefine for short input only */

#gb_form input.short {

  width : 45px;

}



/* spec for textarea only */

#gb_form textarea.textbox {

        background: url("images/input_bg.gif");

	width:100%;

	border:1px solid #cccccc;

}



/* the make button stable in IE6 it must be defined */

* html input.button { 

  color : #000;  

  padding : 4px; 

  border : 1px solid #999;

  background-color : #eee;

}





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

#gb_form input:hover { 

border:1px #9A8E51 solid;

}



/* redefine for short input only, if wanted */

input.button {

  margin-top : 10px;

}



/* spec for select only */

#gb_form select.med {

  width:100%;

background-color:#fafaf0;

}



/* spec for checkbox only */

#gb_form input.checkbox {

 border:0px;

 padding : 0; 

}



/* for checkbox label only */

#gb_form label input.checkbox {

  margin : 0;

}



/* success span, error span, form div dt (redefine) */

span.error, span.success, #gb_form_div dt { 

  color : #cd0000;  

  font-weight : bold; 

}



/* form div dt (redefine more), plus dl */ 

#gb_form_div dt small, span.success, dl#result_dl_blockq dt {

  color : green;

}



/* whyis link */

small.whythis, small.whythis a { 

  font-size : .9em; 

}



/* the answer */

#gb_form small.whythis a span { 

  font-size : .9em;

  color : #e6e3d2;;

  border : 1px solid #e6e3d2;

  padding : 0 3px 0 3px;

}



/* whyis on hover/focus */

#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active { 

  text-decoration : none;

  color : #000;

}



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

  border : 1px solid #000;

  background-color : #fff;

  color : #000;

  font-weight : bold;

 font-size:1em;

}



/* credit line */

p.creditline small { 

  display : block;

  text-align : right;

  margin : 5px 0;

  font-size : .7em;

  letter-spacing : .0001em;

  color : #666;

}



/* for abbr, NOTE: added span .abbr class is for IE, so use for all */

.abbr { 

  cursor : help; 

  border-bottom : 1px dashed #999;

}



/* results blockquote */

dl#result_dl_blockq blockquote {

  margin-left : 0;

}



/* results blockquote 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 : #14568a;

}



/* 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 CUSTOM CSS */