/* general formatting */
.fhHandling input, .fhHandling select {padding: 3px}
.fhHandling textarea {padding: 5px}
span.fhRequired {padding-left: 5px;}
.fhHidden {display: none}
.fhHandling label.checkbox, .fhHandling label.radio {padding: 0px 10px 10px 3px; white-space: nowrap; display: inline-block; zoom: 1; *display: inline}
.fhHandling label.checkbox input, .fhHandling label.radio input {margin-right: 3px;}
.fhLabel label, .fhHandling .label {font-weight: bold}
.fhSubmitButtons {margin-top: 1em}
.fhSeoEdit {padding-left: 10px; vertical-align: middle}

/* paragraph formatting */
p .fhLabel {padding-right: 10px}
.fhHandling p textarea {vertical-align: top}
p div.fhAjax {display: inline}
p.fhLabel {
    margin: 0.3em 0em
}

/* table formating */
.fhHandling table {width: 100%}
.fhHandling table td {padding-bottom: 0.5em !important; vertical-align: top}
.fhHandling table .fhLabel {width: 250px;}
.fhHandling table .fhAjax_display {margin: 0.5em 0em 0em 0em}
.fhHandling table .fhAjax_choices {margin: 0.5em 0em 0.7em 0em}
table .fhLabel .fhNotes {display: inline}

.fhLoading {width: 43px; height: 11px; display: block; background: url(loading.gif) no-repeat}

/* div formatting */
div.fhContainer {width: auto; position: relative}
div.fhContainer form.fhHandling p { margin: 0; }
div.fhContainer .fhField, div.fhContainer .fhError {margin-left: 270px}
div.fhContainer form div.fhFieldWrapper { padding: 0.25em 0; }
div.fhContainer form div.fhWysiwyg .fhField div {padding: 0}
div.fhContainer .fhLabel { margin-right: 10px; padding-right: 10px; padding-top:10px; width: 250px; display: block; float: left; position: relative; }
div.fhContainer .fhField>label {margin-top: 13px}
div.fhContainer .fhFieldWrapper {clear: both}
div.fhContainer .fhPara {margin-bottom: 1em}
div.fhContainer .fhAjax_display {margin: 0.5em 0em 0em 0em; padding: 0 !important}
div.fhContainer .fhAjax_choices {margin: 0.5em 0em 0.7em 0em; padding: 0 !important}
div.fhContainer .fhLabel .fhNotes {display: inline}
div.fhContainer .fhWysiwyg .fhLabel {float: none; margin-bottom: 0.3em}
div.fhContainer .fhWysiwyg .fhField {margin-left: 0}
div.fhContainer .fhExtend .fhLabel {width: 450px}
div.fhContainer .fhExtend .fhField {margin-left: 470px}
div.fhContainer .fhSubmitButtons {margin-bottom: 1.5em}

/* inline formatting */
.fhFormatInline .fhPrimary, .fhFormatInline .fhSecondary {float: none !important}
.fhFormatInline .fhFieldWrapper {margin-right: 10px}
.fhFormatInline .parsley-error-list, .fhFormatInline .fhError {display: none !important;}
.fhFormatInline .fhButton {margin-right: 10px}

.fhFormatPara .fhAjax_choices, .fhFormatPara .fhAjax_display {
    display: block;
    margin-top: 0.5em
}

/* sizes */
.fhTiny input, input.fhTiny {width: 50px}
.fhSmall input, input.fhSmall {width: 100px}
.fhMedium input, input.fhMedium {width: 250px}
.fhMedium label.radio input, .fhMedium label.checkbox input {width: auto}
.fhLarge input, input.fhLarge {width: 400px}
.fhMedium textarea, textarea.fhMedium {width: 250px; height: 100px}
.fhLarge textarea, textarea.fhLarge {width: 95%; height: 200px;}

/* buttons */
.fhButton {text-decoration: none !important; cursor: pointer; color: #232323 !important; background: #eee; padding: 3px 5px !important; display: inline-block; *display: inline; zoom: 1; border: 1px solid #565656 !important; border-radius: 5px}
.fhButton:hover {text-decoration: none !important; border: 1px solid #565656 !important;}
.fhButtons .fhButton {margin-right: 10px}
.fhButtons {overflow: hidden; clear: both}
.fhPrimary {float: right; margin-right: 0px; font-weight: bold; font-size: 1em }
.fhSecondary {float: left; color: #232323; border: 1px solid #ddd; background: #f5f5f5;}
.fhPrimary {
background: #659037;
color: #FFF !important;
background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#8BB85A), to(#659037));
background-image: -moz-linear-gradient(90deg, #8bb85a, #659037);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8bb85a', EndColorStr='#659037');
}

/* fieldsets */
.fhHandling fieldset {border: 1px solid #ddd; margin-bottom: 1em; padding: 1em}
.fhHandling legend {padding: 0 5px; color: #777}

/* radio and checkbox */
.fhChckboxControls {
    list-style: none;
    margin: 1em 0
}

/* errors */
input.parsley-error, textarea.parsley-error, select.parsley-error {background: #F2DEDE !important; border: 2px solid #EED3D7 !important; color: #B94A48 !important}
input.parsley-success, textarea.parsley-success, select.parsley-success {color: #468847 !important; background-color: #DFF0D8 !important; border: 2px solid #D6E9C6 !important;}

.parsley-error-list, .fhError {margin: 0.5em 0em 1em 0em; list-style: none; padding: 0}
.parsley-error-list li, .fhError li {list-style: none}
.fhErrorContainer ul {margin: 0.5em 0em 1em 0em; }
.parsley-error-list li, .fhError li, .fhError li strong {color: #B94A48 !important}

/* file uploading */
span.fhFileDelete {padding-left: 10px}
.fhDisabled {background: #bbb !important; color: #555 !important}
.fhFileButtons {clear: none;}
.fhFileButtons .fhButton {margin-top: 0.7em; margin-bottom: 0.3em}
.fhFileButtons .fhDisabled {visibility: hidden; display: none}
.fhFile {margin-bottom: 0.3em}
.fhFile .parsley-error-list {display: none !important}
.fhCancelUpload img {vertical-align: baseline; border: none}
.fhImagePreview img {vertical-align: middle; max-width: 50px;}
.fhImagePreview {min-width: 50px; display: inline-block; margin-right: 10px}
.fhFileDelete label {margin-left: 10px}
.fhUploadTitle {width: 300px !important}
.fhFileList {
    margin-bottom: 0em
}

.fhFileButtons a {
    font-size: 0.9em
}

/* ajax */
.fhAjax_choices, .fhAjax_display {line-height: 130%}
.fhAjax_button {margin-left: 10px;}
.fhAjaxData {color: #222222; background: #e5e5fd; border: 1px solid #1C1667; padding: 1px 3px; margin: 3px; font-size: 0.9em; display: inline-block; zoom: 1; *display: inline}
.fhAjaxDelete {cursor: pointer; background-image: url(delete-tiny.png); background-position: 3px 50%; background-repeat: no-repeat; padding-left: 15px;}
.fhAjaxAdd {background: #f3f8eb url(add-tiny.png) 3px 50% no-repeat; cursor: pointer; padding-left: 15px;}
.fhAjax_actual {display: none}

/* notes */
.fhNotes .fhNotesIcon {cursor: pointer}
.fhNotes {position: relative; margin: 0px 10px}
.fhNotes .fhNotesText {position: absolute; left: 120%; top: 0; background: #ddd; padding: 5px 10px; width: 250px; display: none; border-radius: 5px}
.fhNotesActive .fhNotesText {display: block}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* combi field */
.fhField span.fhFieldWrapper {margin-right: 10px}
.fhCombiField div {padding: 0!important}
.fhCombiField div.fhFieldWrapper {padding: 0 0 0.25em 0 !important}

/* repeater */
.fhRepeaterCounter {padding-top: 0; margin-top: 0px; }
.fhRepeaterButton, .fhRepeaterDeleteButton {font-size: 0.8em; margin-bottom: 1em}

.fhHandling label.checkbox input, .fhHandling label.radio input {width: auto}

@media only screen   
and (max-width: 767px) {  
    div.fhContainer .fhField {margin-left: 0px !important}
    div.fhContainer .fhLabel { margin-right: 0px; padding-right: 0px; padding-top:6px; width: auto !important; float: none !important; position: relative; }
    div.fhContainer .fhExtend .fhLabel {width: auto}
    div.fhContainer .fhExtend .fhField {margin-left: 0px}
}

.fhSortHandle {
    margin-left: 20px;
    cursor: move;
}