/*  custom code on top the default style sheet        */ 
/*  ** if you want this to apply to a different       */ 
/*  ** form than to just the 2nd form change the '2'  */ 
/*  ** (or remove for your 1st, default form)         */ 
@import "calendar.css"; 


.cform fieldset.cf-fs1 {padding: 0; padding-bottom: 1em; padding-left: 1em;} .cform fieldset.cf-fs1 ol.cf-ol {margin: 0 !important;}
.cform fieldset.cf-fs2 {padding: 0; padding-bottom: 1em; padding-left: 1em;} .cform fieldset.cf-fs2 ol.cf-ol {margin: 0 !important;}
.cform fieldset.cf-fs3 {padding: 0; padding-bottom: 1em; padding-left: 1em;} .cform fieldset.cf-fs3 ol.cf-ol {margin: 0 !important;}
.cform fieldset.cf-fs4 {padding: 0; padding-bottom: 1em; padding-left: 1em;} .cform fieldset.cf-fs4 ol.cf-ol {margin: 0 !important;}

/*  main 'top-level' form elements                    */ 
.cform {margin: 0 auto 0 auto; width: 410px; padding: 0 !important;}
.cform fieldset {margin: 0; padding: 1.3em; border: 1px solid #DDD; background: white;}
.cform .cf_hidden {display: none; border: none !important; background: none !important; padding: 0 !important; margin: 0 !important;}
.cform legend {padding: 1em; margin-left: 1em;}
ol.cf-ol {margin: 0 !important; padding: 0 !important;}
ol.cf-ol li {background: none !important; margin: 0 !important; /* some themes may interfere otherwise */
padding: 0.3em; list-style: none !important; text-align: left; line-height: 1.3em;}

/* just for text-only fields (no input)               */ 
ol.cf-ol li.textonly {color: #a2a2a2; padding: 0; text-align: center;}

/* global definitions for field labels                */ 
.cform label {color: #666666; width: 90px; margin: 4px 10px 4px 0px; display: -moz-inline-box; /* for mozilla */
display: inline-block; /* for Opera & IE */ text-align: right; vertical-align: top;}
.cform label span {color: #666666; width: 90px; /* must be the same as above! */ display: block;}
label.cf-before {margin: 0;}
label.cf-after {margin: 0; width: 70px; text-align: left;}
label.cf-after span {width: 70px; display: block;}
label.cf-group-after {margin: 0; width: 90px; text-align: left;}
label.cf-group-after span {width: 90px; padding: 0.3em; display: block;}

/*   FORM FIELDS general formatting                   */ 
.cform input, .cform textarea, .cform select {color: #333; margin: 4px 10px 4px 0px; padding: 0; background: #fefefe; border: 1px solid #ddd;
vertical-align: top; line-height: normal; font: bold 9pt Arial;}
.cform input: hover, .cform textarea: hover,
.cform select: hover {background: #f2f2f2;}
.cform input: focus, .cform textarea: focus,
.cform select: focus {background: #fefefe;}
.cform textarea, .cform input {width: 175px;}
.cform select {width: 183px; /* attempt to have equal length */}  
.cform select.cfselectmulti {height: 7.5em;}
.cform textarea {overflow: auto;}

/* formatting for text:  "(required)"  & other        */ 
span.reqtxt, span.emailreqtxt {color: #a2a2a2; margin: 4px 10px 4px 0px; font: normal 9pt Arial; display: -moz-inline-box; vertical-align: top;}

/*   radio button title                               */ 
ol.cf-ol li.cf-box-title {color: #a2a2a2; padding-left: 100px; /* check with label 'width' incl. */ margin: 0 !important;}

/*   check boxes                                      */ 
input.cf-box-a, input.cf-box-b {margin: 0; width: 16px; height: 22px; border: none !important; background: none !important;}
input.cf-box-a {margin-left: 100px; /* check with label 'width' incl. */} 

/* check box groups                                   */ 
ol.cf-ol li.cf-box-group {margin: 0.3em; !important; margin-left: 100px !important;; padding: 0;} 

/*   FORM submit button                               */ 
p.cf-sb {text-align: right; padding: 0 !important; margin: 0;}
.cform input.sendbutton {color: #CCC; cursor: pointer; font: 14pt Arial; height: 31px; line-height: 31px; margin-top: 20px;
padding: 0; width: 120px; background: white url(../images/gnra-form-button.png) no-repeat; border: none;}
.cform input.sendbutton: hover {background-position: 0 -31px;}

/*   FORM FIELDS enhanced error display               */ 
ol.cf-ol li.cf_li_err {border-color: #DF7D7D; border-style: solid; border-width: 1px 0pt; padding: 0 !important; margin: 0 !important;}
ol.cf-ol li ul.cf_li_text_err {margin: 0; padding: 0; color: #333;}
ol.cf-ol ul.cf_li_text_err li {list-style: none !important; font-weight: bold; text-indent: 0; margin: 0 !important; padding-left: 15px;}
ol.cf-ol ul.cf_li_text_err li: before {content: '';}

/* 'visitor verification' related styles              */ 
label.secq, label.seccap {vertical-align: text-bottom; margin-bottom: 0px;}
input.secinput {vertical-align: text-bottom;}
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha
{height: 15px; width: 50px; padding: 0; margin: 0; vertical-align: text-bottom;}
img.captcha {vertical-align: text-bottom; margin: 0 !important; padding: 0 !important; border: none !important; float: none !important;}
img.captcha-reset {vertical-align: text-bottom; margin: 0; width: 21px; height: 21px; border: none;}
img.imgcalendar {border: none;}

/* change formatting of response msgs here            */ 
div.cf_info {color: #333; display: none; padding: 0.8em !important; width: 380px; line-height: 1.3em; margin: 10px auto;}
div.cf_info ol {margin: 0; padding: 0;}
div.cf_info ol li {padding: 0; margin: 0;}
div.cf_info a {color: #ad2929 !important; text-decoration: underline !important;}
div.success {background: white none repeat scroll 0%; color: #AAAAAA; display: block;}
div.failure {display: block; border-color: #DF7D7D; border-style: solid; border-width: 1px 0pt;}
div.waiting {background: #F9F9F9; color: #AAAAAA; display: block;}

/*   formatting for invalid user inputs               */ 
.cform .cf_error {color: #CC0000; border: 1px solid #CC0000;}
div.mailerr {display: block;}
.mailerr, .cform .cf_errortxt {color: #CC0000;}

/* disabled fields [disabled] does not work on IE!    */ 
[disabled] {color: #dddddd; border-color: #dddddd !important; background: none !important;}
.disabled {border-color: #dddddd !important;}

/* upload box styling                                 */ 
.cform input.cf_upload {width: 220px; background: #f9f9f9; border: 1px solid #888888;}

/*  Other: link love                                  */ 
.linklove {display: none !important;}

/*  Other: browser hacks                              */ 
* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt,
* html span.emailreqtxt {display: inline-block; /* for ie6 */  }
*+html ol.cf-ol, *+html ol.cf-ol li, *+html .cform label, *+html span.reqtxt,
*+html span.emailreqtxt {display: inline-block; /* for ie7 */  }
*+html img.captcha {margin-bottom: 1px !important;}
* html img.captcha {margin-bottom: 1px !important;}
* html select {margin-top: 3px !important;}