/*  ==========================================================================================  */
/*      BEGIN - Common styles                                                                   */
/*  ==========================================================================================  */
.mpc-text-align-left {
    text-align: left;
}

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

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

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

.mpc-margin-bottom-15px {
    margin-bottom: 15px;
}

.mpc-padding-left-5px {
    padding-left: 5px;
}

.mpc-padding-left-15px {
    padding-left: 15px;
}

.mpc-padding-right-5px {
    padding-right: 5px;
}

.clear-both {
    clear: both;
}

.mpc-text-transform-none {
    text-transform: none !important;
}

.mpc-no-wrap {
    white-space: nowrap;
}
/*  ==========================================================================================  */
/*      END - Common styles                                                                   */
/*  ==========================================================================================  */


#mpc-complex-ui {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.00em;
    text-align: left;
    color: #555555;
    position: relative;
}

    #mpc-complex-ui .mpc-title {
        margin-top: 10px;
    }

        #mpc-complex-ui .mpc-title label {
            font-size: 1.8em;
            text-transform: none;
            color: #1A4572;
        }

    #mpc-complex-ui .mpc-sub-title {
        margin-top: 5px;
    }

        #mpc-complex-ui .mpc-sub-title label {
            font-weight: bold;
            text-transform: uppercase;
            color: #0081AB;
        }

    #mpc-complex-ui .mpc-divider-hr {
        background-color: #C8D8E7;
        height: 1px;
        margin: 10px 0 10px 0;
    }

    #mpc-complex-ui .mpc-change-options-divider-hr {
        background-color: #1A4572;
        height: 1px;
        margin: 10px 0 10px 0;
    }

    /*  ==========================================================================================  */
    /*      BEGIN - Progress Bar                                                                    */
    /*  ==========================================================================================  */
    #mpc-complex-ui .mpc-progress-bar {
        background: url("/desktopmodules/militarypaycalculators/images/ProgressBar030217notext.png") no-repeat;
    }

    #mpc-complex-ui .mpc-progress-bar-introduction {
        width: 1126px;
        height: 50px;
        display: inline-block;
        background-position: 0 0;
    }

#mpc-progress-bar-section {
    padding-bottom: 0px;
}

.step {
    /* equal widths
  flex:1;*/
}

div.MPCPagination {
    /*padding:0px 10px 20px 20px;*/
    /*font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
    text-align:center;
    list-style:none;
    padding:0;
    margin:0;*/
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 1070px;
}

div.IntroPagination {
    width: 12%;
    padding-left: 21px;
}

div.PIPagination {
    text-align: center;
    width: 9%;
    padding-left: 48px;
}

div.RIPagination {
    text-align: center;
    width: 11.4%;
    padding-left: 57px;
}

div.CPPagination {
    text-align: center;
    width: 9.3%;
    padding-left: 47px;
}

div.BPPagination {
    text-align: right;
    width: 10.3%;
    padding-left: 32px;
}

div.LSPagination {
    width: 13%;
    text-align: right;
    padding-left: 23px;
}

div.ResultsPagination {
    width: 14.5%;
    text-align: right;
}

.yet-to-be-used {
    color: #C3C3C3;
    pointer-events: none;
}

.current-nav-area {
    color: #0081AB;
    pointer-events: none;
}

.can-be-used {
    color: #C3C3C3;
    pointer-events: all;
}

.used-text-navigation {
    color: #1A4572;
    pointer-events: all;
}

.used-text-navigation-no-click {
    color: #1A4572;
    pointer-events: none;
}

#mpc-complex-ui .mpc-progress-bar-personal-information {
    width: 1126px;
    height: 50px;
    display: inline-block;
    background-position: 0 -88px;
}

#mpc-complex-ui .mpc-progress-bar-retirement-savings {
    width: 1126px;
    height: 50px;
    display: inline-block;
    background-position: 0 -176px;
}

#mpc-complex-ui .mpc-progress-bar-career-progression {
    width: 1126px;
    height: 50px;
    display: inline-block;
    background-position: 0 -264px;
}

#mpc-complex-ui .mpc-progress-bar-bonuses-and-payments {
    width: 1126px;
    height: 50px;
    display: inline-block;
    background-position: 0 -352px;
}

#mpc-complex-ui .mpc-progress-bar-lump-sum {
    width: 1126px;
    height: 50px;
    display: inline-block;
    background-position: 0 -440px;
}

#mpc-complex-ui .mpc-progress-bar-results {
    width: 1126px;
    height: 50px;
    display: inline-block;
    background-position: 0 -528px;
    overflow-y: auto;
    overflow-x: hidden;
}

#mpc-complex-ui .mpc-wizard-fieldset-container .mpc-wizard-fieldset-career-progression {
    width: 50%;
    margin: auto;
    border: solid 1px #000000;
}

#mpc-complex-ui .mpc-wizard-fieldset-container .mpc-wizard-bonuses-and-payments-amount, .mpc-wizard-bonuses-and-payments-tsp-percentage {
    width: 100px;
}
/*  ==========================================================================================  */
/*      END - Progress Bar                                                                      */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Change Options title image                                                      */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-change-options-title-image {
    background: url("/desktopmodules/militarypaycalculators/images/change-options-section-images.png") no-repeat;
}

#mpc-complex-ui .mpc-change-options-title-image-personal-information {
    width: 68px;
    height: 53px;
    display: inline-block;
    background-position: 0 -0px;
}

#mpc-complex-ui .mpc-change-options-title-image-retirement-information {
    width: 68px;
    height: 53px;
    display: inline-block;
    background-position: 0 -53px;
}

#mpc-complex-ui .mpc-change-options-title-image-career-progression {
    width: 68px;
    height: 53px;
    display: inline-block;
    background-position: 0 -106px;
}

#mpc-complex-ui .mpc-change-options-title-image-bonuses-and-payments {
    width: 68px;
    height: 53px;
    display: inline-block;
    background-position: 0 -159px;
}

#mpc-complex-ui .mpc-change-options-title-image-lump-sum {
    width: 68px;
    height: 53px;
    display: inline-block;
    background-position: 0 -212px;
}

.mpc-change-options-not-eligible, .mpc-change-options-career-progression-error {
    text-align: left;
    color: red;
}
/*  ==========================================================================================  */
/*      END - Change Options title image                                                        */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Wizard                                                                          */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-box {
    padding: 15px;
    margin-top: 15px;
}

#mpc-complex-ui .mpc-box-blue {
    background-color: #C8D8E7;
}

#mpc-complex-ui .mpc-box-gray {
    background-color: #C3C3C3;
}

#mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container {
    min-height: 34px;
}

#mpc-complex-ui .mpc-wizard-fieldset label, select, input {
    display: inline-block;
    font-size: 1.4em;
    color: #000000;
}

#mpc-complex-ui .mpc-wizard-fieldset div.mpc-wizard-fieldset-container-left {
    width: 52%;
    padding-right: 5px;
}

    #mpc-complex-ui .mpc-wizard-fieldset div.mpc-wizard-fieldset-container-left label {
        text-align: right;
        width: 100%;
        padding-top: 7px;
        color: #000000;
    }

#mpc-complex-ui .mpc-wizard-fieldset div.mpc-wizard-fieldset-container-left, div.mpc-wizard-fieldset-container-right {
    float: left;
    padding-bottom: 2px;
}

#mpc-complex-ui #mpc-wizard-results-tabs-section {
    margin-top: 15px;
}
/*  ==========================================================================================  */
/*      END - Wizard                                                                            */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Wizard Steps                                                                    */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-wizard-step-title {
    text-align: left;
    padding-bottom: 25px;
    padding-left: 10px;
}

    #mpc-complex-ui .mpc-wizard-step-title label {
        text-transform: none;
        color: #1A4572;
        font-size: 2em;
    }

#mpc-complex-ui .mpc-input-current-component input[type="radio"] {
    margin-right: 10px;
}

#mpc-complex-ui .mpc-input-current-component label {
    margin-right: 30px;
}

#mpc-complex-ui #mpc-wizard-section input[type="text"] {
    width: 41px;
    text-align: right;
}

#mpc-complex-ui #mpc-wizard-section select,
#mpc-complex-ui #mpc-wizard-section input[type="text"] {
    padding: 5px;
    font-size: 1.4em;
}

#mpc-complex-ui #mpc-wizard-step-2 #mpc-inferred-reserve-component-section input {
    width: 100px;
}

/*ensure the jquery UI background is not overwritten on click to white by the link styles from skin.css*/
#mpc-wizard-results-tabs-section #mpc-wizard-results-tabs .ui-state-active > a:link {
    background: #007fff !important;
}

#mpc-complex-ui #mpc-wizard-results-tabs-section #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-overview-header {
    width: 50%;
    float: left;
    text-align: center;
}

    #mpc-complex-ui #mpc-wizard-results-tabs-section #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-overview-header label {
        font-size: 1.33em;
        color: #000000;
        text-transform: none;
    }

    #mpc-complex-ui #mpc-wizard-results-tabs-section #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-overview-header .mpc-retirement-benefit {
        font-size: 2.2em;
        font-weight: bold;
        padding-top: 10px;
        display: block;
    }

    #mpc-complex-ui #mpc-wizard-results-tabs-section #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-overview-header .mpc-system-title {
        font-size: 2em;
        color: #1A4572;
        text-transform: none;
        font-weight: bold;
    }

    #mpc-complex-ui #mpc-wizard-results-tabs-section #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-overview-header #mpc-complex-ui-results-tab-overview-footer-hi3-pension-amount {
        font-size: 2.0em;
        color: #000000;
        text-transform: none;
        font-weight: bold;
    }

#mpc-complex-ui .mpc-complex-ui-results-tab-summary-of-payments-continuation-pay-amount-span {
    width: 200px;
    background-color: #009384;
    display: inline-block;
}

    #mpc-complex-ui .mpc-complex-ui-results-tab-summary-of-payments-continuation-pay-amount-span label {
        line-height: 1.4em;
        font-size: 12px;
    }

#mpc-complex-ui #mpc-wizard-results-tabs-section .mpc-complex-ui-results-tab {
    min-height: 100px;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-to-get-nice-styling {
    padding: 15px;
    background-color: #C8D8E7;
    margin: 0 auto;
    margin-top: 25px;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview #mpc-complex-ui-results-tab-graph .highcharts-container {
    margin: 0 auto;
    width: 95%;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-section {
    margin-top: 25px;
}


#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-title {
    text-align: center;
    line-height: 3em;
}

    #mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-title label {
        color: #1A4572;
        font-size: 3em;
        text-transform: none;
        display: block;
    }

#mpc-complex-ui #mpc-complex-ui-results-tab-overview #mpc-complex-ui-results-tab-summary-of-payments-display-type {
    font-size: 1.3em;
    font-weight: bold;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}

    #mpc-complex-ui #mpc-complex-ui-results-tab-overview #mpc-complex-ui-results-tab-summary-of-payments-display-type label {
        font-size: 1em;
    }

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table {
    width: 100%;
}

    #mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table tr {
        background-color: #ffffff;
    }

    #mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table thead th {
        text-align: center !important;
        padding: 5px;
        background-color: #C8D8E7;
        font-size: 1.25em;
        font-weight: bold;
        text-transform: none;
        color: #000000;
    }

        #mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table thead th:first-child + th {
            background-color: #fff;
        }

.mpc-complex-ui-results-tab-summary-of-payments-footer-table tr {
    background-color: #ffffff;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table thead th label {
    font-size: 1.25em;
    font-weight: bold;
    text-transform: none;
    color: #000000;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table tbody td .mpc-results-overview-label {
    font-size: 1.0em;
    text-transform: none;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-table-label-left-col {
    text-align: right;
    width: 50%;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-table-label-right-col {
    text-align: left;
    padding-left: 15px;
    width: 50%;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-total-retirement-benefit-amount {
    font-size: 2em;
    color: #000000;
    font-weight: bold;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-hi3-pension-amount,
#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-pension-amount,
#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-member-tsp,
#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-govt-tsp {
    color: #000000;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-pension-amount-container {
    text-align: right;
    width: 50%;
    background-color: #f7a35d;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-pension-amount-container-pv {
    text-align: right;
    width: 50%;
    background-color: #C3C3C3;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-member-tsp-container {
    text-align: right;
    background-color: #ffd700;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-member-tsp-container-pv {
    text-align: right;
    background-color: #C3C3C3;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-govt-tsp-container {
    text-align: right;
    background-color: #90ee7d;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-brs-govt-tsp-container-pv {
    text-align: right;
    background-color: #ffffff;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table table {
    margin: auto;
    width: 75%;
    margin-top: 15px;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-hi3-pension-percentage-container {
    text-align: right;
    padding-right: 15px;
    width: 50%;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-hi3-pension-amount-container {
    text-align: left;
    background-color: #7f85ea;
}

#mpc-complex-ui #mpc-complex-ui-results-tab-overview .mpc-complex-ui-results-tab-summary-of-payments-footer-table .mpc-complex-ui-results-tab-summary-of-payments-footer-hi3-pension-amount-container-pv {
    text-align: left;
    background-color: #C3C3C3;
}



/*  ==========================================================================================  */
/*      BEGIN - Table css grey TH blue alt                                                      */
/*  ==========================================================================================  */

.mpc-greyheader-bluealtTable {
    width: 100%;
    border-collapse: collapse;
    outline: solid 1.5px #1A4572;
    text-align: center;
}

    .mpc-greyheader-bluealtTable td {border: 3px solid white;}
    .mpc-greyheader-bluealtTable th {border: 3px solid white;}

    /* ensure no cellspacing on outer edges*/
    .mpc-greyheader-bluealtTable tr:first-child th {border-top: 0}
    .mpc-greyheader-bluealtTable tr:last-child td {border-bottom: 0}

    .mpc-greyheader-bluealtTable th:first-child {border-left: 0;}
    .mpc-greyheader-bluealtTable th:last-child {border-right: 0;}
    .mpc-greyheader-bluealtTable td:first-child {border-left: 0;}
    .mpc-greyheader-bluealtTable td:last-child {border-right: 0;}

    .mpc-greyheader-bluealtTable thead tr th {
        background-color: #bfbfbf;
        padding: 3px;
    }

    .mpc-greyheader-bluealtTable thead label {
        text-transform: none;
        color: #000;
        font-size: 1em;
        font-weight: bolder;
    }

    .mpc-greyheader-bluealtTable tfoot td {
        text-transform: none;
        background-color: #fff;
        color: #000000;
        text-align: left;
    }

    .mpc-greyheader-bluealtTable tbody {
        text-align: center;
        font-weight: normal;
    }

    .mpc-greyheader-bluealtTable tbody label, .mpc-greyheader-bluealtTable tbody td {
        text-transform: none;
        color: #000;
        font-size: 1em;
        padding: 1px 2px;
    }

    .mpc-greyheader-bluealtTable .left-just {text-align: left;}
    .mpc-greyheader-bluealtTable tr:nth-child(odd) {background: #C8D8E7;}
    tr:nth-child(even) {background: #F5F5F5;}

/*  ==========================================================================================  */
/*      END - Table css grey TH blue alt                                                        */
/*  ==========================================================================================  */

#mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-high-36-table,
#mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-user-career-progression-high-36-table,
#mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-table,
#mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-career-progression-table {
    margin: auto;
    overflow: auto;
    height: 200px;
    display: inline-block;
    border-spacing: 3px;
    border-collapse: separate;
    border: solid 1px #000000;
}

    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-high-36-table thead th,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-user-career-progression-high-36-table thead th,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-table thead th,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-career-progression-table thead th {
        background-color: #f7f7f7;
        width: 75px;
        font-weight: bold;
        color: #000000;
    }

    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-high-36-table thead tr:first-child th,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-user-career-progression-high-36-table thead tr:first-child th,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-table thead tr:first-child th,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-career-progression-table thead tr:first-child th {
        background-color: darkgray;
    }

    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-high-36-table tbody input[type="text"],
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-user-career-progression-high-36-table tbody input[type="text"],
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-table tbody input[type="text"],
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-career-progression-table tbody input[type="text"] {
        padding: 0;
        font-size: 1em;
        width: 50px;
    }

    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-high-36-table tbody select,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-user-career-progression-high-36-table tbody select,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-table tbody select,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-career-progression-table tbody select {
        padding: 0;
        font-size: 1em;
        width: 50px;
    }


    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-high-36-table tbody label,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-user-career-progression-high-36-table tbody label,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #user-career-progression-table tbody label,
    #mpc-complex-ui .mpc-wizard-fieldset > .mpc-wizard-fieldset-container > #change-options-career-progression-table tbody label {
        text-transform: none;
        color: #1A4572;
        font-size: 1em;
    }

#mpc-complex-ui .mpc-wizard-bonuses-and-payments-disabled {
    background-color: rgb(235, 235, 228);
    color: darkgray;
}
/*  ==========================================================================================  */
/*      END - Wizard Steps                                                                      */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Wizard Instructions                                                             */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-instructions-section {
    margin-top: 5px;
    margin-bottom: 5px;
}

#mpc-complex-ui .mpc-instructions-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #1A4572;
    margin-top: 30px;
    margin-bottom: 15px;
}

    #mpc-complex-ui .mpc-instructions-title label {
        font-weight: bold;
        text-transform: none;
        color: #1A4572;
    }

#mpc-complex-ui .mpc-instructions {
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

    #mpc-complex-ui .mpc-instructions label {
    }

/*  ==========================================================================================  */
/*      END - Wizard Instructions                                                               */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Wizard Navigation                                                               */
/*  ==========================================================================================  */

#mpc-complex-ui #mpc-wizard-section {
    margin-top: 25px;
}

#mpc-complex-ui .mpc-wizard-navigation {
    margin-top: 25px;
    text-align: right;
}

#mpc-complex-ui .mpc-wizard-navigation-centered {
    margin-top: 25px;
    text-align: center;
}

#mpc-complex-ui .mpc-wizard-navigation .mpc-wizard-navigation-button-get-started-left, #mpc-complex-ui .mpc-wizard-navigation .mpc-wizard-navigation-button-get-started-right,
#mpc-complex-ui .mpc-wizard-navigation .mpc-wizard-navigation-button-back-left, #mpc-complex-ui .mpc-wizard-navigation .mpc-wizard-navigation-button-back-right,
#mpc-complex-ui .mpc-wizard-navigation .mpc-wizard-navigation-button-next-left, #mpc-complex-ui .mpc-wizard-navigation .mpc-wizard-navigation-button-next-right, .mpc-wizard-export {
    float: left;
}

    #mpc-complex-ui .mpc-wizard-navigation-button-get-started, .mpc-wizard-navigation-button-get-started i, label,
    #mpc-complex-ui .mpc-wizard-navigation-button-print,
    .mpc-wizard-navigation-button-print i, label,
    #mpc-complex-ui .mpc-wizard-navigation-button-change-options,
    .mpc-wizard-navigation-button-change-options i, label,
    #mpc-complex-ui .mpc-wizard-navigation-button-next,
    .mpc-wizard-navigation-button-next i, label,
    #mpc-complex-ui .mpc-wizard-navigation-button-back,
    .mpc-wizard-navigation-button-back i, label, .mpc-wizard-export i, label {
        cursor: pointer;
    }

#mpc-complex-ui .mpc-wizard-navigation-button-get-started,
#mpc-complex-ui .mpc-wizard-navigation-button-get-started,
#mpc-complex-ui .mpc-wizard-navigation-button-back,
#mpc-complex-ui .mpc-wizard-navigation-button-next,
#mpc-complex-ui .mpc-wizard-navigation-button-print,
#mpc-complex-ui .mpc-wizard-navigation-button-change-options,
#mpc-complex-ui .mpc-wizard-export {
    line-height: 24px;
}

#mpc-complex-ui .mpc-wizard-navigation-button-get-started-text {
    font-size: 2em;
    text-transform: uppercase;
}

#mpc-complex-ui .mpc-wizard-navigation-button-back-text, #mpc-complex-ui .mpc-wizard-navigation-button-next-text {
    font-size: 1.3em;
    text-transform: uppercase;
}

#mpc-complex-ui .mpc-wizard-navigation-button-get-started > .mpc-wizard-fieldset-container-right,
#mpc-complex-ui .mpc-wizard-navigation-button-back > .mpc-wizard-fieldset-container-right,
#mpc-complex-ui .mpc-wizard-navigation-button-next > .mpc-wizard-fieldset-container-left,
#mpc-complex-ui .mpc-wizard-navigation-button-print > mpc-wizard-fieldset-container-left,
#mpc-complex-ui .mpc-wizard-navigation-button-change-options > mpc-wizard-fieldset-container-left {
    float: left;
    margin-top: 1px;
}

#mpc-complex-ui .mpc-wizard-navigation-button-get-started > .mpc-wizard-fieldset-container-right,
#mpc-complex-ui .mpc-wizard-navigation-button-back > .mpc-wizard-fieldset-container-right,
#mpc-complex-ui .mpc-wizard-navigation-button-next > .mpc-wizard-fieldset-container-right,
#mpc-complex-ui .mpc-wizard-navigation-button-print > .mpc-wizard-fieldset-container-right,
#mpc-complex-ui .mpc-wizard-navigation-button-change-options > .mpc-wizard-fieldset-container-right {
    float: left;
}

#mpc-complex-ui .mpc-wizard-navigation-button-get-started {
    text-align: center;
    padding: 20px 40px 20px 40px;
    display: inline-block;
    background-color: #1A4572;
    color: #ffffff;
}

#mpc-complex-ui .mpc-wizard-navigation-button-back {
    text-align: center;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    background-color: #C0C0C0;
    color: #ffffff;
}

#mpc-complex-ui .mpc-wizard-export {
    text-align: center;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    background-color: #C0C0C0;
    color: #ffffff;
}

#mpc-complex-ui .mpc-wizard-navigation-button-back-white-border {
    border: solid 1px #ffffff;
}

#mpc-complex-ui .mpc-wizard-navigation-button-next,
#mpc-complex-ui .mpc-wizard-navigation-button-print,
#mpc-complex-ui .mpc-wizard-navigation-button-change-options {
    text-align: center;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    background-color: #1A4572;
    color: #ffffff;
}
/*  ==========================================================================================  */
/*      END - Wizard Navigation                                                                 */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Tooltips                                                                        */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-tooltip {
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
}
/*  ==========================================================================================  */
/*      END - Tooltips                                                                          */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Disclaimer                                                                      */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-disclaimer-container {
    margin-top: 25px;
    margin-bottom: 25px;
}

    #mpc-complex-ui .mpc-disclaimer-container label {
        text-align: justify;
        color: #C3C3C3;
    }

/* Need to shrink the font on the results screen*/
#mpc-wizard-results-tabs-section .mpc-disclaimer-container {
    font-size: .5em !Important;
}
/*  ==========================================================================================  */
/*      END - Disclaimer                                                                        */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - Message                                                                         */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-message-container {
    margin: 10px 0 10px 0;
    padding: 15px;
}

#mpc-complex-ui .mpc-message-image-container {
    width: 54px;
    padding-right: 15px;
}

#mpc-complex-ui .mpc-message-image {
    background: url("/desktopmodules/militarypaycalculators/images/message-sprite.png") no-repeat;
}

#mpc-complex-ui .mpc-message-image-information {
    width: 54px;
    height: 40px;
    display: inline-block;
    background-position: 0 0;
}

#mpc-complex-ui .mpc-message-image-error {
    width: 54px;
    height: 40px;
    display: inline-block;
    background-position: 0 -40px;
}

#mpc-complex-ui .mpc-message-container table {
    width: 100%;
}

#mpc-complex-ui .mpc-message-error {
    border: solid 1px red;
}

#mpc-complex-ui .mpc-message-text-title-container {
    vertical-align: middle;
    width: 15%;
    padding-right: 15px;
}

    #mpc-complex-ui .mpc-message-text-title-container label {
        text-transform: none;
        font-weight: bold;
        font-size: 2.0em;
        color: #ec2227;
    }

#mpc-complex-ui .mpc-message-text-container {
    vertical-align: middle;
}

    #mpc-complex-ui .mpc-message-text-container label {
        color: #b11f25;
    }
/*  ==========================================================================================  */
/*      END - Message                                                                           */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - User validation                                                                 */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-field-required-error {
    border: solid 1px red;
}

#mpc-complex-ui .mpc-field-required-error-thick {
    border: solid 2px red;
}
/*  ==========================================================================================  */
/*      END - User validation                                                                   */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - More Info                                                                       */
/*  ==========================================================================================  */
#mpc-complex-ui .mpc-more-info-container {
    margin: 10px 0 10px 0;
    padding: 15px;
}

#mpc-complex-ui .mpc-more-info-image-container {
    padding-right: 15px;
    vertical-align: middle;
    width: 71px;
}

.mpc-more-info-container td {
    background-color: #ffffff;
}

#mpc-complex-ui .mpc-more-info-image {
    vertical-align: middle;
    background: url("/desktopmodules/militarypaycalculators/images/message-sprite.png") no-repeat;
}

#mpc-complex-ui .mpc-more-info-image-information {
    width: 54px;
    height: 40px;
    display: inline-block;
    background-position: 0 0;
}

#mpc-complex-ui .mpc-more-info-container table {
    width: 100%;
}

#mpc-complex-ui .mpc-more-info-text-title-container {
    vertical-align: middle;
    width: 15%;
    padding-right: 15px;
}

    #mpc-complex-ui .mpc-more-info-text-title-container label {
        text-transform: none;
        font-weight: bold;
        font-size: 2.0em;
        color: #0081AB;
    }

#mpc-complex-ui .mpc-more-info {
    margin-top: 10px;
    border: solid 1px #C3C3C3;
    padding: 15px;
}

#mpc-complex-ui .mpc-more-info-links-container {
    vertical-align: middle;
    padding-right: 15px;
}

    #mpc-complex-ui .mpc-more-info-links-container li {
        font-weight: bold;
        padding-bottom: 2px;
        text-decoration: underline;
        list-style-type: none;
        cursor: pointer;
        margin: 0 0 3px 0;
    }

        #mpc-complex-ui .mpc-more-info-links-container li a {
            color: #0081AB;
        }

#MpcImageUploadControl > .dnnFormItem > .dnnFormMessage {
    left: 326px;
    position: relative;
    text-align: left;
}
/*  ==========================================================================================  */
/*      END - More Info                                                                         */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      BEGIN - More Info Popup                                                                 */
/*  ==========================================================================================  */

/* big text, dark blue */
.mpc-media-inline-popup .mpc-bigtext-dkblue {
    color: #1A4572;
    font-size: 2em;
    line-height: 1.1;
    float: left;
    margin-right: 40px;
    margin-left: 10px;
    width: 70%;
    text-align: left;
}

.mpc-media-inline-popup ul li {
    list-style-position: inside;
}

/* dark blue text */
.mpc-media-inline-popup .mpc-dkblue {
    color: #1A4572;
    text-align: justify;
    padding-top: 15px;
}

.mpc-media-inline-popup .mpc-more-info-image {
    width: 68px;
    height: 52px;
    background: url("/desktopmodules/militarypaycalculators/images/changeoptions013017.png") 0 -364px no-repeat;
    display: inline-block;
    float: left;
}

/*  ==========================================================================================  */
/*      END - More Info Popup                                                                   */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      Begin - Hover Popup                                                                     */
/*  ==========================================================================================  */
.mpc-wizrd-hover-tool-tip {
    visibility: hidden;
    padding: 20px;
    border: 1px solid #1A4572;
    background-color: #FFF;
    text-align: left;
    width: 300px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 25px;
    left: 25px;
    -moz-text-decoration-color: #0081AB; /* Code for Firefox */
    text-decoration-color: #0081AB;
}

.mpcPopHoverText:hover .mpc-wizrd-hover-tool-tip {
    visibility: visible;
}

#mpc-complex-ui .mpcPopHoverText {
    display: inline;
    position: relative;
}

.mpc-wizard-fieldset-container .mpc-tooltip {
    color: #000000;
    text-decoration: underline;
    text-decoration-color: #0081AB;
}

.mpc-wizrd-hover-tool-tip .mpc-lgtitle-dkblue {
    color: #1A4572;
    font-weight: bold;
    margin-bottom: 5px;
}

/* dark blue text */
.mpc-wizrd-hover-tool-tip .mpc-dkblue {
    color: #1A4572;
    font-size: smaller;
    font-weight: normal;
    text-align: justify;
}

/*  ==========================================================================================  */
/*      End - Hover Popup                                                                       */
/*  ==========================================================================================  */

/*  ==========================================================================================  */
/*      Begin - Change Options                                                                  */
/*  ==========================================================================================  */
#mpc-complex-ui #mpc-change-options-other-payments-section,
#mpc-complex-ui #mpc-change-options-lump-sum-section {
    padding: 0 0 20px 0;
}

    #mpc-complex-ui #mpc-change-options-other-payments-section.mpc-change-options-other-payments-section-error,
    #mpc-complex-ui #mpc-change-options-lump-sum-section.mpc-change-options-lump-sum-section-error {
        background-color: darkgray;
    }

    #mpc-complex-ui #mpc-change-options-other-payments-section.mpc-change-options-other-payments-section-error,
    #mpc-complex-ui #mpc-change-options-lump-sum-section.mpc-change-options-lump-sum-section-error {
        background-color: darkgray;
    }
/*  ==========================================================================================  */
/*      End - Change Options                                                                  */
/*  ==========================================================================================  */

/*  HighCharts - BEGIN  */
#tooltip-lump-sum {
    background-color: white;
    padding: 10px;
    border: 1px solid green;
    width: 100px;
    color: green;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
}
/*  HighCharts - END    */

#mpc-complex-ui .mpc-tab-container {
    width: 800px;
    margin: 0 auto;
}

#mpc-complex-ui ul.mpc-tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    #mpc-complex-ui ul.mpc-tabs li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
    }

        #mpc-complex-ui ul.mpc-tabs li.current {
            background: #ededed;
            color: #222;
        }

#mpc-complex-ui .mpc-tab-content {
    display: none;
    background: #ededed;
    padding: 15px;
}

    #mpc-complex-ui .mpc-tab-content.current {
        display: inherit;
    }

/*End of Jim's Jquery Tab CSS Fix*/

/*  BEGIN - Modal setings  */
/*  http://stackoverflow.com/questions/1964839/how-can-i-create-a-please-wait-loading-animation-using-jquery  */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/desktopmodules/militarypaycalculators/images/loading.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our modal element will be visible */
    body.loading .modal {
        display: block;
    }
/*  END - Modal stings  */

/*Settings UI-Fix for fixing issue caused by Jquery UI*/
.dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0px;
    overflow: auto;
    background: #fff;
    zoom: 1;
    width: 100% !important;
    padding-top: 10px;
    left: 65px !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    left: 58px !important;
}

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
    float: right;
    display: block;
    height: 18px;
    width: 30px;
    margin: 4px 4px 0 1px;
    overflow: hidden;
    border: none;
    outline: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-position: 8px 4px;
    text-indent: -9999em;
    min-width: 0 !important;
    top: 0px !important;
    left: 35px;
}

.dnnFormPopup .dnnModalCtrl {
    display: block;
    position: absolute;
    top: -3px;
    right: 0px;
    width: 69px;
    height: 26px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    box-shadow: 0px 0px 5px #666;
}
/*End Jquery-UI Fix*/
a.export-all-numbers-by-month-table, a.export-rc-numbers-by-month-table, a.export-all-numbers-by-month-table:hover, a.export-all-numbers-by-month-table:active, a.export-all-numbers-by-month-table:visited {
    color: #fff;
    font-weight: bold;
}

#mpc-output-all-numbers-by-month-table, #brs-output-all-numbers-rc-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    #mpc-output-all-numbers-by-month-table td:nth-child(1), #mpc-output-all-numbers-by-month-table th:nth-child(1) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(2), #mpc-output-all-numbers-by-month-table th:nth-child(2) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(3), #mpc-output-all-numbers-by-month-table th:nth-child(3) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(4), #mpc-output-all-numbers-by-month-table th:nth-child(4) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(5), #mpc-output-all-numbers-by-month-table th:nth-child(5) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(6), #mpc-output-all-numbers-by-month-table th:nth-child(6) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(7), #mpc-output-all-numbers-by-month-table th:nth-child(7) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(8), #mpc-output-all-numbers-by-month-table th:nth-child(8) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(9), #mpc-output-all-numbers-by-month-table th:nth-child(9) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(10), #mpc-output-all-numbers-by-month-table th:nth-child(10) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(11), #mpc-output-all-numbers-by-month-table th:nth-child(11) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(12), #mpc-output-all-numbers-by-month-table th:nth-child(12) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(13), #mpc-output-all-numbers-by-month-table th:nth-child(13) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(14), #mpc-output-all-numbers-by-month-table th:nth-child(14) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(15), #mpc-output-all-numbers-by-month-table th:nth-child(15) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(16), #mpc-output-all-numbers-by-month-table th:nth-child(16) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(17), #mpc-output-all-numbers-by-month-table th:nth-child(17) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(18), #mpc-output-all-numbers-by-month-table th:nth-child(18) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(19), #mpc-output-all-numbers-by-month-table th:nth-child(19) {
        min-width: 100px;
    }

    #mpc-output-all-numbers-by-month-table td:nth-child(20), #mpc-output-all-numbers-by-month-table th:nth-child(20) {
        min-width: 100px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(1), #brs-output-all-numbers-rc-table th:nth-child(1) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(2), #brs-output-all-numbers-rc-table th:nth-child(2) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(3), #brs-output-all-numbers-rc-table th:nth-child(3) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(4), #brs-output-all-numbers-rc-table th:nth-child(4) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(5), #brs-output-all-numbers-rc-table th:nth-child(5) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(6), #brs-output-all-numbers-rc-table th:nth-child(6) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(7), #brs-output-all-numbers-rc-table th:nth-child(7) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(8), #brs-output-all-numbers-rc-table th:nth-child(8) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(9), #brs-output-all-numbers-rc-table th:nth-child(9) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(10), #brs-output-all-numbers-rc-table th:nth-child(10) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(11), #brs-output-all-numbers-rc-table th:nth-child(11) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(12), #brs-output-all-numbers-rc-table th:nth-child(12) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(13), #brs-output-all-numbers-rc-table th:nth-child(13) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(14), #brs-output-all-numbers-rc-table th:nth-child(14) {
        min-width: 150px;
    }

    #brs-output-all-numbers-rc-table td:nth-child(15), #brs-output-all-numbers-rc-table th:nth-child(15) {
        min-width: 150px;
    }

    #mpc-output-all-numbers-by-month-table thead tr {
        display: block;
        position: relative;
        overflow-x: scroll;
    }

    #mpc-output-all-numbers-by-month-table tbody {
        display: block;
        overflow: auto;
        width: 100%;
        height: 500px;
    }

#mpc-complex-ui-results-tab-all-numbers {
    height: 700px;
}

#brs-output-all-numbers-rc-table thead tr {
    display: block;
    position: relative;
    overflow-x: scroll;
}

#brs-output-all-numbers-rc-table tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 500px;
}

#mpc-complex-ui-results-tab-rc-numbers {
    height: 700px;
}