/* ------------------------------------------------------------------------------

   UNI-FORM form styling

   ------------------------------------------------------------------------------ */
#bcform-loaded {
  color: #000000; /* dummy style to determine if the css loaded */
}

.uniForm {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
} /* reset stuff */

/* Some generals and more resets */
.uniForm fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.uniForm fieldset.ui-sortable.ui-droppable {
  overflow: auto;
}

.uniForm label,
.uniForm legend,
.uniForm input,
.uniForm fieldset,
.uniForm select,
.uniForm textarea {
  font-size: 1em;
  width: auto;
}

.uniForm label span {
  font-weight: bold;
}

.uniForm h2 {
  font-size: 1.4em;
}

.uniForm fieldset legend {
  margin: 0;
  padding: 0;
}

/* This are the main units that contain form elements */
.uniForm .ctrlHolder,
.uniForm .buttonHolder {
  margin: 0;
  padding: 0;
  clear: both;
}

/* Clear all floats */
.uniForm:after,
.uniForm .buttonHolder:after,
.uniForm .ctrlHolder:after,
.uniForm .ctrlHolder .multiField:after,
.uniForm .inlineLabel:after,
.uniForm .fieldHolder:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.uniForm .ctrlHolder label,
.uniForm .ctrlHolder button {
  cursor: pointer;
}

/* ------------------------------------------------------------------------------ */
/* ##########################   DEFAULT LAYOUT   ################################ */
/* ------------------------------------------------------------------------------ */
/*       Styles for form controls where labels are above the input elements       */
/* ------------------------------------------------------------------------------ */
.uniForm label,
.uniForm .label {
  display: block;
  float: none;
  margin: 0 0 0.5em 0;
  padding: 0;
  line-height: 100%;
  width: auto;
}

/* Float the input elements */
.uniForm .textInput,
.uniForm .fileUpload,
.uniForm .selectInput,
.uniForm select,
.uniForm textarea {
  float: left;
  width: 55%;
  margin: 0;
}

.uniForm .textInput.bcLarge,
.uniForm textarea.bcLarge {
  width: 74%;
}

.uniForm .textInput.bcSmall,
.uniForm textarea.bcSmall {
  width: 30%;
}

.uniForm .lb .textInput,
.uniForm .lb .fileUpload,
.uniForm .lb .selectInput,
.uniForm .lb select,
.uniForm .lb textarea {
  width: 30em;
}

/* Postition the hints */
.uniForm .formHint {
  float: right;
  width: 43%;
  margin: 0;
  clear: none;
}

/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
.uniForm ul {
  float: left;
  width: 55%;
  margin: 0;
  padding: 0;
}

.uniForm .lb ul {
  width: 30em;
}

.uniForm ul li {
  list-style: none;
  display: block;
  clear: left;
  float: left;
}

.uniForm ul.horizontal li {
  clear: none;
  margin-right: 5px;
}

.uniForm ul li label {
  margin-top: 5px;
  float: left;
}

.uniForm ul li input {
  float: left;
  margin-right: 6px;
}

/* Alternate layout */
.uniForm ul.alternate li {
  float: left;
  width: 30%;
  margin-right: 3%;
}

.uniForm ul.alternate li label {
  float: none;
  display: block;
  width: 98%;
}

.uniForm ul .textInput,
.uniForm ul .selectInput,
.uniForm ul select,
.uniForm ul.alternate .textInput,
.uniForm ul.alternate .selectInput,
.uniForm ul.alternate select {
  width: 98%;
  margin-top: 0.5em;
  display: block;
  float: none;
}

/* Required fields asterisk styling */
.uniForm label em,
.uniForm .label em {
  float: left;
  width: 1em;
  margin: 0 0 0 -1em;
}

/* ------------------------------------------------------------------------------ */
/* #########################   ALTERNATE LAYOUT   ############################### */
/* ------------------------------------------------------------------------------ */
/*    Styles for form controls where labels are in line with the input elements   */
/*    Set the class of the parent (preferably to a fieldset) to .inlineLabels     */
/* ------------------------------------------------------------------------------ */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
  float: left;
  margin: 0.3em 2% 0 0;
  padding: 0;
  line-height: 1;
  position: relative;
  width: 22%;
}

/* Float the input elements */
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload,
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select,
.uniForm .inlineLabels textarea {
  float: left;
  width: 55%;
}

.uniForm .inlineLabels .textInput.bcSmall,
.uniForm .inlineLabels textarea.bcSmall {
  width: 30%;
}

.uniForm .inlineLabels .textInput.bcLarge,
.uniForm .inlineLabels textarea.bcLarge {
  width: 74%;
}

/* Postition the hints */
.uniForm .inlineLabels .formHint {
  clear: both;
  float: none;
  width: auto;
  margin-left: 24%;
  position: static;
}

/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
.uniForm .inlineLabels ul {
  float: left;
  width: 66%;
}

.uniForm .inlineLabels ul li {
  margin-bottom: 5px;
}

.uniForm .inlineLabels ul li label {
  position: absolute;
  margin-left: 25px;
}

.uniForm .inlineLabels ul.horizontal li label {
  position: relative;
  margin-left: 0px;
}
/* Alternate layout */
.uniForm .inlineLabels ul.alternate li {
  margin-right: 3%;
  margin-top: 0.25em;
}

.uniForm .inlineLabels ul li label .textInput,
.uniForm .inlineLabels ul li label textarea,
.uniForm .inlineLabels ul li label select {
  float: none;
  display: block;
  width: 98%;
}

/* Required fields asterisk styling */
.uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em {
  display: block;
  float: none;
  margin: 0;
  position: absolute;
  right: 0;
}

/* ----------------------------------------------------------------------------- */
/* ########################### Additional Stuff ################################ */
/* ----------------------------------------------------------------------------- */

/* Generals */
.uniForm legend {
  color: inherit;
}

.uniForm .secondaryAction {
  float: left;
}

/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
.uniForm .inlineLabel input,.uniForm .inlineLabels .inlineLabel input,.uniForm .blockLabels .inlineLabel input,
  /* class .inlineLabel is depreciated */ .uniForm label input {
  float: none;
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

.uniForm .buttonHolder .inlineLabel,
.uniForm .buttonHolder label {
  float: left;
  margin: 0.5em 0 0 0;
  width: auto;
  max-width: 60%;
  text-align: left;
}

/* When you don't want to use a label */
.uniForm .inlineLabels .noLabel ul {
  margin-left: 34%; /* Match to width of label + gap to field */
}

/* Classes for control of the widths of the fields */
.uniForm .small {
  width: 30% !important;
}

.uniForm .medium {
  width: 45% !important;
}

.uniForm .large {
}
/* Large is default and should match the value you set for .textInput, textarea or select */
.uniForm .auto {
  width: auto !important;
  height: auto !important;
}

.uniForm .small,
.uniForm .medium,
.uniForm .auto {
  margin-right: 4px;
}

/* Columns */
.uniForm .col {
  float: left;
}

.uniForm .col {
  width: 50%;
}

.uniForm legend {
  font-weight: bold;
  font-size: 100%;
  margin: 0;
  padding: 1.5em 0;
}

.uniForm .formHolder {
  padding: 0.5em 0;
}

.uniForm .formHolder.lb {
  margin: 1em;
  min-width: 490px;
  padding: 0;
}

.uniForm .ctrlHolder {
  padding: 1em;
  border-bottom: 1px solid #efefef;
}

.uniForm .fieldHolder {
  padding: 0.5em;
  position: relative;
}

.uniForm .ctrlHolder.focused {
  background: #fffcdf;
}

.uniForm .buttonHolder {
  background: #efefef;
  text-align: right;
  margin: 1.5em 0 0 0;
  padding: 1.5em;
  padding-top: 0px;
  /* CSS3 */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}

.uniForm .buttonHolder .primaryAction {
  padding: 10px 22px;
  line-height: 1;
  background: #254a86;
  border: 1px solid #163362;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  /* CSS3 */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
  box-shadow: 1px 1px 0 #fff;
  -webkit-box-shadow: 1px 1px 0 #fff;
  -moz-box-shadow: 1px 1px 0 #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.uniForm .buttonHolder .primaryAction:active {
  position: relative;
  top: 1px;
}

.uniForm .secondaryAction {
  text-align: left;
}

.uniForm button.secondaryAction {
  background: transparent;
  border: none;
  color: #777;
  margin: 1.25em 0 0 0;
  padding: 0;
}

.uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em {
  font-style: normal;
  font-weight: bold;
}

.uniForm label small {
  font-size: 0.75em;
  color: #777;
}

.uniForm .textInput,
.uniForm textarea {
  padding: 4px 2px;
  border: 1px solid #aaa;
  background: #fff;
}

/* Get rid of the 'glow' effect in WebKit, optional */
.uniForm .ctrlHolder .textInput:focus,
.uniForm .ctrlHolder textarea:focus {
  outline: none;
}

.uniForm .formHint {
  font-size: 0.85em;
  color: #777;
}

.uniForm .inlineLabels .formHint {
  padding-top: 0.5em;
}

.uniForm .ctrlHolder.focused .formHint {
  color: #333;
}

/* ----------------------------------------------------------------------------- */
/* ############################### Messages #################################### */
/* ----------------------------------------------------------------------------- */

/* Error message at the top of the form */
.uniForm #errorMsg {
  background: #ffdfdf;
  border: 1px solid #f3afb5;
  margin: 0 0 1.5em 0;
  padding: 0 1.5em;
  /* CSS3 */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
  color: #af4c4c;
}

.uniForm #errorMsg h3 {
} /* Feel free to use a heading level suitable to your page structure */
.uniForm #errorMsg ol {
  margin: 0 0 1.5em 0;
  padding: 0;
}

.uniForm #errorMsg ol li {
  margin: 0 0 3px 1.5em;
  padding: 7px;
  background: #f6bec1;
  position: relative;
  font-size: 0.85em;
  /* CSS3 */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}

.uniForm span.errormsg {
  color: #ff0000;
  font-style: italic;
  padding: 6px;
}

.uniForm .fieldHolder.error,
.uniForm .fieldHolder.focused.error {
  background: #ffdfdf;
  border: 1px solid #f3afb5;
  margin-bottom: 5px;
  /* CSS3 */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}

.uniForm .fieldHolder.error input.error,
.uniForm .fieldHolder.error select.error,
.uniForm .fieldHolder.error textarea.error {
  color: #af4c4c;
  margin: 0 0 6px 0;
  padding: 4px;
}

/* Success messages at the top of the form */
.uniForm #okMsg {
  display: none;
  background: #c8ffbf;
  border: 1px solid #a2ef95;
  margin: 0 0 1.5em 0;
  padding: 1.5em;
  text-align: center;
  /* CSS3 */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
}

.uniForm #okMsg p {
  margin: 0;
}

/* ----------------------------------------------------------------------------- */
/* ############################### Columns ##################################### */
/* ----------------------------------------------------------------------------- */
.uniForm .col {
  margin-bottom: 1.5em;
}
/* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first {
  width: 49%;
  float: left;
  clear: none;
}

.uniForm .col.last {
  width: 49%;
  float: right;
  clear: none;
  margin-right: 0;
}

/* --------------------------------------------------------------------------------- */
/* ############################### Date picker ##################################### */
/* --------------------------------------------------------------------------------- */
div.BCdatepicker {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 196px;
  height: 147px;
  position: absolute;
  cursor: default;
  top: 0;
  left: 0;
  display: none;
  z-index: 400920; /* based on the maximum z-index of fancybox component */
}

div.BCdatepicker .datepickerContainer {
  background: #121212;
  position: absolute;
  top: 10px;
  left: 10px;
}

div.BCdatepicker .datepickerBorderT {
  position: absolute;
  left: 10px;
  top: 0;
  right: 10px;
  height: 10px;
  background: url(images/datepicker_t.png);
}

div.BCdatepicker .datepickerBorderB {
  position: absolute;
  left: 10px;
  bottom: 0;
  right: 10px;
  height: 10px;
  background: url(images/datepicker_b.png);
}

div.BCdatepicker .datepickerBorderL {
  position: absolute;
  left: 0;
  bottom: 10px;
  top: 10px;
  width: 10px;
  background: url(images/datepicker_l.png);
}

div.BCdatepicker .datepickerBorderR {
  position: absolute;
  right: 0;
  bottom: 10px;
  top: 10px;
  width: 10px;
  background: url(images/datepicker_r.png);
}

div.BCdatepicker .datepickerBorderTL {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: url(images/datepicker_tl.png);
}

div.BCdatepicker .datepickerBorderTR {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: url(images/datepicker_tr.png);
}

div.BCdatepicker .datepickerBorderBL {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: url(images/datepicker_bl.png);
}

div.BCdatepicker .datepickerBorderBR {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: url(images/datepicker_br.png);
}

div.BCdatepicker .datepickerHidden {
  display: none;
}

div.BCdatepicker table {
  border-collapse: collapse;
}

div.BCdatepicker a {
  color: #eee;
  text-decoration: none;
  cursor: default;
  outline: none;
}

div.BCdatepicker table td {
  text-align: right;
  padding: 0;
  margin: 0;
}

div.BCdatepicker th {
  text-align: center;
  color: #999;
  font-weight: normal;
}

div.BCdatepicker tbody th {
  text-align: left;
}

div.BCdatepicker tbody a {
  display: block;
}

div.BCdatepicker .datepickerDays a {
  width: 20px;
  line-height: 16px;
  height: 16px;
  padding-right: 2px;
}

div.BCdatepicker .datepickerYears a,
div.BCdatepicker .datepickerMonths a {
  width: 44px;
  line-height: 36px;
  height: 36px;
  text-align: center;
}

div.BCdatepicker td.datepickerNotInMonth a {
  color: #666;
}

div.BCdatepicker tbody.datepickerDays td.datepickerSelected {
  background: #136a9f;
}

div.BCdatepicker
  tbody.datepickerDays
  td.datepickerNotInMonth.datepickerSelected {
  background: #17384d;
}

div.BCdatepicker tbody.datepickerYears td.datepickerSelected,
div.BCdatepicker tbody.datepickerMonths td.datepickerSelected {
  background: #17384d;
}

div.BCdatepicker a:hover,
div.BCdatepicker a:hover {
  color: #88c5eb;
}

div.BCdatepicker td.datepickerNotInMonth a:hover {
  color: #999;
}

div.BCdatepicker tbody th {
  text-align: left;
}

div.BCdatepicker .datepickerSpace div {
  width: 20px;
}

div.BCdatepicker .datepickerGoNext a,
div.BCdatepicker .datepickerGoPrev a,
div.BCdatepicker .datepickerMonth a {
  text-align: center;
  height: 20px;
  line-height: 20px;
}

div.BCdatepicker .datepickerGoNext a {
  float: right;
  width: 20px;
}

div.BCdatepicker .datepickerGoPrev a {
  float: left;
  width: 20px;
}

div.BCdatepicker table.datepickerViewDays tbody.datepickerMonths,
div.BCdatepicker table.datepickerViewDays tbody.datepickerYears {
  display: none;
}

div.BCdatepicker table.datepickerViewMonths tbody.datepickerDays,
div.BCdatepicker table.datepickerViewMonths tbody.datepickerYears,
div.BCdatepicker table.datepickerViewMonths tr.datepickerDoW {
  display: none;
}

div.BCdatepicker table.datepickerViewYears tbody.datepickerDays,
div.BCdatepicker table.datepickerViewYears tbody.datepickerMonths,
div.BCdatepicker table.datepickerViewYears tr.datepickerDoW {
  display: none;
}

div.BCdatepicker thead th {
  background: none;
}

div.BCdatepicker td.datepickerDisabled a,
div.BCdatepicker td.datepickerDisabled.datepickerNotInMonth a {
  color: #333;
}

div.BCdatepicker td.datepickerDisabled a:hover {
  color: #333;
}

div.BCdatepicker td.datepickerSpecial a {
  background: #700;
}

div.BCdatepicker td.datepickerSpecial.datepickerSelected a {
  background: #a00;
}

.fieldHolder li {
  min-height: 25px;
}