/* 
    Document   : formHandling.css
    Version    : 0.1.5
    Author     : Phil Sorrell       
*/

.fhNoteTrigger {visibility: hidden; }
.fhNote {display: inline;}
.fhErrorText p {display: inline;}
.xinha {width: 100%;}

form.fhType1 {margin: 0em; padding: 0.3em 0.5em 0.3em 0.5em;}
form.fhType1 p {margin: 0em !important;}
form.fhType1 .fhErrors {padding-left: 1em;}
form.fhType1 .fhErrors .fhErrorText p {padding-left: 0.5em; color: red !important;}
form.fhType1 .fhErrorField {background-color: #FFEAEA;}
form.fhType1 fieldset {margin-bottom: 1em; padding-bottom: 0.5em; width: 100%; border-top: 1px solid #BBBBBB;}
form.fhType1 .formHandlingButtons {padding-top: 1em; border-top: 1px solid #BBBBBB;}
form.fhType1 .fhHoldingElement {margin-top: 0.2em; margin-bottom: 0.2em; padding: 0.2em 0.4em 0.2em 0.4em;}
form.fhType1 label {font-weight: bold; padding-bottom: 0.4em !important;}
form.fhType1 span.fhExtras {padding-left: 0.4em;}
form.fhType1 .fhNoteTrigger {padding-left: 0.4em;}
form.fhType1 .fhUploadedFile {font-size: 0.8em; padding-left: 0.4em;}
/*form.fhType1 .fhFieldRegion {display: inline;} this line doesn't work with xinha'*/
form.fhType1 .fhFieldRegion img {vertical-align: middle;}
form.fhType1 .fhFieldRegion .fhErrorText {display: inline;}
form.fhType1 span.radio, form.fhType1 span.checkbox {vertical-align: middle; padding-right: 1em;}
form.fhType1 span.radio input, form.fhType1 span.checkbox input {margin-right: 0.3em;}


form.fhType2 {margin: 0em; padding: 0em; width: 100%;}
form.fhType2 p {margin: 0em !important;}
form.fhType2 fieldset {margin-bottom: 0em; padding-bottom: 0em; width: 100%;}
form.fhType2 .fhHoldingElement {margin: 0em; padding: 0em 0.5em 0em 0.5em; float: left; width: auto;}
form.fhType2 {margin-left: -0.5em;}
form.fhType2 .fhHoldingElement div {width: auto; float: left;}
form.fhType2 .fhHoldingElement div * {vertical-align: middle;}
form.fhType2 .fhLabelRegion {padding-top: 0.2em;}
form.fhType2 label {font-weight: bold; padding-right: 0.3em;}
form.fhType2 fieldset {width: auto; float: left;}
form.fhType2 .formHandlingButtons {float: left; width: auto;}
form.fhType2 .fhErrorText {display: none;}
form.fhType2 .fhErrorField {background-color: #FFEAEA;}
form.fhType2 .fhClearMe {height: 0px; clear: both;}


form.fhTableType1 fieldset {border: 1px solid #BBBBBB; padding: 0.5em 0.5em 0.5em 0.5em; margin-bottom: 0.5em;}
form.fhTableType1 legend {color: #777777; padding-left: 0.5em; padding-bottom: 0.5em}
form.fhTableType1 td {padding: 0.2em 0.4em 0.2em 0.2em; vertical-align: top;}
form.fhTableType1 label {font-weight: bold;}
form.fhTableType1 .fhLabelRegion {vertical-align: top; text-align: left; padding-right: 0.5em; width: 200px;}
form.fhTableType1 fieldset.fullWidth .fhLabelRegion {width: auto;}
form.fhTableType1 span.radio {vertical-align: middle; padding-right: 1em;}
form.fhTableType1 span.radio input {margin-right: 0.3em;}
form.fhTableType1 span.checkbox {vertical-align: middle; padding-right: 1em;}
form.fhTableType1 span.checkbox input {margin-right: 0.3em;}
form.fhTableType1 fieldset.fullWidth table {width: 100%}
form.fhTableType1 .fhFieldRegion, form.fhTableType1 .fhLabelRegion {padding-bottom: 0.3em;}
form.fhTableType1 .fhFieldRegion img {margin-left: 0.5em;}
form.fhTableType1 .fhErrors .fhErrorText p {padding-left: 0.5em; color: red !important;}
form.fhTableType1 .fhErrorField {background-color: #FFEAEA;}
form.fhTableType1 .fhErrors {padding-bottom: 1em;}
form.fhTableType1 .fhErrors * {display: inline; vertical-align: middle;}
form.fhTableType1 .fhNoteTrigger {padding-left: 0.4em;}

.fhFieldsetNav {width: 100%; margin-bottom: 3em;}
.fhFieldsetNav td {width: 50%;}
.fhFieldsetNav td.previous {text-align: left;}
.fhFieldsetNav td.next {text-align: right;}