﻿@charset "utf-8";
/* CSS Document */

body {
    font: 12pt Arial, Helvetica, sans-serif;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    overflow: scroll;
    background-color: #ecf8fc;
}

#wrapper {
    position: relative;
    display: block;
    max-width: 90vw;
    margin: 0 auto;
    background-color: #ecf8fc;
/*    border: thin;
    border-color: #FFFFFF;
    border-style: solid;*/
}

#logoPanel {
    max-width: 940px;
   /* background-color: #ffffff;*/
    /*height: 127px;*/
    margin-top: 40px;
    font: 18pt Arial, Helvetica, sans-serif;
    color: #222222;
}

#menuPanel {
    width: 100%;
}

#whiteContentPanel {
    padding: 0px;
    /*background-color: #ffffff;*/
    padding-top: 3px;
    padding-bottom: 3px;
}

#contentContainer {
    padding: 0px;
    margin: 0 auto;
    overflow: hidden;
}

#column_1 {
    width: 69%;
    float: left;
    overflow: hidden;
}

    #column_1 h1 {
        font: Bold 13pt Arial, Helvetica, sans-serif;
        line-height: 18pt;
        color: rgb(41, 105, 176);
        text-align: left;
        border-bottom: thin;
        border-bottom-color: #ffffff;
        border-bottom-style: solid;
    }

    #column_1 h2 {
        font: Bold 9pt Arial, Helvetica, sans-serif;
        line-height: 13pt;
        color: #222222;
        text-align: left;
    }

    #column_1 p {
        text-decoration: none;
        font: 9pt Arial, Helvetica, sans-serif;
        line-height: 13pt;
        color: #222222;
    }

.column_2_text_underline {
    text-decoration: underline;
    font: Bold 9pt Arial, Helvetica, sans-serif;
    line-height: 13pt;
    color: #222222;
}

#column_1 a {
    font: 9pt Arial, Helvetica, sans-serif;
    line-height: 13pt;
    color: #222222;
    text-decoration: underline;
}

    #column_1 a:hover {
        font: 9pt Arial, Helvetica, sans-serif;
        line-height: 13pt;
        color: #0f75bc;
        text-decoration: underline;
    }

#column_1 ul {
    font: 9pt Arial, Helvetica, sans-serif;
    line-height: 13pt;
    color: #333333;
    width: 90%;
    margin-left: 10px;
    list-style-type: none;
}

#column_1 li {
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 6px;
    list-style-image: url(../images/bodyBullet.gif);
}



#column_2 {
    width: 26%;
    float: right;
    overflow: hidden;
    margin-left: 5%;
}

    #column_2 h2 {
        font: Bold 9pt Verdana, Arial, Helvetica, sans-serif;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 7px;
        padding-bottom: 7px;
        width: 100%;
        background-color: #0f75bc;
        color: #FFFFFF;
        line-height: 12pt;
    }

    #column_2 h3 {
        font: 11pt Arial, Helvetica, sans-serif;
        line-height: 14pt;
        color: #5da528;
        text-align: left;
    }

    #column_2 p {
        text-decoration: none;
        font: 9pt Arial, Helvetica, sans-serif;
        line-height: 13pt;
        color: #222222;
        padding-left: 2px;
        padding-right: 2px;
    }

    #column_2 a {
        font: 9pt Arial, Helvetica, sans-serif;
        line-height: 13pt;
        color: #222222;
        text-decoration: underline;
    }

        #column_2 a:hover {
            font: 9pt Arial, Helvetica, sans-serif;
            line-height: 13pt;
            color: #222222;
            text-decoration: underline;
        }

    #column_2 ul {
        font: 9pt Arial, Helvetica, sans-serif;
        line-height: 13pt;
        color: #333333;
        width: 90%;
        margin-left: 10px;
        list-style-type: none;
        margin-top: -5px;
    }

    #column_2 li {
        margin-top: 0px;
        margin-left: 10px;
        margin-bottom: 6px;
        list-style-image: url(../images/bodyBullet.gif);
    }

.column_2_image {
    width: 100%;
    height: auto;
}

#callToAction {
    padding: 0px;
    background-color: #d9eef7;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    background-color: #ecf8fc;
}

#callToActionContent {
    margin: 0 auto;
    max-width: 940px;
}

#callToAction p {
    font: 10pt Arial, Helvetica, sans-serif;
    line-height: 14pt;
    color: #333333;
}

#callToAction a {
    font: 10pt Arial, Helvetica, sans-serif;
    line-height: 14pt;
    color: #333333;
    text-decoration: underline;
}

    #callToAction a:hover {
        font: 10pt Arial, Helvetica, sans-serif;
        line-height: 14pt;
        color: #0f75bc;
        text-decoration: underline;
    }

#footer {
    padding: 0px;
    /*background-color: #ffffff;*/
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}

    #footer p {
        text-decoration: none;
        font: 7pt Arial, Helvetica, sans-serif;
        line-height: 9pt;
        color: #ffffff;
        padding-left: 2px;
        padding-right: 2px;
    }

.footer_image {
    width: 200px;
    height: auto;
    margin-top: 10px;
}

#footerWrapper {
    background-color: #333f48;
}

#footerMenu {
    /*background-color: #ffffff;*/
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    /*    border-bottom: thin;
    border-bottom-color: #7119F4;
    border-bottom-style: solid;*/
}

    #footerMenu p {
        font: 8pt Arial, Helvetica, sans-serif;
        color: #ffffff;        
    }

    #footerMenu a {
        text-decoration: underline;
        font: 8pt Arial, Helvetica, sans-serif;
        line-height: 10pt;
        color: #ffffff;
    }
/*
        #footerMenu a:hover {
            font: 8pt Arial, Helvetica, sans-serif;
            text-decoration: underline;
            line-height: 10pt;
            color: #7119F4;
        }*/

.imageInsertCommittee {
    float: left;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 0px;
    width: 104px;
    height: 139px;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.clear {
    clear: both;
}



/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
    #whiteContentPanel {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {

    #column_1 {
        width: 100%;
    }

    #column_2 {
        width: 100%;
    }

    .column_2_image {
        display: none;
    }
}
/*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) {



    .footer_image {
        width: 100%;
        height: auto;
    }
}

/*Styles for screen 320px and lower*/
@media screen and (max-width: 320px) {
}



#redirectPage {
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    text-align: center;
}




#review-concept-details-select-score-table ul.__scoring-que-1 {
    display: none;
}