@import url(../cforms-common.css); /* */ /* main 'top-level' form elements */ /* */ .cform { width: 450px; } .cform fieldset { margin-top:10px; padding:10px 0 10px 0; border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; background:#f7f7f7; } .cform legend { margin-left:10px; padding: 0 2px; font-size:20px; color:#666666; } ol.cf-ol { margin:0!important; padding:0!important; } ol.cf-ol li { background:none!important; margin:0 10px!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 { letter-spacing:2px; margin:6px 0 !important; padding:3px 0; text-align:center; } /* */ /* global definitions for field labels */ /* */ .cform label { width:200px; margin:0 10px 0 0; text-align:left; font-size: 10px; display:block; color:#888888; background:#fefefe; padding:2px; } label.cf-before { display:inline-block; margin:4px 5px 0 0; } label.cf-before span{ width:200px; display:block; } label.cf-after { display:inline-block; margin:4px 0 0 4px; width:115px; text-align:left; } label.cf-after span { width:115px; display:block; } label.cf-group-after { display:inline-block; margin:4px 6px 0 4px; width:105px; text-align:left; } label.cf-group-after span { width:105px; display:block; } /* */ /* FORM FIELDS general formatting */ /* */ .cform input, .cform textarea, .cform select { margin:0 0 8px 0; padding:3px; background: #fbfbfb; border:none; border-top: 1px solid #f0f0f0; vertical-align:top; } .cform input:hover, .cform textarea:hover, .cform select:hover { background:#CEDDDF; } .cform input:focus, .cform textarea:focus, .cform select:focus { background:#F3F8F8; } .cform textarea, .cform input { width:415px; } .cform select { width:421px; } .cform select.cfselectmulti { height:6.5em; } .cform textarea { font-size: 0.9em; height: 6em; overflow:auto; } /* */ /* radio button title */ /* */ ol.cf-ol li.cf-box-title { letter-spacing:2px; margin:12px 0 4px 10px!important; font-size:10px; color:#888888; } /* */ /* check boxes */ /* */ input.cf-box-a, input.cf-box-b { margin:3px 0 0 0; width:16px; height:22px; border:none!important; background:none!important; } /* */ /* check box groups */ /* */ ol.cf-ol li.cf-box-group { padding: 0 0 12px 0; } /* */ /* formatting for text: "(required)" & other */ /* */ span.reqtxt, span.emailreqtxt { display:block; width:421px; font-size:9px; color:#888888; text-align:right; margin:0; height:13px; line-height:13px; } .cform textarea.fldemail, .cform textarea.fldrequired, .cform input.fldemail, .cform input.fldrequired { margin:0; } /* */ /* FORM submit button */ /* */ p.cf-sb { padding: 0!important; margin: 0; text-align:right; } .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { width:150px; padding:5px; margin: 5px 3px 4px 0; font-size:0.8em; background:#ddd linear-gradient(0deg, #ddd, #fff) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; } .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 repeating-linear-gradient(135deg, #FCEBED, white 1%, #FCEBED 2%) !important; border-color:#DF7D7D; border-style:solid; border-width:1px 0; padding:5px 10px!important; margin:5px 0!important; } ol.cf-ol li ul.cf_li_text_err { padding:0 0 0 10px; margin:0; color:#333; display:inline-block; } 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; } /* */ /* 'visitor verification' related styles */ /* */ label.seccap { margin-top: 6px; } label.secq{ display:inline-block; width:auto; padding:2px 4px 2px 2px; } label.secq span { display:block!important; width:auto; } img.captcha { margin-bottom:8px; } .captcha-reset { color:#888; } /* */ /* change formatting of response msgs here */ /* */ div.cf_info { color:#333; width:420px; } 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 repeating-linear-gradient(135deg, #FCEBED, white 1%, #FCEBED 2%) !important; border-color:#DF7D7D; border-style:solid; border-width:1px 0; } div.waiting { background:#F9F9F9 none repeat scroll 0%; color:#AAAAAA; display:block; } /* */ /* formatting for invalid user inputs */ /* */ .cform .cf_error { border:1px solid #ad2929; } div.mailerr { display:block; }