a:active {
    color: #003399;
}

a:hover {
    color: #003366;
}

a:link {
    color: #003399;
}

a:visited {
    color: #003366;
}

a.medred {
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

    a.medred:link {
        color: #ff0000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
    }

    a.medred:visited {
        color: #ff0000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
    }

a.smredbold:link {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

a.smredbold:visited {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

a.smredbold:hover {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

a.medredbold:link {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

a.medredbold:visited {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

a.medredbold:hover {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

a.lrgbluebold:link {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

a.lrgbluebold:visited {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

a.lrgbluebold:hover {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

a.scoring_criteria:link {
    color: #3300cc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.scoring_criteria:visited {
    color: #3300cc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.scoring_criteria:hover {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.passed:link {
    color: #ffffcc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.passed:visited {
    color: #ffffcc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.passed:hover {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.failed:link {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.failed:visited {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.failed:hover {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a.medbluebold:link {
    color: #3300cc;
    font-weight: bold;
    font-size: 9pt;
}

a.medbluebold:visited {
    color: #3300cc;
    font-weight: bold;
    font-size: 9pt;
}

a.medbluebold:hover {
    color: #0066ff;
    font-weight: bold;
    font-size: 9pt;
}

a.medwhitebold:link {
    color: #ffffff;
    font-weight: bold;
    font-size: 8pt;
}

a.medwhitebold:visited {
    color: #ffffff;
    font-weight: bold;
    font-size: 8pt;
}

a.medwhitebold:hover {
    color: #ffffff;
    font-weight: bold;
    font-size: 8pt;
}

a.medblackbold:link {
    color: #000000;
    font-weight: bold;
    font-size: 10pt;
}

a.medblackbold:visited {
    color: #000000;
    font-weight: bold;
    font-size: 10pt;
}

a.medblackbold:hover {
    color: #003399;
    font-weight: bold;
    font-size: 10pt;
}

a.medblackbold2:link {
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
}

a.medblackbold2:visited {
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
}

a.medblackbold2:hover {
    color: #003399;
    font-weight: bold;
    font-size: 9pt;
}

a.smblack:link {
    color: #000000;
    font-size: 8pt;
}

a.smblack:visited {
    color: #000000;
    font-size: 8pt;
}

a.smblack:hover {
    color: #003399;
    font-size: 8pt;
}

a.navigation:link {
    color: #000066;
    font-weight: bold;
    font-size: 9pt;
}

a.navigation:visited {
    color: #000066;
    font-weight: bold;
    font-size: 9pt;
}

a.navigation:hover {
    color: #336699;
    font-weight: bold;
    font-size: 9pt;
}

a.left_nav:link {
    color: #000099;
    font-size: 9pt;
}

a.left_nav:visited {
    color: #000099;
    font-size: 9pt;
}

a.left_nav:hover {
    color: #336699;
    font-size: 9pt;
}

a.forgot_password:link {
    color: #0033cc;
    font-weight: bold;
    font-size: 9pt;
}

a.forgot_password:visited {
    color: #0033cc;
    font-weight: bold;
    font-size: 9pt;
}

a.forgot_password:hover {
    color: #336699;
    font-weight: bold;
    font-size: 9pt;
}

a.test_system:link {
    color: #000099;
    font-weight: bold;
    font-size: 8pt;
}

a.test_system:visited {
    color: #000099;
    font-weight: bold;
    font-size: 8pt;
}

a.test_system:hover {
    color: #0033cc;
    font-weight: bold;
    font-size: 8pt;
}

a.breadcrumb:link {
    color: #000066;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

a.breadcrumb:visited {
    color: #000066;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

a.breadcrumb:hover {
    color: #336699;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

a.medblue:link {
    color: #000099;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

a.medblue:visited {
    color: #000099;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

a.medblue:hover {
    color: #336699;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

a.email:link {
    color: #003399;
    font-size: 9pt;
}

a.email:visited {
    color: #003399;
    font-size: 9pt;
}

a.email:hover {
    color: #000000;
    font-size: 9pt;
}

a.disclaimer:link {
    color: #ff0033;
    font-size: 10pt;
}

a.disclaimer:visited {
    color: #ff0033;
    font-size: 10pt;
}

a.disclaimer:hover {
    color: #ff0033;
    font-size: 10pt;
}

body {
    background-color: #336699;
    color: #000000;
    /*color: #003366;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    /*font-size: x-small;*/
    text-align: center;
    margin: 0;
    padding: 0px;
}

div.main_window_container {
    margin: 30px;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
}

img {
    vertical-align: middle;
}

    img.banner_wave {
        position: relative;
        top: 0px;
        left: 471px;
        z-index: 3;
    }

    img.course_icons {
        padding-right: 5px;
    }

    img.framedphoto {
        border: 1px solid #000000;
    }

input[type=button], input[type=submit] {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: normal;
    padding: 5px 20px 5px 20px;
}

    input[type=button].ui-more-button {
        font-size: 0.7em;
        padding: 3px 10px 3px 10px;
    }

input[type=image] {
    border-width: 0;
}

    input[type=image]:focus {
        outline: 0;
    }

input, textarea {
    border-width: 1px;
    border-color: #809eba;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

    input.nextDueDate {
        border-top: 1px solid #96d1f8;
        background: #65a9d7;
        background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
        background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
        background: -moz-linear-gradient(top, #3e779d, #65a9d7);
        background: -ms-linear-gradient(top, #3e779d, #65a9d7);
        background: -o-linear-gradient(top, #3e779d, #65a9d7);
        padding: 5px 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: white;
        font-size: 14px;
        font-family: Georgia, serif;
        text-decoration: none;
        vertical-align: middle;
    }

        input.nextDueDate:hover {
            border-top-color: #28597a;
            background: #28597a;
            color: #ccc;
        }

        input.nextDueDate:active {
            border-top-color: #1b435e;
            background: #1b435e;
        }

li.terms_of_use {
    font-size: 10pt;
}

ul {
    padding: 0 1em;
    margin: .5em;
}

    ul.banner_main_menu {
        display: inline-block;
        margin: 0px 0px 0px 0px;
        overflow: visible;
        list-style-type: none;
        text-align: left;
        position: relative;
        top: -24px;
        left: 10px;
        width: 800px;
        z-index: 3;
    }

        ul.banner_main_menu li {
            line-height: 1.5em;
            float: left;
            display: list-item;
            width: auto;
        }

            /*
                10/18/2018: Gregory Toland -- Calculations for widths below:
                When I took a snapshot and pasted the menu from my Chrome browser into Adobe Photoshop the width became 1410px
                The real width is 800px minus the 12px padding on each side leaving 776px
                The proportion is then 776px/1410px = 55%
                We need to measure the actual width of each menu item in Adobe Photoshop which are 70px, 106px, 133px, 207px, 49px, 126px
                We need to multiply each width by 55% to scale it back to our actual width of 776px, not 1410px
                We want 5 spacing areas between each menu item, not including the last menu item
                Since the new total widths add up to 380px (39+58+73+114+27+69) that leaves us 396px of spacing (776px-380px)
                If we divide 396px by 5 we arrive at 79px
                We need to add 79px to each menu item width arriving at 118px, 137px, 152px, 193px, 106px, 69px
                We then divide each new width by 800px, the width of the menu area, and we arrive at 15%, 17%, 19%, 24%, 13%, 9%
                 70  39 + 79 = 118 / 800 = 15
                106  58 + 79 = 137 / 800 = 17%
                133  73 + 79 = 152 / 800 = 19%
                207 114 + 79 = 193 / 800 = 24%
                 49  27 + 79 = 106 / 800 = 13%
                126  69 +  0 =  69 / 800 =  9%
                08/21/2019: Gregory Toland -- Updated widths based on menu 4 being removed
            */
            ul.banner_main_menu li.banner_main_menu1 {
                width: 20%;
            }

            ul.banner_main_menu li.banner_main_menu2 {
                width: 22%;
            }

            ul.banner_main_menu li.banner_main_menu3 {
                width: 24%
            }
            /*
            ul.banner_main_menu li.banner_main_menu4 {
                width: 24%;
            }
*/
            ul.banner_main_menu li.banner_main_menu4 {
                width: 18%;
            }

            ul.banner_main_menu li.banner_main_menu5 {
                width: 9%;
            }

            ul.banner_main_menu li a {
                text-decoration: none;
            }

    ul .recent_courses li {
        margin: 0px 0px 15px 0px;
    }

table {
    background-repeat: no-repeat;
}

    table td, table tr {
        padding: 0px;
    }

    table.footer {
        background-color: #6699cc;
        border-collapse: separate;
        border-spacing: 10px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        width: 800px;
    }

        table.footer a:link {
            color: #003399;
        }

        table.footer a:visited {
            color: #003399;
        }

        table.footer a:hover {
            color: #000000;
        }

        table.footer tr {
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            height: 65px;
        }

        table.footer td:first-child {
            padding: 0px 0px 0px 10px;
            text-align: left;
            width: 580px;
        }

            table.footer td:first-child div.footer_501c3 {
                font-weight: bold;
                padding-bottom: 5px;
            }

        table.footer td:last-child {
            text-align: center;
            width: 220px;
        }

    table.action_item {
        background-color: #333399;
    }

    table.white {
        background-color: #ffffff;
    }

    table.certificate_iframe_window {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

        table.certificate_iframe_window tr:first-child {
            height: 25px;
        }

    table.ContentGrid {
        width: 100%;
        background-color: #ffffff;
        border: solid 1px #000000;
        border-collapse: separate;
        padding: 0px 0px 0px 0px;
    }

        table.ContentGrid TD {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            font-weight: normal;
            text-align: left;
            vertical-align: middle;
            padding: 2px 2px 2px 2px;
        }

        table.ContentGrid .ColumnHeader {
            font-weight: bold;
            color: #000000;
            background: #e2e8f9;
        }

            table.ContentGrid .ColumnHeader A {
                color: #000000;
                background: #e2e8f9;
            }

        table.ContentGrid .EvenRow {
            background: #ffffff;
        }

        table.ContentGrid .OddRow {
            background: #ffffff;
        }

        table.ContentGrid .SelectedRow {
            background: #ffffff;
        }

    table.XGrid TD {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
        padding: 2px 2px 2px 2px;
        white-space: normal; /* 03/21/2019: Gregory Toland -- Added when xhtmlConformance mode was set from Legacy to Strict */
    }

    table.XGrid .ColumnHeader {
        font-weight: bold;
        color: #ffffff;
        background: #000066;
    }

        table.XGrid .ColumnHeader A {
            color: #ffffff;
            background: #000066;
        }

    table.XGrid .EvenRow {
        background: #ffffcc;
    }

    table.XGrid .OddRow {
        background: #ffffcc;
    }

    table.XGrid .SelectedRow {
        background: #ffffff;
    }

    table.left_side {
        background-color: #f5f7f6;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
    }

    table.gray {
        background-color: #efefef;
    }

    table.pa-5 td {
        padding: 5px;
    }

    table.darkgray {
        background-color: #cccccc;
    }

    table.yellow {
        background-color: #ffff99;
    }

    table.lightblue {
        background-color: #ccccff;
    }

    table.blue {
        background-color: #000099;
    }

    table.home_page {
        background-image: url("../Images/homepage_woman.jpg");
        background-repeat: no-repeat;
        background-color: #ffffff;
        width: 800px;
        height: 453px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }

    table.home_content {
        background-image: url("https://www.ntqr.org/Images/blue_background_swirls.jpg");
        background-repeat: no-repeat;
        background-color: #ffffff;
        width: 800px;
        height: 332px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }

    table.frame {
        background-image: url("https://www.ntqr.org/Images/swirls_old.jpg");
        background-repeat: no-repeat;
        background-color: #ffffff;
        width: 800px;
        font-size: x-small;
    }

    table.greenbox {
        border: #dcedbe;
        border-bottom-width: 3px;
        border-left-width: 3px;
        border-right-width: 3px;
        border-style: solid;
        border-top-width: 3px;
    }

    table.cme_eval {
        background-image: url("../Images/swirls.jpg");
        background-repeat: no-repeat;
        background-color: #ffffff;
        width: 800px;
        height: 800px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }

    table.content {
        background-image: url("../Images/swirls.jpg");
        background-repeat: no-repeat;
        background-color: #ffffff;
        width: 800px;
        height: 332px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }

    table.content_news {
        background-image: url("https://www.ntqr.org/Images/swirls_news.jpg");
        background-repeat: no-repeat;
        background-color: #ffffff;
        width: 800px;
        height: 332px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }

    table.left {
        width: 189px;
        height: 40px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
    }

    table.main_table_contents {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    
    table.privacy_terms_of_use_box {
        background-color: #b5c6f1;
        border-collapse: separate;
        border-spacing: 1px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        margin-left: auto;
        margin-right: auto;
        padding: 50px;
    }

    table.main_window {
        background-color: #ffffff;
        border-collapse: separate;
        border-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        width: 800px;
    }

        table.main_window td.main_window_container {
            background-color: #ffffff;
            height: 600px;
            vertical-align: top;
        }

tr.darkblue {
    background-color: #000066;
}

td.batch_review_dates span:first-child {
    padding: 0px 20px 0px;
}

td.batch_review_dates span:nth-of-type(n+2):nth-of-type(-n+3) {
    padding: 0px 10px 0px;
}

td.batch_review_dates :last-child {
    padding-left: 10px;
}

td.requirements {
    background-color: #3366cc;
}

td.promocode {
    background-color: #336699;
}

td.banner_public_navigation_menu {
    color: #6a754d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #ffffc1;
}

td.confirmation {
    background-color: #0066cc;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}

td.fill_content {
    white-space: nowrap;
    width: 1px;
}

td.gridlocation_header {
    background-color: #000066;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
}

td.gridfee_header {
    background-color: #000066;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}

td.gridlocation_subheader {
    background-color: #003366;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}

td.grid_footer, td.grid_header {
    background-color: #003366;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.grid_header {
    text-align: right;
}

.grid_textbox {
    margin-left: 20px;
    text-align: right;
}

td.action_item {
    background-color: #ccccff;
}

td.yesno_radio_gray {
    background-color: #efefef;
}

td.yesno_radio_white {
    background-color: #ffffff;
}

td.yesno_white {
    color: #ffffff;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.white {
    background-color: #ffffff;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.paleyellow {
    background-color: #ffffcc;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.paleyellowright {
    background-color: #ffffcc;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.rev_scoring_gray {
    background-color: #efefef;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.rev_scoring_white {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.summary_header_l {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.summary_header_r {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

td.cred_process {
    background-color: #efefef;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.meddarkgraybold {
    background-color: #efefef;
    color: #999999;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.medblackbold {
    background-color: #efefef;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.medblackbold_r {
    background-color: #efefef;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.medblackbold_active {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.palegray {
    background-color: #efefef;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.subheader_details {
    background-color: #336699;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #ffffff;
}

td.paleyellowbold {
    background-color: #ffffcc;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

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

td.lightyellow {
    background-color: #ffff99;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.yellow {
    background-color: #ffff66;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.content {
    background-image: url("https://www.ntqr.org/Images/left_nav.jpg");
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 800px;
    height: 332px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

td.step {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

td.stepbold {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.step {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.stepbold {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

td.disclaimer {
    font-size: 10pt;
    color: #ff0033;
}

td.greenbox {
    background-color: #f4f9e9;
}

td.gridheader {
    color: #efefef;
}

td.current_balance {
    background-color: #efefef;
}

td.total {
    background-color: #003399;
}

td.tab_active {
    background-color: #333399;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.tab_inactive {
    background-color: #ffffff;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}


td.gridsubheader {
    color: #e2e8f9;
}

td.paabox {
    background-color: #b5c6f1;
}

td.qrbox {
    background-color: #b5c6f1;
}

td.continue {
    background-color: #ffcc33;
    padding-left: 10px;
}

td.inputheader {
    text-align: left;
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    background-color: #e2e8f9;
}

td.inputlabel {
    text-align: right;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    /*background-color: #efefef;*/
}

td.input {
    text-align: left;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    /*background-color: #ffffff;*/
}

td.inputfooter {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #ffffff;
}

td.login {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.batch_passed {
    background-color: #ffffcc;
    color: #009933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.medgreen {
    background-color: #ffffcc;
    color: #009933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.batch_medgreen {
    background-color: #efefef;
    color: #009933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.batch_passedbold {
    background-color: #ffffff;
    color: #009933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}


td.batch_medredbold {
    background-color: #efefef;
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.medredbold {
    background-color: #ffffff;
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

td.batch_medred {
    background-color: #efefef;
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.medred {
    background-color: #ffffcc;
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.darkgreen {
    background-color: #009900;
}

td.lightgreen {
    background-color: #99cc99;
}

td.reviewer_comments {
    background-color: #efefef;
    color: #000066;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

td.webcalcresults {
    background-color: #ffff66;
}

.banner_main_menu {
    height: 25px;
    width: 800px;
}

.block {
    display: block;
}

.header {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.mt10 {
    margin-top: 10px;
}

.header-banner, .header-banner tr, .header-banner th, .header-banner td {
    background-image: url("../Images/ntqr_banner.png");
    height: 96px;
}


.static-menu-home, .static-menu-home tr, .static-menu-home td {
    height: 32px;
    text-align: center;
    color: #003399;
    font-size: x-small;
    font-weight: normal;
}

.static-menu, .static-menu tr, .static-menu td {
    height: 32px;
    text-align: center;
    color: #003399;
    font-size: x-small;
    font-weight: normal;
}

.subheader {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.copyright-home {
    font-size: xx-small;
    color: #000000;
}

.title {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 5px;
}


.subtitle {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    padding-top: 10px;
}


.subtitle-blue {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    padding-top: 10px;
}

.subtitle-bold {
    color: #003399;
    font-size: x-small;
    font-weight: bold;
    padding-top: 10px;
}

.titlebar {
    color: #ffffff;
    font-size: x-small;
    font-weight: normal;
    background-color: #003399;
    padding-left: 5px;
}

.notation {
    color: #003399;
    font-size: x-small;
    font-style: italic;
}

.center_content {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.directions {
    color: #003366;
    font-size: small;
}

.sidebar_content {
    padding-left: 5px;
}

.mega-label {
    color: #003399;
    font-size: x-large;
    font-weight: bold;
}

.text {
    color: #003366;
    font-size: small;
}

.navigation_focus {
    color: #000066;
    font-weight: bold;
    font-size: 9pt;
}

.popup-table {
    background-image: url("https://www.ntqr.org/Images/popup_swirls.jpg");
    background-repeat: no-repeat;
    background-color: #ffffff;
    color: #000000;
    width: 90%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: auto;
}

.static-menu a, .static-menu-home a {
    text-decoration: none;
}

    .static-menu a:active, .static-menu-home a:active {
        color: #003399;
    }

    .static-menu a:hover, .static-menu-home a:hover {
        color: #003399;
    }

    .static-menu a:link, .static-menu-home a:link {
        color: #003399;
    }

    .static-menu a:visited, .static-menu-home a:visited {
        color: #003399;
    }

.frame, frame table {
    background-color: #ffffff;
    width: 800px;
    font-size: x-small;
}

.header-home, .header-home tr, .header-home th, .header-home td {
    background-image: url("https://www.ntqr.org/Images/header-home.jpg");
    height: 109px;
}

.main-menu-home, .main-menu-home tr, .main-menu-home td {
    background-image: url("https://www.ntqr.org/Images/menu-top-home.jpg");
    height: 32px;
    color: #ffffff;
    text-align: right;
    font-size: x-small;
    font-weight: normal;
    padding-right: 60px;
}

.welcome, .welcome tr, .welcome th, .welcome td {
    background-image: url("https://www.ntqr.org/Images/welcome-home.jpg");
    height: 362px;
}

.tableWithBorder {
    border-right: #003399 1px solid;
    border-top: #003399 1px solid;
    border-bottom: #003399 1px solid;
    border-left: #003399 1px solid;
}

.gridDiv {
    overflow: auto;
    border-right: #003399 1px solid;
    border-top: #003399 1px solid;
    border-left: #003399 1px solid;
    border-bottom: #003399 1px solid;
}

.redtext, .redtext:link, .redtext:active, .redtext:visited, .redtext:hover {
    color: #ff0000;
    font-size: x-small;
}

.redboldtext {
    color: #ff0000;
    font-weight: bold;
}

.greentext {
    color: #008000;
    font-size: x-small;
}

.orangetext {
    color: #fd9e5d;
    font-size: x-small;
}

.textlink {
    font-size: small;
}

.qatext {
    font-size: x-small;
    vertical-align: top;
    color: #999999;
    text-indent: 10px;
    background-color: #ffffff;
}

.qasubtext {
    font-size: xx-small;
    vertical-align: top;
    color: #999999;
    text-indent: 22px;
    background-color: #ffffff;
}

.qatext2 {
    font-size: xx-small;
    vertical-align: top;
    color: #999999;
    background-color: #ffffff;
    text-align: left;
}

.qatext-ir {
    font-size: x-small;
    vertical-align: top;
    color: #003366;
    text-indent: 20px;
}

.qasubtext-ir {
    font-size: x-small;
    vertical-align: top;
    color: #003366;
    text-indent: 35px;
}

.qasubtext-ir2 {
    font-size: x-small;
    vertical-align: top;
    color: #003366;
}

.validation {
    color: #ff0000;
    font-size: small;
    padding-left: 10px;
}

.content {
    font-size: x-small;
    height: 349px;
    text-align: left;
    vertical-align: top;
}

.image-button {
    border-style: none;
    padding: 25px;
}

.welcome-text, .welcome-text tr, .welcome-text td {
    font-size: 8pt;
    font-weight: normal;
}

.label, .label td {
    color: #003399;
    font-size: x-small;
    text-align: right;
}

.label-left {
    color: #003399;
    font-size: x-small;
    text-align: left;
}

.context-label {
    font-size: medium;
    font-weight: bold;
    text-align: center;
}

.step-enabled {
    font-size: x-small;
    font-weight: bold;
    color: #000;
}

.step-disabled {
    font-size: x-small;
    color: Gray;
}

.strongcaption {
    font-size: larger;
    font-weight: 400;
    color: #000;
}

.smblack {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

.medgray {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.medgraybold {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.medgrayboldu {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}

.medblack {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.smblackbold {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.medblacku {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: underline;
}

.medwhite {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.medwhitebold {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    font-weight: bold;
}

.medblackbold {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.gridheader_u {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}

.medblackboldu {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}

.medblackbold_i {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    font-style: italic;
}

.xlrgred {
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15pt;
    font-weight: bold;
}

.lrgred {
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.medred {
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.smred {
    color: #ff0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

.medgreennormal {
    color: #008000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.medgreenbold {
    color: #008000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.lrglabelbold {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.lrgoption {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
}

.meddisable {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.lrgdisable {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
}

.largeblack {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
}

.largeblackbold {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
}

.smallblack {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.smblue {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

.medblue {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.medbluebold {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.medbluebold_u {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}

.lrgbluebold {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.mednavy {
    color: #000066;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.smnavy {
    color: #000066;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.mednavybold {
    color: #000066;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.smallred {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.medredbold {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.medredbold_u {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}

.largeredbold {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
}

.reviewer_comments {
    color: #000066;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.medrequired {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.medrequiredbold {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.required {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.requiredbold {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.login {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 15px;
    text-align: center;
}

.not_member {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.test_system {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.smfm {
    color: #000099;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.current_page {
    color: #000099;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.ui-action-button {
    background-color: #343399;
    border: 1px solid #300;
    color: #fff;
}

.ui-default-button {
    background-color: #003366;
    border: 1px solid #330000;
    color: #fff;
}

.ui-disabled-button {
    background-color: #efefef;
    border: 1px solid #300;
    color: #fff;
}

.ui-more-button {
    background-color: #336699;
    border: 1px solid #330000;
    color: #fff;
}

.ui-paa-register-button {
    background-color: #d9892a;
    border: 1px solid #300;
    color: #fff;
}

.ui-register-button {
    background-color: #41ad48;
    border: 1px solid #330000;
    color: #fff;
}

.ui-sign-in-button {
    background-color: #0093c7;
    border: 1px solid #330000;
    color: #fff;
}

.validator-text {
    color: #ff0000;
    font-size: small;
}

.listDiv {
    overflow: auto;
    border: 1px solid #003399;
    background-color: #ffffff;
}

.disclosureBox {
    overflow: auto;
    border: #003399 1px solid;
    padding: 10px;
    background-color: #ffffff;
}

.total_images {
    color: #333399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

.remaining_images {
    color: #ff0033;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.privacy_terms_of_use_box {
    overflow: auto;
    border: #003399 1px solid;
    background-color: #ffffff;
    height: 400px;
    width: 770px;
}

.privacy_terms_of_use_close_window {
    margin: 50px 0px;
    text-align: center;
}

.privacy_terms_of_use_header {
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    padding-bottom: 10px;
}

.privacy_terms_of_use_subheader {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.WebGridItemStyle {
    background-color: #ffffcc;
    color: #000000;
    font-size: 11px;
    font: Arial;
}

    .WebGridItemStyle td {
        padding: 5px;
    }

.WebGridItemStylePaleGray {
    background-color: #efefef;
    color: #000000;
    font-size: 11px;
    font: Arial;
}

    .WebGridItemStylePaleGray td {
        padding: 5px;
    }

.WebGridHeaderStyle {
    background-color: #003366;
    color: #ffffff;
    font: Arial;
    font-size: 12px;
    height: 25px;
    text-align: left;
}

    .WebGridHeaderStyle td {
        padding: 5px;
    }

.WebGridHeaderStyleDarkBlue {
    background-color: #000066;
    color: #ffffff;
    font: Arial;
    font-size: 12px;
    height: 25px;
    text-align: left;
}

    .WebGridHeaderStyleDarkBlue td {
        padding: 5px;
    }

.WebGridHeaderStyleMedBlue {
    background-color: #336699;
    color: #ffffff;
    font: Arial;
    font-size: 12px;
    height: 25px;
    text-align: left;
}

    .WebGridHeaderStyleMedBlue td {
        padding: 5px;
    }

.WebGridPagerStyle {
    background-color: #003366;
    color: #ffffff;
    font: Arial;
    font-size: 12px;
    padding-left: 10px;
    text-align: left;
}

    .WebGridPagerStyle a:link {
        color: #ffffff;
    }

    .WebGridPagerStyle a:hover {
        color: #ffffff;
    }

    .WebGridPagerStyle a:visited {
        color: #ffffff;
    }

    .WebGridPagerStyle td {
        padding: 5px;
    }

#mpgTabContainer {
    background-color: #ffffff;
    border-right: #000000 1px solid;
    border-top: medium none;
    border-bottom: #000000 1px solid;
    border-left: #000000 1px solid;
    padding: 5px 2px 5px 2px;
    height: 100%;
    width: 100%;
}

#tbsTabHead {
    font-weight: bold;
    height: 20px;
    width: 100%;
}

.vidwindow {
    position: absolute;
    left: 0px;
    top: 0px;
}

.desc-text {
    font-weight: bold;
    font-size: x-small;
    color: #000000;
}

.desc {
    text-align: center;
    position: absolute;
    left: 0px;
    top: 610px;
    width: 800px;
}

.MenuGroup {
    background-color: #efeffb;
    border: 0px;
    height: 22px;
    padding-left: 40px;
}

/*01/17/2019 Kidist Beyene bellow code added */
/*
.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #F8F8F8;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}
*/

.loading {
    font-family: Arial;
    font-size: 10pt;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    z-index: 999;
}
/*07/19/2019 Kidist Beyene code added*/
.redText {
    color: red !important;
    font-weight: bold;
    font-size: 12px;
}