/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { margin: 10px auto 0 auto; width: auto; }

.cform fieldset	{ margin-top: 10px; padding: 5px 0 5px 0; border: none; }

.cform .cf_hidden { display: none; border: none !important; background: none !important; padding: 0 !important; margin: 0 !important; }

.cform legend { margin: 0; padding: 20px 0 0 236px; font: bold 1.4em Helvetica; text-transform: uppercase; color: #a6acac; letter-spacing: 0px; }

ol.cf-ol { margin: 0 !important; padding: 0 !important; }
ol.cf-ol li	{ background: none !important; margin: 14px 0 !important; /*some themes may interfere otherwise*/ padding: 0; list-style: none !important; text-align: left; line-height: 1.1em; }


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly { color: #888888; font-size: 1em; letter-spacing: 2px; margin: 12px 0pt !important; padding: 0pt 0pt 0pt 100px; }


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label { width: 220px; margin: 4px 20px 0 0; display: -moz-inline-box; /*for mozilla*/ display: inline-block; /*for Opera & IE*/ text-align: left; vertical-align: top; color: #aaa; font: 1em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; line-height: 16px; }
.cform label span { width: 220px; /* must be the same as above!*/ display: block; color: #242F33; font-weight: bold; text-align: right; }

label.cf-before { margin: 4px 10px 0 0; }

label.cf-after 	{ margin: 4px 2px 0pt 6px; text-align: left; width: 75px; }

label.cf-after span { width: 75px; display: block; }

label.cf-group-after { margin: 4px 0 0 2px; width: 60px; text-align: left; }
label.cf-group-after span { width: 60px; display: block; }

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea, .cform select { background: none repeat scroll 0 0 #dee2e2; border-color: #dee2e2 #dee2e2 #dfe5e7; border-style: solid; border-width: 1px; margin: 0 10px 0 0; outline: medium none; padding: 5px; width: 250px; }

.cform input { width: 262px; }
.cform textarea { width: 438px; max-width: 438px; }
.cform select { width: 274px; /* attempt to have equal length */ }  
.cform select.cfselectmulti	{ height: 7.5em; }
.cform textarea { font-family: arial; font-size: 0.9em; overflow: auto; }

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt, span.emailreqtxt { font-style: italic; margin: 0; display: inline; vertical-align: top; color: #ff3716; font-family: georgia; font-size: 0.9em; line-height: 24px; }


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title { color: #888888; font-size: 1em; letter-spacing: 2px; margin: 12px 0pt 0 !important; padding: 0pt 0pt 0pt 100px; }

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a, input.cf-box-b { margin: 1px 0 0 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 { padding: 0 0 5px 100px; } 


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb { margin: 0; padding: 0pt 3px 0pt 240px !important; }
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton	{ width: 100px; height: 24px; padding: 0; margin: 0; font-size: 0em; background: url(../images/btn-submit.png) repeat-x; border: none; cursor: pointer; }
.cform input.resetbutton { margin: 0 5px 0 0; }
.cform input.backbutton { margin: 0 5px 0 0; }

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {  }

ol.cf-ol li ul.cf_li_text_err { margin: 0 0 0 10px; padding: 0; color: #333; }

ol.cf-ol ul.cf_li_text_err li { background: url(icon-alert.png) no-repeat left 1px !important; list-style: none !important; font-weight: bold; text-indent: 0; margin: 0 0 2px !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: 4px; }

input.secinput { vertical-align: text-bottom; }

#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { height: 15px; width: 100px; padding: 4px 4px; margin: 0; vertical-align: text-bottom; }

img.captcha	{ vertical-align: text-bottom; margin: 0 0 0 10px !important; padding: 0 !important; border: none !important; float: none !important; }
img.captcha-reset { vertical-align: text-bottom; background: 	url(captcha_reset_white.gif) no-repeat; margin: 0 0 2px 3px; width: 21px; height: 21px; border: none; }
img.imgcalendar { border: none; }

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info { color: #333; display: none; padding: 10px 15px !important; width: 380px; line-height: 1.3em; margin: 10px auto; }
div.cf_info ol { margin: 0; padding: 5px 15px 0 30px; }
div.cf_info ol li { padding: 1px 0; margin: 2px 0; }
div.cf_info a	{ color: red !important; text-decoration: underline !important; }
div.success { background: #F9F9F9 none repeat scroll 0%; color: #AAAAAA; display: block; }
div.failure { display: block; background: #FFDFDF url(li-err-bg.png) repeat !important; border-color: #DF7D7D; border-style: solid; border-width: 1px 0pt; display: none; }
div.waiting { background: #F9F9F9; color: #AAAAAA; display: block; }

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */

.cform .cf_error { color: red; border: 1px dotted #FF3716; }
div.mailerr { display: block; }
.mailerr, .cform .cf_errortxt { color: red; }

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.cf_info { margin: 10px 0; text-align: center; }
p.success { color: green; }
p.failure { color: red; }

/*                                                    */
/* 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: 262px; background: #dee2e2; border: 1px #dee2e2 solid; }

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove { margin: 6px auto 10px !important; padding: 0pt 6px 0pt 0pt !important; text-align: right; width: 410px; }
.linklove a,
.linklove a: visited { font-size: 0.8em; font-family: Tahoma; color: #aaaaaa !important; }


/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
*+html ol.cf-ol,
*+html ol.cf-ol li	{ display: inline-block;  /*for ie7*/ }
* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt { display: inline-block; }
* html .cform legend { position: absolute; left: -8px; top: 0; margin-left: 0; }
*+html .cform legend { position: absolute; left: -8px; top: 0; margin-left: 0; }
* html .cform fieldset { position: relative; margin-top: 15px; padding-top: 25px; }
*+html .cform fieldset { position: relative; margin-top: 15px; padding-top: 25px; }
* html img.captcha	{ margin-bottom: 1px !important; }
*+html img.captcha	{ margin-bottom: 1px !important; }