﻿.radWindowText {font-size: 14px !important; text-align: center;}

.user-name-bold {font-size: 16px; font-weight: bold;}

.form-header-text { font-size: small; color: #666666; font-weight:bold; display: block; text-align: center; float: left; padding:  0; margin-top: 12px; width: 100%;}

.form-wrapper {width: 97%; padding: 0 1%; font-size: 9pt; display: block; float: left;}
.form-field-wrapper {display: block; float: left; width: 100%; padding: 4px 0;}
.inputWrapper {margin: 1% 0; display: block; float: left; margin-right: 1%; position: relative; box-sizing: border-box;}
.inputWrapper label {font-size: 9pt; padding-bottom: 5px; line-height:22px;}

.label-large {font-size: 1.3em !important; color: #767676; margin-bottom: 6px; display: block;}
.label-medium {font-size: 1.15em !important; color: #767676; margin-bottom: 4px; display: block;}


.inputWrapper span {display: inline-block;}
.inputWrapper label.clear {display: block;  padding: 0;}
.inputWrapper span.largeFont {font-size: 16px; line-height: 34px; display: block; height: 34px;}
.checkBoxHeight input[type="checkbox"] {height: 28px; display: block;}

.form-new-row {display: block; float: left; width: 98%;}

.full-width {width: 98%;}
.half-width {width: 48%;}
.third-width {width: 32%; margin-right: 1%;}
.two-third-width {width: 64%; margin-right: 1%;}

.validator {color: #b00 !important; right: 0; top: 0 !important; position: absolute; background: none !important; width: auto !important;}
.validator-bottom {color: #b00 !important; right: 0; bottom: 0; position: absolute; background: none !important; width: auto !important;}
.button-spacing {margin-right: 10px;}
 
.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {width: 100%; display: inline-block; margin: 0; padding: 0; list-style-type: none; font-size: 0.85em;}
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul {border: 1px solid #fff;}
.rcbItem ul:hover {background-color: #bbddf4; border: 1px solid #5d9fb7;}
.col1, .col2, .col3, .col4 {float: left; width: 32.3%; margin: 0; padding: 5px 0;}
.col1 {margin: 0; overflow: hidden;}

fieldset {margin-bottom: 8px; border: 1px solid #bdbdbd; background-color: #fff; margin-top: 15px;}
legend {font-size: 12pt; margin-left: 8px;}

/*  Nested Form Wrapper */
.form-wrapper-nested {margin: 0; display: block; float: left; margin-right: 1%; position: relative; width: 96%; max-width: 1000px;}
.inputWrapper-nested {margin: 0; display: block; float: left; margin-right: 1%; position: relative; width: 100%; max-width: 800px;}
.inputWrapper-nested-submit {display: block; float: left;}

.section-title {display: block; float: left; width: 100%; color: #2E6DA4; font-weight: bold; font-size: 12pt;}

.hide-form {visibility: hidden !important;}


/* NOTE:  The folowing class is temporary until we can modify the layout of each validator sitewide to use the .validator class indicated above. */
.FormAlertFloatLeft
{
    color: #BB0000;
    width: 99%;
    background-image: url("../Images/exclamation_icon.png");
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 20px;
    background-position: right top;
    margin-top: 0px;
    width: 20px;
    height: 20px;
    float: left;
    vertical-align: bottom;
    display: inline;
}



/*  Media Queries  */
@media screen and (min-width: 320px) {

}

@media screen and (min-width: 480px) {

}


@media screen and (min-width: 600px) {

}

@media screen and (min-width: 1024px) {

}