.formContainer { width: 90%; margin: 10px auto; text-align: left; } .formContainer .formContent { padding: 10px 0; } .formContainer fieldset { position: relative; margin-top: 25px; padding: 10px; border-width: 2px 2px 2px 10px; border-style: solid; font-family: Arial, Helvetica, sans-serif; font-size: small; border-color: #aaaaaa; background-color: #f4f4f2; } .formContainer fieldset legend { position: absolute; padding: 3px 5px; top: -10px; line-height: 100%; border-width: 1px 1px 1px 10px; border-style: solid; font-weight: bold; text-transform: uppercase; font-size: 90%; color: #5c71a2; border-color: #666666; background-color: #ecefcb; } .formContainer fieldset .instructions { background: transparent url('WebResource.axd?d=-r9eomNAJW6Vd_Rx-RHdAt0-Godny9GvZgTJ8EJ2lfBHsa3RUAOF8R8jHCiJcLsDMbRF5Uhj9sD8L1eAiFYxk8MJVH6uB8VDYuT4dCky4ksh9Adm4LeVndgBeU9ZZfZnVYD66UbmoCL8Zo6gzryrIdtJTfN7IUV612zAE3xIYvD_eK3x0&t=634302773820000000') no-repeat scroll 0 10px; padding: 10px 5px 10px 25px; font-weight: bold; margin-left: 5px; } .formContainer .validationSummary { background: transparent url('WebResource.axd?d=pajcJa60NQ87XlgG_vpXIzJU7CYxnvaCvw7gg0D6_9XA1U3UyNi7hjBZ1wxAo5iA8uHv1DT437hz3BFTx2ySUXAKU7Xkor0YIl76TMD6oeclSw16qpdPV7dIkWctlRsHDBnC_U_eaevOYBJdj6y1bghpXf-0zEmj42qXeRpEibSPQqL_0&t=634302773820000000') no-repeat scroll 10px 7px; padding: 8px 8px 5px 30px; text-align: left; font-weight: bold; margin: 5px 15px 15px 15px; border: solid 1px red; background-color: #F1E7D1; } .formContainer .validationSummary ul { font-weight: normal; list-style-type: disc; margin: 3px 0 5px 15px; } .formContainer .success, .formContainer .error { display: block; margin: 0 15px 10px 15px; text-align: left; background-color: #F1E7D1 !important; padding: 8px; } .formContainer .success span, .formContainer .error span { padding: 5px 0 5px 20px; font-weight: bold; } .formContainer .success { border: solid 1px green; } .formContainer .success span { background: transparent url('WebResource.axd?d=qQbFOXaiPOTLefNrUsv2pGaxRulEKJlp1FNNgMRR3qYYS37wF3h5r-OdPfzpvU37S3h9vRqlud6g_Mf5XaYs26GgXE_iw1bWOeNnUgDhe2eL-8NONh5-hhrJI606tFHH1sb5V3nCQeLwkvpM7OxPU2REZMu0byN5b5UZsWDQMdIjT4Tq0&t=634302773820000000') no-repeat scroll 0 5px; } .formContainer .error { border: solid 1px red; } .formContainer .error span { background: transparent url('WebResource.axd?d=pajcJa60NQ87XlgG_vpXIzJU7CYxnvaCvw7gg0D6_9XA1U3UyNi7hjBZ1wxAo5iA8uHv1DT437hz3BFTx2ySUXAKU7Xkor0YIl76TMD6oeclSw16qpdPV7dIkWctlRsHDBnC_U_eaevOYBJdj6y1bghpXf-0zEmj42qXeRpEibSPQqL_0&t=634302773820000000') no-repeat scroll 0 5px; } .formContainer .submitButton { padding: 5px; font-weight: bold; display: block; margin: 5px auto; } .formContainer .captchaRow { text-align: center; width: 100%; padding: 10px; } .formContainer .captchaRow img { margin: 0 auto !important; border: 1px dotted #ccc !important; } .formContainer .captchaRow label { display: block; font-size: 11px; } .formContainer .submitRow { text-align: center; width: 100%; padding: 10px; } .formContainer .addInfo { font-size: 10px; font-style: italic; } .formContainer img { border: none; padding: 0; margin: 0; } .formContainer ul.inputRadio { list-style-type: none !important; } .formContainer input.inputText, .formContainer textarea.inputText { border: solid 1px #626262; padding: 2px; } .formContainer input.inputText:hover, .formContainer textarea.inputText:hover { border: solid 1px #000000; background-color: #ffffcc; } .formContainer table.fieldsContainer { width: 100%; } .formContainer tr.inputRow { width: 100%; vertical-align: bottom; } .formContainer td.input { padding: 3px; } .formContainer .col2 table.fieldsContainer td.input { width: 50%; } .formContainer .col3 table.fieldsContainer td.input { width: 33%; } .formContainer .col4 table.fieldsContainer td.input { width: 25%; } .formContainer .col5 table.fieldsContainer td.input { width: 20%; } .formContainer .col6 table.fieldsContainer td.input { width: 16%; } .formContainer .col7 table.fieldsContainer td.input { width: 14%; } .formContainer .col8 table.fieldsContainer td.input { width: 12%; } .formContainer .col9 table.fieldsContainer td.input { width: 11%; } .formContainer .col10 table.fieldsContainer td.input { width: 10%; } .formContainer td.required label.inputLabel { font-weight: bold; } .formContainer.labelTop label.inputLabel { display: block; } .formContainer.labelTop td.input .inputText, .formContainer.labelTop td.input .inputCombo { width: 95%; } .formContainer.labelInline td.input label.inputLabel { display: block; /* block float the labels to left column, set a width */ float: left; width: 25%; padding: 0; margin: 8px 0 0; /* set top margin same as form input - textarea etc. elements */ text-align: right; } .formContainer.labelInline td.input .inputText, .formContainer.labelInline td.input .inputCombo { margin: 8px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */ } .formContainer.labelInline td.input .inputText, .formContainer.labelInline td.input .inputCombo { width: 65%; /* set width of form elements to auto-size, otherwise watch for wrap on resize */ } .formContainer.labelInline td.input .inputRadio { margin: 15px 0 0 27%; } .formContainer.labelInline td.input .inputCheck { display: block; float: left; padding: 0; margin: 8px 0 0 27%; /* set top margin same as form input - textarea etc. elements */ } @-moz-document url-prefix() { .formContainer fieldset legend { position: static !important; } }