/* Make sure that legends show up correctly */
fieldset legend.control-label
{
   font-size: 100%;
   font-weight: bold;
   border-bottom: 0;
}

/* Add styles for 'moreLabel' ''*/
label.control-label span.moreLabel,
fieldset legend.control-label span.moreLabel
{
   display:block;
   font-style:italic;
   font-size:75%;
   font-weight: normal;
   color: #999;
   line-height:110%;
}

/* Add styles for color selector */
div.radio label span.radioColorChoice
{
   display:block;
   line-height: 1.5em;
   width: 100%;
   padding: 0 .5em;
   min-width: 200px;
   border-radius:4px;
   border: 1px solid #ddd;
}

form div.row div.multiboxFieldCol
{
   padding:.25em;
}

form div.row div.multiboxFieldCol:first-child
{
   padding-left:15px;
}

form div.row div.multiboxFieldCol:last-child
{
   padding-right:15px;
}

form input[type=file].form-control
{
   border: 0;
   box-shadow: none;
}

label.required:before,
legend.required:before
{
   content: '* ';
   color: #a00;
}

/***** Hiding forms on submit *****/
#formProcessingLayer
{
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 9999;

   background-color: rgba(218, 216, 227, 0.85);
   background-image: url('/common/img/loading_black.gif');
   background-repeat: no-repeat;
   background-position: 50% 50%;
   
   display:none;
}

#formProcessingLayer.active
{
   display: block;
}

.fauxLabel
{
   font-weight: bold;
   text-align: right;
}

.fauxInput
{
   font-style: italic;
}

.fauxInput.alert.alert-info
{
   margin-bottom: 0;
}

/* Add a colon after each label... */
.form-group label span.labelText::after,
fieldset legend span.labelText::after,
.fauxLabel::after
{
   content: ":";
}

/* ... unless we're told not to '*/
.form-group label span.labelText.noColon::after,
fieldset legend span.labelText.noColon::after,
.fauxLabel.noColon::after
{
   content: "";
}

fieldset.mainWrapper+fieldset.mainWrapper
{
   border-top:1px dotted #999;
   margin-top:1.5em;
   padding-top:1.5em;
}

form.striped-form fieldset.mainWrapper div.form-group,
.formRow
{
   padding-top: .25em;
   padding-bottom: .25em;
}

form.striped-form fieldset.mainWrapper div.form-group:nth-child(even),
.formRow:nth-child(even)
{
   background-color: #f0f0f0;
}

.input-group[class*=col-]
{
   float: left;
   padding-right: 15px;
   padding-left: 15px;
}

/*
 * Primarily used for highlighting the reCAPTCHA field
 * when the user fails to submit it.
 */
.form-horizontal .form-group:target {
  background-color: #ffa;
}

.form-group.has-error .g-recaptcha > div > div
{
    border:1px solid #a94442;
    border-radius: 4px;
}

.form-group.has-error > div > div.mce-panel
{
    border-color:#a94442;
}

.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item
{
    border-right-width: 1px !important;
}

#formProcessingLayer
{
   background-image: url('/common/img/loading_red.gif');
}

.form-group.btn-row
{
    margin-top: 1em;
}

/*** Fix for jQueryUI/Bootstrap combo margin bug. ***/
form .ui-helper-reset[class*="-offset-1"] { margin-left:  8.33333333%; }
form .ui-helper-reset[class*="-offset-2"] { margin-left:  16.66666667%; }
form .ui-helper-reset[class*="-offset-3"] { margin-left:  25%; }
form .ui-helper-reset[class*="-offset-4"] { margin-left:  33.33333333%; }
form .ui-helper-reset[class*="-offset-5"] { margin-left:  41.66666667%; }
form .ui-helper-reset[class*="-offset-6"] { margin-left:  50%; }
form .ui-helper-reset[class*="-offset-7"] { margin-left:  58.33333333%; }
form .ui-helper-reset[class*="-offset-8"] { margin-left:  66.66666667%; }
form .ui-helper-reset[class*="-offset-9"] { margin-left:  75%; }
form .ui-helper-reset[class*="-offset-10"] { margin-left: 83.33333333%; }
form .ui-helper-reset[class*="-offset-11"] { margin-left: 91.66666667%; }
