body 
{
    background-color: #E7E7E7;
    color: #727475;
    font-size: 12px;
    font-family: Verdana;
    margin: 0px 0px 10px 0px;
}

p 
{
    display: inline;
}

a
{
    color: #AE1E28;
    text-decoration: none;
}

a:hover
{
    color: #253C8A;
}

table td
{
    vertical-align: top;
}

h1
{
    display: inline;
    font-family: Times New Roman;
    font-size: 21px;
    color: #042B76;
    font-weight: normal;
}

h2
{
    display: inline;
    font-family: Times New Roman;
    font-size: 21px;
    color: #253C8A;
    font-weight: normal;
}

h3
{
    display: inline;
    font-family: Times New Roman;
    font-size: 21px;
    color: #AE1521;
    font-weight: normal;
}

h4
{
    font-family: Verdana;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    margin: 2px 0px 4px 2px;
}

/* Default Textbox Style */
input[type=text], input[type=password], textarea
{    
    width: 200px; 
    height: 28px; 
    border: 2px solid #CED0D1;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus
{    
    border: 2px solid #0068CC;
}

/* Default Button Style */
input[type=submit]
{
    cursor: pointer;
    font-family: 'Times New Roman';
    font-size: 15px;
    color: #FFFFFF;
    padding: 5px 15px 5px 15px;
    border: 3px solid #FFFFFF;
    box-shadow: 1px 1px 5px #A7A7A7;
    background: -webkit-linear-gradient(#4C5D83, #090D4E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4C5D83, #090D4E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4C5D83, #090D4E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4C5D83, #090D4E); /* Standard syntax (must be last) */
}

input[type=submit]:hover
{
    background: -webkit-linear-gradient(#5B6C92, #1C1C49); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5B6C92, #1C1C49); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5B6C92, #1C1C49); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5B6C92, #1C1C49); /* Standard syntax (must be last) */
}

/* Default Dropdownlist Style */
select
{
    width: 205px; 
    height: 34px; 
    border: 2px solid #CED0D1;
}

select:focus
{
    border: 2px solid #0068CC;
}


#divPage
{
    width: 1024px;
    min-height: 500px;
    margin: 0px auto 0px auto;
}

#divDashboardPage
{
    width: 1024px;
    min-height: 500px;
    margin: 0px auto 0px auto;
}

#divSignOut
{
    float: left;
    width: 1024px;
    margin: 5px 0px 15px 0px;
}

/* Float All Child Elements Right */
#divSignOut *
{
    float: right;
}

#divSignOut a
{
    color: #253C8A;
}

#divSignOut a:hover
{
    color: #AE1E28;
}

#divHeader
{
    margin: 0px 0px 10px 0px;
    width: 1024px;
}

#ulHeaderMenu
{
    width: 625px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    background-color: #BF1E2E;
    background-image: url("/Images/header_menu_bg.png");
    background-repeat: repeat-x;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    font-size: 12.75px;
    text-transform: uppercase;
    float: left;
    box-shadow: 1px 1px 8px #A7A7A7;
}

#ulHeaderMenu li
{
    display: inline;
    padding-right: 20px;
    padding-left: 25px;
}

#ulHeaderMenu.public li
{
    padding-right: 34px;
    padding-left: 0px;
}

#ulHeaderMenu li:last-child
{
    padding-right: 0px;
}

#ulHeaderMenu li a
{
    color: #FFFFFF;
    text-decoration: none;
}

#ulHeaderMenu li a:hover
{
    color: #F7D5D2;
}

#imgState
{
    margin: -7px 0px 0px -53px;
}

#imgStateName
{
    margin: 0px 0px 5px -1px;
}

.divBox
{
    background-color: #FFFFFF;
    box-shadow: 5px 4px 14px #A7A7A7;
    padding: 12px 12px 12px 12px;
}

.divBoxContent
{
    background-color: #F5F6F6;
    border: 2px solid #E5E6E6;
    padding: 10px 10px 10px 10px; 
    min-height: 140px;
}


#divFooter
{
    width: 1024px;
    margin: 20px 0px 0px 0px;
    text-align: center;
    font-size: 10px;
    float: left;
    height: 30px;
}

.err
{
    visibility: hidden;
}

.errorControl
{
    background-color: #FFC0CB;
}

.successMessage
{
    color: #253C8A;
}

.errorMessage
{
    color: #AE1E28;
}

.exampleMessage
{
    font-style: italic;
    font-size: 11px;
}

#divPublicTopLeft
{
    float: left;
    width: 549px;
}

#divPublicTop
{
    z-index: 2;
    position: relative;
    float: left;
}

#divPublicTopLeft img
{
    box-shadow: 4px 4px 7px #A7A7A7;
}

#divPublicTopRight
{
    float: left;
    width: 434px; 
    margin: 0px 0px 0px 17px; 
}

#divPublicTopRight .divBoxContent
{
    min-height: 325px;
}

#divPublicTabs
{
    z-index: 1; 
    position: absolute;
    top: 454px;
    margin: 0px 0px 0px 3px;
}

#divPublicTabs a
{
    background-image: url("/Images/button_large.png");
    width: 205px;
    height: 67px;
    line-height: 45px;
    float: left;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    padding: 0px 10px 0px 0px;
}

#divPublicTabs a:hover
{
    margin: -1px 0px 0px 0px;
}

#divPublicBottomLeft
{
    width: 640px;
    float: left;
    margin: 71px 0px 0px 0px;
}

#divPublicBottomLeft .divBoxContent
{
    min-height: 194px;
}

#divPublicBottomRight
{
    width: 369px;
    float: left;
    margin: 15px 0px 0px 15px;
}

#divPublicBottomRight .divBoxContent
{
    min-height: 250px;
}

#divMenuWidget
{
    width: 300px; 
    float: left; 
    margin-bottom: 16px;
}

#divMenuWidget table
{
    width: 275px;
    border-collapse: collapse;
    margin-top: 8px;
}

#divMenuWidget table a
{
    color: #727475;
}

#divMenuWidget table a:hover
{
    color: #253C8A;
}

#divMenuWidget table th
{
    width: 24px;
    background-color: #FCFDFD;
    background-image: url("/Images/arrows_icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px dotted #D5CDB5; 
}

#divMenuWidget table td
{
    border: 1px dotted #D5CDB5; 
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    height: 28px;
    background-color: #FCFDFD;
}

#divImageCollage 
{
    height: 184px; 
    margin-bottom: 15px;
}

#divRightMenu 
{
    float: left; 
    width: 300px;
}

#divLeft 
{
    float: left; 
    width: 684px; 
    margin-right: 16px;
}

.tblReports
{
    width: 630px;
    border-collapse: collapse;
}

.tblReports th
{
    text-align: left;
    border: 1px dotted #D5CDB5; 
    background-image: url("/Images/table_header_bg.png");
    height: 24px;
    line-height: 24px;
    padding: 0px 5px 0px 5px;
}

.tblReports td
{
    text-align: left;
    border: 1px dotted #D5CDB5; 
    padding: 0px 5px 0px 5px;
    background-color: #EDF3FA;
    font-weight: normal;
    vertical-align: middle;
    height: 30px;
}

.tblReports tr:nth-child(even) td
{
    background-color: #FCFDFD;
}

.tblReports td:first-child
{
    background-image: url("/Images/report_icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 35px;
}

.tblReports a
{
    color: #727475;
}

.tblReports a:hover
{
    color: #253C8A;
}

/* Customer Lookup & Examinations Styles */
.divLookupContainer 
{
    background-color: #FFFFFF; 
    width: 450px; 
    padding: 12px 12px 12px 12px; 
    border: 2px solid #E5E6E6; 
    float: left;
    height: 137px;
    margin-bottom: 20px;
}

.divDetailsContainer 
{
    background-color: #FFFFFF; 
    width: 450px; 
    padding: 12px 12px 12px 12px; 
    border: 2px solid #E5E6E6; 
    float: left;
    height: 177px;
    margin-bottom: 20px;
}

.divLookupContainer table, .divLookupTable
{
    width: 630px;
    border-collapse: collapse;
}

.divLookupContainer th, .divLookupTable th
{
    text-align: left;
    border: 1px dotted #D5CDB5; 
    background-image: url("/Images/table_header_bg.png");
    height: 26px;
    line-height: 26px;
    padding: 0px 5px 0px 5px;
}

.divLookupContainer td, .divLookupTable td
{
    text-align: left;
    border: 1px dotted #D5CDB5; 
    padding: 0px 5px 0px 5px;
    background-color: #F8F9F9;
    font-weight: normal;
    vertical-align: middle;
    height: 35px;
}

.divLookupContainer tr:nth-child(even) td, .divLookupTable tr:nth-child(even) td
{
    background-color: #F8F9F9;
}

/* Customer Lookup & Examination Textbox Style */
.divCustomerLookup input[type=text]
{    
    width: 200px; 
    height: 18px; 
    border: 2px solid #CED0D1;
}

.divCustomerLookup input[type=text]:focus
{    
    border: 2px solid #0068CC;
}


/* Customer Lookup Dropdownlist Style */
.divCustomerLookup select
{
    width: 205px; 
    height: 24px; 
    border: 2px solid #CED0D1;
}

.divCustomerLookup select:focus
{
    border: 2px solid #0068CC;
}

/* Customer Lookup Button Style */
.divCustomerLookup input[type=submit]
{
    cursor: pointer;
    font-family: 'Times New Roman';
    font-size: 15px;
    color: #FFFFFF;
    padding: 2px 15px 2px 15px;
    border: 2px solid #FFFFFF;
    box-shadow: 1px 1px 5px #A7A7A7;
    background: -webkit-linear-gradient(#4C5D83, #090D4E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4C5D83, #090D4E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4C5D83, #090D4E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4C5D83, #090D4E); /* Standard syntax (must be last) */
}

.divCustomerLookup input[type=submit]:hover
{
    background: -webkit-linear-gradient(#5B6C92, #1C1C49); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5B6C92, #1C1C49); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5B6C92, #1C1C49); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5B6C92, #1C1C49); /* Standard syntax (must be last) */
}

#bdyPopup 
{
    background-color: #F2F2F2; 
    padding: 10px 10px 10px 10px;
}

#divDetailsTabs
{
   float: left;
   width: 147px;
}

#divDetailsTabs ul
{
   list-style: none;
   text-align: center;
   padding: 0px 0px 0px 10px;
}

#divDetailsTabs ul li
{
   border-top: 1px solid #E5E6E6;
   border-right: 1px solid #E5E6E6;
   border-bottom: 1px solid #E5E6E6;
   box-shadow: -6px 0 0 0 #666666;
   background-image: url("/Images/gridview_header_bg.png");
   margin: 8px 0px 8px 0px;
   cursor: pointer;
}

#divDetailsTabs ul li a, #divDetailsTabs ul li a:visited
{
   text-decoration: none;
   color: #666666;
   display: block;
   padding: 13px 5px 13px 5px;
}

#divDetailsTabs ul li:hover
{
   box-shadow: -6px 0 0 0 #333333;
}

#divDetailsTabs ul li a:hover
{
   color: #000000;
}

#divDetailsTabs ul li.selected
{
   border-right: none;
   background-color: #fff;
   box-shadow: -6px 0 0 0 #042B76;
   background-image: none;
}

.divDetailsContent
{
   min-height: 525px;
   margin: 0px 10px 0px 145px;
   padding: 20px 20px 20px 20px;
   background-color: #FFFFFF;
   border: 2px solid #E5E6E6;
   display: none;
}

.divDetailsContent table 
{
    
    border: 1px dotted #9C8958; 
}

.divDetailsContent table td
{
    border: 1px dotted #9C8958; 
    border-collapse: collapse;
    padding: 2px 2px 2px 2px;

}

.divDetailsContent table th
{
    background-color: #AE1521;
    text-align: left;
    color: #FFFFFF;
    padding: 2px 2px 2px 2px;
}

#bdyPopup .gvGridView tr td 
{
    font-size: 11px;
}

#bdyPopup .gvGridView tr th
{
    font-size: 11px;
    text-align: center;
}

#btnExpandExam 
{
    float: right; 
    margin-right: 10px;
}

.divGridViewContainer
{
    width: 948px;
    float: left; 
    margin-bottom: 20px; 
    background-color: #FFFFFF;
    padding: 4px 12px 12px 12px; 
    border: 2px solid #E5E6E6; 
    color: #3F4041;
}

.gvGridView
{
    border: solid 1px #E7E7FF;
    width: 100%;
    font-size: 12px;
}

.gvGridView tr td 
{
    background-color: #E1EBF3;
    vertical-align: top;
    text-align: center;
    border: 1px dotted #9C8958; 
    padding: 4px 3px 4px 3px;
}

.gvGridView tr:nth-child(even) td
{
    background-color: #F7F7F7;
}

.gvGridView tr:hover td
{
    background-color: Yellow;
}

.gvGridView tr td.left
{
    text-align: left;
    padding-left: 5px;
}

.gvGridView th, .gvGridView tr.gvHeaderGroup td, .formTable th
{
    background-color: #042B76;
    vertical-align: bottom;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    border: 1px dotted #C3B795;
}

.formTable th 
{
    text-align: left;
}

.gvGridView tr.gvHeaderGroup td 
{
    text-align: left;
    padding-left: 6px;
}

.gvGridView th a
{
    color: #FFFFFF;
}

.gvGridView tr.gvPager td 
{
    background-color: #EAEAEA;
    border: 1px solid #D5CDB5;
}

.gvGridView tr.gvPager table 
{
    float: right;
}

.gvGridView tr.gvSelectedRow td
{
    background-color: orange;
}

.gvGridView .gvEmptyExam td 
{
    text-align: left;
}

/* MFA Help Page Style */
.mfa-help-icon {
    border: none;
}

.panel {
    border: 0.1px solid #e1e1e1;
}

.panel-header {
    padding: 0 8px;
    background: rgba(0,0,0,.03);
}

.panel-header-text {
    display: inline-block;
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}

.accordion-button-wrapper {
    display: inline;
    margin-right: 10px;
}

.accordion-button {
    color: grey;
    font-size: 20px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.question-button {
    background: white;
    border: 0.5px solid lightgray;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 6px;
}

.help-content {
    padding: 8px;
    background: white;
}

    .help-content p, .question-answer p {
        display: block;
    }

    .help-content ol {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

.mfa-code-container {
    margin-bottom: 14px;
    float: right;
    width: 230px;
}

.mfa-code {
    padding: 6px;
    background: #f1f1f1;
    border-radius: 5px;
    border: 0.5px solid lightgrey;
    font-size: 12px;
}