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

   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(../img/datepicker_t.png);
  }
  
  div.BCdatepicker .datepickerBorderB {
    position: absolute;
    left: 10px;
    bottom: 0;
    right: 10px;
    height: 10px;
    background: url(../img/datepicker_b.png);
  }
  
  div.BCdatepicker .datepickerBorderL {
    position: absolute;
    left: 0;
    bottom: 10px;
    top: 10px;
    width: 10px;
    background: url(../img/datepicker_l.png);
  }
  
  div.BCdatepicker .datepickerBorderR {
    position: absolute;
    right: 0;
    bottom: 10px;
    top: 10px;
    width: 10px;
    background: url(../img/datepicker_r.png);
  }
  
  div.BCdatepicker .datepickerBorderTL {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../img/datepicker_tl.png);
  }
  
  div.BCdatepicker .datepickerBorderTR {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../img/datepicker_tr.png);
  }
  
  div.BCdatepicker .datepickerBorderBL {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../img/datepicker_bl.png);
  }
  
  div.BCdatepicker .datepickerBorderBR {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../img/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;
  }