/*  main 'top-level' form elements:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@import "calendar.css";
.cform { margin:15px 2px 25px; background: #EBF3FF;	position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.cform:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.cform fieldset { background:url(images/form-header.gif) repeat-x scroll 0 0 !important; border-top:1px solid #82B5C4; padding:5px 0 15px; border-right: none; border-bottom: none; border-left: none; }
.cform .cf_hidden { display:none; border:none!important; background:none!important; padding:0!important; margin:0!important; }
.cform legend { text-align:center; color:#554455; font-size:16px; font-weight:bold; padding-bottom:10px; padding-left:5px; padding-top:10px; text-align:left; }
ol.cf-ol { margin:0px!important; padding:0px!important; }
ol.cf-ol li { background:none!important; margin:5px 0!important; padding:0; list-style:none!important; text-align:left; line-height:1.3em; }

/* just for text-only fields (no input):::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
ol.cf-ol li.textonly { background:url(images/form-header-light-to-dark.gif) repeat-x scroll 0 bottom !important; border-bottom:1px solid #C1E0E0; color:#554455; font-size:16px; font-weight:bold; margin:25px 4px 13px !important; padding-bottom:2px; padding-left:10px; padding-top:10px; text-align:left; position: relative; }

/* global definitions for field labels :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.cform label { width:95px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:right; vertical-align:top; }
.cform label span {/* width:95px;  must be the same as above!*/ display:block; color: #383838; }
label.cf-before { margin:4px 10px 0 0; }
label.cf-after { margin:4px 15px 0pt 6px; text-align:left; width:352px; }
label.cf-after span { width:352px; display:block; }
label.cf-group-after { margin:3px 4px 12px 2px; text-align:left; width: 169px; }
label.cf-group-after span { display:block; /* width: 352px; */ }
#cformSidebar form label.cf-group-after, #cformSidebar form label.cf-after { width: 260px; }
#cformSidebar form label.cf-group-after span, #cformSidebar form label.cf-after span { width: 260px; }

/*   FORM FIELDS general formatting :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.cform input, .cform textarea, .cform select { padding:3px; background: #ffffff; border: 1px solid #99BADE; vertical-align:top; }
.cform input:hover, .cform textarea:hover, .cform select:hover { background:#F5FAFF; }
.cform input:focus, .cform textarea:focus, .cform select:focus { background:#F3F8F8; }
.cform input { width:200px; }
.cform select { padding:2px 0; }
.cform select.cfselectmulti { height:7.5em; }
.cform textarea { clear:left; display:block; margin-left:25px; margin-top:10px; position:relative; width:315px; }
.cform textarea#comments1,
.cform textarea#comments2,
.cform textarea#comments3,
.cform textarea#comments4,
.cform textarea#comments5,
.cform textarea#comments6
 { display:inline; margin: 0px; width: 200px; }
/*   radio button title :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
ol.cf-ol li.cf-box-title { font-weight:bold; padding:8px 0 0 10px; /* check with label 'width' incl. */ }

/*   check boxes  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.cform input.cf-box-a, .cform input.cf-box-b { background:transparent none repeat scroll 0 0 !important; border:medium none !important; height:22px; margin:2px 4px 5px 0; width:14px; }
.cform input.cf-box-a { margin-left:100px; /* check with label 'width' incl. */ }

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

/* formatting for text:  "(required)"  & other :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
span.reqtxt, span.emailreqtxt { margin:3px 0 0 3px; font-size:10px; display: -moz-inline-box; vertical-align:top; color: #CC0000; }

/*   FORM submit button:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
p.cf-sb { text-align:center; padding: 0!important; margin: 0; }
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { padding:5px; margin: 20px 0px 25px 5px; background:url(images/form-submit-button-bg.gif) repeat-x; border:1px solid #0098C4!important; border-left-color:#ececec!important; border-top-color:#ececec!important; font: 16px Arial, Helvetica, sans-serif; color: #FFFFFF; }
.cform input.resetbutton { width: auto; padding:5px 1em; }
.cform input.backbutton { width: auto; padding:5px 1em; }

/*   FORM FIELDS enhanced error display :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
ol.cf-ol li.cf_li_err { background:#FFDFDF url(images/li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; padding:5px 0!important; margin:5px 0!important; }
ol.cf-ol li ul.cf_li_text_err { height:1%; min-height:1%; margin:0 0 0 100px; padding:0; color:#333; }
ol.cf-ol ul.cf_li_text_err li { background:url(images/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 { vertical-align:text-bottom; margin-bottom:4px; }
label.seccap { margin-bottom:4px; margin-left:25px; text-align:left; vertical-align:text-bottom; width:300px; }
label.seccap span { width:300px; }
input.secinput { vertical-align:text-bottom; }
#cforms_captcha10, #cforms_captcha9, #cforms_captcha8, #cforms_captcha7, #cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { float:left; height:15px; margin:0 0 0 25px; padding:4px; width:50px; }
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(images/captcha_reset_grey.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 { }
div.success { background:#F7F7F7 none repeat scroll 0% 50%; color:#444444; display:block; }
div.failure { display:block; background:#FFDFDF url(images/li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; }
div.waiting { background:#F9F9F9 url(../../themes/wpframework-0.2/images/ajax-loader.gif) no-repeat scroll 240px center; color:#AAAAAA; display:block; }

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

/* 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 { width:410px; margin:0 auto 10px!important; padding:0!important; text-align:center!important; }
.linklove a, .linklove a:visited { font-size: 0.8em; font-family: Tahoma; color:#aaaaaa!important; }

/*  Other: browser hacks :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
* html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; }
* html .cform legend { position:absolute; top: -10px; left: 10px; margin-left:0; }
*+html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; }
*+html .cform legend { position:absolute; top: -10px; left: 10px; margin-left:0; }
* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt { display: inline-block;  /*for ie6*/ }
*+html .cform label, *+html ol.cf-ol, *+html ol.cf-ol li, *+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; }

/*Customize the text input field for the contact form:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
li label span span { display:block; float:left; padding-left:25px; text-align:left; width:300px !important; position: relative !important; }

/*cforms for sidebar:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#rightCol #cformSidebar { float:left; display:block; }
#rightCol #cformSidebar div.cf_info { width: auto; }
#rightCol #cformSidebar form { width:314px; margin-left:0px; margin-right:0px; }
#rightCol #cformSidebar form.cform fieldset { border-style: none; background:url(none) no-repeat scroll 0px 0px !important; }
#rightCol #cformSidebar form legend { padding-left:12px; }
#rightCol #cformSidebar form fieldset ol li input, #rightCol #cformSidebar form fieldset ol li select { width:180px; }
#rightCol #cformSidebar form fieldset ol.cf-ol li.textonly { font-size: 12px; font-weight:normal; margin: 0px !important; padding-top: 0px !important; padding-bottom: 20px !important; }
#rightCol #cformSidebar form.cform input.cf-box-a, #rightCol #cformSidebar form.cform input.cf-box-b { background:transparent none repeat scroll 0 0 !important; border:medium none !important; height:22px; margin:2px 4px 5px 0; width:14px; }
#rightCol #cformSidebar form.cform textarea{width: 270px; height:60px;}
#rightCol #cformSidebar form.cform input.cf-box-a {margin-left: 10px;}


/* ---- UPDATES FOR RMA FORM OVERRIDES AND USING NEW VALIDATION ---- */

.cform label.error {margin-left:110px;width:200px;text-align:left;font-weight:bold;color:#AD2929;}
.cform li input.error {border: 1px solid #AD2929;color: #AD2929;}