/* NeonHorizon Form CSS */
/* V5.1 */

/*-----------------------------SYSTEM----------------------------*/

div.autoscroll {
  display:          none;
  visibility:       hidden;
}

fieldset div.on-change-submit {
  display:          inline;
}


/*-----------------------------HIGHLIGHTING----------------------------*/

fieldset.problems,
fieldset.successes {
  padding-top:      0px;
}

fieldset.problems ul,
fieldset.successes ul {
  margin:           12px 20px 12px 20px;
  list-style:       none outside;
}

fieldset.problems li,
fieldset.successes li {
  padding:          7px 0px 7px 26px;
  line-height:      16px;
}

fieldset.problems li {
  background:       url('/images/nhci/bool/16x16/warning.png') no-repeat 0px 6px;
}

fieldset.successes li {
  background:       url('/images/nhci/bool/16x16/tick.png') no-repeat 0px 6px;
}

fieldset.problems {
  border-color:     #ff0000;
  background-color: #ffaaaa;
}

fieldset.successes {
  border-color:     #00ff00;
  background-color: #aaffaa;
}

fieldset .problem {
  background-color: #ffaaaa;
}

fieldset .success {
  background-color: #aaffaa;
}


/*-----------------------------SUBMITS----------------------------*/

fieldset.submits {
  text-align:       center;
  border-width:     0px;
  padding:          0px 0px 5px 0px;
  background-color: inherit;
}


/*-----------------------------COMPULSORY LABELS----------------------------*/

fieldset span.compulsory, fieldset div.compulsory {
  color:            #ff0000;
}

fieldset div.compulsory {
  text-align:       center;
  padding:          8px 0px 0px 0px;
}


/*-----------------------------SIZING----------------------------*/

@media all and (max-width: 760px) {

  fieldset .nolabel input,
  fieldset .nolabel textarea,
  fieldset .nolabel select {
    max-width:        292px;
  }

}


/*-----------------------------COSMETIC----------------------------*/

fieldset td.comment span, fieldset td.html-comment span {
  font-style:       italic;
  color:            #999999;
}

fieldset td input[type=submit],
fieldset td input[type=button] {
  line-height:      19px;
}

label.form_radio {
  display:          inline-block;
}


/*-----------------------------IMAGE FILE INPUT----------------------------*/

fieldset div.form_field_image-file_container {
  overflow:         hidden;
  position:         relative;
  height:           150px;
  margin:           2px;
}

fieldset div.form_field_image-file_container input[type=file],
fieldset div.form_field_image-file_container div.form_field_image-file_prompt {
  box-sizing:       border-box;
  overflow:         hidden;
  margin:           0px;
  padding:          0px;
  border:           1px solid;
  border-color:     #eeeeee;
  background-color: #eeeeee;
  cursor:           pointer;
  width:            100%;
  height:           100%;
  max-width:        100%;
}

fieldset div.form_field_image-file_container div.form_field_image-file_prompt {
  position:         absolute;
  top:              0px;
  left:             0px;
  pointer-events:   none;
  display:          table;
  border-color:     #bbbbbb #dddddd #dddddd #cccccc;
  background-color: #ffffff;
  vertical-align:   middle;
  text-align:       center;
}

fieldset div.form_field_image-file_container div.form_field_image-file_image,
fieldset div.form_field_image-file_container div.form_field_image-file_message {
  height:           100%;
  padding:          0px 5px 0px 5px;
  pointer-events:   none;
  display:          table-cell;
  vertical-align:   middle;
  text-align:       center;
}


/*-----------------------------ALIGNMENT----------------------------*/

fieldset .nolabel,
fieldset .nolabel label {
  text-align:       center;
}

fieldset .nolabel label {
  padding-bottom:   0px;
}

fieldset td.form_field_comment,
fieldset th.form_field_comment {
  height:           24px;
  vertical-align:   top;
  padding-top:      0px;
}

fieldset td.form_field_read-only,
fieldset td.form_field_color,
fieldset td.form_field_html-content,
fieldset td.form_field_content,
fieldset td.form_field_html-comment,
fieldset td.form_field_comment {
  padding-left:     14px;
}

fieldset td.form_field_text,
fieldset td.form_field_password,
fieldset td.form_field_password-prefill,
fieldset td.form_field_location,
fieldset td.form_field_file,
fieldset td.form_field_image-file,
fieldset td.form_field_textarea,
fieldset td.form_field_rich-textarea,
fieldset td.form_field_select,
fieldset td.form_field_image,
fieldset td.form_field_date-picker,
fieldset td.form_field_date,
fieldset td.form_field_time,
fieldset td.form_field_date-time,
fieldset td.form_field_unlimited-hours-time {
  padding-left:     12px;
}

fieldset td.form_field_radios,
fieldset td.form_field_inline-radios,
fieldset td.form_field_checkbox,
fieldset td.form_field_inline-checkboxes,
fieldset td.form_field_checkboxes {
  padding-left:     0px;
}

fieldset td.form_field_button,
fieldset td.form_field_submit,
fieldset td.form_field_inline-submit  {
  padding-left:     7px;
}

fieldset td.form_field_comment,
fieldset td.form_field_html-comment {
  font-style:       italic;
  color:            #666666;
}


/*-----------------------------NO BREAK MODE----------------------------*/

fieldset td.form_no_break_mode.form_field_checkbox {
  padding-left:     9px;
}

fieldset td.form_no_break_mode input[type=checkbox] {
  margin-left:      5px;
}

fieldset td.form_no_break_mode.form_field_checkboxes input[type=checkbox] {
  margin-left:      14px;
}

div.form_no_break_field {
  display:          inline-block;
  white-space:      nowrap;
  vertical-align:   middle;
  margin-right:     10px;
  overflow:         visible;
}

div.form_no_break_field_padded {
  padding:          0px 5px 0px 5px;
}