/* CUSTOM */
.dfForm { width:460px; zoom: 1; }
.dfForm h3 { color: #305a82; font-size: 17px; text-transform: uppercase; margin-bottom: 0; }
.dfForm legend { display: none; }
.dfForm hr { margin-top: 0; }

.dfForm .dfGroup:before, .dfForm .dfGroup:after { content: ""; display: table; }
.dfForm .dfGroup:after { clear: both; }
.dfForm .dfGroup { zoom: 1; }

.dfForm .dfGroup { position: relative; }
    .dfForm .dfGroup ul { list-style: none none; margin: 0; padding: 0; }
.dfForm .dfQuestion { display: block; padding-right: 20px; padding-top: 9px; padding-bottom: 20px; clear: both; }
.dfForm .dfCol33,
.dfForm .dfCol67,
.dfForm .dfCol50 { float: left; padding-right: 20px; clear: none; }
.dfForm .dfCol33 { width: 120px; }
.dfForm .dfCol67 { width: 300px; }
.dfForm .dfCol50 { width: 210px; }

.dfForm .dfColLeft { clear: left; }
.dfForm .dfColRight { clear: right; }
html.ltie8 .dfForm .dfColRight { clear: none; }

.dfForm .dfSingleLine { }
    .dfForm .dfSingleLine.dfQuestion:before { margin-top: -15px; }
    .dfForm .dfSingleLine .dfLabel { float: left; width: 32%; padding-top: 8px; }
    .dfForm .dfSingleLine .dfMandatory { float: left; width: 3%; padding-left: 0; }
    .dfForm .dfSingleLine .dfControl { float: left; width: 65%; margin-top: 0; }
        .dfForm .dfSingleLine .dfControl .dfMessage { margin-bottom: 10px; }

    .dfForm .dfSingleLine:after { content: ""; display: block; clear: both; height: 0px; }

.dfForm .dfInlineControl { float: left; display: inline; margin-right: 10px; }

.dfForm .dfQuestion:before { content: ""; clear: both; position: absolute; left: 0; right: 0; margin-top: -9px; height: 1px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,0)), color-stop(50%,rgba(204,204,204,1)), color-stop(100%,rgba(204,204,204,0))); background: -webkit-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0) 100%); background: -o-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0) 100%); background: -ms-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0) 100%); background: linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0) 100%); }


.dfForm .dfNoDivider:before { content: normal; }
.dfForm .dfFormDivider li.last-child { margin-bottom: 20px; }

.dfForm .dfHideLabel .dfLabel,
.dfForm .dfHideMandatory .dfMandatory { display: none; }
.dfForm .dfHideLabel.dfNoDivider { margin-top: -20px; }

.dfForm .dfHideQuestion { display: none; }

.dfForm .dfLabel,
.dfForm .dfMandatory { display: inline; font-size: 13px; line-height: 22px; }
.dfForm .dfControl { display: block; margin-top: 8px; }
.dfForm .dfOptional { display: none; }
.dfForm .dfHint { color: #999; display: inline; font-size: 13px; line-height: 22px; padding-left: 3px; }

.dfForm .dfQuestion .dfSelect { }
    .dfForm .dfQuestion .dfSelect select { width: 99%; display: block; border: 1px solid #999; padding: 5px; }

.dfForm .dfQuestion .dfInput { }
    .dfForm .dfQuestion .dfInput input { width: 98%; display: block; padding: 3px 2px; }
.dfForm .dfQuestion.dfCol33 .dfInput input { width: 93%; }
.dfForm .dfQuestion.dfCol50 .dfInput input { width: 95%; }
.dfForm .dfQuestion.dfCol67 .dfInput input { width: 97%; }
html.ltie9 .dfForm .dfQuestion .dfInput input { height: 18px; }
.dfForm .dfQuestion input { height: 22px; }

.dfForm .dfQuestion .dfTextArea { }
    .dfForm .dfQuestion .dfTextArea textarea { width: 98%; height: 100px; display: block; }

.dfForm .dfQuestion .dfText { margin-top: 8px; font-size: 13px; line-height: 22px; }

.dfForm .dfTextAreaReasonIndent { padding-left: 18px; padding-top: 0; margin-top: -10px; }

.dfForm .dfQuestion input,
.dfForm .dfQuestion textarea,
.dfForm .dfQuestion select { font-size: 14px; line-height: normal; border-width: 1px; border-style: solid; border-color: #929292 #c7c7c7 #c7c7c7 #929292; background: #fff; color: #000; -webkit-box-shadow: 2px 2px 3px #c7c7c7 inset; box-shadow: 2px 2px 3px #c7c7c7 inset; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }



::-webkit-input-placeholder { color: #9f9f9f; font-style: italic; }
input:-moz-placeholder { color: #9f9f9f; font-style: italic; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }


.dfForm .dfQuestion .dfControl input:invalid,
.dfForm .dfQuestion .dfControl textarea:invalid { background-color: #fff; }
.dfForm .dfQuestion .dfControl.dfError input,
.dfForm .dfQuestion .dfControl.dfError textarea,
.dfForm .dfQuestion .dfControl.dfError select { border-color: #ff0000; background-color: #fff7f7; }

.dfForm .dfQuestion .dfCheckbox label,
.dfForm .dfQuestion .dfRadio label { font-size: 13px; line-height: 22px; margin-bottom: 8px; margin-left: 3px; }
.dfForm .dfQuestion .dfCheckbox input,
.dfForm .dfQuestion .dfRadio input { height: auto; border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.dfForm .dfQuestion .dfCheckbox.dfCheckboxInline li,
.dfForm .dfQuestion .dfRadio.dfRadioInline li { float: left; white-space: nowrap; margin-right: 20px; }

.dfForm .dfQuestion.dfDateDay,
.dfForm .dfQuestion.dfDateMonth,
.dfForm .dfQuestion.dfDateYear { float: left; display: inline; clear: none; padding-right: 2%; }
.dfForm .dfQuestion.dfDateDay { width: 26%; }
.dfForm .dfQuestion.dfDateMonth { width: 38%; }
.dfForm .dfQuestion.dfDateYear { width: 30%; }
    .dfForm .dfQuestion.dfDateDay select,
    .dfForm .dfQuestion.dfDateMonth select,
    .dfForm .dfQuestion.dfDateYear select { width: 99%; }

html.js .dfForm .dfQuestion .dfInputFile input { height: 0; width: 0; overflow: hidden; }
html.js .dfForm .dfQuestion .dfInputFile .btn { cursor: pointer; }
html.js .dfForm .dfQuestion .dfInputFile .noteText { font-weight: bold; }
html.no-js .dfForm .dfQuestion .dfInputFile .btn,
html.no-js .dfForm .dfQuestion .dfInputFile .noteText { display: none; }

.dfForm .dfError .dfLabel { color: #f00; }
.dfForm .dfControl .dfMessage { color: #f00; padding-left: 35px; position: relative; margin-top: 15px; font-weight: bold; font-size: 13px; line-height: 22px; clear: both; }
    .dfForm .dfControl .dfMessage .icon { background-position: -266px -23px; width: 26px; height: 26px; top: -2px; left: 0; }

.dfFormSingle { border-top: 1px solid #999; }
    .dfFormSingle .btnSubmit { margin-top: 9px; margin-left: 10px; }
    .dfFormSingle .dfGroup { width: 380px; float: left; display: inline; }