@import url('/Content/AjaxControlToolkit/Styles/BalloonPopup.Cloud.css');
@import url('/Content/AjaxControlToolkit/Styles/BalloonPopup.Cloud.min.css');
@import url('/Content/AjaxControlToolkit/Styles/BalloonPopup.Rectangle.css');
@import url('/Content/AjaxControlToolkit/Styles/BalloonPopup.Rectangle.min.css');
@import url('/Content/AjaxControlToolkit/Styles/Calendar.css');
@import url('/Content/AjaxControlToolkit/Styles/Calendar.min.css');
@import url('/Content/AjaxControlToolkit/Styles/ValidatorCallout.css');
@import url('/Content/AjaxControlToolkit/Styles/ValidatorCallout.min.css');

/* --- Core --- */
html, form {
    /*height: 90%;*/
}

body {
    margin: 0px;
    background-color: #BFBFBF;
    color: Black;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #336699;
}

    a.hover {
        color: blue;
        text-decoration: underline;
    }

.header {
    color: black;
    text-decoration: none;
}

    .header:hover {
        text-decoration: underline;
    }

input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"], select {
    margin: 1px 5px 3px 10px;
    padding: 1px;
    font-size: 11px;
    font-weight: normal;
    border: solid 1px #b0b0b0;
}

input[type="checkbox"], input[type="radio"] {
    border: none;
    margin: 0px;
    padding: 0px;
}

input[type="radio"] {
    margin-right: 5px;
}

button[disabled] {
    color: Gray;
}
/* --- Core --- */

/* --- Wrapper -- */
#wrapper {
    width: 95%;
    margin: 10px auto;
    padding-bottom: 10px;
}
/* --- Wrapper -- */

/* --- Header -- */
#header {
    margin-top: 0px;
}

    #header .row1 {
        height: 0px;
        margin-top: -2px;
        border-top: solid 2px #BFBFBF;
    }

        #header .row1 a {
            float: left;
            display: block;
        }

            #header .row1 a .logo {
                padding-top: 38px;
            }

    #header .navigation {
        background: url('../images/navigation-bg.png') repeat-x;
        height: 60px;
        margin-left: 0px;
        overflow: hidden;
        padding-top: 0px;
    }

        #header .navigation .logo {
            background: url('../images/PSNlogo_small.png') no-repeat;
            margin-top: -4px;
            margin-left: 15px;
            width: 154px;
            height: 57px;
            float: left;
        }

        #header .navigation .logOff {
            position: absolute;
            right: 3%;
        }

        #header .navigation .MenuItems {
            margin: 0px;
            margin-top: -5px;
            height: 66px;
            font-weight: bold;
            float: left;
        }

            #header .navigation .MenuItems a {
                color: #CC9933;
                font-family: Verdana, Arial, Helvetica, Sans-Serif;
                font-size: 13px;
                text-decoration: none;
                display: block;
                height: 41px;
                padding: 15px 7px 0px 5px;
            }

                #header .navigation .MenuItems a:hover, .SelectedTab {
                    background: url('../images/navigation-bg-selected.png') repeat-x;
                    border: solid 2px #BFBFBF;
                    border-bottom: none;
                    padding: 13px 5px 2px 3px;
                }

            #header .navigation .MenuItems img {
                float: left;
                border: none;
                margin: 0 2px;
            }

            #header .navigation .MenuItems .menu div {
                position: absolute;
                visibility: hidden;
                background: #FCFCFC;
                border: 2px solid #BFBFBF;
                border-top: none;
                margin-top: 9px;
                z-index: 10;
            }

                #header .navigation .MenuItems .menu div a {
                    position: relative;
                    display: block;
                    margin: 0;
                    padding: 2px;
                    height: auto;
                    border: none;
                }

                #header .navigation .MenuItems .menu div a, .menuPop div a {
                    display: block;
                    padding: 2px;
                    font-size: 11px;
                    color: #CC9933;
                }

.menuPop div {
    background: #F1F3F3;
    border-left: 2px solid #BFBFBF;
    border-bottom: 3px ridge #CCCCCC;
    border-right: 3px ridge #CCCCCC;
    border-top: none;
}

#header .navigation .MenuItems .menuLinks .menuBox {
    margin: 0 15px 10px 15px;
    border: none;
    padding-top: 10px;
}

    #header .navigation .MenuItems .menuLinks .menuBox a {
        font-size: 12px;
        padding: 3px 0;
        border: none;
        height: 15px;
        background: none;
        font-weight: normal;
    }

        #header .navigation .MenuItems .menuLinks .menuBox a:hover {
            color: #CC9933;
        }

#header .navigation .MenuItems .SelectedMenuPop {
    background: url('../images/navigation-bg-selected.png') repeat-x;
    border: solid 2px #BFBFBF !important;
    border-bottom: none;
    padding: 13px 5px 2px 3px !important;
}

.menuPop .nonLink div a, .menuPop .nonLink div a:hover {
    color: #000;
    background-color: #F1F3F3;
    cursor: default;
}

.CustomHeader {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
}
/* --- Header -- */

/* --- Content -- */
#content {
    background: url('../images/content-bg-X.png') repeat-x #FAFAFA;
    margin-top: 0px;
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 85px;
    padding-top: 20px;
}

    #content .bgrightborder {
        width: 95%;
        margin: 0px auto;
    }

        #content .bgrightborder .row1-C {
            clear: both;
        }

            #content .bgrightborder .row1-C .col-1 {
                position: absolute;
                width: 138px;
                height: 136px;
                background-color: Transparent;
                margin-top: 10px;
            }

            #content .bgrightborder .row1-C .col-2 {
                padding-left: 138px;
                height: 136px;
            }

                #content .bgrightborder .row1-C .col-2 .profile {
                    font-family: Verdana, Arial, Helvetica, Sans-Serif;
                    padding-top: 8px;
                    color: #999;
                    font-weight: bold;
                }

                    #content .bgrightborder .row1-C .col-2 .profile .CustDetail {
                        font-size: 12px;
                        color: #999;
                        margin-top: 2px;
                    }

                #content .bgrightborder .row1-C .col-2 .SubMenu {
                    height: 40px;
                }

                #content .bgrightborder .row1-C .col-2 a {
                    text-decoration: none;
                    font-size: 12px;
                    font-family: Verdana, Arial, Helvetica, Sans-Serif;
                    font-weight: bold;
                    margin-top: 0px;
                    color: #359278;
                }

                #content .bgrightborder .row1-C .col-2 .SubMenu a {
                    float: left;
                    font-size: 11px;
                    padding: 2px 4px 0px 4px;
                    color: #999999;
                    border-left: solid 1px #999999;
                    border-right: solid 1px #999999;
                    height: 45px;
                    margin-left: -1px;
                }

                    #content .bgrightborder .row1-C .col-2 .SubMenu a.FirstTab, #content .bgrightborder .row1-C .col-2 .SubMenu a.FirstTab:hover {
                        margin-left: 0px;
                    }

                    #content .bgrightborder .row1-C .col-2 .SubMenu a:hover, #content .bgrightborder .row1-C .col-2 .SubMenu a.activeTab {
                        background: url(../images/navigation-hover-bg-X.png) repeat-x #fefefe;
                        border: #000 solid 1px;
                        border-bottom: none;
                        height: 45px;
                    }

                    #content .bgrightborder .row1-C .col-2 .SubMenu a.activeTab {
                        color: #4D4D4D;
                        font-weight: bold;
                    }

    #content #UserInfo {
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 455px;
    }

        #content #UserInfo .headerRow, #content #UserInfo .detailRow {
            padding: 2px;
            float: left;
        }

            #content #UserInfo .headerRow div, #content #UserInfo .detailRow div {
                float: left;
                width: 110px;
                border: solid 1px #BFBFBF;
                padding: 8px 0px;
            }

            #content #UserInfo .headerRow div {
                background-color: #757575;
                font-weight: bold;
                color: #FFF;
                margin-bottom: 0px;
            }

        #content #UserInfo .detailRow {
            clear: left;
            *clear: none;
            padding-top: 0px;
            margin-top: -3px;
        }

#body {
    background-color: #FCFCFC;
    clear: both;
    float: left;
    width: 100%;
    margin-top: -1px;
}

    #body .bgrightborder {
        width: 95%;
        margin: 15px auto;
    }

        #body .bgrightborder .row2-C {
            min-height: 325px;
        }

            #body .bgrightborder .row2-C .navMenuCol, #body .bgrightborder .row2-C .addSpaceCol {
                width: 125px;
                min-height: 400px;
                font-family: Verdana, Arial, Helvetica, Sans-Serif;
            }

            #body .bgrightborder .row2-C .navMenuCol {
                margin-right: 10px;
                padding-right: 5px;
                float: left;
                background: url(../images/seprater-Y.png) repeat-y right;
                font-size: 12px;
            }

                #body .bgrightborder .row2-C .navMenuCol a {
                    float: left;
                    margin: 0px 15px 10px -15px;
                    padding-left: 18px;
                    padding-top: 10px;
                    text-decoration: none;
                    color: #336699;
                    background: url(../images/seprater-Y.png) repeat-x top;
                }

            #body .bgrightborder .row2-C .mainCol {
            }

            #body .bgrightborder .row2-C .addSpaceCol {
                display: none;
            }

#footer {
    padding: 30px 30px 15px 15px;
}

    #footer .logo {
        background: url('../images/PSNlogo_small.png') no-repeat;
        width: 154px;
        height: 57px;
        float: left;
    }

    #footer .links {
        width: 125px;
        float: left;
    }

    #footer .infolink {
        height: 18px;
    }

        #footer .infolink a {
            color: antiquewhite;
        }
/* --- Content -- */


/*--- Layout Styles --*/
#thawt {
    float: left;
    position: relative;
    top: 35px;
}

.vertImage {
    width: 1px;
    float: left;
    margin-top: -5px;
}

.ModalBackGround {
    background-color: #BFBFBF;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.CenterAlign {
    text-align: center;
    font-weight: bold;
}

.TestSiteID {
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: #336699;
    background-color: #DDDDDD;
    border: solid 1px #336699;
    width: 150px;
    margin: -18px 0 0 20px;
}

.FormFieldCSS {
    margin-left: 0px;
}

.LabelBlockCSS {
    float: left;
    text-align: left;
    font-weight: bold;
    margin-top: 0px;
    padding-left: 5px;
    width: 36%;
}

.FullFormCSS {
    margin-top: -15px;
}

.FlatPanel {
    margin: 5px;
}
/*--- Layout Styles --*/


/*--- Font Styles ---*/
.StandardFont {
    font-size: 12px;
}

.LastButton {
    margin-right: 0px;
}


.SmallFont {
    font-size: 10px;
}

.LargeFont {
    font-size: medium;
}

.XLargeFont {
    font-size: large;
}

.XtraLargeFont {
    font-size: x-large;
}

.BoldFont {
    font-weight: bold;
}

.ColoredText {
    color: #336699;
}

.Italic {
    font-style: italic;
}

.ResultsFont {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.NotifMessage {
    color: #D90000 !important;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
    /*margin-bottom: 12px;*/
}

.divVarRate {
    color: #D90000 !important;
    font-size: 15px;
    text-align: left;
    margin-top: 6px;
}

.GoodNotifMessage {
    color: Blue;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
    /*margin-bottom: 12px;*/
}

.LightHeader {
    color: White;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
    border: solid 1px Black;
}

.DarkHeader {
    color: Black;
    font-weight: bold;
    font-size: 12px;
    padding-left: 3px;
}

#Title {
    color: #666666;
    font-weight: bold;
    font-size: 18px;
    margin-left: 12px;
    max-width: 300px;
}

.FieldLabel, .FieldLabelWithTextbox, .FieldLabelWithTextboxFirst {
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
    margin-top: 0px;
    margin-bottom: 3px;
}

.FieldLabelWithTextboxFirst {
    margin-top: 3px;
}

.FieldLabelWithTextbox {
    margin-top: 5px;
}

.SmallBreak {
    font-size: 7px;
}

.Emphasis {
    font-weight: bold;
    text-decoration: underline;
}

.NoBold {
    font-weight: normal !important;
}

.GrandTotal {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

/*--- Font Styles ---*/

/*--- Tab Styles ---*/
#Tabs {
    position: absolute;
    left: 225px;
    top: 0px;
}

.TabPlaceholder {
    position: relative;
    top: 122px;
    *top: 0;
    margin-left: 10%;
    width: 80%;
    /* border: solid 3px green; */
}

/*--- Tab Styles ---*/

/*--- Image Styles ---*/
#Logo {
    background-image: url("../images/psn_logo_inside.gif");
    width: 183px;
    height: 86px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#TitleBar {
    /*background-image: url("../images/background.gif");
	position: absolute;
	width: 100%;
	height: 31px;
	top: 86px;
	left: 0px;*/
}

.StandardButton {
    font-size: 11px;
}

#LogoutButton {
    left: 85%;
    top: 5px;
    position: absolute;
    font-size: 10px;
}

/*--- Image Styles ---*/

/*--- Layout Styles --*/
#MenuLinks {
    position: absolute;
    left: 225px;
    top: 45px;
}

.LeftAlign {
    text-align: left;
}

.RightAlign {
    text-align: right;
}

.DetailCell {
    padding: 3px;
}

.CenterAlignLeft {
    position: absolute;
    right: 50%;
    text-align: right;
    margin-right: 2px;
}

.CenterAlignRight {
    position: absolute;
    left: 50%;
    text-align: left;
    margin-left: 2px;
}

.EntryNote {
    position: absolute;
    left: 50%;
    width: 50%;
    text-align: left;
    margin: 16px 0px 0px 4px;
}

.EntryNoteCompressed {
    position: absolute;
    left: 50%;
    width: 30%;
    text-align: left;
    margin: 16px 0px 0px 4px;
}

#MainBody {
    position: relative;
    background-color: Blue;
}

.bottomLinks {
    background-color: #333333;
    margin-left: 0%;
}

.FooterMenu {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 5px;
}

.footerPipe {
    height: 30px;
    vertical-align: middle;
}

.bottombar {
    font-size: 11px;
    color: #000000;
    background-color: Gray;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

    .bottombar a {
        color: #260f26;
    }

#ButtonCentre {
    text-align: center;
    margin-top: 8px;
}

.DataField {
    font-size: 11px;
    margin-bottom: 2px;
}

.DataLabel {
    font-size: 12px;
    font-weight: bold;
}

.DataDetail {
    font-size: 12px;
}

.DetailArea {
    border: solid 1px black;
}

br.DataBreak {
    font-size: 14px;
}

.SearchBlockLeft {
    position: absolute;
    right: 70%;
    text-align: right;
}

.SearchBlockRight {
    position: absolute;
    left: 30%;
    text-align: left;
    margin-left: 2px;
}

.ResultsTable {
    border: solid 2px Black;
    top: 5px;
    width: 99%;
    margin: 0px auto;
}

    .ResultsTable td {
        border-spacing: 2px;
        padding: 2px;
    }

.DataRow, .DataRow td {
    border-top: dotted 1px black;
    border-right: solid 1px black;
    border-bottom: dotted 1px black;
    border-left: solid 1px black;
    text-align: center;
    height: 24px;
}

.DataRowAlt {
    background-color: #DFDFDF;
}

    .DataRow:hover, .DataRowAlt:hover {
        background-color: #FFFFFF;
    }

.DataText {
    text-align: left !important;
}

.EmptyData {
    font-weight: bold;
    color: Red;
    text-align: center;
    font-size: initial;

}

.HideMe {
    display: none;
}

.DisappearMe {
    width: 0px;
    overflow: hidden;
}

.RightTop {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}

.DivColumLeft {
    width: 48%;
}

.DivColumRight {
    float: right;
    width: 48%;
    padding-right: 5px;
}

div#Body {
    border: solid 2px Black;
    padding: 2px;
}

div.BorderRight {
    border-right: solid 1px Black;
}

div.BorderLeft {
    border-left: solid 1px Black;
}

div.MiddleHalf {
    margin-left: 25%;
    margin-right: 25%;
}

.MoreInfo {
    color: red;
    text-decoration: underline;
}

.textUnderline {
    text-decoration: underline !important;
}

.MoreInfoHeader {
    color: Yellow;
    text-decoration: underline;
    padding-left: 3px;
    margin-top: 0px;
    font-weight: normal;
    cursor: pointer;
}

.PopupInfo {
    position: absolute;
    display: none;
    border: solid 1px Black;
    width: 45%;
    padding: 3px;
    z-index: 100;
}

.TwoThreeLeftCol {
    width: 64%;
    margin: 0px;
    padding: 3px;
}

.TwoThreeRightCol {
    float: right;
    width: 34%;
    margin: 0px;
    padding: 3px;
}

.GreyBlock {
    background-color: #BBBBBB;
}

.LightGreyBlock {
    background-color: #DDDDDD;
}

.TableCount, .TableCountWithPaging, .TableCountNoBackground {
    /*background: url('../images/Headerbg.png') no-repeat;*/
    color: #336699;
    text-align: left;
    padding-left: 5px;
    height: 23px;
    width: 99%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.TableCountWithPaging {
    margin-top: 0px;
    margin-bottom: 12px;
}

.TableCountNoBackground {
    background-image: none;
    margin-bottom: 0px;
}

.ButtonSpacing {
    width: 100%;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.SubheaderBlock {
    padding-bottom: 2px;
    font-size: 14px;
}

.SubSection {
    margin-left: 1%;
    margin-right: 1%;
}

.SubSectionDetail {
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 1%;
    padding-right: 1%;
}

.PagerRow {
    font-size: 12px;
    font-weight: bold;
}

.PagerRowBorder {
    border-top-color: #000000;
    border-right-color: #000000;
}

.ButtonHeader {
    text-align: center;
}

#ReturnLink {
    float: right;
    margin-top: 5px;
    margin-right: 2px;
    text-align: right;
}

.EmphasisHeader {
    font-size: 18px;
    color: #006600;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 3px Grey;
    margin-left: 25%;
    width: 50%;
}

.EmphasisBlock {
    width: 80%;
    margin-left: 10%;
}

.ExtraEmphasisBlock {
    font-size: 14px;
    text-align: center;
    background-color: #AAAAAA;
    width: 50%;
    margin-left: 25%;
    border: ridge 3px White;
    padding: 3px;
}

.ThickBorderSection {
    border-top: solid #006600 3px;
    border-bottom: solid #006600 3px;
    margin-left: 25%;
    width: 50%;
}

.ThreeColumnLeft {
    float: left;
    width: 33%;
}

.ThreeColumnMiddle {
    width: 33%;
    margin-left: 33%;
}

.ThreeColumnRight {
    float: right;
    width: 33%;
}

div.SectionBlock {
    padding: 3px;
    border: solid 1px Black;
}

div.SectionHeader {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3px;
}

div.PopupDetail {
    text-align: justify;
    padding: 2px;
}

ul.PopupDetail {
    margin-top: -12px;
    margin-left: 20px;
}

div.MaskedEditMessage {
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
}

.ValidationError {
    font-size: 12px;
    font-weight: bold;
    color: #db1010 !important;
}

.ValidationErrorLogin {
    font-size: 12px;
    font-weight: bold;
    color: #db1010 !important;
}

.ValidationErrorSearch {
    font-size: 12px;
    font-weight: bold;
    color: #d61010 !important;
}

.GridFilter {
    font-size: 12px;
    font-weight: bold;
    margin-top: 8px;
    margin-left: 3px;
    position: absolute;
}

.AddNewButton {
    position: absolute;
    right: 15px;
    margin-top: 13px;
}

.Rounded {
    background-color: #EEEEEE;
    padding:15px 0;
}

.MobileRounded {
    background-color: #EEEEEE;
}

.RoundedFooter {
    background-color: Gray;
    width: 100%;
}

.RoundedButtonAddRight {
    float: right;
    margin-top: -35px;
}

.RoundedButtonAddMiddle {
    text-align: center;
    margin-top: -35px;
}

.RoundedButtonAddLeft {
    margin-top: -35px;
}

.RoundedButtonAddTopRight {
    position: absolute;
    right: 1%;
    margin-top: 8px;
}

.RoundedButtonAddTopLeft {
    position: absolute;
    right: 53%;
    margin-top: 8px;
}

.RoundedButtonAddTopLeftLeft {
    position: absolute;
    left: 1%;
    margin-top: 8px;
}

.RoundedButtonAddTopRightLeft {
    position: absolute;
    left: 53%;
    margin-top: 8px;
}

.NoScroll 
{
    overflow: hidden;
}

div.Table {
    display: table;
    width: 100%;
    padding-left: 1%;
}

div.TableRow {
    display: table-row;
    clear: left;
}

div.TableCell {
    float: left;
    display: table-Cell;
    padding-top: 2px;
}

div.TableHeaderCell {
    float: left;
    display: table-Cell;
    text-align: center;
}

.NoteDetail {
    margin: 10px 20px;
}

.PagingBlock {
    position: absolute;
    text-align: right;
    right: 0px;
    margin-right: 2px;
    padding-top: 2px;
}

.LinkPaging {
    margin-top: 15px;
}

.JumpToBlock {
    margin-left: 8px;
    margin-top: 2px;
    font-weight: bold;
}

.PerPageBlock {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-right: 25px;
    font-weight: bold;
    vertical-align: middle;
}

.PerPageBlockLabel, .JumpBlockLabel {
    vertical-align: middle;
}

.RequiredImage {
    position: relative;
    top: 2px;
}

.CustNoteBlock {
    margin-top: 0px;
}

.AsLink {
    cursor: pointer;
}

.GridSubHeader {
    position: relative;
    top: 58px;
    text-align: center;
    width: 100%;
}

.ExpandingDataRow {
    height: 0px;
    min-height: 0px;
    padding: 0px;
    margin: 0px;
}

.SearchPanel {
    background-color: #EEE;
}

.faded {
    filter: alpha(opacity=30);
    opacity: 0.3;
    color: Gray;
}

.buttonBlock {
    margin: 10px auto 0 auto;
    height: 34px;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.ClearLeft {
    clear: left;
}

.ClearRight {
    clear: right;
}

.ClearFloat {
    clear: both;
}

.NoBreak {
    white-space: nowrap;
}

.AlignCenter {
    margin: 0px auto;
}

.TextCenter {
    text-align: center;
}

.SmallSpacing {
    margin: 5px 0;
}

.SmallSpacingBottom {
    margin-bottom: 5px;
}

.LargeSpacing {
    margin: 10px 0;
}

.LargeSpacingBottom {
    margin-bottom: 10px;
}

.FullSpacing {
    margin: 15px 0;
}

.FullSpacingBottom {
    margin-bottom: 15px;
}

.LightSeparator, .DarkSeparator {
    height: 1px;
    margin: 7px 10px;
}

.LightSeparator {
    background: url('../images/Seprater-Y.png') repeat-x;
}

.DarkSeparator {
    background: url('../images/DarkSeprater-Y.png') repeat-x;
}

.MenuBlock {
    height: 18px;
    margin-bottom:10px;
}

.MenuSeparator {
    padding-top: 10px;
    background: url('../images/DarkSeprater-Y.png') repeat-x;
}

.TagLine {
    font-family: Comic Sans MS;
    font-size: 18px;
    margin: 25px 0 0 150px;
    color: Gray;
}

.DetailText {
    margin: 10px 25px 0 150px;
    text-align: justify;
}

.SolutionTableCount {
    height: 30px;
    border-bottom: solid 3px #509A1D;
    padding-top: 5px;
    text-align: left;
    color: Gray;
}

    .SolutionTableCount .Title {
        margin-left: 150px;
    }

.newsLinks a {
    margin-bottom: 7px;
}

.centerText {
    text-align: center;
}

.XMLLabel {
    font-size: 12px;
    font-weight: bold;
    margin: 3px 0 5px;
}

.XMLLabelRightAlign {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.DefaultHeader 
{
    font-weight: bold;
    font-size: 16px;
    color: White;
    padding: 5px;
    background-color: #336699;
    margin-bottom: 15px;
}

.TableNoResults {
    font-weight: bold;
    font-size: large;
    text-align: center;
    color: #6e6e6e;
    margin: 10px 10px 10px 45px;
}
/*--- Layout Styles --*/

.TableNoResults {
    font-weight: bold;
    font-size: large;
    text-align: center;
    color: #6e6e6e;
    margin: 10px 10px 10px 45px;
}
/*--- Table Borders --*/
.StandardBorders {
    border: double 1px Black;
}
/*--- Table Borders --*/

/*--- Field Entry--*/
.StandardField {
    width: 90%;
    height: 60px;
    margin-left: 3px;
}
/*--- Field Entry--*/

/*--- Tab Formats --*/
.CustomTabs .ajax__tab_header {
    margin-top: 15px;
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    position: relative;
    z-index: 10;
}
/*Tab's edges*/
.CustomTabs .ajax__tab_outer {
    padding-right: 4px;
    height: 21px;
    background-color: #787D2B;
    margin-right: 2px;
}

.CustomTabs .ajax__tab_inner {
    padding-left: 3px;
    background-color: #787D2B;
}
/*All tabs*/
.CustomTabs .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    color: White;
}

.CustomTabs .ajax__tab_hover .ajax__tab_outer {
    background-color: #D7DF01;
}

.CustomTabs .ajax__tab_hover .ajax__tab_inner {
    background-color: #D7DF01;
}

.CustomTabs .ajax__tab_hover .ajax__tab_tab {
    color: Maroon;
    cursor: pointer;
}

.CustomTabs .ajax__tab_active .ajax__tab_outer {
    background-color: #EEE;
}

.CustomTabs .ajax__tab_active .ajax__tab_inner {
    background-color: #EEE;
}

/*Tabs themselves*/
.CustomTabs .ajax__tab_active .ajax__tab_tab {
    color: black;
}

.CustomTabs .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    border-top: 0;
    background-color: #EEE;
}

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

.innerTabs .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url(../images/tab-line.gif) repeat-x bottom;
    text-align: center;
}

    .innerTabs .ajax__tab_header .ajax__tab_outer {
        padding-right: 4px;
        background: url(../images/tab-right.gif) no-repeat right;
        height: 21px;
    }

.innerTabs .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    color: Gray;
}

.innerTabs .ajax__tab_header .ajax__tab_inner {
    padding-left: 3px;
    background: url(../images/tab-left.gif) no-repeat;
}

.innerTabs .ajax__tab_header .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(../images/tab.gif) repeat-x;
}

.innerTabs .ajax__tab_hover .ajax__tab_outer {
    background: url(../images/tab-hover-right.gif) no-repeat right;
}

.innerTabs .ajax__tab_hover .ajax__tab_inner {
    background: url(../images/tab-hover-left.gif) no-repeat;
}

.innerTabs .ajax__tab_hover .ajax__tab_tab {
    background: url(../images/tab-hover.gif) repeat-x;
    cursor: pointer;
    font-weight: bolder;
    color: Black;
}

.innerTabs .ajax__tab_active .ajax__tab_outer {
    background: url(../images/tab-active-right.gif) no-repeat right;
}

.innerTabs .ajax__tab_active .ajax__tab_inner {
    background: url(../images/tab-active-left.gif) no-repeat;
}

.ajax__tab_inner, .ajax__tab_outer {
    display: inline-flex;
}

.innerTabs .ajax__tab_active .ajax__tab_tab {
    background: url(../images/tab-active.gif) repeat-x;
    color: Black;
}

.innerTabs .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 8px;
    background-color: #EEE;
}

/* Image Tabs */

.ImageTabs .ajax__tab_header {
}

/*Tab's edges*/
.ImageTabs .ajax__tab_outer {
}

.ImageTabs .ajax__tab_inner {
}

/*All tabs*/
.ImageTabs .ajax__tab_tab {
}

.ImageTabs .ajax__tab_hover .ajax__tab_outer {
    cursor: pointer;
}

.ImageTabs .ajax__tab_hover .ajax__tab_inner {
    cursor: pointer;
}

.ImageTabs .ajax__tab_hover .ajax__tab_tab {
}

.ImageTabs .ajax__tab_active .ajax__tab_outer {
    border: solid 1px #BFBFBF;
}

.ImageTabs .ajax__tab_active .ajax__tab_inner {
}

/*Tabs themselves*/
.ImageTabs .ajax__tab_active .ajax__tab_tab {
    margin-bottom: -1px;
}

.ImageTabs .ajax__tab_body {
    margin: -1px 6px 0 7px;
    padding: 10px;
    border-top: solid 1px #BFBFBF;
}

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

/*--- Tab Formats --*/


/*--- Button Formats --*/
a.ButtonFont {
    font-size: 11px;
    margin: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

    a.button span {
        background: transparent url('../images/bg_button_span.gif') no-repeat scroll top left;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
        white-space: nowrap;
    }

        a.button span span {
            background: transparent url('../images/bg_button_span_long.gif') repeat-x scroll top left;
            display: block;
            padding: 5px 0;
            margin: -5px 0;
        }

    a.button:active {
        background-position: bottom right;
        color: #000;
        outline: none;
    }

        a.button:active span {
            background-position: bottom left;
            padding: 6px 0 4px 18px;
        }
/*--- Button Formats --*/


/*--- Calendar Details ---*/
div.calendar {
    background-image: url('../Images/calendar_icon.png');
    font-size: 8px;
    font-weight: bold;
    color: Black;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.CalendarPopup .ajax__calendar_days {
    color: #005340;
}

.CalendarPopup .ajax__calendar_today {
    color: White;
    background-color: #585757;
    font-weight: bold;
}

.CalendarPopup .ajax__calendar_hover {
    color: White;
    background-color: #336699;
    font-weight: bold;
}

.CalendarPopup .ajax__calendar_container {
    background-color: #D8D7D7;
    border: solid 1px Black;
    margin: 0px;
    z-index: 1000;
}

.CalendarPopup .ajax__calendar_header {
    background-color: #2C9AD6;
    padding-top: 2px;
    height: 15px;
    margin-bottom: 3px;
    color: #005340;
}

.CalendarPopup .ajax__calendar_next, .CalendarPopup .ajax__calendar_prev {
    position: absolute;
}

.CalendarPopup .ajax__calendar_next {
    right: 0px;
}

.CalendarPopup .ajax__calendar_other {
    color: #DAB088;
}

/*--- Calendar Details ---*/

/*--- Troubleshooting Formats --*/
.RedBorder {
    border: solid 1px Red;
}

.GreenBorder {
    border: solid 1px Green;
}
/*--- Troubleshooting Formats --*/

/*--- Custom Validator ---*/
.CustomValidator {
    position: relative;
    margin-left: -80px;
}

    .CustomValidator div {
        border: solid 1px Black;
        background-color: #336699;
        position: relative;
    }

    .CustomValidator td {
        border: solid 1px Black;
        background-color: #336699;
    }

    .CustomValidator .ajax__validatorcallout_popup_table {
        display: none;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_popup_table_row {
        vertical-align: top;
        height: 100%;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_cell {
        width: 20px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_table {
        height: 100%;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_table_row {
        background-color: transparent;
        padding: 0px;
    }

    .CustomValidator .ajax__validatorcallout_callout_arrow_cell {
        padding: 8px 0px 0px 0px;
        text-align: right;
        vertical-align: top;
        font-size: 1px;
        border: none;
        background-color: transparent;
    }

        .CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            background-color: transparent;
            padding: 0px;
        }

            .CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
                height: 1px;
                overflow: hidden;
                border-top: none;
                border-bottom: none;
                border-right: none;
                padding: 0px;
                margin-left: auto;
            }

    .CustomValidator .ajax__validatorcallout_error_message_cell {
        font-family: Verdana;
        font-size: 10px;
        padding: 5px;
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .CustomValidator .ajax__validatorcallout_icon_cell {
        width: 20px;
        padding: 5px;
        border-right: none;
    }

    .CustomValidator .ajax__validatorcallout_close_button_cell {
        vertical-align: top;
        padding: 0px;
        text-align: right;
        border-left: none;
    }

        .CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
            border: none;
            text-align: center;
            width: 10px;
            padding: 2px;
            cursor: pointer;
        }

/*--- Custom Validator ---*/

/*--- Grid Display ---*/
.PagingLinks {
}

.PagingNonLinks {
    cursor: default;
    color: Black;
}
/*--- Grid Display ---*/

/*--- Accordians ---*/
.accordionHeaderSelected {
    font-weight: bold;
    background-image: url('../images/on.png');
    background-repeat: no-repeat;
    background-color: #336699;
    color: White;
}

.accordionContent {
    font-size: 12px;
    font-weight: bold;
}

.accordionSelected {
    font-weight: bold;
    color: #336699;
    background-image: url('../images/off.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

/*--- Accordians ---*/

/*--- RadGrid ---*/
.RadGrid_Default .rgInfoPart, .RadGrid_Default .rgInfoPart STRONG {
    color: Black !important;
    font-weight: normal;
}

.GridPager_Default, .GridPager_Defaulttd {
    margin: -5px;
    padding: 0px;
    border: solid 2px #AACCEE;
}

.RadGrid_Default .rgPager {
    font-weight: bold;
    color: Black;
}

.RadGrid_Default .rgRow td,
.RadGrid_Default .rgAltRow td {
    border-right: 1px dotted black !important;
}

.ajax__balloon_popup .radGrid .oval {
    /*background-image:'';*/
}

.RadGrid_Default .rgRow td .ajax__validatorcallout_callout_cell, .RadGrid_Default .rgRow td .ajax__validatorcallout_callout_arrow_cell,
.RadGrid_Default .rgAltRow td .ajax__validatorcallout_callout_cell, .RadGrid_Default .rgAltRow td .ajax__validatorcallout_callout_arrow_cell {
    padding: 0px !important;
    left: 3px;
    border-right: solid 0px Black !important;
}

.RadGrid_Default .rgRow td .ajax__validatorcallout_icon_cell, .RadGrid_Default .rgRow td .ajax__validatorcallout_error_message_cell, .RadGrid_Default .rgRow td .ajax__validatorcallout_close_button_cell,
.RadGrid_Default .rgAltRow td .ajax__validatorcallout_icon_cell, .RadGrid_Default .rgAltRow td .ajax__validatorcallout_error_message_cell, .RadGrid_Default .rgAltRow td .ajax__validatorcallout_close_button_cell {
    border-top: solid 1px Black;
    border-bottom: solid 1px Black;
    border-right: solid 0px Black !important;
}

.RadGrid_Default .rgRow td .ajax__validatorcallout_icon_cell, .RadGrid_Default .rgAltRow td .ajax__validatorcallout_icon_cell {
    border-left: solid 1px Black;
}

.RadGrid_Default .rgRow td .ajax__validatorcallout_error_message_cell, .RadGrid_Default .rgAltRow td .ajax__validatorcallout_error_message_cell {
    line-height: 12px;
    padding: 2px 0px;
}

.RadGrid_Default .rgRow td .ajax__validatorcallout_close_button_cell, .RadGrid_Default .rgAltRow td .ajax__validatorcallout_close_button_cell {
    border-right: solid 1px Black !important;
}

.RadGrid .rgGroupHeader TD P 
{
    padding: 0 !important;
    font-weight: bold;
    font-size: small;
}

.RadGridPadding 
{
    width:98%;
    margin:0 auto;
}

.Overdue 
{
    background-color: red !important;
    color: whitesmoke;
    font-weight: bold;
}
.addNewRecords {
    margin-bottom:5px;
    background:#eaeaea 0 -2300px repeat-x url('WebResource.axd?d=aVZDIM07dxi84Vo_SUFUgvQ6z_HCQwTT20i_dGPg0nLpLqF_Cu1uzT12a5JDvrNXxYYeVBBpNO7gGa41HXJt62548Xz2y1Qzt-F8n6wAH7OO6zgnOMZxbvJXLiI6PiHJ8ksEn6ucVmf1N980k0Rbnbky8FA1&t=636311126369216247');
    border:1px solid #b7b7b7;
    padding:5px 10px;
    color:#333;
    font-weight:bold;
    border-radius:5px;
}
#ctl00_ContentPlaceHolder1_radAccountRates table thead tr th:nth-child(3) {
    width:100px;
}
#ctl00_ContentPlaceHolder1_radAccountRates table thead tr th:nth-child(5), #ctl00_ContentPlaceHolder1_radAccountRates table thead tr th:nth-child(8), #ctl00_ContentPlaceHolder1_radAccountRates table thead tr th:nth-child(10), #ctl00_ContentPlaceHolder1_radAccountRates table thead tr th:nth-child(13) {
    width:50px;
}


/*--- RadGrid ---*/

/*--- Response CSS ---*/
@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }


    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        float: left;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666666666666%;
    }

    .col-xs-10 {
        width: 83.33333333333334%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666666666666%;
    }

    .col-xs-7 {
        width: 58.333333333333336%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666666666667%;
    }

    .col-xs-4 {
        width: 33.33333333333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.666666666666664%;
    }

    .col-xs-1 {
        width: 8.333333333333332%;
    }

    .col-xs-pull-12 {
        right: 100%;
    }

    .col-xs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xs-pull-9 {
        right: 75%;
    }

    .col-xs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xs-pull-6 {
        right: 50%;
    }

    .col-xs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xs-pull-3 {
        right: 25%;
    }

    .col-xs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xs-pull-0 {
        right: 0;
    }

    .col-xs-push-12 {
        left: 100%;
    }

    .col-xs-push-11 {
        left: 91.66666666666666%;
    }

    .col-xs-push-10 {
        left: 83.33333333333334%;
    }

    .col-xs-push-9 {
        left: 75%;
    }

    .col-xs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xs-push-6 {
        left: 50%;
    }

    .col-xs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xs-push-4 {
        left: 33.33333333333333%;
    }

    .col-xs-push-3 {
        left: 25%;
    }

    .col-xs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xs-push-0 {
        left: 0;
    }

    .col-xs-offset-12 {
        margin-left: 100%;
    }

    .col-xs-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-xs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-xs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-xs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xs-offset-0 {
        margin-left: 0;
    }

    .Rounded {
        background-color: #EEEEEE;
    }

    .MobileRounded {
        background-color: #EEEEEE;
    }
}

@media (min-width: 601px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%;
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%;
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%;
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%;
    }

    .col-sm-pull-0 {
        right: 0;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666666666666%;
    }

    .col-sm-push-10 {
        left: 83.33333333333334%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666666666666%;
    }

    .col-sm-push-7 {
        left: 58.333333333333336%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666666666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.666666666666664%;
    }

    .col-sm-push-1 {
        left: 8.333333333333332%;
    }

    .col-sm-push-0 {
        left: 0;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .Rounded {
        background-color: #EEEEEE;
    }

    .MobileRounded {
        background-color: #EEEEEE;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666666666666%;
    }

    .col-md-10 {
        width: 83.33333333333334%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666666666666%;
    }

    .col-md-7 {
        width: 58.333333333333336%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666666666667%;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.666666666666664%;
    }

    .col-md-1 {
        width: 8.333333333333332%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666666666666%;
    }

    .col-md-pull-10 {
        right: 83.33333333333334%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666666666666%;
    }

    .col-md-pull-7 {
        right: 58.333333333333336%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666666666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.666666666666664%;
    }

    .col-md-pull-1 {
        right: 8.333333333333332%;
    }

    .col-md-pull-0 {
        right: 0;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666666666666%;
    }

    .col-md-push-10 {
        left: 83.33333333333334%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666666666666%;
    }

    .col-md-push-7 {
        left: 58.333333333333336%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666666666667%;
    }

    .col-md-push-4 {
        left: 33.33333333333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.666666666666664%;
    }

    .col-md-push-1 {
        left: 8.333333333333332%;
    }

    .col-md-push-0 {
        left: 0;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666666666666%;
    }

    .col-lg-10 {
        width: 83.33333333333334%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666666666666%;
    }

    .col-lg-7 {
        width: 58.333333333333336%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666666666667%;
    }

    .col-lg-4 {
        width: 33.33333333333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.666666666666664%;
    }

    .col-lg-1 {
        width: 8.333333333333332%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%;
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%;
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%;
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%;
    }

    .col-lg-pull-0 {
        right: 0;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666666666666%;
    }

    .col-lg-push-10 {
        left: 83.33333333333334%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666666666666%;
    }

    .col-lg-push-7 {
        left: 58.333333333333336%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666666666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.666666666666664%;
    }

    .col-lg-push-1 {
        left: 8.333333333333332%;
    }

    .col-lg-push-0 {
        left: 0;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .Rounded {
        background-color: #EEEEEE;
    }

    .MobileRounded {
        background-color: #EEEEEE;
    }
}
/*--- Response CSS ---*/

/* --- DIV Layout --- */
div.DoubleColumn {
    width: 48%;
    vertical-align: top;
    float: left;
    margin-right: 1%;
}

div.TripleColumn {
    width: 32%;
    vertical-align: top;
    float: left;
    margin-right: 1%;
}

div.DoubleTripleColumn {
    width: 65%;
    vertical-align: top;
    float: left;
    margin-right: 1%;
}

div.QuadColumn {
    width: 24%;
    vertical-align: top;
    float: left;
    margin-right: 1%;
}

div.TripleQuadColumn {
    width: 73%;
    vertical-align: top;
    float: left;
    margin-right: 1%;
}

div.ColumnLabel {
    margin-top: 2px;
    margin-left: 0px;
}

div.RadText {
    margin-left:15px;
    float: left;
}

div.RadDisplayDetail {
    margin-top: -1px;
}

div.TopBorder {
    border-top: solid #DCDCDC 3px;
}

div.RightBorder {
    border-right: solid #DCDCDC 3px;
}

div.BottomBorder {
    border-bottom: solid #DCDCDC 3px;
}

div.LeftBorder {
    border-left: solid #DCDCDC 3px;
}
/* --- DIV Layout --- */

/* --- RadTextBox Layout --- */
label.TextLabel {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}
.RadTextBoxLabels > div{
    height:18px;
}
.RadTextBoxValues > div{
    margin-bottom: 2px;
}
.pull-right{
    float:right;
}

div#imgAccountProgress {
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px;
}
.RadLabel, .RadTextBoxLabel {
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
    margin-top: 0px;
}

.RadLabel {
    margin-bottom: 3px;
}

.RadTextBoxLabel {
    margin-bottom: 4px;
}

.RadTextBoxReq {
    background-image: url('../Images/REQUIRED.GIF');
    background-position: right top;
    background-repeat: no-repeat;
}

.RadTextBoxRecom {
    background-image: url('../Images/recommended.png');
    background-position: right;
    background-repeat: no-repeat;
}
/* --- RadTextBox Layout --- */

/* --- Panel Layout --- */
.DefaultPanel 
{
    margin: 15px;
}

.ButtonPanel 
{
    margin: 15px auto;
}

.ThinButtonPanel
{
    margin: 5px auto;
}

div.HoverHighlight:hover 
{
    background-color: #AACCEE;
}
/* --- Panel Layout --- */

/* --- Validation Callout ---*/
.ajax__validatorcallout_icon_cell image 
{
    display: none;
}
/* --- Validation Callout ---*/

/* --- Forced Inherit --- */
.font-inherit 
{
    font: inherit !important;
}
/* --- Forced Inherit --- */

/*asp.net validators*/
.rfv
{
    margin-left: 10px;
    color: #ec0000 !important;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
}

.rfvinline
{
    color: #ec0000 !important;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
}

/*20180608 jc add 10px margin to left of object*/
.left-buffer-10 {
    margin-left:10px;
}

/*20180626 jc minimum height of body - vertical footprint*/
.contentBody {
    min-height: 100% !important;
}

/*20180809 jc currency input*/
.currencyInput {
    text-align: right;
}

.ClassicButtonDisplay {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.displayBlock {
    display: block;
}