/******************************** General ********************************/
body {
    color: #000;
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}

a { text-decoration: underline; }

a:visited { color: #551A8B; }

img { border: none; }

tr td, tr th {
    padding: 3px 2px;
    text-align: left;
    vertical-align: baseline;
}

.bodyCopy {
    border: 0;
    margin: 0;
    padding: 0;
}

input.button {
    background-color: #ccc;
    border: solid 1px #069;
    color: #006;
    height: 16px
}

.PadRight { padding-right: 10px }

.RightAlign { text-align: right; }

#BootstrapContainer { max-width: 1440px; }

/* changed from 1280px*/

#BootstrapContainer [type=checkbox] ~ label,
#BootstrapContainer [type=radio] ~ label {
    margin-top: -1px;
    padding: 0 3px;
    vertical-align: middle;
}

#BootstrapContainer input[type="radio"]:focus,
#BootstrapContainer input[type="checkbox"]:focus,
#BootstrapContainer input[type="file"]:focus {
    -ms-box-shadow: 1px 1px 1px #2aabd2;
    -webkit-box-shadow: 1px 1px 1px #2aabd2;
    box-shadow: 1px 1px 1px #2aabd2;
    outline: none;
}

/* This prevents the small 'x' from appearing on focused textboxes in IE 11 */

input[type=text]::-ms-clear { display: none; }

/* This prevents the collapse of empty items at the top of a list box */

.rlbItem { min-height: 18px; }

/* The SkinChooser was turned on as a workaround which is no longer 
necessary. The css is left here in case it needs to be turned back 
on in the future. */

.RadComboBox[id*=SkinChooser] { display: none; }

/* This prevents the scrollbar in IE10+ from overlaying over content 
    near the right edge on desktop browsers */

@media (min-width: 768px) {
    html { -ms-overflow-style: scrollbar; }
}

/*************************************************************************/

/******************************* All Fonts *******************************/

* { font-family: Verdana, Helvetica, Arial, sans-serif; }

#BootstrapContainer .DropDownSearchToolTip, #BootstrapContainer .TextCounter,
#BootstrapContainer .FootNote { font-size: 9px; }

/* PCR 70755: UAT testing requested these font sizes be increased
#BootstrapContainer .grid.xsmallFont td, #BootstrapContainer .xsmallFont {
    font-size: 11px;
}
#BootstrapContainer .grid.smallFont td, #BootstrapContainer .smallFont {
    font-size: 12px;
}
#sideBarSection .NavigationTreeHeader {
    font-size: 13px;
}
#sideBarSection .rtIn {
    font-size: 11px;
}
*/

#BootstrapContainer .Bold, #BootstrapContainer .Bold *, #BootstrapContainer b,
#BootstrapContainer b *, #BootstrapContainer strong, #BootstrapContainer strong *,
#BootstrapContainer th, #BootstrapContainer .gridHeader { font-weight: bold; }

#BootstrapContainer [type=checkbox] ~ label,
#BootstrapContainer [type=radio] ~ label { font-weight: normal; }

#BootstrapContainer .DefaultInputCss, #BootstrapContainer .DefaultViewCss,
#BootstrapContainer .DefaultInputCss .rcbInputCell .rcbInput,
#BootstrapContainer .DefaultInputCss .rlbGroup .rlbList .rlbItem,
#BootstrapContainer .DefaultInputCss .riTextBox { font-weight: normal; }

#BootstrapContainer .DefaultViewCss { font-size: inherit !important; }

#headerNav .rmItem.rmSeparator .rmText,
#headerNav .rmItem.rmSeparator {
    font-size: inherit;
    font-weight: bold;
}

/*************************************************************************/

/******************************* Side Menu *******************************/

@media (min-width: 992px) {
    #sideBarSection .NavigationTreeTableBody { min-height: 600px; }

    #sideBarSection {
        padding-left: 0;
        padding-right: 0;
    }
}

#sideBarSection .RadTreeView { white-space: normal; }

nav .RadTreeView a.rtIn {
    color: #0000ee;
    text-decoration: underline;
}

nav .RadTreeView .rtHover .rtIn, .SideMenuActiveItem {
    -ms-border-bottom-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    background-color: #2aabd2;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: white;
}

.SideMenuActiveItem {
    background-image: none;
    border-color: #000000;
}

#sideBarSection .RadTreeView .rtUL { margin-left: -2px; }

#sideBarSection .RadTreeView .rtUL .rtLI .rtUL { margin-left: -13px; }

#sideBarSection .NavigationTreeTableHeader {
    background-color: #cccccc;
    border: 1px solid #000;
}

#sideBarSection .NavigationTreeTableHeader img { margin: 5px 6px; }

#sideBarSection .NavigationTreeTableBody {
    background-color: #E3E4E5;
    border: 0 none;
}

/*************************************************************************/

/******************************* Top Menu ********************************/

#headerNav .rmRootGroup, #headerNav .rmRootLink, #headerNav .rmRootLink * {
    background-color: #000066;
    background-image: none;
    color: #ffffff;
}

#headerNav .rmRootLink:hover, #headerNav .rmRootLink:hover *,
#headerNav .rmRootLink:active, #headerNav .rmRootLink:active * {
    background-color: #fcb004;
    background-image: none;
    color: #ffffff;
}

#headerNav td { padding: 0; }

.RadMenu .rmGroup .rmLink .rmText { padding: 3px 30px; }

.RadMenu .rmRootGroup > .rmItem { border-right: 1px solid #abbacf; }

.RadMenu .rmRootGroup .rmRootLink {
    -ms-border-radius: 3px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding-bottom: .17em;
    padding-top: .17em;
}

#headerNav .rmItem.rmSeparator .rmText,
#headerNav .rmItem.rmSeparator {
    color: #006;
    line-height: inherit;
}

#headerNav .rmItem.rmSeparator .rmText {
    border-bottom: 1px solid #006;
    border-top: none;
}

/*************************************************************************/

/********************************* Grid **********************************/

.gridHeader td, .gridHeader th, .gridHeader { text-align: left; }

.gridHeader .RightAlign, .gridHeader.RightAlign,
.gridHeader .text-right, .gridHeader.text-right { text-align: right; }

.HeaderColor td, .HeaderColor th,
.gridHeader td, .gridHeader th, .gridHeader {
    background-color: #9999CC;
    color: white;
}

.SectionTable td, .SectionTable th,
.HeaderColor td, .HeaderColor th,
.gridHeader td, .gridHeader th, .gridHeader { vertical-align: top; }

table.grid td.grid { color: #4A3C8C; }

.grid td, .grid th {
    border: none;
    padding: 3px 2px;
}

.gridAlternatingRow td { background-color: #E0E0E0; }

/*************************************************************************/
/******************************* CSAW Box ********************************/

.BodyTable {
    border: 1px solid #B1BAC3;
    margin-bottom: 1px;
}

.BodyTable > tbody > tr > td { padding: 1px; }


.BodyPageDivider {
    background-color: #52657B;
    border: 1px solid #52657B;
    padding: 4px 5px;
}


.BodyPageDividerHeader {
    color: #FFFFFF;
    padding: 2px;
}

.BodyPageSubDivider {
    background-color: #F1EBE1;
    border-bottom: 1px solid #C4C9CD;
    padding: 2px 5px;
}

.BodyPageSubDividerHeader { color: #52657B; }



.BodyCCVPPageDivider {
    background-color: #664ee4;
    border: 1px solid #664ee4;
    padding: 4px 5px;
}



.BodyCCVPPageSubDivider {
    background-color: #824ee447;
    border-bottom: 1px solid #C4C9CD;
    padding: 2px 5px;
}



.BodyTable .row {
    padding-bottom: 2px;
}


/*************************************************************************/
/****************************** Login Page *******************************/

.LoginBoxHeader {
    background-image: url('../images/ButtonBackgroundBlueLarge.gif');
    background-repeat: repeat-x;
    border: none;
    border-bottom: black thin solid;
    color: black;
    padding: 5px 3px;
}

.LoginInputForm {
    background-color: whitesmoke;
    border: black thin solid;
    border-top: dodgerblue thin;
    margin: 0 auto;
}

/*************************************************************************/

/********************************* Other *********************************/

.DropDownSearchToolTip {
    background-color: #ffffcc;
    border: black 1px solid;
    width: 50px;
}

.Translucent {
    -moz-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85)
                 progid:DXImageTransform.Microsoft.Blur(pixelradius=1.3);
    -o-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85)
               progid:DXImageTransform.Microsoft.Blur(pixelradius=1.3);
    -webkit-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85)
                    progid:DXImageTransform.Microsoft.Blur(pixelradius=1.3);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=1.3);
    width: 100%;
}

.FAQ p {
    /* FAQs paragraphs should not add extra lines when listing the questions*/
    margin-bottom: 0
}

/*Fix CSAW migration display issues */

.RadInputMultiline { min-width: 30em; }

/*  adjust size of date/time icon */
.RadPicker .RadInput .rcSelect {
    height: 27.5px;
    top: 4px;
    border-radius: 0 4px 4px 0;
    padding: 0;
}

.RadMonthYearPicker .RadInput .rcSelect {
    height: 24.5px;
}

.RadUpload .ruFakeInput {
    display: inline-block !important;
    width: 9.28571429em !important;
    height: 2.02857143em !important;
    padding: 4px 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.RadUpload .ruBrowse {
    display: inline-block !important;
    height: 2.02857143em !important;
    min-width: 4.28571429em !important;
    margin-left: 3px !important;
    padding: 4px 10px !important;
    text-align: center!important;
    border: 1px solid transparent !important;
    outline-offset: -2px!important;
}

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

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

th[align="right"] {
    text-align: right;
}

th[align="center"] {
    text-align: center;
}

a {
    color: #337ab7;
}

label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}

.text-hide {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
}

.hidden {
    display: none !important;
}

body {
    background-color: #ffffff;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}