/* Default CSS Stylesheet for Maestro Web */

BODY {
    background-color: white;
    color: #003366;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
   
}

div, span, table {
    font-family: verdana;
    font-size: 8pt;
    color: Black;
}

img {
    border-style: none;
}

a {
    color: #4580DD;
}

.textBold {
    font-weight: bold;
}

.textBoldWhite {
    font-weight: bold;
    color: white;
}

.colorBold {
    color: #4580DD;
    font-weight: bold;
}

BODY.PageHeaderBody {
    margin: 0px;
    background-color: White;
    margin-left: 5%;
}

BODY.PageHeaderBodyGR {
    filter: progid:DXImageTransform.Microsoft.gradient(gradienttype=0, startColorStr='#FFFFFF', EndColorStr='#6698bd'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradienttype=0, startColorStr='#FFFFFF', EndColorStr='#6698bd')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #ffffff 0%,#6698bd 100%); /* IE10 */
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #6698bd)); /* Saf4+, Chrome */
    background: -moz-linear-gradient(top, #FFFFFF, #6698bd); /* Mozilla 3.6+ */
    background-color: #bcd1f3;
    height: 100%;
    margin: 0px;
}

.PageHeaderTitle {
    font-weight: bold;
    font-size: 12pt;
    color: black;
}

BODY.PageBody {
    margin-top: 0px;
    margin-left: 0px;
    background-color: white;
}

.PageTitle {
    font-weight: bold;
    font-size: 18px;
    color: #990000;
}

.PageSubTitle {
    font-weight: bold;
    font-size: 15px;
    color: #990000;
}

.PageText {
    font-family: verdana;
    font-size: 10pt;
    color: Black;
}

.HeaderText {
    font-family: verdana;
    font-size: 12pt;
    color: white;
}


.Borders2 {
    border-right: #006699 2px inset;
    border-top: #006699 2px inset;
    border-left: #006699 2px inset;
    border-bottom: #006699 2px inset;
}

DIV.Size10 {
    font-family: verdana;
    font-size: 10pt;
    color: Black;
}

DIV.BorderTop {
    border-top: #006699 1px solid;
}

DIV.BorderAll {
    border-right: #006699 1px solid;
    border-top: #006699 1px solid;
    border-left: #006699 1px solid;
    border-bottom: #006699 1px solid;
}
/* S01 */
table.s01 {
    width: 300px;
    font-size: 10px;
}

    table.s01 .title {
        font-weight: bold;
    }

    table.s01 tr.title td {
        color: #ccc;
        background-color: #F4F4F4;
    }

    table.s01 tr.title .blue {
        background-color: #4580DD;
    }

    table.s01 tr.title .blueText {
        color: #4580DD;
        padding-left: 2px;
    }

    table.s01 tr.title .blueTextFocus {
        padding-left: 2px;
        font-weight: bold;
        cursor: pointer;
        color: red;
    }

    table.s01 tr.title .redText {
        padding-left: 2px;
        color: red;
    }

    table.s01 tr.title .dkGreyText {
        color: #999;
        padding-left: 2px;
    }

    table.s01 tr.title .ltGrey {
        background-color: #F4F4F4;
    }

    table.s01 tr.title .grey {
        background-color: #ccc;
    }

    table.s01 tr.status td {
        background-color: #ccc;
    }

    table.s01 tr.status .ltGrey {
        background-color: #F4F4F4;
    }

    table.s01 td {
        height: 13px;
    }

    table.s01 .percent {
        width: 100%;
        height: 13px;
        font-size: 1px; /* Retired*/
        background-color: #4580DD;
    }

    table.s01 .percentnotcomplete {
        font-size: 1px;
        background-color: red;
    }

.spacer {
    width: 1px;
    font-size: 1px; /* Retired*/
    height: 1px;
    line-height: 1px;
    background-color: #4580DD;
}

/* H01 */
.h01 {
    font-weight: bold;
    vertical-align: baseline;
    width: 100%;
    color: #003366;
    height: 24px;
    background-color: #C6D9EC;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid black;
}

    /* Configured the format of the content header text */
    .h01 span {
        font-weight: bold !important;
        font-size: 11px;
        color: black;
        font-weight: bold;
        text-transform: initial;
        top: 2px;
        width: 100%;
        left: 4px;
    }

/* H011 */
.h011 {
    font-weight: bold;
    vertical-align: baseline;
    width: 100%;
    color: #003366;
    height: 24px;
    background-color: #bcd1f3;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid black;
}

.h02 {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    color: #003366;
    height: 30px;
    background-color: #bcd1f3;
    vertical-align: middle;
}
/* H02 */
table.h02 {
    width: 100%;
    height: 26px;
    background-color: #D9E5F8;
    border: 1px solid #335C85;
}

    table.h02 td {
        padding-left: 10px;
        padding-top: 8px;
        padding-bottom: 12px;
    }

    table.h02 input.text {
        font-size: 11px;
        height: 18px;
        color: #2E66B5;
        border: 1px solid #003366;
    }

    table.h02 select {
        font-size: 11px;
        height: 18px;
        color: #2E66B5;
    }

    table.h02 td.fieldlabel {
        color: #000000;
    }

    table.h02 td.fieldlabelon {
        color: #FF0000;
    }

    table.h02 td.add {
        width: 50px;
        text-align: right;
        padding-right: 8px;
    }

    table.h02 td.line {
        background-color: #FFFFFF;
    }

    table.h02 td.tableheader {
        height: 26px;
        background-color: #FFFFFF;
        color: #4580DD;
        margin-bottom: 5px;
    }

/* H03 */
table.h03 {
    width: 100%;
    height: 26px;
    color: #E6EFFA;
    background-color: #4580DD;
    font-weight: bold;
    border: 1px solid #000;
}

    table.h03 td {
        padding-left: 8px;
    }

/* H04 */
table.h04 {
    width: 100%;
    height: 18px;
    color: #4580DD;
    background-color: #E6EFFA;
    border: 1px solid #9CBCED;
}

    table.h04 td {
        padding-left: 2px;
    }

        table.h04 td.title {
            height: 24px;
        }

        table.h04 td.line {
            background-color: #FFFFFF;
        }

        table.h04 td.tableheader {
            height: 26px;
            background-color: #FFFFFF;
            color: #4580DD;
            margin-bottom: 5px;
        }

table.h05 {
    font-size: 10pt;
    vertical-align: middle;
    width: 100%;
    color: #003366;
    background-color: #bcd1f3;
    text-align: left;
}

    table.h05 td.title {
        border-right: #003366 1px solid;
        border-top: #003366 1px solid;
        font-weight: bold;
        border-left: #003366 1px solid;
        border-bottom: #003366 1px solid;
        height: 20px;
    }

    table.h05 td.line {
        border-right: #003366 1px solid;
        border-top: #003366 1px solid;
        border-left: #003366 1px solid;
        border-bottom: #003366 1px solid;
        color: #4580DD;
    }

    table.h05 td.lineAlt {
        border-right: #003366 1px solid;
        border-top: #003366 1px solid;
        border-left: #003366 1px solid;
        border-bottom: #003366 1px solid;
        background-color: #ffffff;
        color: #4580DD;
    }


table.h06 {
    border-right: #9cbced 1px solid;
    border-top: #9cbced 1px solid;
    font-size: 10pt;
    border-left: #9cbced 1px solid;
    width: 100%;
    color: black;
    border-bottom: #9cbced 1px solid;
    height: 18px;
    background-color: #e6effa;
}

    table.h06 td {
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
    }

        table.h06 td.title {
            border-right: white 1px solid;
            border-top: white 1px solid;
            font-weight: bold;
            border-left: white 1px solid;
            color: white;
            border-bottom: white 1px solid;
            height: 24px;
            border: 1px solid;
            background-color: #003366;
        }

        table.h06 td.titleRed {
            border-right: white 1px solid;
            border-top: white 1px solid;
            font-weight: bold;
            border-left: white 1px solid;
            color: white;
            border-bottom: white 1px solid;
            height: 24px;
            background-color: #990000;
        }

        table.h06 td.line {
            background-color: #FFFFFF;
        }

.titleRed {
    border-right: white 1px solid;
    border-top: white 1px solid;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    border-left: white 1px solid;
    color: white;
    border-bottom: white 1px solid;
    height: 40px;
    background-color: #990000;
}

.titleBlue {
    border-right: white 1px solid;
    border-top: white 1px solid;
    font-weight: bold;
    border-left: white 1px solid;
    color: white;
    border-bottom: white 1px solid;
    height: 24px;
    background-color: #003366;
}

.titleMediumBold {
    font-size: 15px;
    font-weight: bold;
    color: white;
}

.titleLargeBold {
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.titleLargeBold2 {
    top: 10px;
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.textMediumBold {
    border-right: white 1px solid;
    border-top: white 1px solid;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    border-left: white 1px solid;
    color: white;
    border-bottom: white 1px solid;
    height: 30px;
    background-color: #990000;
}

.SmallHeaderBold {
    font-size: 10px;
    font-weight: bold;
    width: 100%;
    color: #990000;
    background-color: #bcd1f3;
    vertical-align: middle;
}

table.h07 {
    font-size: 8pt;
    width: 100%;
    color: black;
    height: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #e6effa;
}

    table.h07 thead th {
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #9cbced;
    }

        table.h07 thead th.title {
            font-weight: bold;
            color: white;
            height: 24px;
            background-color: #6699CC;
        }

    table.h07 td {
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #9cbced;
    }

        table.h07 td.title {
            font-weight: bold;
            color: white;
            height: 24px;
            background-color: #6699CC;
        }

    table.h07 th.title {
        font-weight: bold;
        color: white;
        height: 24px;
        background-color: #6699CC;
    }

    table.h07 td.line {
        background-color: #FFFFFF;
    }

    table.h07 td.Symbol1 {
        font-family: Wingdings;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
    }

    table.h07 tr.line {
        background-color: #FFFFFF;
    }

    table.h07 tr.title {
        border-top: white 1px solid;
        font-weight: bold;
        color: black;
        border-bottom: white 1px solid;
        height: 24px;
        background-color: #C6D9EC;
    }

table.h08 {
    font-size: 10pt;
    width: 100%;
    color: black;
    height: 18px;
}

    table.h08 td {
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
    }

        table.h08 td.Bold {
            font-weight: bold;
            color: #003366;
        }

        table.h08 td.title {
            border-right: white 1px solid;
            border-top: white 1px solid;
            font-weight: bold;
            border-left: white 1px solid;
            color: white;
            border-bottom: white 1px solid;
            height: 24px;
            background-color: #737373;
            border-color: #737373;
        }

        table.h08 td.line {
            /*background-color:#FFFFFF;*/
        }

table.h09 {
    border-right: #9cbced 1px solid;
    border-top: #9cbced 1px solid;
    font-size: 10pt;
    border-left: #9cbced 1px solid;
    width: 100%;
    color: black;
    border-bottom: #9cbced 1px solid;
    height: 18px;
    background-color: #6699CC;
}

    table.h09 td {
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
    }

        table.h09 td.title {
            font-weight: bold;
            color: white;
            height: 24px;
            background-color: #6699CC;
        }

        table.h09 td.line {
            background-color: #FFFFFF;
        }

/* C01 */
table.c01 {
    width: 200px;
    border-bottom: 1px solid #ccc;
}

    table.c01 tr.content td {
        padding: 8px;
    }

    table.c01 tr.list td {
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
        white-space: normal;
    }

    table.c01 li {
        color: #000000;
        margin-top: 6px;
    }


.Button1 {
    border-right: #006699 1px solid;
    border-top: #006699 1px solid;
    font-weight: bold;
    vertical-align: middle;
    border-left: #006699 1px solid;
    color: #003366;
    border-bottom: #006699 1px solid;
    background-color: #bcd1f3;
    text-align: center;
    width: 113px;
    height: 24px; /*You can override width/height of in line style using "!Important" at the end ex: height: 24px !Important;*/
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    border-radius: 8px/8px;
    /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
}

.ButtonMedium {
    font-weight: bold;
    font-size: 8pt;
    color: #003366;
    vertical-align: middle;
    text-align: center;
    width: 60px;
    height: 20px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #bcd1f3;
    border-right: #006699 1px solid;
    border-top: #006699 1px solid;
    border-left: #006699 1px solid;
    border-bottom: #006699 1px solid;
}

.ButtonSmall {
    font-weight: bold;
    font-size: 7pt;
    color: #003366;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    width: 50px;
    height: 18px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    background-color: #E2E6EE;
    border-right: #006699 1px solid;
    border-top: #006699 1px solid;
    border-left: #006699 1px solid;
    border-bottom: #006699 1px solid;
}

.Button1Disable {
    border-right: #006699 1px solid;
    border-top: #006699 1px solid;
    font-weight: bold;
    vertical-align: middle;
    border-left: #006699 1px solid;
    color: #ADAA9C;
    border-bottom: #006699 1px solid;
    background-color: #bcd1f3;
    text-align: center;
    width: 113px;
    height: 24px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    border-radius: 8px/8px;
    /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
}

.Button1DisableExt {
    color: #ADAA9C;
}


.Button2 {
    font-weight: bold;
    vertical-align: middle;
    width: 50px;
    color: #003366;
    height: 20px;
    background-color: white;
    text-align: center;
}

.Button1Focus, .Button1:hover {
    border-right: #990000 1px solid;
    border-top: #990000 1px solid;
    font-weight: bold;
    vertical-align: middle;
    border-left: #990000 1px solid;
    width: 113px;
    cursor: pointer;
    color: #990000;
    border-bottom: #990000 1px solid;
    height: 24px;
    background-color: #bcd1f3;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    border-radius: 8px/8px;
    /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
}

.clsWaitLabelCenter {
    text-align: center;
}

.HiddenControl {
    display: none;
}

.clsDataLabel {
    color: #003366;
    font-weight: bold;
}

.clsDataGridDiv {
    /*BORDER-RIGHT: thin solid;  	BORDER-TOP: thin solid;  	BORDER-LEFT: thin solid;  	BORDER-BOTTOM: thin solid;  	FONT-FAMILY: Arial;  	border-color:Navy ;*/
    position: relative;
    overflow: scroll;
}

.clsDataGridStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    padding: 0;
    border-color: Black;
    border-style: Solid;
    border-width: 1px;
    background-color: Transparent;
    text-align: left;
    color: Black;
}

.clsDataGridHeader {
    color: white;
    font-weight: bolder;
    font-size: 8pt;
    background-color: #6698BD;
}

.clsDataGridHeader2 {
    color: white;
    font-weight: bolder;
    font-size: 8pt;
    background-color: #6699CC;
}

.clsDataGridAltItem {
    color: black;
    font-weight: normal;
    font-size: 8pt;
    background-color: White;
}

.clsDataGridItem {
    color: black;
    font-weight: normal;
    font-size: 8pt;
    background-color: #c8dae8;
}

.clsDataGridItem2 {
    color: black;
    font-weight: normal;
    font-size: 8pt;
    background-color: #e6effa;
}

.clsDataGridAltItemRed {
    color: red;
    font-weight: normal;
    font-size: 8pt;
    background-color: White;
}

.clsDataGridItemRed {
    color: red;
    font-weight: normal;
    font-size: 8pt;
    background-color: #c8dae8;
}


.clsDataGridSelItem {
    color: White;
    background-color: #9DD2F7;
    font-weight: bold;
}

.clsOverdraftTitle {
    font-weight: bold;
    font-size: 10pt;
    color: #990000;
    height: 24px;
    vertical-align: top;
}

.reportTitle {
    font-weight: bold;
    color: white;
    font-size: 20px;
}

.roleTitle {
    font-weight: bold;
    color: black;
    font-size: 12px;
    /*padding-left: 12px;*/
}

.roleContent {
    font-weight: bold;
    color: black;
    font-size: 12px;
}

.header {
    font-size: 10px;
    width: 100%;
    color: white;
    background-color: #6699CC;
}

.reportHeaderTitle {
    font-weight: bold;
    color: white;
    font-size: 14px;
}

.RedSmallFont {
    color: red;
    font-weight: normal;
    font-size: 8pt;
}

.BoldSmallFont {
    font-weight: normal;
    font-size: 6pt;
    font-weight: bold;
}

tr.blueBG {
    background-color: #6699cc;
}

tr.greyBG {
    background-color: #94877a;
}

/* set id type popup style */
.IdTypePopup {
    background-color: #DCDCDC;
    width: 150px;
    overflow: visible;
    height: 50px;
}


/* Additional Info Page - Primary, Joint, Other Person and Promotional Code Title Style */
.AdditionalInfoTitle {
    font-weight: bold;
    font-size: 13pt;
    color: Black;
}

/* Additional Info Page - Primary, Joint, Other Person and Promotional Code Header Style */
.AdditionalInfoHeader {
    font-weight: bold;
    vertical-align: baseline;
    width: 100%;
    color: #003366;
    height: 24px;
    background-color: #bcd1f3;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid black;
}

.CompletionListCss {
    visibility: hidden;
    margin: 0px !important;
    background-color: #fff;
    color: black;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 80px;
    text-align: left;
    list-style-type: none;
    padding: 0;
}

.ItemCss {
    padding: 1px;
    background-color: #fff;
}

.HighlightedItemCss {
    color: black;
    font-weight: bold;
    background-color: #D7E4F3;
    padding: 1px;
}

.WaterMarkedTextBox {
    background-color: #F0F8FF;
    color: gray;
}

.NormalTextBox {
    background-color: white;
    color: black;
}

/* custom class for web branding*/

/* This section will configure the styles of header section of all the pages. */

/*Page HeaderDiv apply to pageHeaderDiv for all browsers */
.PageHeaderDiv {
    /*background-color: white;*/
    width: 100%;
    height: 44px;
    position: relative;
    margin-bottom: 5px;
}

/*AppHeaderDiv apply for all browsers */
.AppHeaderDiv {
    /*background-color: white;*/
    left: 0px;
    top: 0px;
    height: 60px;
    width: 97%;
    border-bottom: #003366 4px solid;
    position: relative;
}


/* This section will configure the style of page details section of all the pages. */
.PageDetailsDiv {
    /*background-color:  white;*/
    width: 530px;
    position: relative;
}

/* This section will configure the style of guidelines section of all the pages. */
.GuidelinesTop_PS91251 {
    position: relative;
    left: 4px;
    overflow: auto;
    height: 100px;
}

.GuidelinesTop_PS90900 {
    position: relative;
    left: 6px;
    overflow: auto;
    height: 100px;
}

.GuidelinesTop_PS90021 {
    position: relative;
    left: 4px;
    overflow: auto;
    height: 100px
}

/* This section will configure the style of all the content section of the pages. */
.ContentDiv {
    background-color: white;
}

.ButtonsDiv {
    /*background-color: white;*/
    position: relative;
    width: 100%;
    height: 38px;
}

/*Configure HTML Tag Controls of Page*/

input[type="radio"] + label {
    color: black;
}

input[type=checkbox] + label {
    color: black;
}

/* This section will configure the style of all HTML text fields of the pages. */
input[type=text] {
    background-color: white;
    color: black;
    /*width: 100% !important;*/
}

input[type="password"] {
    background-color: white;
    color: black;
}

textarea {
    background-color: white;
    color: black;
}

/* This class will configure the style of all drop down controls. */
select {
    color: black;
    background-color: white;
}


/*  This class will configure the style of all html labels Please provide same font and color in "div, span, table" class.*/
span {
    color: black;
}

/*  This class will configure the default style of all hyper links.
a:link {
    color: blue;
}*/

/* Additional Info Page - Other person Min, Max label configuration */
.AdditionalInfoMinMaxTableCell {
    font-weight: bold;
    font-size: 8pt;
    color: black;
    vertical-align: top;
}

.Borders {
    border-bottom: #006699 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    overflow: visible;
    width: 800px;
    position: relative;
}

DIV.BorderBottom {
    border-bottom: #006699 1px solid;
    background-color: white;
}

input[type=text].WaterMarkedTextBox {
    background-color: #F0F8FF;
    color: gray;
}

input[type=text].NormalTextBox {
    background-color: white;
    /*width: 100% !important;*/
}

.SubshareWhiteMediumHyperlink {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    text-decoration: none;
}

.SubshareWhiteMediumUnderlineHyperlink {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    text-decoration: underline;
}

.SubshareBlackMediumHyperlink {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: black;
    text-decoration: none;
}

/*  This class will configure the style of all label controls of additional info page.*/
.label {
    color: black;
}

/*  This class will configure the back-ground color of title field in additional info page.*/
.AdditionalInfoFieldTitleBG {
    background-color: #d9e5f8;
}

/*  This class is used to style an artificial checkbox in subshare selection page.*/
.ArtificialCheckBox {
    height: 12px;
    width: 12px;
    top: 5px;
    left: 15px;
    border: 1px solid #666666;
    position: relative;
    display: inline-block;
    background-color: #B3B3B3;
}

/*Below classes used for responsive web*/
[class*="col-"] {
    float: left;
    padding: 15px;
}

.RequiredField {
    /*background-color: #E6E6E6;*/
    background-color: #ffff99;
}

.SmallText {
    font-family: verdana;
    font-size: 6pt;
    color: Black;
}

.SmallTextIdScan {
    font-family: verdana;
    font-size: 9px;
    color: white;
    vertical-align: top;
}

.ContentSpacerDiv {
    height: 10px;
    background-color: #E6E6E6;
}

.WhiteSpacerDiv {
    height: 20px;
    background-color: white;
}

.ControlSpacerDiv {
    position: relative;
    height: 4px;
}

.RWPageHeaderDiv {
    /*background-color: white;*/
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
}

.RWPageDetailsDiv {
    /*background-color:  white;*/
    position: relative;
}

/*
Responsive Tooltip
*/

#tooltip {
    font-family: Ubuntu, sans-serif;
    /*font-size: 0.875em;*/
    /*font-size: 1.205em;*/
    font-size: 11px;
    text-align: center;
    text-shadow: 0 1px rgba( 0, 0, 0, .5 );
    line-height: 1.5;
    color: #ffffff;
    background: #94877a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #fff;
    /*-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );*/
    position: absolute;
    z-index: 10000;
    padding: 15px;
}

    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #333;
        border-top-color: rgba( 0, 0, 0, .7 );
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #333;
        border-bottom-color: rgba( 0, 0, 0, .6 );
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }


.Help {
    position: relative;
    vertical-align: top;
    display: inline-block;
    top: 0px;
    left: 3px;
}

    .Help .Helptext {
        visibility: hidden;
        width: 200px;
        background-color: #94877a;
        color: #ffffff;
        font-size: 10px;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 10000;
        bottom: 125%;
        left: 50%;
        margin-left: -100px;
        opacity: 0;
        transition: opacity 1s;
    }

    .Help .Helptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 100%;
        margin-left: -105px;
        border-width: 5px;
        border-style: solid;
        border-color: #555555 transparent transparent transparent;
    }

    .Help .HelptextRight {
        visibility: hidden;
        width: 200px;
        background-color: #94877a;
        color: #ffffff;
        font-size: 10px;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 10000;
        bottom: 125%;
        left: 0%;
        margin-left: 0px;
        opacity: 0;
        transition: opacity 1s;
    }

    .Help .HelptextRightWide {
        visibility: hidden;
        width: 240px;
        background-color: #94877a;
        color: #ffffff;
        font-size: 10px;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 10000;
        bottom: 125%;
        left: 0%;
        margin-left: 0px;
        opacity: 0;
        transition: opacity 1s;
    }

    .Help .HelptextRight::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 60%;
        margin-left: -115px;
        border-width: 5px;
        border-style: solid;
        border-color: #555555 transparent transparent transparent;
    }

    .Help .HelptextRightWide::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 100%;
        margin-left: -115px;
        border-width: 5px;
        border-style: solid;
        border-color: #555555 transparent transparent transparent;
    }

    .Help:hover .HelptextRight {
        visibility: visible;
        opacity: 1;
    }

    .Help:hover .HelptextRightWide {
        visibility: visible;
        opacity: 1;
    }

    .Help:hover .Helptext {
        visibility: visible;
        opacity: 1;
    }

.HelpDown {
    position: relative;
    display: inline-block;
    top: 4px;
    left: 4px;
    /*border-bottom: 1px dotted black;*/
}

    .HelpDown .HelpDowntext {
        visibility: hidden;
        width: 200px;
        background-color: #94877a;
        color: #ffffff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 301;
        top: 120%;
        left: -200%;
        margin-left: -60px;
    }

    .HelpDown .HelpDowntext::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 30%;
        margin-left: 45px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }

    .HelpDown .HelpDownRighttext {
        visibility: hidden;
        width: 200px;
        background-color: #94877a;
        color: #ffffff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 301;
        top: 120%;
        left: 300%;
        margin-left: -60px;
    }

    .HelpDown .HelpDownRighttext::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: -20%;
        margin-left: 45px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }

    .HelpDown:hover .HelpDowntext {
        visibility: visible;
    }

    .HelpDown:hover .HelpDownRighttext {
        visibility: visible;
    }

.RequiredField {
    /*background-color: #FF6600;*/
    background-color: #ffff99;
}

input[type="text"].RequiredField {
    /*background-color: #FF6600;*/
    background-color: #ffff99;
}

input[type="password"].RequiredField {
    /*background-color: #FF6600;*/
    background-color: #ffff99;
}

select[multiple].RequiredField {
    /*background-color: #FF6600;*/
    background-color: #ffff99;
}

input[type="text"]:disabled, input[type="number"]:disabled, input[type="date"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled,
textarea:disabled, select:disabled, select[multiple]:disabled, input[type="radio"]:disabled {
    background: #ccc;
}

.CenterProgressImage {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    top: 40%;
}

.PageSetup {
    position: relative;
    left: 4px;
    height: 80%
}

/* New Styles for Portico */
#breadcrumb {
    display: inline-block;
    background-color: white;
    width: 100%;
    margin-left: 4px;
}
/* hamburger */
#hamburger {
    width: 35px;
    left: 10px;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    /*border: 1px solid blue;*/
    float: left;
}

    #hamburger span {
        display: block;
        width: 25px;
        height: 4px;
        margin-bottom: 4px;
        margin-left: 5px;
        position: relative;
        background: black;
        border-radius: 3px;
    }
/* Progress */
.progress {
    width: calc(100% - 150px);
    margin-left: -3px;
    margin-top: 20px;
    text-align: center;
    padding-bottom: 5px;
    /*border: 1px solid red;*/
    float: left;
}

    .progress .circle {
        display: inline-block;
        background: #BBB;
        width: 26px;
        height: 26px;
        border-radius: 26px;
        border: 1px solid #d5d5da;
        vertical-align: top;
        margin-top: 5px;
        margin-left: -1px;
    }

        .progress .circle .label {
            display: inline-block;
            width: 26px;
            height: 26px;
            line-height: 28px;
            border-radius: 26px;
            margin-top: 2px;
            font-size: 16px;
        }

        .progress .circle .selectedtitle, 
        .progress .circle .title {
            color: #b5b5ba;
            line-height: 18px;
            margin-left: 0px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: -50px;
            font-weight: normal;
            font-size: 16px;
            white-space: nowrap;
        }

.bar4 {
    display: inline-block;
    background: #BBB;
    position: relative;
    width: calc((100% - 280px) / 3);
    height: 5px;
    margin: 0 0 17px -3px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    top: 17px;
    vertical-align: top;
}

.bar5 {
    display: inline-block;
    background: #BBB;
    position: relative;
    width: calc((100% - 280px) / 4);
    height: 5px;
    margin: 0 0 17px -3px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    top: 17px;
    vertical-align: top;
}

.bar6 {
    display: inline-block;
    background: #BBB;
    position: relative;
    width: calc((100% - 280px) / 5);
    height: 5px;
    margin: 0 0 17px -3px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    top: 17px;
    vertical-align: top;
}

.bar7 {
    display: inline-block;
    background: #BBB;
    position: relative;
    width: calc((100% - 280px) / 6);
    height: 5px;
    margin: 0 0 17px -3px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    top: 17px;
    vertical-align: top;
}

.bar8 {
    display: inline-block;
    background: #BBB;
    position: relative;
    width: calc((100% - 280px) / 7);
    height: 5px;
    margin: 0 0 17px -3px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    top: 17px;
    vertical-align: top;
}

/* Active */
.progress .circle.active {
    display: inline-block;
    background: white;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    border: 1px solid white;
    vertical-align: top;
    margin-top: 3px;
}

.bar4.active,
.bar5.active,
.bar6.active,
.bar7.active,
.bar8.active {
    background: linear-gradient(to right, orange 40%, #BBB 60%);
}

.progress .circle.active .label {
    color: #FFF;
    background: orange;
    /*box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);*/
}

.progress .circle.active .title {
    color: #444;
    font-weight: normal;
    font-size: 16px;
    white-space: nowrap;
}

.progress .circle.done .selectedtitle, 
.progress .circle.active .selectedtitle {
    color: black;
    font-weight: bold;
    font-size: 20px;
    white-space: nowrap;
}

/* Done */
.bar4.done,
.bar5.done,
.bar6.done,
.bar7.done,
.bar8.done,
.progress .circle.done {
    background: orange;
}

    .progress .circle.done .label {
        color: white;
        font-size: 16px;
        background: orange;
        margin-top: 0px;
        /*box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);*/
    }

        .progress .circle.done .CheckMark {
            color: white;
            text-align: left;
            margin-left: 8px;
            margin-top: -2px;
            display: block;
        }

    .progress .circle.done .title {
        color: #444;
        font-weight: normal;
        font-size: 16px;
        white-space: nowrap;
    }

/* Dropdown Menu */
.dropdown {
    position: relative;
    display: block;
}

    .dropdown a {
        text-decoration: none;
        color: white;
    }

    .dropdown:hover {
        display: block;
    }

        .dropdown:hover .dropdown-content {
            display: block;
        }

.activeA {
    font-weight: bold;
}

.leftNavLink {
    font-size: 18px;
    color: black;
    text-decoration: none;
    overflow: visible;
}

.leftNavActiveLink {
    font-size: 18px;
    color: black;
    text-decoration: none;
    font-weight: bold;
    overflow: visible;
}

.leftNavCloseLink {
    font-size: 22px;
    font-weight: bold;
    float: right;
    color: black;
    text-decoration: none;
}

.leftNavSectionTitle {
    font-size: 22px;
}

.leftNavSectionTitleDiv {
    margin-top: 8px;
    overflow: visible;
}

.leftNavDiv {
    margin-top: 8px;
    margin-left: 20px;
    overflow: visible;
}

    .leftNavDiv a:hover {
        background-color: #bbb;
    }

.dropdown-content {
    display: none;
    position: absolute;
    padding: 3px 3px 3px 10px;
    background-color: #f1f1f1;
    min-width: 260px;
    text-align: left;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    overflow: visible;
    z-index: 9999;
}

    .dropdown-content a {
        color: black;
        text-decoration: none;
        font-size: 14px;
        /*height: 14px;
        padding-bottom: 6px;*/
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.LogoImgDiv {
    position: relative;
    float: left;
    overflow: visible;
}

.LogoImg {
    left: 4px;
    margin-top: 20px;
    margin-right: 5px;
    width: 105px;
    height: 35px;
    position: relative;
    overflow: visible;
}

.FullMainContent {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: calc(100vh - 85px) !important;
    float: left;
}

.MainContentWithNav {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(80% - 4px);
    height: calc(100vh - 85px) !important;
    float: left;
}

.ShowLeftNav {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 4px;
    width: calc(20% - 4px);
    height: calc(100vh - 85px) !important;
    background-color: lightgray;
    float: left;
    display: block;
}

    .ShowLeftNav a {
        text-decoration: none;
    }

.HideLeftNav {
    position: relative;
    width: 0%;
    float: left;
    display: none;
}
/* New Style for Portico */

@media print, only screen and (max-width: 600px) {
    /* For phone and browser width equal or less than 600px: */
    .col-p-1 {
        width: 8.33%;
        padding: 0px;
    }

    .col-p-2 {
        width: 16.66%;
        padding: 0px;
    }

    .col-p-3 {
        width: 25%;
        padding: 0px;
    }

    .col-p-4 {
        width: 33.33%;
        padding: 0px;
    }

    .col-p-5 {
        width: 41.66%;
        padding: 0px;
    }

    .col-p-6 {
        width: 50%;
        padding: 0px;
    }

    .col-p-7 {
        width: 58.33%;
        padding: 0px;
    }

    .col-p-8 {
        width: 66.66%;
        padding: 0px;
    }

    .col-p-9 {
        width: 75%;
        padding: 0px;
    }

    .col-p-10 {
        width: 83.33%;
        padding: 0px;
    }

    .col-p-11 {
        width: 91.66%;
        padding: 0px;
    }

    .col-p-12 {
        width: 98%;
        padding: 0px;
    }

    .col-p-1-half {
        width: 12%;
        padding: 0px;
    }

    .col-p-2-half {
        width: 20.5%;
        padding: 0px;
    }

    .col-p-3-half {
        width: 29%;
        padding: 0px;
    }

    .PageSetup {
        position: relative;
        left: 4px;
        height: 99%
    }

    /* New Styles for Portico */
    /* used for the phone size only to override their common style */
    /* hamburger */
    #hamburger {
        width: 0px;
        left: 10px;
        margin-top: 20px;
        padding-top: 10px;
        padding-bottom: 5px;
        overflow: hidden;
        /*border: 1px solid blue;*/
        float: left;
    }

    .progress .circle .selectedtitle,
    .progress .circle .title {
        color: #b5b5ba;
        line-height: 18px;
        margin-left: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: -50px;
        font-weight: normal;
        font-size: 0px;
        white-space: nowrap;
    }

    .progress .circle.done .title {
        color: #444;
        font-weight: normal;
        font-size: 0px;
        white-space: nowrap;
    }

    .progress .circle.active .title {
        color: #444;
        font-weight: normal;
        font-size: 0px;
        white-space: nowrap;
    }

    .ShowLeftNav {
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
        margin-left: 0px;
        width: 0px;
        height: 0px;
        background-color: white;
        float: left;
        display: block;
    }

    .MainContentWithNav {
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        float: left;
    }

    .bar4 {
        display: inline-block;
        background: #BBB;
        position: relative;
        width: calc((100% - 200px) / 3);
        height: 5px;
        margin: 0 0 17px -3px;
        border-left: none;
        border-right: none;
        border-radius: 0;
        top: 17px;
        vertical-align: top;
    }

    .bar5 {
        display: inline-block;
        background: #BBB;
        position: relative;
        width: calc((100% - 200px) / 4);
        height: 5px;
        margin: 0 0 17px -3px;
        border-left: none;
        border-right: none;
        border-radius: 0;
        top: 17px;
        vertical-align: top;
    }

    .bar6 {
        display: inline-block;
        background: #BBB;
        position: relative;
        width: calc((100% - 200px) / 5);
        height: 5px;
        margin: 0 0 17px -3px;
        border-left: none;
        border-right: none;
        border-radius: 0;
        top: 17px;
        vertical-align: top;
    }

    .bar7 {
        display: inline-block;
        background: #BBB;
        position: relative;
        width: calc((100% - 200px) / 6);
        height: 5px;
        margin: 0 0 17px -3px;
        border-left: none;
        border-right: none;
        border-radius: 0;
        top: 17px;
        vertical-align: top;
    }

    .bar8 {
        display: inline-block;
        background: #BBB;
        position: relative;
        width: calc((100% - 200px) / 7);
        height: 5px;
        margin: 0 0 17px -3px;
        border-left: none;
        border-right: none;
        border-radius: 0;
        top: 17px;
        vertical-align: top;
    }
    /* New Styles for Portico */

    /*For web Nav*/
    .WebNavHeader {
        width: 100%;
        overflow: visible;
    }

    .WebLogoImgDiv {
        position: relative;
        float: left;
        overflow: visible;
    }

    .WebLogoImg {
        left: 4px;
        top: 0px;
        width: 105px;
        height: 35px;
        position: relative;
        overflow: visible;
    }

    .WebNav {
        width: calc(100% - 110px);
        position: relative;
        left: 10px;
        float: left;
        overflow: visible;
    }

    table.h08 {
        font-size: 8pt;
        width: 100%;
        color: black;
        height: 18px;
    }

        table.h08 td {
            padding-right: 1px;
            padding-left: 1px;
            padding-bottom: 1px;
            padding-top: 1px;
        }

            table.h08 td.Bold {
                font-weight: bold;
                color: #003366;
            }

            table.h08 td.title {
                border-right: white 1px solid;
                border-top: white 1px solid;
                font-weight: bold;
                border-left: white 1px solid;
                color: white;
                border-bottom: white 1px solid;
                height: 24px;
                background-color: #737373;
                border-color: #737373;
            }

            table.h08 td.line {
                /*background-color:#FFFFFF;*/
            }

    table.RWs01 {
        width: 100%;
        font-size: 10px;
    }

        table.RWs01 .title {
            width: 100%;
            font-weight: bold;
        }

            table.RWs01 tr.title td {
                color: #ccc;
                background-color: white;
            }

            table.RWs01 tr.title .blue {
                background-color: #4580DD;
            }

            table.RWs01 tr.title .blueText {
                color: white;
                padding-left: 2px;
                background-color: #99bbff;
            }

            table.RWs01 tr.title .NavLinkText {
                color: #4580DD;
                padding-left: 2px;
                font-size: 10px;
            }

            table.RWs01 tr.title .NavLinkTextFocus {
                padding-left: 2px;
                font-weight: bold;
                cursor: pointer;
                color: red;
                font-size: 10px;
            }

            table.RWs01 tr.title .blueTextFocus {
                padding-left: 2px;
                font-weight: bold;
                cursor: pointer;
                color: red;
            }

            table.RWs01 tr.title .redText {
                padding-left: 2px;
                color: red;
            }

            table.RWs01 tr.title .dkGreyText {
                color: #999;
                padding-left: 2px;
            }

            table.RWs01 tr.title .ltGrey {
                background-color: #F4F4F4;
            }

            table.RWs01 tr.title .grey {
                background-color: #ccc;
            }

            table.RWs01 tr.status td {
                background-color: #ccc;
            }

            table.RWs01 tr.status .ltGrey {
                background-color: #F4F4F4;
            }

        table.RWs01 td {
            height: 13px;
        }

        table.RWs01 .percent {
            width: 100%;
            height: 3px;
            font-size: 1px; /* Retired*/
            background-color: #4580DD;
        }

        table.RWs01 .percentnotcomplete {
            font-size: 1px;
            background-color: red;
        }

        table.RWs01 .Row1 {
            height: 17px;
        }

        table.RWs01 .Row2 {
            height: 3px;
        }

        table.RWs01 .Row3 {
            height: 15px;
        }

    .RWBorders {
        /*border-bottom: #006699 1px solid;*/
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-top: 0px;
        overflow: visible;
        position: relative;
    }

    BODY.PageBody-p {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #E6E6E6;
    }

    .AcceptTimeDateBox {
        position: relative;
        float: left;
        background-color: #ccc;
        left: 20px !important;
        top: 2px;
        height: 16px;
        width: 60% !important;
        border: none !important;
        border-color: none !important;
        font-size: 10px;
    }

    .clsWaitLabelCenter {
        text-align: center;
        height: 24px;
        width: 100%;
        font-Size: 12px;
        font-family: Verdana;
        font-weight: bold;
        color: #6698BD;
    }

    .WaitProcessingImage {
        width: 150px;
        height: 100px;
    }

    .Button1 {
        font-weight: bold;
        font-size: 10px;
        color: #003366;
        vertical-align: middle;
        text-align: center;
        width: 80px;
        height: 18px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        background-color: #bcd1f3;
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        border-left: #006699 1px solid;
        border-bottom: #006699 1px solid;
        border-radius: 8px/8px;
        /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
    }

        .Button1Focus, .Button1:hover {
            border-right: #990000 1px solid;
            font-size: 10px;
            border-top: #990000 1px solid;
            font-weight: bold;
            vertical-align: middle;
            margin-left: 8px;
            border-left: #990000 1px solid;
            width: 80px;
            cursor: pointer;
            color: #990000;
            border-bottom: #990000 1px solid;
            height: 18px !important;
            background-color: #bcd1f3;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            border-radius: 8px/8px;
            /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
        }

    .ButtonLarge {
        font-weight: bold;
        font-size: 10px;
        color: #003366;
        vertical-align: middle;
        text-align: center;
        width: 90px;
        height: 18px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        background-color: #bcd1f3;
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        border-left: #006699 1px solid;
        border-bottom: #006699 1px solid;
        border-radius: 8px;
        /*box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .3);*/
    }

        .ButtonLargeFocus, .ButtonLarge:hover {
            border-right: #990000 1px solid;
            font-size: 10px;
            border-top: #990000 1px solid;
            font-weight: bold;
            vertical-align: middle;
            margin-left: 8px;
            border-left: #990000 1px solid;
            width: 90px;
            cursor: pointer;
            color: #990000;
            border-bottom: #990000 1px solid;
            height: 18px !important;
            background-color: #bcd1f3;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            border-radius: 8px/8px;
            /*box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .3);*/
        }

    .Button1Disable {
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        font-weight: bold;
        vertical-align: middle;
        border-left: #006699 1px solid;
        color: #ADAA9C;
        border-bottom: #006699 1px solid;
        background-color: #bcd1f3;
        text-align: center;
        width: 80px;
        height: 18px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        font-size: 10px;
        border-radius: 8px/8px;
        /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
    }

    .h01-p {
        font-weight: bold;
        width: 100%;
        color: #003366;
        /*height: 16px;*/
        text-align: left;
        /*background-color: #bcd1f3;
        box-sizing: border-box;
        -moz-box-sizing: border-box;*/
        border-bottom: 1px solid #006699;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .h_no_border-p {
        width: 100%;
        color: #003366;
        height: 22px;
        text-align: left;
        margin-bottom: 6px;
    }

        .h_no_border-p span {
            font-weight: bold !important;
            font-size: 10px;
            color: #FF6600;
            vertical-align: text-bottom;
            text-transform: initial;
            overflow: visible;
        }

    .LinkButtonHeader {
        font-weight: bold !important;
        position: relative;
        color: #FF6600;
        font-size: 12px;
        text-decoration: none;
    }

    .LinkButtonHeader:hover {
        color: red !important;
        text-decoration: underline !important;
        font-weight: bold !important;
        position: relative;
        font-size: 12px;
    }

    /* Configured the format of the content header text */
    .h01-p span {
        font-weight: bold !important;
        font-size: 12px;
        color: #FF6600;
        vertical-align: baseline;
        text-transform: initial;
        overflow: visible;
        width: 100%;
        left: 4px;
    }

    .SubHeader-p {
        font-weight: bold;
        vertical-align: middle;
        width: 100%;
        height: 26px;
        text-align: left;
    }

        .SubHeader-p span {
            font-weight: bold !important;
            font-size: 10px;
            color: #FF6600;
            font-weight: bold;
            vertical-align: text-bottom;
            text-transform: initial;
            top: 4px !Important;
            width: 100% !Important;
            height: 20px;
        }

    .SubHeaderRed-p {
        font-weight: bold;
        vertical-align: middle;
        width: 100%;
        height: 20px;
        text-align: left;
        background-color: #6699CC;
    }

        .SubHeaderRed-p span {
            font-weight: bold !important;
            font-size: 10px;
            color: White;
            font-weight: bold;
            vertical-align: text-bottom;
            text-transform: initial;
            height: 16px;
        }

    table.RWs01 {
        width: 100%;
        font-size: 10px;
    }

    .ProcessStepDiv {
        z-index: 9999;
        width: 99.5%;
        height: 150px;
        left: 0px;
        top: 37px;
        position: absolute;
        overflow: auto;
        background-color: white;
        opacity: 1.0;
        border: 1px solid #006699;
    }

    .ContentSpacerDiv {
        height: 6px;
        background-color: #E6E6E6;
    }

    .ProcessStepLink {
        font-size: 11px;
        text-decoration: none;
    }

    .RWPageTitle {
        margin-top: 4px;
        font-weight: bold;
        font-size: 14px;
        height: 20px;
        color: #C65000;
    }

    .ConfirmMessageBoxDiv {
        z-index: 10000;
        position: absolute;
        width: 270px;
        background-color: White;
        opacity: 1;
        border-left: #006699 2px solid;
        border-right: #006699 2px solid;
        border-top: #006699 2px solid;
        border-bottom: #006699 2px solid;
    }

    .ConfirmationTitle {
        background-color: #6699CC;
        height: 20px;
        margin-top: -1px;
    }

        .ConfirmationTitle span {
            font-weight: bold;
            font-size: 11px;
            height: 15px;
            color: white;
            position: relative;
            left: 0px !important;
        }

    .ConfirmationContent {
        left: 5px;
        position: relative;
        top: 10px;
        font-weight: normal;
        width: 100%;
    }

    .ConfirmationButtonsDiv {
        left: 10px;
        position: relative;
        margin-top: 15px;
        height: 35px;
    }

    .ConfirmationButtons {
        font-weight: bold;
        font-size: 9px;
        color: #003366;
        vertical-align: middle;
        text-align: center;
        width: 110px;
        height: 18px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        background-color: #bcd1f3;
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        border-left: #006699 1px solid;
        border-bottom: #006699 1px solid;
        border-radius: 8px/8px;
        /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
    }

    .ButtonsDiv {
        /*background-color: white;*/
        position: relative;
        width: 100%;
        height: 28px;
    }

    .RWBoldTitle {
        font-weight: bold;
        font-size: 10px;
        color: black;
    }

    textarea, select[multiple] {
        height: 44px;
        font-size: 10px;
        color: black;
        background-color: white;
        margin-bottom: 5px;
    }

    .MultipleSelection {
        height: 44px !important;
    }

    input[type=text], input[type=password], input[type=number], input[type=date], input[type=email], input[type=file] {
        color: black;
        background-color: white;
        height: 21px;
        font-size: 10px;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        width: 70%;
        margin-bottom: 5px;
    }

    input[type="text"]:disabled, input[type="number"]:disabled, input[type="date"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled {
        color: black;
        background-color: #ccc;
        height: 21px;
        font-size: 10px;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        width: 70%;
        margin-bottom: 5px;
    }

    select:disabled {
        color: black;
        background-color: #ccc;
        height: 24px;
        font-size: 10px;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        width: 70%;
        margin-bottom: 5px;
    }

    textarea:disabled, select[multiple]:disabled {
        color: black;
        background-color: #ccc;
        height: 44px;
        font-size: 10px;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        width: 70%;
        margin-bottom: 5px;
    }

    input[type="radio"]:disabled {
        color: black;
        background-color: #ccc;
        font-size: 10px;
        padding: 0;
        margin: 0;
        margin-bottom: 0px;
    }

    input[type=checkbox], input[type="radio"] {
        color: black;
        font-size: 10px;
        transform: scale(0.8);
    }

    input[type=checkbox] + label, input[type="radio"] + label {
        color: black;
        font-size: 10px;
    }

    /* This class will configure the style of all drop down controls. */
    select {
        color: black;
        background-color: white;
        height: 24px;
        font-size: 10px;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        width: 70%;
        margin-bottom: 5px;
    }

    span {
        color: black;
        font-size: 10px;
    }

    .LinkButton {
        font-size: 10px;
        margin-top: 2px;
    }

    .LinkButtonBold {
        font-weight: bold !important;
        position: relative;
        font-size: 10px;
        text-decoration: underline;
        color: darkblue;
        margin-top: 2px;
    }

    .PageTitleDiv {
        left: 8px;
        position: relative;
        top: 6px;
        padding-bottom: 2px;
    }

    .imgHelp {
        border-style: none;
        position: relative;
        top: 2px;
        width: 15px;
        height: 15px;
        vertical-align: bottom;
    }

    .Alert {
        left: 6px;
        padding: 6px;
        background-color: #f44336;
        overflow: visible;
        width: 95%;
    }

    .AlertText {
        font-size: 10px;
        font-weight: bold;
        color: white;
    }

    .CloseButton {
        margin-left: 10px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 12px;
        line-height: 15px;
        cursor: pointer;
        transition: 0.3s;
        text-decoration: none;
    }

    .titleRedRW {
        border-right: white 1px solid;
        border-top: white 1px solid;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        border-left: white 1px solid;
        color: white;
        border-bottom: white 1px solid;
        height: 16px;
        background-color: #6699CC;
    }

        .titleRedRW a {
            color: white;
            text-decoration-line: underline;
            text-decoration-color: white;
            text-decoration: underline;
        }

    .RWWatermarkRed {
        font-weight: bold;
        font-size: 10px;
        color: #990000;
    }

    .titleMediumBold {
        font-size: 12px;
        font-weight: bold;
        color: white;
    }

    .titleLargeBold {
        font-size: 14px;
        font-weight: bold;
        color: white;
    }

    .MediumTitle {
        font-size: 12px;
    }

    DIV.RWSize10 {
        font-family: verdana;
        font-size: 10px;
        color: Black;
    }

    .RWtextBold {
        font-size: 10px;
        font-weight: bold;
    }

    .IDInfoDiv {
        z-index: 10000;
        float: left;
        width: 420px;
        background-color: White;
        border-left: #006699 2px solid;
        border-right: #006699 2px solid;
        border-top: #006699 2px solid;
        border-bottom: #006699 2px solid;
    }

    .ControlSpacerDiv {
        position: relative;
        height: 2px;
    }

    /*enable scroll*/
    .WithScroll {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    canvas {
        padding: 1%;
        border: 2px solid #330000;
        background-color: #660000;
        border-radius: 10px;
        width: 300px;
        height: 300px;
    }

    .FlexContainer {
        position: relative;
    }

    .RoleMinMaxFrame {
        position: relative;
        left: 4px;
        height: 100px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .REGESelectBox {
        position: relative;
        left: 4px;
        height: 60px !important;
    }

    .Guidelines_PS90775 {
        position: relative;
        left: 10px;
        margin-top: 0px;
        overflow: auto;
        height: 160px;
        width: 95.5% !important;
        border: 1px solid black;
    }

    .WelcomeFrame {
        position: relative;
        width: 99%;
        height: 600px;
        border: 0px;
    }

    .RotateButton {
        position: relative;
        left: 8px;
        width: 25px;
        height: 25px;
        float: left;
    }

    .PhotoInstructionTitle {
        font-size: 12px;
        font-weight: bold;
        color: #FF6600;
    }

    .PhotoInstructionFrame {
        height: 150px;
        width: 95%;
        border-right: #006699 2px inset;
        border-top: #006699 2px inset;
        border-left: #006699 2px inset;
        border-bottom: #006699 2px inset;
        overflow-y: scroll;
    }

    .PhotoInstructionTextImage {
        position: relative;
        margin-left: 10px;
        margin-top: 10px;
        width: 50px;
        height: 80px;
        margin-bottom: 5px;
    }
}

/*prevent input zooming for phone*/
@media print, only screen and (max-device-width: 600px) {
   
    input[type="text"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus, select[multiple]:focus,
    input[type="text"]:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover, select:hover, select[multiple]:hover {
        color: black;
        background-color: white;
        height: 21px;
        font-size: 16px;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        width: 70%;
        margin-bottom: 5px;
    }

    input[type="text"]:after, input[type="number"]:after, input[type="date"]:after, input[type="email"]:after, input[type="password"]:after, textarea:after, select:after, select[multiple]:after {
        color: black;
        background-color: white;
        height: 21px;
        font-size: 10px;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        width: 70%;
        margin-bottom: 5px;
    }
}

@media print, only screen and (min-width: 600px) and (max-width: 1100px) {
    /* For wide screen: computers and mobile devices other than phone*/
    div, table {
        font-family: verdana;
        font-size: 10pt;
        color: Black;
    }

    BODY.PageBody-w {
        margin-top: 10px !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
        margin-bottom: 10px;
        background-color: #E6E6E6;
    }

    .CenterDivWrapper {
        margin-left: 10% !important;
    }

    .CenterDivWrapperLight {
        margin-left: 5% !important;
    }

    .PS11RoleWidth {
        width: 35% !important;
    }

    .CenterDivWrapperFixed {
        margin-left: 10%;
        width: 92% !important;
    }


    .Dropdown {
        margin-left: 0% !important;
        left: 0px !important;
        width: 120px;
    }

    .DOBTextbox {
        position: relative;
        margin-left: 0% !important;
        width: 120px;
        left: 0px !important;
    }

    .PersonSuffix {
        position: relative;
        margin-left: 0% !important;
        width: 100px;
        left: 0px !important;
    }

    span {
        font-size: 16px;
        color: Black;
    }

    .col-w-1 {
        width: 8.33%;
        padding: 0px;
    }

    .col-w-2 {
        width: 16.66%;
        padding: 0px;
    }

    .col-w-3 {
        width: 25%;
        padding: 0px;
        /*margin-left:10%;*/
    }

    .col-w-4 {
        width: 33.33%;
        padding: 0px;
    }

    .col-w-5 {
        width: 41.66%;
        padding: 0px;
    }

    .col-w-6 {
        width: 50%;
        padding: 0px;
    }

    .col-w-7 {
        width: 58.33%;
        padding: 0px;
    }

    .col-w-8 {
        width: 66.66%;
        padding: 0px;
    }

    .col-w-9 {
        width: 75%;
        padding: 0px;
    }

    .col-w-10 {
        width: 83.33%;
        padding: 0px;
    }

    .col-w-11 {
        width: 91.66%;
        padding: 0px;
    }

    .col-w-12 {
        width: 98%;
        padding: 0px;
    }

    .col-w-1-half {
        width: 12%;
        padding: 0px;
    }

    .col-w-2-half {
        width: 20.5%;
        padding: 0px;
    }

    .col-w-3-half {
        width: 29%;
        padding: 0px;
    }

    /*For web Nav*/
    .WebNavHeader {
        width: 100%;
        overflow: visible;
    }

    .WebLogoImgDiv {
        position: relative;
        float: left;
        overflow: visible;
    }

    .WebLogoImg {
        left: 4px;
        top: 0px;
        width: 160px;
        height: 60px;
        position: relative;
        overflow: visible;
    }

    .WebNav {
        width: calc(100% - 166px);
        position: relative;
        left: 12px;
        float: left;
        overflow: visible;
    }

    table.RWs01 {
        width: 100%;
        font-size: 20px;
    }

        table.RWs01 .title {
            width: 100%;
            font-weight: bold;
        }

        table.RWs01 tr.title td {
            color: #ccc;
            background-color: white;
        }

        table.RWs01 tr.title .blue {
            background-color: #4580DD;
        }

        table.RWs01 tr.title .blueText {
            color: white;
            padding-left: 2px;
            background-color: #99bbff;
        }

        table.RWs01 tr.title .NavLinkText {
            color: #4580DD;
            padding-left: 2px;
            font-size: 15px;
        }

        table.RWs01 tr.title .NavLinkTextFocus {
            padding-left: 2px;
            font-weight: bold;
            cursor: pointer;
            color: red;
            font-size: 15px;
        }

        table.RWs01 tr.title .blueTextFocus {
            padding-left: 2px;
            font-weight: bold;
            cursor: pointer;
            color: red;
        }

        table.RWs01 tr.title .redText {
            padding-left: 2px;
            color: red;
        }

        table.RWs01 tr.title .dkGreyText {
            color: #999;
            padding-left: 2px;
        }

        table.RWs01 tr.title .ltGrey {
            background-color: #F4F4F4;
        }

        table.RWs01 tr.title .grey {
            background-color: #ccc;
        }

        table.RWs01 tr.status td {
            background-color: #ccc;
        }

        table.RWs01 tr.status .ltGrey {
            background-color: #F4F4F4;
        }

        table.RWs01 td {
            height: 13px;
        }

        table.RWs01 .percent {
            width: 100%;
            height: 3px;
            font-size: 1px; /* Retired*/
            background-color: #4580DD;
        }

        table.RWs01 .percentnotcomplete {
            font-size: 1px;
            background-color: red;
        }

        table.RWs01 .Row1 {
            height: 35px;
        }

        table.RWs01 .Row2 {
            height: 5px;
        }

        table.RWs01 .Row3 {
            height: 20px;
        }

    .RWBorders {
        /*border-bottom: #006699 1px solid;*/
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        overflow: visible;
        position: relative;
        /*box-shadow: 0px 0px 10px 10px rgba( 0, 0, 0, .3 );*/
    }

    .AcceptTimeDateBox {
        position: relative;
        float: left;
        background-color: #ccc;
        left: 10px !important;
        top: 2px;
        height: 20px;
        width: 40% !important;
        border: none !important;
        border-color: none !important;
        font-size: 13px;
    }

    .clsWaitLabelCenter {
        text-align: center;
        height: 28px;
        width: 100%;
        font-Size: 10pt;
        font-family: Verdana;
        font-weight: bold;
        color: #6698BD;
    }

    .h01-w {
        font-weight: bold;
        width: 100%;
        color: #003366;
        /*height: 25px;*/
        text-align: left;
        /*background-color: #bcd1f3;
        box-sizing: border-box;
        -moz-box-sizing: border-box;*/
        border-bottom: 1px solid #006699;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .h_no_border-w {
        width: 100%;
        height: 30px;
        text-align: left;
        margin-bottom: 10px;
    }

        .h_no_border-w span {
            font-weight: bold !important;
            font-size: 12px;
            color: #FF6600;
            vertical-align: text-bottom;
            text-transform: initial;
            overflow: visible;
        }

    .LinkButtonHeader {
        font-weight: bold !important;
        position: relative;
        color: #FF6600;
        font-size: 14px;
        text-decoration: none;
    }

        .LinkButtonHeader:hover {
            color: red !important;
            text-decoration: underline !important;
            font-weight: bold !important;
            position: relative;
            font-size: 18px;
        }

    /* Configured the format of the content header text */
    .h01-w span {
        font-weight: bold !important;
        font-size: 18px;
        color: #FF6600;
        vertical-align: baseline;
        text-transform: initial;
        overflow: visible;
        width: 100%;
        left: 4px;
    }

    .SubHeader-w {
        font-weight: bold;
        vertical-align: middle;
        width: 100%;
        height: 34px;
        text-align: left;
    }

        .SubHeader-w span {
            font-weight: bold !important;
            font-size: 14px;
            color: #FF6600;
            vertical-align: text-bottom;
            text-transform: initial;
            /*top: 4px !Important;*/
            height: 28px;
            /*width: 100% !Important;*/
        }

    .SubHeaderRed-w {
        font-weight: bold;
        vertical-align: middle;
        width: 100%;
        height: 26px;
        text-align: left;
        background-color: #6699CC;
    }

        .SubHeaderRed-w span {
            font-weight: bold !important;
            font-size: 16px;
            color: White;
            font-weight: bold;
            vertical-align: text-bottom;
            text-transform: initial;
            height: 20px;
        }

    .MediumTitle {
        font-size: 16px;
    }

    .WaitProcessingImage {
        width: 225px;
        height: 150px;
    }

    .ProcessStepDiv {
        z-index: 9999;
        width: 99.6%;
        height: 150px;
        left: 0px;
        top: 60px;
        position: absolute;
        overflow: auto;
        background-color: white;
        opacity: 1.0;
        border: 1px solid #006699;
    }

    .ProcessStepLink {
        font-size: 15px;
        text-decoration: none;
    }

    .RWPageTitle {
        margin-top: 6px;
        font-weight: bold;
        font-size: 22px;
        height: 30px;
        color: #C65000;
    }

    .ConfirmationTitle {
        background-color: #6699CC;
        height: 25px;
    }

        .ConfirmationTitle span {
            font-weight: bold;
            font-size: 15px;
            height: 20px;
            color: white;
        }

    .ConfirmationContent {
        left: 5px;
        position: relative;
        top: 15px;
        font-weight: normal;
        width: 100%;
    }

    .ConfirmationButtonsDiv {
        left: 15px;
        position: relative;
        top: 20px;
        height: 60px;
    }

    .ConfirmationButtons {
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        font-weight: bold;
        vertical-align: middle;
        border-left: #006699 1px solid;
        color: #003366;
        border-bottom: #006699 1px solid;
        background-color: #bcd1f3;
        text-align: center;
        width: 160px;
        height: 24px; /*You can override width/height of in line style using "!Important" at the end ex: height: 24px !Important;*/
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 10px;
        border-radius: 8px/8px;
        /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
    }

    .ButtonsDiv {
        /*background-color: white;*/
        position: relative;
        width: 100%;
        height: 34px;
    }

    RWWatermarkRed {
        font-weight: bold;
        font-size: 10px;
        color: #990000;
    }

    .RWBoldTitle {
        font-weight: bold;
        font-size: 16px;
        color: black;
    }

    .ButtonLarge {
        font-weight: bold;
        color: #003366;
        vertical-align: middle;
        text-align: center;
        width: 144px;
        height: 24px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        background-color: #bcd1f3;
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        border-left: #006699 1px solid;
        border-bottom: #006699 1px solid;
        border-radius: 8px/8px;
        /*box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .3);*/
    }

    .ButtonExtraLarge {
        font-weight: bold;
        color: #003366;
        vertical-align: middle;
        text-align: center;
        width: 210px;
        height: 24px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        background-color: #bcd1f3;
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        border-left: #006699 1px solid;
        border-bottom: #006699 1px solid;
    }

    .ButtonExtraLargeDisable {
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        font-weight: bold;
        vertical-align: middle;
        border-left: #006699 1px solid;
        color: #ADAA9C;
        border-bottom: #006699 1px solid;
        background-color: #bcd1f3;
        text-align: center;
        width: 210px;
        height: 24px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 10px;
    }

    .ButtonLargeFocus, .ButtonLarge:hover {
        border-right: #990000 1px solid;
        border-top: #990000 1px solid;
        font-weight: bold;
        vertical-align: middle;
        margin-left: 8px;
        border-left: #990000 1px solid;
        width: 144px;
        cursor: pointer;
        color: #990000;
        border-bottom: #990000 1px solid;
        height: 24px;
        background-color: #bcd1f3;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 8px;
        /*box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .3);*/
    }

    .ButtonExtraLargeFocus, .ButtonExtraLarge:hover {
        border-right: #990000 1px solid;
        border-top: #990000 1px solid;
        font-weight: bold;
        vertical-align: middle;
        margin-left: 8px;
        border-left: #990000 1px solid;
        width: 210px;
        cursor: pointer;
        color: #990000;
        border-bottom: #990000 1px solid;
        height: 24px;
        background-color: #bcd1f3;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }

    .titleRedRW {
        border-right: white 1px solid;
        border-top: white 1px solid;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        border-left: white 1px solid;
        color: white;
        border-bottom: white 1px solid;
        height: 20px;
        background-color: #6699CC;
    }

        .titleRedRW a {
            color: black;
            text-decoration: underline;
        }

    .LinkButton {
        position: relative;
        margin-left: 10%;
        font-size: 16px;
    }

    .LinkButtonBold {
        font-weight: bold !important;
        position: relative;
        text-decoration: underline;
        color: darkblue;
        margin-left: 10%;
        font-size: 16px;
    }

    select {
        color: black;
        background-color: white;
        height: 29px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    textarea, select[multiple] {
        color: black;
        background-color: white;
        height: 60px;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    .MultipleSelection {
        height: 60px !important;
    }

    input[type=text], input[type=password], input[type=number], input[type=date], input[type=email] {
        color: black;
        background-color: white;
        height: 26px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    input[type="text"]:disabled, input[type="number"]:disabled, input[type="date"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled {
        color: black;
        background-color: #ccc;
        height: 26px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    select:disabled {
        color: black;
        background-color: #ccc;
        height: 29px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }
    
    textarea:disabled, select[multiple]:disabled {
        color: black;
        background-color: #ccc;
        height: 60px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    input[type="radio"]:disabled {
        color: black;
        background-color: #ccc;
        font-size: 16px;
        padding: 0;
        margin: 0;
        margin-bottom: 0px;
    }

    input[type="radio"], input[type="radio"] + label, input[type=checkbox], input[type=checkbox] + label, input[type=file] {
        color: black;
        font-size: 16px;
        transform: scale(1.0);
        margin-bottom: 5px;
    }

    .PageTitleDiv {
        left: 8px;
        position: relative;
        top: 5px;
        padding-bottom: 2px;
    }

    .imgHelp {
        border-style: none;
        position: relative;
        top: 2px;
        width: 20px;
        height: 20px;
        vertical-align: bottom;
    }

    .Alert {
        padding: 10px;
        background-color: #f44336;
        overflow: visible;
        width: 96.9%;
    }

    .AlertText {
        font-size: 12px;
        font-weight: bold;
        color: white;
    }

    .CloseButton {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 16px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
        text-decoration: none;
    }

    DIV.RWSize10 {
        font-family: verdana;
        font-size: 10pt;
        color: Black;
    }

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

    .IDInfoDiv {
        z-index: 10000;
        float: left;
        width: 520px;
        background-color: White;
        border-left: #006699 2px solid;
        border-right: #006699 2px solid;
        border-top: #006699 2px solid;
        border-bottom: #006699 2px solid;
    }

    .ConfirmMessageBoxDiv {
        z-index: 10000;
        position: absolute;
        width: 380px;
        background-color: White;
        opacity: 1;
        border-left: #006699 2px solid;
        border-right: #006699 2px solid;
        border-top: #006699 2px solid;
        border-bottom: #006699 2px solid;
    }

    canvas {
        padding: 1%;
        border: 2px solid #330000;
        background-color: #660000;
        border-radius: 10px;
        width: 450px;
        height: 300px;
    }

    .FlexContainer {
        display: inline-flex;
        position: relative;
    }

    .RoleMinMaxFrame {
        position: relative;
        left: 4px;
        height: 100px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .REGESelectBox {
        position: relative;
        left: 4px;
        height: 60px !important;
    }

    .Guidelines_PS90775 {
        position: relative;
        left: 20px;
        margin-top: 10px;
        overflow: auto;
        height: 370px;
        border: 1px solid black;
    }

    .WelcomeFrame {
        position: relative;
        width: 99%;
        height: 550px;
        border: 0px;
    }

    .WrapSwitch {
        /*background: #ccc;*/
        width: 80%;
    }

        .WrapSwitch div {
            float: left;
            width: 49%;
        }

            .WrapSwitch div:first-child {
                float: right;
            }

    .RotateButton {
        position: relative;
        left: 10px;
        width: 35px;
        height: 35px;
        float: left;
    }

    .PhotoInstructionTitle {
        font-size: 16px;
        font-weight: bold;
        color: #FF6600;
    }

    .PhotoInstructionFrame {
        height: 210px;
        width: 95%;
        border-right: #006699 2px inset;
        border-top: #006699 2px inset;
        border-left: #006699 2px inset;
        border-bottom: #006699 2px inset;
        overflow-y: scroll;
    }

    .PhotoInstructionTextImage {
        position: relative;
        margin-left: 10px;
        margin-top: 15px;
        width: 95px;
        height: 150px;
        margin-bottom: 5px;
    }
}


@media print, only screen and (min-width: 1100px) {
    /* For wide screen: computers and mobile devices other than phone*/
    div, table {
        font-family: verdana;
        font-size: 10pt;
        color: Black;
    }
    BODY.PageBody-w {
        margin-top: 10px !important;
        margin-left: 20% !important;
        margin-right: 20% !important;
        margin-bottom: 10px;
        background-color: #E6E6E6;
    }
 
    .CenterDivWrapper {
        margin-left: 10%!important;
    }

    .CenterDivWrapperLight {
        margin-left: 5% !important;
    }

    .PS11RoleWidth {
        width: 35%!important;
    }

    .CenterDivWrapperFixed {
        margin-left: 10%;
        width: 92% !important;
    }


    .Dropdown {
        margin-left: 0% !important;
        left: 0px !important;
        width: 120px;
    }

    .DOBTextbox {
        position: relative;
        margin-left: 0% !important;
        width: 120px;
        left: 0px !important;
           
    }

    .PersonSuffix {
        position: relative;
        margin-left: 0% !important;
        width: 100px;
        left: 0px !important;
    }

    span {
        font-size: 16px;
        color: Black;
    }

    .col-w-1 {
        width: 8.33%;
        padding: 0px;
    }

    .col-w-2 {
        width: 16.66%;
        padding: 0px;
    }

    .col-w-3 {
        width: 25%;
        padding: 0px;
        /*margin-left:10%;*/
    }

    .col-w-4 {
        width: 33.33%;
        padding: 0px;
    }

    .col-w-5 {
        width: 41.66%;
        padding: 0px;
    }

    .col-w-6 {
        width: 50%;
        padding: 0px;
    }

    .col-w-7 {
        width: 58.33%;
        padding: 0px;
    }

    .col-w-8 {
        width: 66.66%;
        padding: 0px;
    }

    .col-w-9 {
        width: 75%;
        padding: 0px;
    }

    .col-w-10 {
        width: 83.33%;
        padding: 0px;
    }

    .col-w-11 {
        width: 91.66%;
        padding: 0px;
    }

    .col-w-12 {
        width: 99%;
        padding: 0px;
    }

    .col-w-1-half {
        width: 12%;
        padding: 0px;
    }

    .col-w-2-half {
        width: 20.5%;
        padding: 0px;
    }

    .col-w-3-half {
        width: 29%;
        padding: 0px;
    }

    /*For web Nav*/
    .WebNavHeader {
        width: 100%;
        overflow: visible;
    }

    .WebLogoImgDiv {
        position: relative;
        float: left;
        overflow: visible;
    }

    .WebLogoImg {
        left: 6px;
        top: 0px;
        width: 160px;
        height: 60px;
        position: relative;
        overflow: visible;
    }

    .WebNav {
        width: calc(100% - 166px);
        position: relative;
        left: 12px;
        float: left;
        overflow: visible;
    }

    table.RWs01 {
        width: 100%;
        font-size: 20px;
    }

        table.RWs01 .title {
            width: 100%;
            font-weight: bold;
        }

            table.RWs01 tr.title td {
                color: #ccc;
                background-color: white;
            }

            table.RWs01 tr.title .blue {
                background-color: #4580DD;
            }

        table.RWs01 tr.title .blueText {
            color: white;
            padding-left: 2px;
            background-color: #99bbff;
        }

            table.RWs01 tr.title .NavLinkText {
                color: #4580DD;
                padding-left: 2px;
                font-size: 15px;
            }

            table.RWs01 tr.title .NavLinkTextFocus {
                padding-left: 2px;
                font-weight: bold;
                cursor: pointer;
                color: red;
                font-size: 15px;
            }

            table.RWs01 tr.title .blueTextFocus {
                padding-left: 2px;
                font-weight: bold;
                cursor: pointer;
                color: red;
            }

            table.RWs01 tr.title .redText {
                padding-left: 2px;
                color: red;
            }

            table.RWs01 tr.title .dkGreyText {
                color: #999;
                padding-left: 2px;
            }

            table.RWs01 tr.title .ltGrey {
                background-color: #F4F4F4;
            }

            table.RWs01 tr.title .grey {
                background-color: #ccc;
            }

            table.RWs01 tr.status td {
                background-color: #ccc;
            }

            table.RWs01 tr.status .ltGrey {
                background-color: #F4F4F4;
            }

        table.RWs01 td {
            height: 13px;
        }

        table.RWs01 .percent {
            width: 100%;
            height: 3px;
            font-size: 1px; /* Retired*/
            background-color: #4580DD;
        }

        table.RWs01 .percentnotcomplete {
            font-size: 1px;
            background-color: red;
        }

        table.RWs01 .Row1 {
            height: 35px;
        }

        table.RWs01 .Row2 {
            height: 5px;
        }

        table.RWs01 .Row3 {
            height: 20px;
        }

    .RWBorders {
        /*border-bottom: #006699 1px solid;*/
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        overflow: visible;
        position: relative;
        /*box-shadow: 0px 0px 10px 10px rgba( 0, 0, 0, .3 );*/
    }

    .AcceptTimeDateBox {
        position: relative;
        float: left;
        background-color: #ccc;
        left: 10px !important;
        top: 2px;
        height: 20px;
        width: 35% !important;
        border: none !important;
        border-color: none !important;
        font-size: 13px;
    }

    .clsWaitLabelCenter {
        text-align: center;
        height: 28px;
        width: 100%;
        font-Size: 10pt;
        font-family: Verdana;
        font-weight: bold;
        color: #6698BD;
    }

    .h01-w {
        font-weight: bold;
        width: 100%;
        color: #003366;
        /*height: 25px;*/
        text-align: left;
        /*background-color: #bcd1f3;
        box-sizing: border-box;
        -moz-box-sizing: border-box;*/
        border-bottom: 1px solid #006699;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .h_no_border-w {
        width: 100%;
        height: 30px;
        text-align: left;
        margin-bottom: 10px;
    }

    .h_no_border-w span {
        font-weight: bold !important;
        font-size: 12px;
        color: #FF6600;
        vertical-align: text-bottom;
        text-transform: initial;
        overflow: visible;
    }

    .LinkButtonHeader {
        font-weight: bold !important;
        position: relative;
        color: #FF6600;
        font-size: 18px;
        text-decoration: none;
    }

    .LinkButtonHeader:hover {
        color: red !important;
        text-decoration: underline !important;
        font-weight: bold !important;
        position: relative;
        font-size: 18px;
    }

    /* Configured the format of the content header text */
    .h01-w span {
        font-weight: bold !important;
        font-size: 18px;
        color: #FF6600;
        vertical-align: baseline;
        text-transform: initial;
        overflow: visible;
        width: 100%;
        left: 4px;
    }

    .SubHeader-w {
        font-weight: bold;
        vertical-align: middle;
        width: 100%;
        height: 34px;
        text-align: left;
    }

        .SubHeader-w span {
            font-weight: bold !important;
            font-size: 14px;
            color: #FF6600;
            vertical-align: text-bottom;
            text-transform: initial;
            /*top: 4px !Important;*/
            height: 28px;
            /*width: 100% !Important;*/
        }

    .SubHeaderRed-w {
        font-weight: bold;
        vertical-align: middle;
        width: 100%;
        height: 26px;
        text-align: left;
        background-color: #6699CC;
    }

        .SubHeaderRed-w span {
            font-weight: bold !important;
            font-size: 16px;
            color: White;
            font-weight: bold;
            vertical-align: text-bottom;
            text-transform: initial;
            height: 20px;
        }

    .MediumTitle {
        font-size: 16px;
    }

    .WaitProcessingImage {
        width: 225px;
        height: 150px;
        left: 40%;
    }

    .ProcessStepDiv {
        z-index: 9999;
        width: 99.6%;
        height: 150px;
        left: 0px;
        top: 60px;
        position: absolute;
        overflow: auto;
        background-color: white;
        opacity: 1.0;
        border: 1px solid #006699;
    }

    .ProcessStepLink {
        font-size: 15px;
        text-decoration: none;
    }

    .RWPageTitle {
        margin-top: 6px;
        font-weight: bold;
        font-size: 22px;
        height: 30px;
        color: #C65000;
    }

    .ConfirmationTitle {
        background-color: #6699CC;
        height: 25px;
    }

        .ConfirmationTitle span {
            font-weight: bold;
            font-size: 15px;
            height: 20px;
            color: white;
        }

    .ConfirmationContent {
        left: 5px;
        position: relative;
        top: 15px;
        font-weight: normal;
        width: 100%;
    }

    .ConfirmationButtonsDiv {
        left: 15px;
        position: relative;
        top: 20px;
        height: 60px;
    }

    .ConfirmationButtons {
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        font-weight: bold;
        vertical-align: middle;
        border-left: #006699 1px solid;
        color: #003366;
        border-bottom: #006699 1px solid;
        background-color: #bcd1f3;
        text-align: center;
        width: 160px;
        height: 24px; /*You can override width/height of in line style using "!Important" at the end ex: height: 24px !Important;*/
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 10px;
        border-radius: 8px/8px;
        /*box-shadow: 0px 0px 1px 2px rgba( 0, 0, 0, .3 );*/
    }

    .ButtonsDiv {
        /*background-color: white;*/
        position: relative;
        width: 100%;
        height: 34px;
    }

    RWWatermarkRed {
        font-weight: bold;
        font-size: 10px;
        color: #990000;
    }

    .RWBoldTitle {
        font-weight: bold;
        font-size: 16px;
        color: black;
    }

    .ButtonLarge {
        font-weight: bold;
        color: #003366;
        vertical-align: middle;
        text-align: center;
        width: 144px;
        height: 24px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        background-color: #bcd1f3;
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        border-left: #006699 1px solid;
        border-bottom: #006699 1px solid;
        border-radius: 8px/8px;
        /*box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .3);*/
    }

    .ButtonExtraLarge {
        font-weight: bold;
        color: #003366;
        vertical-align: middle;
        text-align: center;
        width: 210px;
        height: 24px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 8px;
        background-color: #bcd1f3;
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        border-left: #006699 1px solid;
        border-bottom: #006699 1px solid;
    }

    .ButtonExtraLargeDisable {
        border-right: #006699 1px solid;
        border-top: #006699 1px solid;
        font-weight: bold;
        vertical-align: middle;
        border-left: #006699 1px solid;
        color: #ADAA9C;
        border-bottom: #006699 1px solid;
        background-color: #bcd1f3;
        text-align: center;
        width: 210px;
        height: 24px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 10px;
    }

    .ButtonLargeFocus, .ButtonLarge:hover {
        border-right: #990000 1px solid;
        border-top: #990000 1px solid;
        font-weight: bold;
        vertical-align: middle;
        margin-left: 8px;
        border-left: #990000 1px solid;
        width: 144px;
        cursor: pointer;
        color: #990000;
        border-bottom: #990000 1px solid;
        height: 24px;
        background-color: #bcd1f3;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 8px;
        /*box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .3);*/
    }

    .ButtonExtraLargeFocus, .ButtonExtraLarge:hover {
        border-right: #990000 1px solid;
        border-top: #990000 1px solid;
        font-weight: bold;
        vertical-align: middle;
        margin-left: 8px;
        border-left: #990000 1px solid;
        width: 210px;
        cursor: pointer;
        color: #990000;
        border-bottom: #990000 1px solid;
        height: 24px;
        background-color: #bcd1f3;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }

    .titleRedRW {
        border-right: white 1px solid;
        border-top: white 1px solid;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        border-left: white 1px solid;
        color: white;
        border-bottom: white 1px solid;
        height: 20px;
        background-color: #6699CC;
    }

        .titleRedRW a {
            color: black;
            text-decoration: underline;
        }

    .LinkButton {
        position: relative;
        margin-left: 10%;
        font-size: 16px;
    }

    .LinkButtonBold {
        font-weight: bold !important;
        position: relative;
        text-decoration: underline;
        color: darkblue;
        margin-left: 10%;
        font-size: 16px;
    }

    select {
        color: black;
        background-color: white;
        height: 29px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    textarea, select[multiple] {
        color: black;
        background-color: white;
        height: 60px;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    .MultipleSelection {
        height: 60px !important;
    }

    input[type=text], input[type=password], input[type=number], input[type=date], input[type=email] {
        color: black;
        background-color: white;
        height: 26px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    input[type="text"]:disabled, input[type="number"]:disabled, input[type="date"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled {
        color: black;
        background-color: #ccc;
        height: 26px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    select:disabled {
        color: black;
        background-color: #ccc;
        height: 29px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    textarea:disabled, select[multiple]:disabled {
        color: black;
        background-color: #ccc;
        height: 60px;
        font-size: 16px;
        width: 70%;
        padding: 0;
        margin: 0;
        border: 1px solid #000;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    input[type="radio"]:disabled {
        color: black;
        background-color: #ccc;
        font-size: 16px;
        padding: 0px;
        margin: 0;
        margin-bottom: 0px;
    }

    input[type="radio"], input[type="radio"] + label, input[type=checkbox], input[type=checkbox] + label, input[type=file] {
        color: black;
        font-size: 16px;
        transform: scale(1.0);
        margin-bottom: 5px;
    }

    .PageTitleDiv {
        left: 8px;
        position: relative;
        top: 5px;
        padding-bottom: 2px;
    }

    .imgHelp {
        border-style: none;
        position: relative;
        top: 2px;
        width: 20px;
        height: 20px;
        vertical-align: bottom;
    }

    .Alert {
        padding: 10px;
        background-color: #f44336;
        overflow: visible;
        width: 98%;
    }

    .AlertText {
        font-size: 12px;
        font-weight: bold;
        color: white;
    }

    .CloseButton {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 16px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
        text-decoration: none;
    }

    DIV.RWSize10 {
        font-family: verdana;
        font-size: 10pt;
        color: Black;
    }

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

    .IDInfoDiv {
        z-index: 10000;
        float: left;
        width: 520px;
        background-color: White;
        border-left: #006699 2px solid;
        border-right: #006699 2px solid;
        border-top: #006699 2px solid;
        border-bottom: #006699 2px solid;
    }

    .ConfirmMessageBoxDiv {
        z-index: 10000;
        position: absolute;
        width: 380px;
        background-color: White;
        opacity: 1;
        border-left: #006699 2px solid;
        border-right: #006699 2px solid;
        border-top: #006699 2px solid;
        border-bottom: #006699 2px solid;
    }

    canvas {
        padding: 1%;
        border: 2px solid #330000;
        background-color: #660000;
        border-radius: 10px;
        width: 600px;
        height: 300px;
    }

    .FlexContainer {
        display: inline-flex;
        position: relative;
    }

    .RoleMinMaxFrame {
        position: relative;
        left: 4px;
        height: 100px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .REGESelectBox {
        position: relative;
        left: 4px;
        height: 60px !important;
    }

    .Guidelines_PS90775 {
        position: relative;
        left: 20px;
        margin-top: 10px;
        overflow: auto;
        height: 370px;
        border: 1px solid black;
    }

    .WelcomeFrame {
        position: relative;
        width: 99%;
        height: 660px;
        border: 0px;
    }

    .WrapSwitch {
        /*background: #ccc;*/
        width: 70%;
    }

        .WrapSwitch div {
            float: left;
            width: 49%;
        }

            .WrapSwitch div:first-child {
                float: right;
            }

    .RotateButton {
        position: relative;
        left: 10px;
        width: 35px;
        height: 35px;
        float: left;
    }

    .PhotoInstructionTitle {
        font-size: 16px;
        font-weight: bold;
        color: #FF6600;
    }

    .PhotoInstructionFrame {
        height: 210px;
        width: 95%;
        border-right: #006699 2px inset;
        border-top: #006699 2px inset;
        border-left: #006699 2px inset;
        border-bottom: #006699 2px inset;
        overflow-y: scroll;
    }

    .PhotoInstructionTextImage {
        position: relative;
        margin-left: 10px;
        margin-top: 15px;
        width: 95px;
        height: 150px;
        margin-bottom: 5px;
    }
}

/* The Modal (background) */
.Cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #aaa;
    overflow: visible;
    z-index: 9999;
}

canvas {
    padding: 1%;
    border: 2px solid #330000;
    background-color: #660000;
    border-radius: 10px;
    /*max-width: 100%; 
    height: 75%;*/
}

.disablelink, .disablelink:visited, .disablelink:hover, .disablelink:active {
    position: relative;
    vertical-align: middle;
    text-decoration: none;
}

.LinkButton:hover {
    color: red !important;
    text-decoration: underline !important;
}

/* When moving the mouse over the close button */
.CloseButton:hover {
    color: black;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999 !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999 !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999 !important;
}

/* These classes used for CC postback page*/
TokenPBSuccess {
    font-family: verdana;
    font-weight: bold;
    font-size: 10pt;
    color: #15962E;
}

TokenPBFailure {
    font-family: verdana;
    font-weight: bold;
    font-size: 10pt;
    color: red;
}
/* End CC Token postback classes  */

.RWHeaderDIV {
    width: 97%;
    display: inline-block;
    float: right;
}

.RWReportTitle {
    font-weight: bold;
    color: white;
    font-size: 14px;
}

.RWHeader {
    font-size: 10px;
    width: 97%;
    color: black;
    background-color: #6699CC;
    left: 4px;
    /*
    border: 1px;
    border-color: #6699CC;
    border-style: solid;
    */
}

.RWiFrame {
    font-size: 10px;
    width: 97%;
    height: 100%;
    border: none;
    /*
    border: 1px;
    border-color: #990000;
    border-style: inset;
    */
}

RWiFrame40 {
    font-size: 10px;
    width: 97%;
    height: 40%;
    border: none;
    /*
    border: 1px;
    border-color: #990000;
    border-style: inset;
    */
}

#mw-iframe iframe {
    height: 370px;
    width: 300px;
    margin: 10px;
    padding: 0px;
    border: 1px inset #7a8b8b;
}

.SelectedButton {
    color: red;
}

.DetailButton {
    color: red;
}

.SelectedLink {
    color: red;
    font-weight: bold;
}

.UnSelectedLink {
    color: black;
    font-weight: normal;
}

.IndentedControl {
    width: calc(70% - 24px) !important;
    position: relative;
    left: 24px;
    top: 0px;
    z-index: 101;
}

.TimeoutWarningBox {
    position: absolute;
    display: block;
    z-index: 999999;
    overflow: hidden;
    /*box-shadow: 0px 0px 10px 10px rgba( 0, 0, 0, .3 );*/
    width: 400px;
    height: 200px;
}

    .TimeoutWarningBox iframe {
        width: 400px;
        height: 200px;
    }

.TimeoutWarningLabel {
    font-weight: bold;
    font-size: 10px;
    color: #003300;
}

/*Calendar Control CSS*/
.CalendarTheme .ajax__calendar_container {
    background-color: white;
    border: solid 1px black;
    width: 200px;
}

.CalendarTheme .ajax__calendar_day {
    width: 20px;
    font-size: 12px;
    text-align: right;
    padding: 0 2px;
}

.CalendarTheme .ajax__calendar_dayname {
    width: 20px;
    font-size: 12px;
    text-align: right;
    padding: 0 2px;
}

.CalendarTheme .ajax__calendar_month {
    width: 40px;
    font-size: 12px;
}

.CalendarTheme .ajax__calendar_year {
    width: 40px;
    font-size: 12px;
}

.CalendarTheme .ajax__calendar_footer {
    font-size: 12px;
}