/* Benefits For You - Overrides to standard CMG styles */

/* Override Framework Styles */
A:link {
    COLOR: #336394;
    TEXT-DECORATION: underline;
}

A:visited {
    COLOR: #336394;
    TEXT-DECORATION: underline;
}

A:active {
    COLOR: #336394;
    TEXT-DECORATION: underline;
}

A:hover {
    COLOR: #E48145;
    TEXT-DECORATION: underline;
}

#base-header .links a {
    color: #000;
}

#navbar .applicationSubtitle {
    FONT-SIZE: 10pt;
}

#base-content #contentLayout {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.bodycontent A:link {
    COLOR: #336394;
    TEXT-DECORATION: underline;
}

.bodycontent A {
    COLOR: #336394; 
    TEXT-DECORATION: underline;
}

    .bodycontent A:visited {
        COLOR: #336394;
        TEXT-DECORATION: underline;
    }

    .bodycontent A:hover {
        COLOR: #E48145;
        TEXT-DECORATION: underline;
    }


#base-footer {
    color: #000;
}

#base-footer .links a, #base-footer .links a:link, #base-footer .links a:visited {
    COLOR: #000;
}


    /* Title and Section Styles */
    h1 {
    margin-top: 6px;
    margin-bottom: 2px;
    font-family: arial, sans-serif;
    color: #4B4B4B;
    font-weight: bold;
    font-size: 16px;
}

    h1 img {
        vertical-align: middle;
        margin-right: 5px;
    }

h2 {
    font-family: arial, sans-serif;
    color: #4B4B4B;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 2px;
    margin-top: 0px;
}

    h2 img {
        vertical-align: middle;
        padding-right: 5px;
    }

    h2 a:link {
        text-decoration: none;
        color: #61384D;
    }

    h2 a:visited {
        text-decoration: none;
        color: #61384D;
    }

    h2 a:hover {
        text-decoration: underline;
        color: #336699;
    }

    h2 a:active {
        text-decoration: none;
        color: #61384D;
    }

h3 {
    font-family: arial, sans-serif;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-bottom: 0px;
    font-size: 13px;
    color: #4B4B4B;
    font-weight: bold;
}

h4 {
    margin-top: 0px;
    margin-bottom: 2px;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #4B4B4B;
}

.complementbaresg {
    display: block;
    width: 99%;
    background-color: transparent;
    color: #4B4B4B;
}

/*containers */
table.container {
    width: 100%;
    border-spacing: 0;
}

td.container-left {
    vertical-align: top;
    text-align: left;
    padding: 0px;
}

td.container-right {
    vertical-align: top;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 0px;
    width: 220px;
}

    td.container-right p {
        margin-top: 2px;
    }

td.container-full {
    width: 100%;
    vertical-align: top;
    text-align: left;
    padding: 0px;
}

/* Call-out boxes */
table.callout {
    font-size: 10pt;
    border-spacing: 0;
    border-collapse: collapse;
    width: 220px;
    margin-bottom: 20px;
    background-position: top right;
    background-image: url('/cmgshared/images/internet_navbox_shadow.gif');
    background-repeat: repeat-y;
}

    table.callout th {
        color: #8A2034; /* orange */
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        padding-left: 5px;
        padding-right: 10px;
        padding-top: 22px;
        padding-bottom: 1px;
        background-image: url('/cmgshared/images/internet_navbox_topright.gif');
        background-repeat: no-repeat;
        background-position: left top;
        background-color: Transparent;
    }

.bfy table.callout th {
    color: #8A2034; /* dk red */
    background-image: url('/cmgshared/images/bfy_navbox_topright.gif');
}

table.callout th A {
    color: #8A2034;
    text-decoration: none;
}

    table.callout th A:visited {
        color: #8A2034;
        text-decoration: none;
    }

    table.callout th A:hover {
        color: #DC661D;
        text-decoration: none;
    }

    table.callout th A:active {
        color: #8A2034;
        text-decoration: none;
    }

table.callout td {
    color: #757575;
    text-align: left;
    padding-bottom: 22px;
    padding-left: 5px;
    padding-right: 10px;
    background-image: url('/cmgshared/images/internet_navbox_bottom.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: Transparent;
}

table.callout strong {
    color: #4B4B4B;
    font-weight: normal;
}

table.callout td p {
    margin-top: 5px;
    margin-bottom: 0px;
}

table.callout td A {
    color: #606394;
}

    table.callout td A:visited {
        color: #606394;
    }

    table.callout td A:hover {
        color: #E48145;
    }

    table.callout td A:selected {
        color: #606394;
    }

table.callout table {
    margin: 0px;
    padding: 0px;
}

    table.callout table td {
        background: none;
        padding-top: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        padding-right: 0px;
    }

table.callout ul {
    margin-top: 0px;
    margin-bottom: 2px;
    padding-left: 8px;
    margin-left: 10px;
    text-indent: 0px;
}

/* table and grid formatting */
.transparent {
    border: 0px;
    width: 2px;
    background-color: transparent;
}

table.grid {
    background-color: white;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

    table.grid th, table.grid td.columnheading, table.grid tr.columnheading td {
        padding-left: 2px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
        border: 1px solid gray;
        font-weight: bold;
        color: White;
        text-align: center;
        background-color: #8A2034; /* maroon */
    }

.bfy table.grid th, .bfy table.grid td.columnheading, .bfy table.grid tr.columnheading td {
    background-color: #003366; /* blue */
}

table.grid th a:link, table.grid td.columnheading a:link, table.grid tr.columnheading td a:link {
    color: White;
    text-decoration: none;
}

table.grid th a:visited, table.grid td.columnheading a:visited, table.grid tr.columnheading td a:visited {
    color: White;
    text-decoration: none;
}

table.grid th a:hover, table.grid td.columnheading a:hover, table.grid tr.columnheading td a:hover {
    color: White;
    text-decoration: underline;
}

table.grid th a:active, table.grid td.columnheading a:active, table.grid tr.columnheading td a:active {
    color: White;
    text-decoration: underline;
}

table.grid td, table.grid tr td {
    border: 1px solid gray;
    background-color: #ffffff;
    padding-left: 2px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}

    table.grid td.unshadedrow, table.grid tr.unshadedrow td {
        border: 1px solid gray;
        background-color: #ffffff;
        padding-left: 2px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    table.grid td.shadedrow, table.grid tr.shadedrow td {
        border: 1px solid gray;
        background-color: #d4e8f8;
        padding-left: 2px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    table.grid td.totals, table.grid tr.totals td {
        border-left: 1px solid gray;
        border-right: 1px solid gray;
        border-bottom: 1px solid gray;
        border-top: 1px solid black;
        font-weight: bold;
        background-color: gainsboro;
        padding-left: 2px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

table.grid th.totals {
    text-align: left;
    color: #000000;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-top: 1px solid black;
    font-weight: bold;
    background-color: gainsboro;
    padding-left: 2px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}

table.standard {
    width: 100%;
    border-width: 0;
    padding: 0;
    border-spacing: 0;
}

td.topleft {
    vertical-align: top;
    text-align: left;
}

td.topright {
    vertical-align: top;
    text-align: right;
}

.nobr {
    white-space: nowrap;
}
/* List Styles */
ul.nobullet {
    list-style-type: none;
}

/* Menu Styles */
TABLE.menu {
    border: 0px;
    margin-bottom: 20px;
}

    TABLE.menu TH {
        border: 0px;
        font-size: 16px;
        color: #61384d;
        text-align: left;
    }

    TABLE.menu TD {
        border: 0px;
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 5px;
        padding-top: 3px;
    }

        TABLE.menu TD UL {
            padding-left: 5px;
            margin-left: 15px;
            margin-top: 2px;
            text-indent: -5px;
            list-style-type: none;
        }

            TABLE.menu TD UL LI {
                margin-bottom: 5px;
            }

        TABLE.menu TD H2 {
            text-indent: -23px;
            margin-left: 23px;
            margin-bottom: 2px;
        }

/* Impersonation Styles */
.impersonating {
    width: 99%;
    text-align: right;
    font-weight: bold;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: black;
    background-color: yellow;
}

/* Button styles */
DIV.buttonBar {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}

TD.buttonBar {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.buttonBar .btnContinue {
    width: 75px;
}

.buttonBar .btnBack {
    width: 75px;
}

.buttonBar .btnClear {
    width: 75px;
}

.buttonBar .btnCancel {
    width: 75px;
}

.buttonBar .btnSubmit {
    width: 75px;
}

.buttonBar .btnSave {
    width: 75px;
}

.buttonBar .btnCalculate {
    width: 75px;
}

.buttonBar .btnPrint {
}

.buttonBar .btnOther {
}

.buttonBar.noPadding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.buttonBar .btnBlock {
    float: left;
    margin-right: 5px;
}

.cancelPopup {
    font-family: system, monospaced;
    border-right: 2px outset;
    border-top: 2px outset;
    display: none;
    z-index: 500;
    left: 25%;
    border-left: 2px outset;
    width: 500px; /*50%;*/
    border-bottom: 2px outset;
    position: absolute;
    background-color: #eeeeee;
    text-align: center;
}

    .cancelPopup .bar {
        font-weight: bold;
        color: white;
        background-color: navy;
        width: 100%;
    }

    .cancelPopup .message {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 25px;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }

    .cancelPopup .yesNo {
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
    }

/*
03/01/2010 CAS:
Style for indenting tables
*/
.indentTable {
    padding-left: 15px;
}

/*
04/12/2010 DRC:
Not sure where this was added, but it is different than other sites
*/
td.complementLanding {
    background-color: #ebedda;
    padding-right: 5px;
    padding-left: 5px;
}

/* 10/7/10 DRC adding support for plan and ee pickers */
div.pickers {
    font-family: Arial, helvetica, sans-serif;
    margin-bottom: 4px;
    width: 100%;
    clear: left;
}

.pickers div.picker {
    margin-bottom: 3px;
    clear: left;
}

.pickers div.onlyone {
    margin-bottom: 3px;
    clear: left;
    font-size: 13px;
    font-weight: bold;
}

.PopupDialog {
    position: fixed;
    left: calc(50% - 145px);
    background-color: white;
    width: 400px;
    height: 300px;
    padding: 10px 10px 10px 10px;
    border: rgb(227, 136, 79) 2px solid;
    border-radius: 5px;
    display: none;
    box-shadow: 5px 5px 5px rgba(82, 82, 82, 0.4);
}

.PickerDialog {
    position: fixed;
    left: calc(50% - 145px);
    background-color: white;
    width: 290px;
    height: 400px;
    padding: 10px 10px 10px 10px;
    border: rgb(227, 136, 79) 2px solid;
    border-radius: 5px;
    display: none;
    box-shadow: 5px 5px 5px rgba(82, 82, 82, 0.4);
}

    .PickerDialog h2 {
        margin-bottom: 6px;
    }

    .PickerDialog input {
        border-radius: 5px;
    }

.PickerDialogList {
    background-color: #E6E6E6;
    border: 3px inset #D2D2D2;
    border-radius: 4px;
    margin: 8px 0px 0px 1px;
    width: 280px;
    height: 345px;
    overflow-y: scroll !important;
}

.planConversionDialog {
    position: fixed;
    left: calc(40% - 145px);
    background-color: white;
    width: 500px;
    height: auto;
    margin-top: -8%;
    border: rgb(227, 136, 79) 2px solid;
    border-radius: 5px;
    display: none;
    box-shadow: 5px 5px 5px rgba(82, 82, 82, 0.4);
}

.planConversionClose {
    text-align: center;
    float: right;
    margin: 2px 2px 3px 3px;
    margin-top: 3%;
    margin-right: 45%;
}

.planConversionDialog table {
    margin-top: 5% !important;
}


.PickerDialogList table {
    width: 263px;
}

    .PickerDialogList table .OddRow {
        background-color: whitesmoke;
    }

    .PickerDialogList table .EvenRow {
        background-color: white;
    }


/* RetireOnTarget */
table.box619 {
    background-position: top right;
    background-repeat: repeat-y;
    border-spacing: 0;
    border-collapse: collapse;
    width: 619px;
    background-image: url('../Images/subheadbox_619p_sides.gif');
}

    table.box619 th {
        vertical-align: middle;
        height: 27px;
        background-position: top right;
        background-repeat: no-repeat;
        color: white;
        font-weight: bold;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        background-image: url('../Images/subheadbox_619p_top.jpg');
    }

    table.box619 td {
        background-position: bottom right;
        background-repeat: no-repeat;
        padding-top: 4px;
        padding-bottom: 14px;
        padding-left: 10px;
        padding-right: 10px;
        background-image: url('../Images/subheadbox_619p_bottom.gif');
    }

        table.box619 td p {
            margin-top: 5px;
            margin-bottom: 0px;
        }

    table.box619 table {
        margin: 0px;
        padding: 0px;
        background-image: none;
        width: 100%;
        border-spacing: 0;
    }

        table.box619 table th {
            background-image: none;
            height: auto;
            padding: 0px;
        }

        table.box619 table td {
            background-image: none;
            padding: 0px;
        }

    table.box619 td.nobottom {
        background-image: none;
        padding-bottom: 0px;
    }

    table.box619 td.nopadding {
        padding-left: 4px;
        padding-right: 7px;
    }

    table.box619 td.links {
        text-align: right;
        padding-right: 15px;
        padding-top: 2px;
        padding-bottom: 8px;
    }

    table.box619 td.shaded {
        background-color: #edf4fa;
    }

    table.box619 table.shaded {
        background-color: #edf4fa;
    }

table.shaded {
    border-spacing: 0;
    border: none;
    padding: 0;
    width: 100%;
}

/* EE Landing Page - Income Details */
table.eeHomeIncomeDetails {
    width: 100%;
    border: none;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
}

    table.eeHomeIncomeDetails tr.header {
        padding: 0;
    }

        table.eeHomeIncomeDetails tr.header th {
            background-color: #DADADA;
            color: #6C6C6C;
            padding: 2px 5px 2px 5px;
            text-align: center;
            vertical-align: middle;
            border-left: solid 1px #CDCDCD;
            border-bottom: solid 1px #CDCDCD;
        }

    table.eeHomeIncomeDetails tr td {
        padding: 2px 5px 2px 5px;
        text-align: right;
        vertical-align: middle;
        border-left: solid 1px #CDCDCD;
        border-bottom: solid 1px #CDCDCD;
    }

    table.eeHomeIncomeDetails tr.header th.firstcol {
        border-left: none;
        text-align: left;
    }

    table.eeHomeIncomeDetails tr td.firstcol {
        border-left: none;
        text-align: left;
    }

    table.eeHomeIncomeDetails tr td.colspan {
        background-color: #F2F2F2;
        border-left: none;
        text-align: left;
    }

    table.eeHomeIncomeDetails tr.totals td {
        background-color: #E2EDF1;
        font-weight: bold;
    }

    table.eeHomeIncomeDetails tr td input[type=text] {
        text-align: right;
    }

td.eeRotSubheading {
    font-family: arial, sans-serif;
    color: #881635;
    font-weight: bold;
    font-size: 11pt;
}

td.eeRotNumberedText {
    vertical-align: middle;
    font-weight: bold;
    padding-left: 5px;
}

/* Public Home Page */
.pubHomeLeft {
    float: left;
    width: 220px;
}

.pubHomeMiddle {
    float: left;
    padding: 0px 10px 0px 10px;
    width: 380px;
}

.pubHomeRight {
    float: right;
    width: 220px;
}

.pubHomeRightFull {
    float: left;
    padding: 0px 10px 0px 10px;
    width: 600px;
}

.pubHomeLeft .loginBtn {
    float: right;
    padding: 5px 5px 0px 0px;
}

.pubHomeLeft .imgSecure {
    float: right;
    padding-right: 5px;
}

/* EE Home Page */
.eeHomeLeft {
    float: left;
    padding: 0px 10px 0px 0px;
    width: 615px;
}

.eeHomeRight {
    float: right;
    width: 220px;
}

/* Admin Home Page */
.adminHomeLeft {
    float: left;
    padding: 0px 10px 0px 0px;
    width: 615px;
}

.adminHomeRight {
    float: right;
    width: 220px;
}

/* Mobile Device Overrides */
.mobi #base-container #base-offset {
    WIDTH: 635px;
}

.mobi #base-footer {
    BACKGROUND-COLOR: #fff;
}

.mobi #base-header {
    BACKGROUND-COLOR: #fff;
}

.mobi td.container-right {
    display: none;
}

.mobi .pubHomeLeft {
    clear: both;
    width: 100%;
}

.mobi .pubHomeMiddle {
    clear: both;
    width: 100%;
    padding: 0px;
}

.mobi .pubHomeRight {
    display: none;
}

.mobi .pubHomeLeft table.callout {
    background: none;
    width: 100%;
}

    .mobi .pubHomeLeft table.callout th {
        background: none;
        padding-top: 0px;
    }

    .mobi .pubHomeLeft table.callout td {
        background: none;
        padding-bottom: 5px;
    }

.mobi .pubHomeLeft .loginBtn {
    float: left;
    clear: left;
}

.mobi .pubHomeLeft .imgSecure {
    float: none;
    padding-right: 10px;
    display: inline;
}

.mobi .eeHomeLeft {
    clear: left;
    float: none;
    width: 100%;
    padding: 0px 0px 15px 0px;
}

.mobi .eeHomeRight {
    clear: left;
    float: none;
    width: 100%;
    padding: 0px;
}

    .mobi .eeHomeRight table.callout {
        background: none;
        width: 100%;
    }

        .mobi .eeHomeRight table.callout th {
            background: none;
            padding-top: 0px;
        }

        .mobi .eeHomeRight table.callout td {
            background: none;
            padding-bottom: 5px;
        }

.mobi .adminHomeLeft {
    clear: left;
    float: none;
    width: 100%;
    padding: 0px 0px 15px 0px;
}

.mobi .adminHomeRight {
    clear: left;
    float: none;
    width: 100%;
    padding: 0px;
}

    .mobi .adminHomeRight table.callout {
        background: none;
        width: 100%;
    }

        .mobi .adminHomeRight table.callout th {
            background: none;
            padding-top: 0px;
        }

        .mobi .adminHomeRight table.callout td {
            background: none;
            padding-bottom: 5px;
        }

/* Move Primary Navigation Links to Right */
.bfyOverride .headerTabs {
    padding-left: 250px;
}

.mobi.bfyOverride .headerTabs {
    padding-left: 0px;
}

.rotOverride .navbar .applicationSubtitle {
    font-style: normal;
    font-weight: bold;
    font-size: 9pt;
    color: black;
}

.rotOnTargetHeading {
    color: Green;
}

.rotNotOnTargetHeading {
    color: Red;
}

.rotEditWithRadio td {
    vertical-align: middle;
    text-align: left;
}

    .rotEditWithRadio td:first-child {
        text-align: right;
        line-height: 20px;
    }

/* Main Landing Pages */
.adminHomeLeft {
    float: left;
    padding: 0px 10px 0px 0px;
    width: 615px;
}

.adminHomeRight {
    float: right;
    width: 220px;
}

.mobi .adminHomeLeft {
    clear: left;
    float: none;
    width: 100%;
    padding: 0px 0px 15px 0px;
}

.mobi .adminHomeRight {
    clear: left;
    float: none;
    width: 100%;
    padding: 0px;
}

    .mobi .adminHomeRight table.callout {
        width: 100%;
        margin: 0px;
        background: none;
    }

        .mobi .adminHomeRight table.callout th {
            background: none;
            padding: 0px;
        }

        .mobi .adminHomeRight table.callout td {
            background: none;
            padding: 0px;
        }

            .mobi .adminHomeRight table.callout td A {
                text-decoration: underline;
                white-space: nowrap;
                padding-right: 8px;
            }

        .mobi .adminHomeRight table.callout ul {
            margin: 0px;
            padding: 0px;
        }

            .mobi .adminHomeRight table.callout ul li {
                display: inline-block;
            }
            /* horizontal wrap */
            * html .mobi .adminHomeRight table.callout ul li {
                display: inline;
            }
            /* IE6 */
            * + html .mobi .adminHomeRight table.callout ul li {
                display: inline;
            }
/* IE7 */


/* Year End Information Request Page */
.tabpanel {
    color: #ffffff;
    font-size: 14px;
    width: 195px;
    height: 35px;
    background-color: #dc661d;
    font-weight: bold;
    margin-left: 2px;
    margin-bottom: 2px;
    display: table;
    border-right: 1px solid #993300;
    border-bottom: 1px solid #993300;
}

    .tabpanel div {
        margin-left: 15px;
    }

    .tabpanel a {
        padding-top: 10px;
        padding-left: 5px;
        color: #ffffff;
        text-decoration: none;
        height: 100%;
        display: block;
    }

    .tabpanel :hover {
        background-color: #fab27b;
    }

.tabpanelselected {
    color: #ffffff;
    font-size: 14px;
    width: 195px;
    height: 35px;
    background-color: #fab27b;
    font-weight: bold;
    margin-left: 2px;
    margin-bottom: 2px;
    display: table;
    border-right: 1px solid #993300;
    border-bottom: 1px solid #993300;
}

    .tabpanelselected div {
        margin-left: 15px;
    }

    .tabpanelselected a {
        padding-top: 10px;
        padding-left: 5px;
        color: #ffffff;
        text-decoration: none;
        height: 100%;
        display: block;
    }

.subtabpanelselected table {
    font-size: 11px;
    width: 195px;
    margin-left: 2px;
}

.subtabpanelselected tr {
    background-color: #fcebc7;
}

.subtabpanelselected td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.subtabpanelselected tr:hover {
    background-color: #fcebc7;
}

.subtabtable table {
    font-size: 11px;
    width: 195px;
    margin-left: 2px;
}

.subtabtable td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.subtabtable tr:hover {
    background-color: #fcebc7;
}

.subtab {
    color: #0c388f;
    background-color: #f4f4f4;
}

.subtabalt {
    color: #0c388f;
    background-color: #ffffff;
}

.tabdetail {
    margin-left: 10px;
    margin-right: 10px;
}

.tabtitle {
    font-size: 15px;
    font-weight: bold;
    color: #666666;
}

.formnav {
    margin-right: 10px;
    width: 200px;
}

.alldetails {
    margin-left: 15px;
    color: #333333;
}

.tableBorderThin2 {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.gridview {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 2px #c1c1c1;
}

    .gridview td {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
        border: solid 2px #c1c1c1;
        color: #717171;
    }

    .gridview th {
        padding: 4px 2px 0px 10px;
        color: #ffffff;
        background-color: #8a2034;
        height: 30px;
        border-left: solid 2px #ffffff;
        border-right: solid 2px #c7c9c8;
        border-bottom: solid 2px #c7c9c8;
        border-top: solid 2px #dbdbdb;
        font-size: 0.9em;
        font-weight: bold;
    }

    .gridview .alt {
        background: #d4e8f8;
    }

    .gridview a {
        color: #666;
    }

        .gridview a:hover {
            color: #000;
            text-decoration: none;
        }

    .gridview tr:hover {
        background: #fcebc7;
    }

.ui-progressbar-value {
    background-image: url(/images/pbar-ani.gif);
}

.questionbox {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 99%;
}

.text-area {
    font-size: 1.1em;
}

.state-warning {
    background: #fefede;
    color: #cc9730;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.state-informational {
    background: #f8f7f7;
    color: #555555;
    margin-bottom: 10px;
    padding: 10px;
}

.state-error {
    background: #fcdfdf;
    color: #993333;
    margin-bottom: 10px;
    padding: 10px;
}

.panel-error {
    background-color: #fcdfdf;
}

.gridview-error {
    background-color: #fcdfdf;
}

.state-instructional-step-1 {
    background: #c6d8dc;
    color: #336666;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.state-instructional-step-2 {
    background: #d0eedf;
    color: #336666;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.tabactionbar {
    /*background:                 #f8f7f7;*/
    background: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

.tableth {
    padding: 4px 2px 0px 10px;
    color: #ffffff;
    background-color: #8a2034;
    height: 30px;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #c7c9c8;
    border-bottom: solid 1px #c7c9c8;
    border-top: solid 1px #dbdbdb;
    font-size: 0.9em;
    font-weight: bold;
}

.tablegridview {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #c1c1c1;
}

.tablegridviewtd {
    padding: 4px 2px 0px 10px;
    border: solid 1px #c1c1c1;
    color: #717171;
    height: 30px;
}

.tablegridviewth {
    padding: 4px 2px 0px 10px;
    color: #ffffff;
    background-color: #8a2034;
    height: 35px;
    border-left: solid 1px #c1c1c1;
    border-right: solid 1px #c1c1c1;
    border-bottom: solid 1px #c1c1c1;
    border-top: solid 1px #c1c1c1;
    font-size: 0.9em;
    font-weight: bold;
}

.legend {
    font-weight: bold;
    color: #8a2034;
    font-size: 12px;
}

.divspacing {
    height: 5px;
}
/* Auditor's Toolbox*/

.menuItem {
    padding: 6px;
}

    .menuItem.alt {
        background-color: #f4f4f4;
    }

    .menuItem.Selected {
        background-color: #FFD5A9;
    }

.WizardButton {
    display: none;
}

/* Progress bar */
div.progressbar {
    display: inline-block;
    padding-left: 5px;
}

    div.progressbar div {
        float: left;
        text-align: center;
        padding: 10px 10px 15px 10px;
    }

        div.progressbar div.completed {
            background: url('/images/progress_completed.png') no-repeat top center;
            color: Black;
        }

        div.progressbar div.touched {
            background: url('/images/progress_touched.png') no-repeat top center;
            color: Black;
        }

        div.progressbar div.grayed {
            background: url('/images/progress_grayed.png') no-repeat top center;
            color: Gray;
        }

        div.progressbar div.current {
            font-weight: bold;
        }

    div.progressbar a {
        text-decoration: none;
        color: Black;
    }

        div.progressbar a:hover {
            color: #DC661D;
        }

.error {
    color: Red;
    font-weight: bold;
}

.warning {
    color: #DC661D;
    font-weight: bold;
}

.success {
    color: Green;
    font-weight: bold;
}


/* Report Viewer fix for missing scrollbars on some reports in IE 11 */
#pnlReportViewer div {
    overflow: initial;
}

div[id*="ContentArea_RptReportViewer"] {
    overflow: hidden !important;
}

#pnlReportViewer [growrect] {
    height: auto !important;
}

#pnlReportViewer.portal td > div[id*="ContentArea_RptReportViewer"] {
    overflow: auto !important;
}

#pnlReportViewer div[dir="LTR"] {
    height: 790px !important;
    overflow: auto;
}



/* EbpDatePicker recommended */
div.ebpDatePicker {
    white-space: nowrap;
    display: inline;
}

    div.ebpDatePicker input {
        width: 80px;
    }

    div.ebpDatePicker img {
        margin-left: 2px;
    }
/* fix for cmgMasterPage */
div.ebpDatePicker {
    overflow: visible;
}

    div.ebpDatePicker div {
        overflow: visible;
    }

/* EbpConfirmButton recommended */
div.ebpConfirmPopup {
    border: 1px solid black;
    background: white;
    padding: 15px 15px 10px 15px;
    width: 220px;
}

    div.ebpConfirmPopup .message {
        clear: left;
        width: 100%;
        margin-bottom: 24px;
    }

    div.ebpConfirmPopup .buttons {
        clear: left;
        width: 100%;
        text-align: center;
    }

        div.ebpConfirmPopup .buttons input {
            margin-right: 6px;
            width: 75px;
        }

.ebpConfirmBackground {
    height: 100%;
    background-color: #EBEBEB;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* EbpCalendarView inside grid style*/
.EbpDatePickerGrid table {
    width: 0px;
    height: 0px;
}

    .EbpDatePickerGrid table tr td {
        padding: 0;
        margin: 0;
        border-style: none;
        color: black;
    }

.gridviewPYE {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 2px #c1c1c1;
}

    .gridviewPYE td {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 2px;
        padding-right: 1px;
        border: solid 2px #c1c1c1;
        color: #717171;
    }

    .gridviewPYE th {
        padding: 4px 0px 0px 4px;
        color: #ffffff;
        background-color: #8a2034;
        height: 30px;
        border-left: solid 2px #ffffff;
        border-right: solid 2px #c7c9c8;
        border-bottom: solid 2px #c7c9c8;
        border-top: solid 2px #dbdbdb;
        font-size: 0.9em;
        font-weight: bold;
    }

    .gridviewPYE .alt {
        background: #d4e8f8;
    }

    .gridviewPYE a {
        color: #666;
    }

        .gridviewPYE a:hover {
            color: #000;
            text-decoration: none;
        }

    .gridviewPYE tr:hover {
        background: #fcebc7;
    }

.gridViewPYEWrap {
    white-space: normal;
}

/*accordion panel for mas*/
.accordionContent {
    /*background-color: #D3DEEF;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px dashed #2F4F4F;
    border-style: solid solid solid;
    border-width: 1px 1px 1px;
    padding: 10px 5px 5px;
    border-radius: 5px;
    width:350px;
    margin-left: auto;*/
    /*background-color: #D3DEEF;*/
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    /* border-right: 1px dashed #2F4F4F; */
    /* border-style: solid solid solid; */
    /* border-width: 1px 1px 1px; */
    padding: 5px 5px 5px;
    border-radius: 5px;
    width: 350px;
    margin-left: auto;
}

    .accordionContent table {
        width: 100%;
        border-collapse: collapse;
    }

    .accordionContent td {
        border-style: none;
        background-color: gainsboro !important;
    }

.accordionHeaderSelected {
    background-image: url('/images/minus_grey.png');
    background-repeat: no-repeat;
    background-position: right center;
    color: white;
    cursor: pointer;
}

.accordionHeader {
    background-image: url('/images/plus_grey.png');
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

/*Styles for Modal popup in Investment Election Page*/

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.modalPopup {
    background-color: #FFFFFF;
    width: 630px;
    height: 175px;
    border: 1px solid black;
}

    .modalPopup .header {
        background-color: #2FBDF1;
        height: 120px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }

    .modalPopup .footer {
        padding: 3px;
    }

.ror-table {
    width: 100%;
}

    .ror-table th, .ror-table td {
        padding: 5px 7px !important;
    }

        .ror-table td:last-of-type, .ror-table th:last-of-type {
            padding: 5px 2px !important;
        }

    .ror-table td {
        text-align: center;
    }

.modalContactInfo {
    position: fixed;
    left: calc(50% - 200px);
    background-color: white;
    width: 400px;
    height: 290px;
    padding: 10px 10px 10px 10px;
    border: rgb(227, 136, 79) 2px solid;
    border-radius: 5px;
    display: none;
    box-shadow: 5px 5px 5px rgba(82, 82, 82, 0.4);
    margin-top: 0px;
}
    .modalContactInfo .header {
        background-color: #2FBDF1;
        height: 25px;
        color: White;
        line-height: 25px;
        /*text-align: center;*/
        font-weight: bold;
    }
    .modalContactInfo .body {
        padding-top:25px;
        min-height: 50px;
        line-height: 30px;
        /*text-align: center;*/
        font-weight: bold;
    }

    .modalContactInfo .footer {
        padding: 3px;
    }