/*-------------------------------------------------------
 FORM BUILDER FORMS
---------------------------------------------------------*/
.oDataFormContainer { width: 100%; overflow: hidden; clear: both; font-size: 0.9em; }

fieldset.oDataFormFieldset, fieldset { border-width: 0; margin: 0; padding: 0px; }
.oDataFormLegend, legend { padding: 0 0 1em; color: #7a7a7a; }

.window .oDataFormElementContainer { padding: 0; margin: 0; }
fieldset.oDataFormFieldset .oDataFormElementContainer, fieldset.oDataFormFieldset .oDataElementContainer { padding: 6px 10px 10px 10px; }
.oDataFormElement, .element { width: 100%; overflow: hidden; clear: both; margin-bottom: 1em; }

.oDataFormComment { margin: 0.5em 0 0.5em 0; }

.oDataFormQuestion, .question { text-align: left; width: 25%; float: left; display: block; color: #000; }
.oDataFormQuestionNewLine { width: 100%; float: none; text-align: left; display: block; margin-bottom: 2px; }
.oDataFormLabel, .label, label { display: block; margin-right: 3px; padding: 3px 10px 3px 20px; color: #7a7a7a; font-family: "HelveticaNeueW01-56It", Helvetica, Arial, Verdana, Sans-Serif; }
.oDataFormLabelNewLine { }

.oDataFormButtonContainer { text-align: right; margin: 1em 0; clear: both; }
/*.oDataFormButton, .button { margin-left: 10px; background: #fff; border: 1px solid #dbdbdb; color: #00A0DE; cursor: pointer; }
*/
.answer { text-align: left; display: block; width: 74%; float: left; }
.answerNewLine { text-align: left; display: block; width: 100%; float: none; padding-bottom: 5px; }
.answerText { text-align: left; float: left; display: block; padding-top: 2px; }
.answerTextNewLine { float: none; width: 100%; padding-bottom: 5px; }
.answerTextStyle { }
.oDataFormInputSuffix { padding-left: 10px; }
.oDataFormInputNote { padding-left: 4px; }

.oFormBuilder .answer input { margin: 0px; width: 90%; border: 1px solid #dbdbdb; background: none; padding: 10px; color: #7a7a7a; }
.answer .checklist-items input, .answer .checklist input { padding: 0px; margin: 3px 0px 3px 0px; width: auto; border: 1px solid #dbdbdb; background: none; color: #7a7a7a; }
.answer .checklist-items label, .answer .checklist label { display: inline; margin-left: 0px; }
.oFormBuilder .answer Textarea { margin: 0px; width: 90%; border: 1px solid #dbdbdb; background: none; padding: 10px; color: #7a7a7a; }
.oFormBuilder .answer .hasDatepicker { width: 100px; background: none; border: 1px solid #dbdbdb; }
.oFormBuilder .answer .oDataFormInputText, .oFormBuilder .answer .oDataFormInputTextarea, .oFormBuilder .answer .hasDatepicker { border-bottom: 2px ridge #dbdbdb; }
.oFormBuilder .radiolist-items, .oFormBuilder .radiolist-items li { list-style-type: none; padding: 0; display: block; clear: both; }
.oFormBuilder .radiolist-items li input { margin-right: 5px; height: 15px; width: 13px; overflow: hidden; margin: 2px; float: left; clear: none; border-width: 0; }
.oFormBuilder .radiolist-items label { display: block; padding-top: 2px; float: left; clear: none; width: 60%; }

.oFormBuilder .oDataFormButtonContainer { float: right; padding: 1em 0; }
.oFormBuilder .oDataFormButtonContainer .oDataFormButton { margin-left: 10px; background: #fff; border: 1px solid #dbdbdb; color: #00A0DE; cursor: pointer; }
.oFormBuilder .oDataFormButtonContainer .oDataFormButton:first-child { background: #f3ecf7; border: 2px solid #00A0DE; }

/* required field */
.mandatory { background: transparent url("/EasySiteWeb/EasySite/StyleData/KentFire_master/Images/req-field.gif") no-repeat 0px 5px; }
p.mandatory { padding-left: 20px; }

.checklist { width: 100%; overflow: hidden; display: block; }
.checklist li { clear: both; }
.checklist input { height: 15px; width: 13px; overflow: hidden; margin: 2px; float: left; }
.checklist label { display: block; margin-left: 22px; padding-top: 2px; }
.checklist br { clear: left; margin: 0 0 2px 0; display: block; font-size: 2px; line-height: 2px; }

/* forms v6 */

.form-intro-message { display: block; margin: 0.5em 0 0.5em 0; }
.hidden-label label { display: none; }
.oMultiSelectAnswer .oDataFormElement { float: left; width: auto; clear: none; }
.oMultiSelectAnswer .oDataFormLabel { display: none; }

/* helper icon, change css when html fixed */
.oElementFormHelperIcon { float: right; }
.oElementFormHelperIcon input { margin-left: 5px; }
span.question div.oElementFormElement { position: relative; overflow: visible; width: 100%; }
span.question div.oElementFormElement span.oElementFormHelperText { width: 80%; display: block; padding: 3px; font-size: 0.9em; border: 1px solid #cdc2e4; background: #f7f7f7; position: absolute; top: 3px; left: 10px; z-index: 99; }

.buttons .button { background: #bf2a2a; width: auto; display: block; float: right; color: #fff; font-size: 1.3em; padding: 12px 20px; border-width: 0; margin: 0 0 1em 1em; }
.form-search { background: #fff; }