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



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



     FCMATE.CSS made by Mike Cherim - http://green-beast.com 



    Designed and built to work with the FCMate WordPress theme



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







#gb_form_div { 



  text-align : left;



  width : 99%;



}







#gb_form {



  text-align : left;



  background : transparent;



}







#gb_form_div a {



  color : #999;



  text-decoration : underline;



}







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



  color : #111;



  text-decoration : none;



  background-color : #fff;



}







#gb_form fieldset { 



  border : 0;



  margin-top : 10px;



}







#gb_form legend, #gb_form dt { 



  font-weight : bold; 



  color : #cc0000;



}







#gb_form legend {



  margin-left : -10px;



  padding-top : 5px;



}







#gb_form legend#mainlegend { 



  font-size : 1.1em;



  color : #003366;



  margin-left : -10px;



  padding-top : 5px;



  padding-bottom : 10px;



}







#gb_form legend#mainlegend small { 



  font-size : .7em;



  text-transform : uppercase;



}







#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.2em;



  color : #003366;



  width : 101%;



}







#gb_form label { 



  color : #FFFFFF; 



  margin-top : 5px;



  margin-left : 0;



}







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



  font : 1em verdana, arial, sans-serif; 



  color : #333; 



  padding : 2px; 



  border : 1px solid #999;



  background-color : #f6f6f6;



  width : 70%;



  font-size : 1.1em;



  height : auto;



}







#gb_form input.short {



  width : 12%;



}







#gb_form textarea.textbox {



  width : 98%;



  height : 220px;



  line-height : 1.5em;



}







#gb_form select.med {



  width : auto;



  max-width : 70%;



}







#gb_form input.checkbox {



  cursor : default;



  background : transparent;



  color : #003366;



  border : 0;



  padding : 0; 



  margin : 0;



  width : 10px;



  height : 10px;



}







#gb_form input.button:hover, #gb_form input.button:focus, 



#gb_form input.button.hover, #gb_form input.button.focus {



  background-color : #003366;



  color : #fff;



}







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



  color : #000;  



  padding : 2px; 



  border : 1px inset #333;



  background-color : #fff;



  cursor : text;



}







#gb_form input.button {



  margin-top : 10px;



  padding-right : 20px;



  padding-left : 20px;



  width : 35%;



  float : right;



  cursor : pointer;



}







span.error, span.success { 



  color : red;  



  font-weight : bold; 



}







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



  color : red;



}




#gb_form_div .formhead span.success {



  color : #999;



}







#gb_form small.whythis, #gb_form small.whythis a { 



  font-size : .9em; 



  text-decoration : none;



  border : 1px solid #fafafa;



  color : #333;



  letter-spacing : 0.00001em;



}







#gb_form small.whythis a span {



  color : #fafafa;



  font-family : arial, sans-serif;



  padding : 1px 2px 1px 2px;



}







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



  text-decoration : none;



  color : #000;



}







#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 : #cc0000;



  color : #fff;



  font-style : normal; 



}







#gb_form p.creditline small {



  font-family : arial, sans-serif;



  clear : both; 



  display : block;



  text-align : right;



  margin : 0;



  padding : 25px 0 15px 0;



  font-size : .7em;



  letter-spacing : .0001em;



  color : #777;



}







#gb_form_div dl dd small {



  font-size : .7em;



  letter-spacing : 0.0000001em;



  margin-left : 0;



  padding-left : 0;



}







/* NOTE: .abbr class is for IE */



.abbr { 



  cursor : help; 



  border-bottom : 1px dashed #999;



}







dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {



  margin-left : 0;



}







dl#result_dl_blockq blockquote p cite, dl.result_dl_blockq blockquote p cite {



  display : block;



  text-align : right;



}







#gb_form_div span.items {



  font-weight : bold;



  color : #999;



}











/* End FCMATE CSS */
