﻿
/* 09/22/2021 - Jordan W. - This section is for any new classes we need to add. */

.GridViewBase {
    width: 100%;
    background-color: #FFF;
    border-collapse: collapse;
}

.skipnavigation {
    position: absolute;
    left: -10000px;
}

    .skipnavigation:focus,
    .skipnavigation:active {
        position: static;
        left: 0;
    }

.focus-textbox {
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.table-caption {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFF;
    border-radius: 5px;
}

/* ############################################### */

/* 09/22/2021 - Jordan W. - Here's some generic classes that we can use. */

.list-style-none {
    list-style: none;
}

.float-Left {
    float: left;
}

.float-Right {
    float: right;
}

.float-Clear {
    clear: both;
}

/* ### */

.horizontal-spacing {
    margin: 0 15px;
}

.mobile-vertical-spacing {
    margin: 50px auto;
}

/* ### */

.border-Radius {
    border-radius: 10px;
}

.border-Radius-Top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.border-Radius-Top-Left {
    border-top-left-radius: 10px;
}

.border-Radius-Top-Right {
    border-top-right-radius: 10px;
}

.border-Radius-Bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.border-Radius-Bottom-Left {
    border-bottom-left-radius: 10px;
}

.border-Radius-Bottom-Right {
    border-bottom-right-radius: 10px;
}


/* ### */

.font-bold {
    font-weight: 600 !important;
}

.bold {
    font-weight: bold !important; /* 04-23-2019 TG. Changed from Bold */
}

.italicize {
    font-style: italic;
}

.underline {
    /*text-decoration:    underline;*/
    border-width: 0 0 1px 0;
    border-style: solid;
}

/* ### */

.show {
    display: block !important;
    visibility: visible !important;
}

.hide {
    display: none !important;
    visibility: hidden !important;
}

/* ### */

.margin-Full {
    margin: 10px;
}

.margin-Auto {
    margin: auto;
}

.margin-Top {
    margin-top: 10px;
}

.margin-Right {
    margin-right: 10px;
}

.margin-Bottom {
    margin-bottom: 10px;
}

.margin-Left {
    margin-left: 10px;
}

/* ### */

.padding-Full {
    padding: 10px;
}

.padding-Top {
    padding-top: 10px;
}

.padding-Right {
    padding-right: 10px;
}

.padding-Bottom {
    padding-bottom: 10px;
}

.padding-Left {
    padding-left: 10px;
}

/* ### */

.width-10 {
    width: 10%;
}

.width-15 {
    width: 15%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-33 {
    width: 33%;
}

.width-35 {
    width: 35%;
}

.width-40 {
    width: 40%;
}

.width-45 {
    width: 45%;
}

.width-50 {
    width: 50%;
}

.width-55 {
    width: 55%;
}

.width-60 {
    width: 60%;
}

.width-66 {
    width: 66%;
}

.width-70 {
    width: 70%;
}

.width-75 {
    width: 75%;
}

.width-95 {
    width: 95%;
}

.width-99 {
    width: 99%;
}

.width-100 {
    width: 100%;
}

/* ### */

.align-vertical-top {
    vertical-align: top;
}

.align-vertical-top-all * {
    vertical-align: top !important;
}

.align-vertical-middle {
    vertical-align: middle;
}

.align-vertical-bottom {
    vertical-align: bottom;
}

/* ### */

.text-Left {
    text-align: left !important;
}

.text-Center {
    text-align: center !important;
}

.text-Right {
    text-align: right !important;
}

/* Some (maybe a lot) of these are duplicates. TODO: Clean up at some point. */

.border {
    border: 1px #454992 solid;
}

.borderRadius {
    border-radius: 5px;
}

.boxShadow {
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
}

.cursorDefault {
    cursor: default;
}

.cursorPointer {
    cursor: pointer;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.floatClear {
    clear: both;
}

.fontNormal {
    font-weight: normal;
    font-style: normal;
}

.fontBold {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.fontItalics {
    font-style: italic;
}

.fullLink a {
    display: block;
    margin: -10em;
    padding: 10em;
}

.fullWidth {
    width: 100%;
}

.halfWidth {
    width: 50%;
}

.header {
    font-size: 22px;
    line-height: 28px;
}

.subHeader {
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #003366;
}

.thirdWidth {
    width: 33%;
}

.inlineBlock {
    display: inline-block !important;
}

.margin {
    margin: 10px;
}

.marginAuto {
    margin: auto;
}

.marginTop {
    margin-top: 10px;
}

.marginRight {
    margin-right: 10px;
}

.marginBottom {
    margin-bottom: 10px;
}

.marginLeft {
    margin-left: 10px;
}

.overflowAuto {
    overflow: auto;
}

.overflowHidden {
    overflow: hidden !important;
}

.overflowScroll {
    overflow: scroll;
}

.padding {
    padding: 10px 20px;
}

.paddingTop {
    padding-top: 10px;
}

.paddingRight {
    padding-right: 10px;
}

.paddingBottom {
    padding-bottom: 10px;
}

.paddingLeft {
    padding-left: 10px;
}

.paddingSmall {
    padding: 5px;
}

.positionAbsolute {
    position: absolute;
}

.positionFixed {
    position: fixed;
}

.positionRelative {
    position: relative;
}

.positionStatic {
    position: static;
}

.test {
    border: 1px red dashed;
}

.textCenter {
    text-align: center !important;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.verticalMiddle {
    vertical-align: middle;
}

.verticalTop {
    vertical-align: top;
}

.watermark {
    color: #808080;
}

.width75 {
    width: 75%;
}

/* -------------------------------- */

/* ############################################################ */













/* ### C E N S U S   P O P U P */

    .census-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        width: 99vw;
        height: 100%;
        z-index: 9999;
    }

    .census-container {
        position: fixed;
        padding: 15px;
        display: inline-block;
        background-color: #FFF;
        text-align:  left;
        border-radius: 10px;
        line-height: 30px;
        left: 36%;
        top: 30%;

        -webkit-box-shadow: -1px 1px 4px -1px #222;
           -moz-box-shadow: -1px 1px 4px -1px #222;
                box-shadow: -1px 1px 4px -1px #222;
    }

    .modal-header h4 {
        display: block;
        padding-bottom: 10px; 
        font-size: 16pt;
        border-bottom: 1px #E5E5E5 solid;
        margin-bottom: 20px;
    }

    .modal-footer {
        position: relative;
        display: block;
        padding-top: 10px; 
        border-top: 1px #E5E5E5 solid;
        margin-top: 20px;
        height: 30px;
    }

        .modal-footer .row div:first-of-type {
            position: absolute;
            display: block;
            left: 0;
        }

        .modal-footer .row div:last-of-type {
            position: absolute;
            right: 0;
            display: block;
        }

    .glyphicon {
        position: relative;
        display: inline-block;
        border: 2px red solid;
        width: 15px;
        height: 15px;
        border-radius: 5px;
    }

        .glyphicon::before {
            content: "\2713";
            position: absolute;
            color: red;
            font-weight: bold;
            top: -7px;
        }

/* ### P O L L I N G   P L A C E   A C C E S S I B I L I T Y */

    div[id*="pnlTotalRecords"] {
        position: relative;
    }

    div[id*="pnlTotalRecords"] span {
        margin: 0 5px;
        bottom: 0;
        right: -30px;
    }


    .GridViewPagerPageNumberLinkEnabled {
        background-color: transparent !important;
    }

    .GridViewPagerPageNumberCurrent {
        margin: 0 5px;
    }

    .GridViewPagerTemplate select {
        margin-right: 20px;
    }


    .ppa-container {
        margin: auto;
        padding: 30px;
        background-color: #FFF;
        background-image: url(../Images/flag.png);
        background-size: cover;
        border-top: 30px #2F5597 solid;
        border-bottom: 30px #2F5597 solid;
        border-left: 1px #333 solid;
        border-right: 1px #333 solid;
        text-align: center;
        border-radius: 20px;

        -webkit-box-shadow: -1px 1px 4px -1px #222;
           -moz-box-shadow: -1px 1px 4px -1px #222;
                box-shadow: -1px 1px 4px -1px #222;
    }

        .ppa-container-select {
            min-width: 230px;
            margin-top: 3px;
        }

        .ppa-container h1 {
            margin: 20px auto 40px auto;
            font-size: 28pt;
            padding: 25px 15px;
            color: #FFF;
            width: 65%;
            background-color: #2F5597;
            line-height: 34px;
            border-radius: 10px;

            -webkit-box-shadow: -1px 1px 4px -1px #222;
               -moz-box-shadow: -1px 1px 4px -1px #222;
                    box-shadow: -1px 1px 4px -1px #222;
        }

        .ppa-container h2 {
            margin: 100px auto 20px auto;
            font-size: 18pt;
            padding: 25px 15px;
            color: #FFF;
            width: 65%;
            background-color: #C00000;
            line-height: 30px;
            border-radius: 10px;

            -webkit-box-shadow: -1px 1px 4px -1px #222;
               -moz-box-shadow: -1px 1px 4px -1px #222;
                    box-shadow: -1px 1px 4px -1px #222;
        }

        .ppa-container .search-options-container {
            padding: 10px;
            margin: 20px auto;
            width: 65%;
            background-color: #8FAADC;
            border-radius: 10px;
            line-height: 30px;

            -webkit-box-shadow: -1px 1px 4px -1px #222;
               -moz-box-shadow: -1px 1px 4px -1px #222;
                    box-shadow: -1px 1px 4px -1px #222;
        }

            .ppa-container .search-options-container input[type="submit"] {
                margin-left: 5px;
                margin-top: 3px;
            }

            .ppa-container .search-options-container > .left {
                font-size: 18pt;
            }

            .ppa-container .search-options-container > .right {

            }

            .ppa-container .search-options-container > span {
                font-size: 14pt;
            }

        .ppa-container .GridViewTable {
            margin: auto;
            border: 1px #333 solid;
        }

        .ppa-container .GridViewTable th {
            display: none;
            
        }

        .ppa-container tr {
            
        }

        .ppa-container td {
            border: 1px #333 solid;
            padding: 15px;
            overflow: hidden;
            background-color: #FFF;
        }

        .ppa-container td:not(:last-of-type) {

        }

        .ppa-container td:nth-of-type(2) {
            padding: 0 30px;
        }

            /*.ppa-container tr:not(.GridviewPagerTemplate) td a {
                display: block;
                margin: -10em;
                padding: 10em;
                background-color: #2F5597;
                color: #FFF;
            }*/

            .ppa-container table tr td a {
                display: block;
                margin: -10em;
                padding: 10em;
                background-color: #2F5597;
                color: #FFF;
            }

            .GridViewPagerTemplate tr td a {
                display: inline !important;
                margin: 0 !important;
                padding: 5px !important;
                background-color: transparent;
            }

            .GridViewPagerTemplate select {
                width: 50px !important
            }

                .ppa-container td a:hover,
                .ppa-container td a:focus {
                    background-color: #3965B2;
                }

        /* ########################## */

    /* ### P O L L I N G   P L A C E   A C C E S S I B I L I T Y   R E S U L T S */

    .ppa-results-header-container {
        margin: auto;
        padding: 10px 20px 10px 10px;
        background-color: #305497;
        width: 63%;
        border-radius: 10px;

        -webkit-box-shadow: -1px 1px 4px -1px #222;
           -moz-box-shadow: -1px 1px 4px -1px #222;
                box-shadow: -1px 1px 4px -1px #222;
    }

        .ppa-results-header-container > .left {
            width: 20%;
            display: inline-block;
            min-width: 150px;
        }

        .ppa-results-header-container > .right {
            width: 75%;
            color: #FFF;
            display: inline-block;
            vertical-align: top;
            padding-top: 15px;
            text-align: center;
        }

    .ppa-results-body-container {
        width: 65%;
        margin: auto;

    }

        .ppa-results-body-container h2 {
            display: block;
            background-color: #C9C9C9;
            text-align: center;
            padding: 5px 30px;
            margin: auto !important;
            color: #333;
            font-weight: bold !important;
        }

        .ppa-results-body-container h3 {
            display: block;
            background-color: #D4D4D4;
            text-align: center;
            padding: 5px 30px;
            margin: auto !important;
            color: #333;
            font-weight: bold !important;
        }

        .ppa-results-table {
            width: 100%;
            margin: auto;

            border-radius: 10px;
            overflow: hidden;
            
        }

            .ppa-results-table tbody tr:not(:first-of-type) td {
                border: 1px #D4D4D4 solid;
                padding: 5px 10px;
                background-color: #FFF;
            }

            .ppa-results-table tbody tr td:first-of-type {
                text-align: right;
                font-weight: bold;
            }

        .ppa-results-table-container {
            border-radius: 10px;

        -webkit-box-shadow: -1px 1px 4px -1px #222;
           -moz-box-shadow: -1px 1px 4px -1px #222;
                box-shadow: -1px 1px 4px -1px #222;
        }

/* ### T O P   O F   P A G E */
.corona-close { 
    z-index: 9999;
    position: absolute;
    top: 4px;
    right: -3px;
    transition: 0.1s;
    border: none;
    background-color: transparent;
    font-size: 20px;
}

    .corona-close:hover {
        opacity: 0.7;
    }

.corona-message {
    z-index: 1;
    display: block;
    /*position: absolute;*/
    position: relative;
    margin:  20px auto;
    padding: 7px 10px 7px 30px;
    font-size: 14px;
    background-color: #ABDDF4;
    width: calc(100% - 50px);

    border: 1px #222 solid;

    opacity: 0.92;
    min-width: 880px;

    -webkit-box-shadow: -1px 1px 4px -1px #222;
       -moz-box-shadow: -1px 1px 4px -1px #222;
            box-shadow: -1px 1px 4px -1px #222;
}

    .corona-message::before {
        position: absolute;
        content: "";
        top: 12px;
        left: 10px;
        padding: 2px;

        line-height: 12px;
        width: 10px;
        height: 10px;

        background-color: red;
        border-radius: 20px;
        opacity: 0.6;
    }

    .corona-message::after {
        position: absolute;
        content: "!";
        top: 7px;
        left: 15px;
        font-size: 12px;

        color: #FFF;
    }

    .corona-message-mobile {
        display: none;
        visibility: hidden;
    }


/* ### A B O V E   C O N T E N T */
/*.corona-close { 
    transition: 0.1s;
    position: absolute;
    top: -2px;
    right: -2px;
    border: none;
    background-color: transparent;
    font-size: 16px;
}

    .corona-close:hover {
        opacity: 0.7;
    }

.corona-message {
    display: inline-block;
    position: relative;
    padding: 10px 30px;
    top: 0;
    left: 0;
    font-size: 14px;
    background-color: #ABDDF4;
    width: auto;

    border: 1px #58C2EF solid;

    opacity: 0.92;
    -webkit-box-shadow: -1px 1px 4px -1px #222;
       -moz-box-shadow: -1px 1px 4px -1px #222;
            box-shadow: -1px 1px 4px -1px #222;
}

    .corona-message::before {
        position: absolute;
        content: "";
        top: 15px;
        left: 10px;
        padding: 2px;

        line-height: 12px;
        width: 10px;
        height: 10px;

        background-color: red;
        border-radius: 20px;
        opacity: 0.6;
    }

    .corona-message::after {
        position: absolute;
        content: "!";
        top: 10px;
        left: 15px;
        font-size: 12px;

        color: #FFF;
    }*/

/* ########################### */

    /*.corona-message-2 > div:first-of-type {
        position: relative;
        display: block;
        visibility: visible;
    }
        .corona-message-2:hover > div:first-of-type {
            visibility: hidden;
            display: none;
        }

        .corona-message-2 > div:first-of-type::after {
            content: ">";
            top: 0;
            right: 0;
            animation: corona-arrow 2s infinite;
        }

    .corona-message-2 > div:last-of-type {
        display: none;
        visibility: hidden;
    }
        .corona-message-2:hover > div:last-of-type {
            display: block;
            visibility: visible;
        }

    .corona-message-2:hover {
        transition: 0.1s;
        display: block;
        width: calc(100% - 43px);
        cursor: pointer;
    }

    @keyframes corona-arrow {
        0%      { padding-left: 0; }
        50%     { padding-left: 10px; }
    }



    .corona-message-2 {
        
        z-index: 9999;
        position: absolute;
        height: 23px;
        padding: 0 10px 0 30px;
        font-size: 14px;
        background-color: #ABDDF4;
        border: 1px #58C2EF solid;
    }

    .corona-message-2::before {
        position: absolute;
        content: "";
        top: 5px;
        left: 5px;
        padding: 2px;

        line-height: 12px;
        width: 10px;
        height: 10px;

        background-color: red;
        border-radius: 20px;
        opacity: 0.6;
    }

    .corona-message-2::after {
        position: absolute;
        content: "!";
        top: 0px;
        left: 10px;
        font-size: 12px;

        color: #FFF;
    }*/

/* ########################### */


.text-center {
    text-align: center;
}

.hover-pointer {
    cursor: pointer;
}

.advanced-search-button {
    transition: 0.1s;
    position: relative;
    display: block;
    margin: 5px auto;
    padding: 5px 10px;
    width: 90%;
    height: 20px;
    border: 1px #253A4C solid;
    border-radius: 5px;
    color: #FFF !important;
    background-color: #33506A;
    font-size: 14px;
    line-height: 20px;

    -webkit-box-shadow: -1px 1px 4px -1px #222;
       -moz-box-shadow: -1px 1px 4px -1px #222;
            box-shadow: -1px 1px 4px -1px #222;
}

    .advanced-search-button::after {
        content: "Advanced Search";
        position: absolute;
        left: 43%;
        font-size: 16px;
    }

    .advanced-search-button:hover {
        background-color: #3E617F;
    }

.advanced-search-plus, 
.advanced-search-minus {
    position: relative;
}

.advanced-search-plus::before, 
.advanced-search-minus::before {
    position: absolute !important;
    display: block;
    left: 10px;
    width: 10px;
    height: 10px;
    color: #FFF;
    font-size: 22px;
}

    .advanced-search-plus::before {
        content: "+";
    }

    .advanced-search-minus::before {
        content: "—";
    }

/* The ONLY purpose of the Information Class is to hide a link on the Home page so nobody sees it but hopefully Robots */
.Information {
    visibility: hidden;
    margin-left: -500px;
}

.width-Auto {
    width: auto !important;
}

.remove-min-width {
    min-width: 0 !important;
}

#mapDiv {
    margin: auto;
    text-align: center;
    width: 66%;
    height: 400px;
    border: 1px solid black;  
}

.generic-button {
    transition: 0.1s;
    display: block;
    margin: 8px auto 0 auto;
    padding: 2px;
    max-width: 150px;

    border-width: 1px;
    border-color: rgb(112, 112, 112);
    border-style: solid;

    color: #222 !important;
    background-color: rgb(233, 233, 233);
}

    .generic-button:hover {
        background-color: rgb(166, 244, 255);
        border-color: rgb(38, 160, 218);
    }

.top-button-container {
    position: relative;
    text-align: center;
    min-height: 40px;
}

    .top-button-container .left {
        position: absolute;
        left: 0;
        top: 0;
    }

    .top-button-container .right {
        position: absolute;
        right: 0;
        top: 0;
    }

.bottom-button-container {
    text-align: center;
}

.mobile-break {
    display: none;
}

.search-options-container {
    margin: 5px auto;
    text-align: center;
}

    .search-options-container * {
        vertical-align: top;
    }

    .requiredSuggestionText {
        color: red;
    }

    .search-options-container .row,
    .search-options-container .left,
    .search-options-container .right {
        padding: 3px;
        vertical-align: top;
    }

    .search-options-container .row {
        text-align: center;
    }

    .search-options-container .left {
        display: inline-block;
        width: 35%;
        text-align: right;
    }

    .search-options-container .right {
        display: inline-block;
        width: 60%;
        text-align: left;
    }

        .search-options-container .right .thru {
            display: inline-block;
            margin-left: 5px;
        }

            .search-options-container .right .thru span {
                margin-right: 5px;
            }

    .search-options-container .short {
        width: 75px;
    }

.side-header-container {
    margin: 10px auto;
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
    border: 1px #222 solid;
    background: linear-gradient(90deg, #253A4C 110px, #EDEDED 1%);

    -webkit-box-shadow: -1px 1px 5px -1px #222;
    -moz-box-shadow: -1px 1px 5px -1px #222;
    box-shadow: -1px 1px 5px -1px #222;
}

    .side-header-container .row,
    .side-header-container .left,
    .side-header-container .right {
        padding: 5px 2px;
        vertical-align: top;
    }

    .side-header-container .row {
        text-align: center;
    }

    .side-header-container .left {
        display: inline-block;
        padding-right: 5px;
        width: 100px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        color: #FFF;
        background-color: #253A4C;
    }

    .side-header-container .right {
        display: inline-block;
        width: calc(100% - 123px);
        text-align: left;
        vertical-align: top;
        padding-left: 8px;
    }

    

    .side-header-container .right:nth-of-type(even) {
        
    }

    .side-header-container div:nth-of-type(+2) {
        
    }

        .side-header-container .right .thru {
            display: inline-block;
            margin-left: 5px;
        }

            .side-header-container .right .thru span {
                margin-right: 5px;
            }

    .side-header-container .short {
        width: 75px;
    }

    br.mobile {
        display: none;
    }

.generic-mobile-container {
    margin: auto;
}

.gridview-container { margin: auto; }

.gridview-links {
    display: block;
    position: relative;
    margin: 0 auto;
    height: 50px;
}

    .gridview-links .infoContainers {
        margin-top: 0;
    }

    .gridview-links .floating-link {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .gridview-links > div > select {
        margin-top: 15px;
    }

    .gridview-links-left,
    .gridview-links-right {
        font-size: 15px;
    }

    .gridview-links-left {
        position: absolute;
        left: 0;
        top: 0;
    }

    .gridview-links-right {
        position: absolute;
        right: 0;
    }

#lblServerNumber {
    position: absolute;
    right: 10px;
    top: 2px;
    color: rgba(184, 191, 200, 0.7);
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.clear {
    clear: both;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

.floating-link.rss-image {
    padding-left: 35px;
    background-image: url(../Images/Icons/RSS.png);
    background-repeat:  no-repeat;
    background-position: 12px 9px;
}

/*div[id*="divSuggestionForm"] input[type="text"],
div[id*="divSuggestionForm"] select,*/ 
div[id*="divSuggestionForm"] textarea {
    padding: 5px;
}

.contactus-office {
    display: inline-block;
    margin: 10px;
    width: 250px;
    height: 350px;
}

    .contactus-office .infoContainers {
        min-width: 0;
    }

.gridview-download {
    transition: 0.1s;
    position: absolute; 
    display: inline-block;
    right: 2px; 
    top: 14px; 
    padding: 2px 10px;
    min-width: 100px;
    /*border: 1px #222 solid;*/
    border-radius: 5px;
}

.gridview-title-bar {
    text-align: left; 
    position: relative;
}

    .gridview-title-bar > .infoContainers > .infoHeaders {
        padding-left: 10px;
    }

.boardmem-image {
    display: inline-block;
    padding: 10px;
    width: 30%;
    vertical-align: top;
    text-align: center;
}

    .boardmem-image img,
    #boardmem-all {
        border: 1px #222 solid;
        border-radius: 5px;
        -webkit-box-shadow: -1px 1px 5px -1px #222;
        -moz-box-shadow: -1px 1px 5px -1px #222;
        box-shadow: -2px 2px 5px -1px #000;
    }

.boardmem-text {
    display: inline-block;
    padding: 10px;
    width: 60%;
}

.floating-link {
    transition: 0.1s;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 15px;
    min-width: 100px;
    border: 1px #222 solid;
    border-radius: 5px;
    text-align: center;
    -webkit-box-shadow: -1px 1px 5px -1px #222;
    -moz-box-shadow: -1px 1px 5px -1px #222;
    box-shadow: -1px 1px 5px -1px #222;
}

    

.test1 {
    border: 1px red dashed !important;
}

.test2 {
    border: 1px orange dashed !important;
}

.test3 {
    border: 1px green dashed !important;
}

.white {
    color: #FFF;
}

.bgwhite {
    background-color: #FFF;
}

/* #region      ###  D E F A U L T   H T M L   V A L U E S  ### */

* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100vh;
}

html {
    position: relative;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    -webkit-text-size-adjust: 100%;
}
a:hover{
    cursor: pointer;
}

h1 {
    font-size: 21px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    text-align: center;
    color: #003366;
}
h2 {
    
}

h3 {
    font-size: 18px;
}

h3:not(:first-of-type) {
    margin: 20px auto 10px auto;
}

h3:first-of-type {
    margin: 10px auto 10px auto;
}

a {
    transition: 0.2s;
    text-decoration: none;
}

p:not(:last-of-type) {
    margin-bottom: 20px;
}

p.extra {
    margin-bottom: 30px;
}

.sbePageHeader {
    margin: 30px auto 60px auto;
    padding: 15px;
    width: 80%;
    max-width: 750px;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 5px -1px #222;
    -moz-box-shadow: -1px 1px 5px -1px #222;
    box-shadow: -1px 1px 5px -1px #222;
}

.subheader-container {
    text-align: center;
    margin: auto;
    padding: 15px;
    width: 95%;
    text-align: center;
    border-radius: 0 0 5px 5px;
}

/* #endregion   ###  D E F A U L T   H T M L   V A L U E S  ### */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ###  B O D Y   C O N T A I N E R  ### */

/*.body-container {
            padding-bottom:     200px;
            position:           relative;
            width:              100%;
            min-height:         100%;
            display:            block;

            background-image:       url(../Images/Redesign/Backgrounds/background-image-01.jpg);
            background-size:        cover;
            background-repeat:      no-repeat;
            background-position:    center bottom 50px;
        }*/

/* ### F I X E D   B A C K G R O U N D */
.body-container {
    padding-bottom: 205px;
    position: relative;
    width: 100%;
    min-height: 100%;
    display: block;
}

    .body-container::before {
        content: "";
        background-image: url(../Images/Redesign/Backgrounds/background-image-01.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: calc(100% - 5px);
        width: 100%;
        top: 0;
        left: 0;
        position: fixed;
        will-change: transform;
        z-index: -1;
    }

.body-container,
.footer {
    min-width: 1160px;
}

/* #endregion   ###  B O D Y   C O N T A I N E R  ### */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ###  H E A D E R  ### */

.site-header {
    position: relative;
    height: 135px;
    background-color: rgba(184, 191, 200, 0.7);
    -webkit-box-shadow: 0px -2px 10px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -2px 10px 3px rgba(0,0,0,0.75);
    box-shadow: 0px -2px 10px 3px rgba(0,0,0,0.75);
}

.site-header-left {
    float: left;
    width: 100px;
    height: 95px;
}

.site-header-left-img {
    position: relative;
    z-index: 7500;
    width: 100px;
    height: 95px;
    background-image: url(../Images/Redesign/header-seal-desktop.png);
    background-size: cover;
    background-repeat: no-repeat;
}

    .site-header-left-img a {
        display: block;
        width: 100px;
        height: 95px;
    }

.site-header-right {
    z-index: 5000;
    position: relative;
}

.site-header-right-title {
    height: 95px;
}

.site-header-right-menu {
    display: table;
    width: 100%;
    height: 40px;
    background-color: #33506A;
}

    .site-header-right-menu > a {
        color: #FFF !important;
    }

.site-header-right-menu-open,
.site-header-right-menu-close {
    margin-left: 0;
}

.title-text {
    position: relative;
    cursor: default;
    padding-top: 40px;
    padding-left: 10px;
}

    .title-text a {
        color: #00406E !important;
    }

.site-header-right-search-container {

}

.header-buttons {
    position: absolute;
    top: 5px;
    right: 30px;
    text-align: center;
}

    .header-buttons a:not(:last-of-type) {
        margin: 0 3px;
        padding-right: 8px;
        border-right: 1px #00406e solid;
    }

    .site-header-right-search-container .floating-link {
        padding: 2px 10px;
        border-radius: 3px;
    }

    .header-buttons .floating-link:first-child {
        border: 1px #29721A solid;
        background-color: #37A024;
        color: #FFF !important;
    }

        .header-buttons .floating-link:first-child:hover {
            background-color: #40AD27;
            /*color: #225B15 !important;*/
            /*border-color: #37A024;*/
        }

.site-search {
    position: absolute;
    top: 40px;
    right: 25px;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(37, 58, 76, 0.6);
    text-align: center;
}

    .site-search input[type="text"] {
        position: relative;
        border: 1px #253A4C solid;
        border-radius: 5px;
        min-width: 300px;
    }

    .site-search input[type="button"] {
    }

/* #endregion   ###  H E A D E R  ### */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ###  C O N T E N T  ### */

.content-container {
    position: relative;
    min-height: calc(100vh - 440px);
    margin: 30px auto;
    padding: 20px 30px;
    max-width: 1400px;
    /*min-height: 800px;*/
}

.content-container-homepage {
    width: calc(100% - 20px);
    text-align: center;
}

    .content-container-homepage > .infoContainers {
        transition: .5s !important;
        display: inline-block;
        margin: 5px;
        width: 23%;
        height: auto;
        max-height: 30px;
    }

        .content-container-homepage > .infoContainers:hover {
            max-height: 500px;
        }

        .content-container-homepage > .infoContainers .infoContent {
            width: calc(100% - 20px);
        }

/* #endregion   ###  C O N T E N T  ### */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ###  F O O T E R  ### */

.footer {
    position: absolute;
    display: table;
    text-align: center;
    vertical-align: middle;
    bottom: 0;
    width: 100%;
    height: 200px;
    background-color: #33506A;
    -webkit-box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.75);
}

    .footer > div > div {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
        width: 30%;
        color: #FFF;
    }

        .footer > div > div:nth-of-type(2) {
            border-width: 0 2px;
            border-style: solid;
            border-color: #FFF;
        }

.footer-container {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    max-width: 1160px;
}

.footer-column {
    text-align: center;
}

.footer-address {
    margin: auto;
}

/* ### F O O T E R  -  L E F T   C O L U M N */
.footer-content {
    display: inline-block;
    text-align: left;
    margin: auto;
    min-width: 155px;
}

    .footer-content p {
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    }

    .footer-content a {
        transition: 0.1s;
        color: #FFF;
    }

        /* ADDED */
        .footer-content a:hover {
            color: #75B6EF;
        }

    .footer-content div:not([class~="footer-social"]) {
        margin: 0 0 0 10px;
    }

    /* ### F O O T E R  -  M I D D L E   C O L U M N */
    .footer-content div:nth-of-type(2) {
        /* DO STUFF HERE */
    }

.footer-social {
    text-align: left;
    padding: 7px;
}

    .footer-social a {
        vertical-align: middle;
        position: relative;
        text-decoration: none;
    }

        .footer-social a:hover:after {
            content: "";
            position: absolute;
            display: block;
            opacity: 0.1;
            top: -5px;
            left: 0;
            width: 30px;
            height: 30px;
            color: red;
            border-radius: 5px;
            background-color: #FFF;
        }

    .footer-social img {
        vertical-align: middle;
        border-radius: 5px;
        -webkit-box-shadow: -1px 1px 5px -1px #222;
        -moz-box-shadow: -1px 1px 5px -1px #222;
        box-shadow: -1px 1px 5px -1px #222;
    }


/* #endregion   ###  F O O T E R  ### */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ### S C R I P T   C L A S S E S */

.script-container {
    z-index: 9999;
    position: absolute;
    display: inline-block;
    padding: 5px;
    right: 10px;
    bottom: 90px;
    opacity: 0.2;
    border: 1px #222 solid;
    background-color: #FFF;
}

    .script-container span:last-of-type {
        color: red;
    }

.hamburger-menu {
    display: none;
}

/* #endregion   ### S C R I P T   C L A S S E S */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ### A J A X   O V E R R I D E S */

div[id^="MenuTabContainer_MenuTabPanel"][id*="_div"] {
    margin-bottom: 20px;
}

/* #endregion   ### A J A X   O V E R R I D E S */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ### T A B L E S */

.table-side-headers {
    margin: 25px auto 10px auto;
    border: 1px #222 solid;
    border-radius: 12px !important;
    background-color: #FFF;
    border-collapse: separate !important;
    -webkit-box-shadow: -2px 2px 3px -1px #222;
    -moz-box-shadow: -2px 2px 3px -1px #222;
    box-shadow: -2px 2px 3px -1px #222;
}

    .table-side-headers tbody tr {
    }

        .table-side-headers tbody tr:nth-of-type(odd) {
        }

        .table-side-headers tbody tr:nth-of-type(even) {
        }

        .table-side-headers tbody tr:first-of-type {
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important;
        }

        .table-side-headers tbody tr:last-of-type {
            border-bottom-left-radius: 10px !important;
            border-bottom-right-radius: 10px !important;
        }

        .table-side-headers tbody tr td,
        .table-side-headers tbody tr td {
            padding: 5px 15px;
        }

            .table-side-headers tbody tr td:not(:first-of-type) {
                border-bottom: 1px #E5E5E5 solid;
            }

        .table-side-headers tbody tr:nth-of-type(even) td:not(:first-of-type) {
            background-color: #EDEDED;
        }

        .table-side-headers tbody tr:nth-of-type(odd) td:not(:first-of-type) {
            background-color: #FFF;
        }

        .table-side-headers tbody tr td:first-of-type {
            background-color: #253A4C;
            color: #FFF;
            border-right: 3px #365670 solid;
            text-align: right;
        }

        .table-side-headers tbody tr:first-of-type td:first-of-type {
            width: 25%;
            border-top-left-radius: 10px;
        }

        .table-side-headers tbody tr:first-of-type td:last-of-type {
            width: 75%;
            border-top-right-radius: 10px;
        }

        .table-side-headers tbody tr:last-of-type td:first-of-type {
            border-bottom-left-radius: 10px;
        }

        .table-side-headers tbody tr:last-of-type td:last-of-type {
            border-bottom-right-radius: 10px;
        }

        .table-side-headers tbody tr:last-of-type td {
            border-bottom: none;
        }

/* #endregion   ### T A B L E S */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ### C A L E N D A R */

.Calendar,
.tblCalendar {
    width: 100%;
    border: 1px #333663 solid;
    background-color: #FFF;
}

.CalendarDayEventSame {
    background-color: #D12C32;
    height: 30px;
    width: 30px;
}

    .CalendarDayEventSame a {
        color: #FFF !important;
    }

        .CalendarDayEventSame a:hover {
            color: #FFC1C4 !important;
        }

.CalendarDayEvent {
    background-color: #DDE0FF;
    height: 30px;
    width: 30px;
}

.CalendarDay {
    background: #D3D3D3;
    height: 30px;
    width: 30px;
}

.CalendarOtherMonth {
    background: #F8F8FF;
    height: 30px;
    width: 30px;
}

.CalendarCurrentDay {
    background-color: #FFFBD8;
    height: 30px;
    width: 30px;
    border: 1px #333663 solid;
}

    .CalendarCurrentDay span {
        color: #333663;
    }


.BigCalendarDayEventSame {
    background-color: #FFF4D8;
    width: 14.25%;
    height: 150px;
    border: 1px #333663 solid;
}

.BigCalendarDayEvent {
    background-color: #DDE0FF;
    width: 14.25%;
    height: 150px;
}

.BigCalendarDay {
    background: #D3D3D3;
    width: 14.25%;
    height: 150px;
}

.BigCalendarOtherMonth {
    background: #EAEAEA;
    width: 14.25%;
    height: 150px;
}

.BigCalendarCurrentDay {
    background-color: #FFFBD8;
    width: 14.25%;
    height: 150px;
    border: 1px #333663 solid;
}

    .BigCalendarCurrentDay span {
        color: #333663;
    }


.CalendarHeaderCell {
}

.tblCalNavTable,
.tblMonNavTable,
.tblYearNavTable {
    padding: 10px;
    width: 100%;
    background-color: #253A4C;
    border-bottom: 2px #365670 solid;
    border-radius: 15px 15px 0 0;
}

/*.tblCalNavTable {
	        background-color:   #333663;
	        border-bottom:      2px #51559F solid;
            border-radius:      10px 10px 0 0;
	        width:              100%;
        }

        .tblMonNavTable {
            padding:            10px;
	        width:              100%;
            background-color:   #253A4C;
	        border-bottom:      2px #365670 solid; 
            border-radius:      15px 15px 0 0;
        }

        .tblYearNavTable {
	        width:              100%;
            background-color:   #253A4C;
	        border-bottom:      2px #365670 solid; 
            border-radius:      15px 15px 0 0;
        }*/

.LinkButtonNavigation {
    transition: 0.1s;
}

.CalendarFooter {
    padding: 10px;
    text-align: center;
    margin: auto;
    border-top: 3px #365670 solid;
    border-radius: 0 0 15px 15px;
    color: #FFF;
    background-color: #253A4C;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    position: relative;
    top: -3px;
}

.tblMonths {
    width: 100%;
    border: Black 1pt solid;
    background-color: #FFF;
}

.tblYears {
    width: 100%;
    border: Black 1pt solid;
    background-color: #FFF;
}

.CalendarYearCell {
    height: 60px;
}

.CalendarYearCellOut {
    background-color: #F8F8FF;
    height: 60px;
}

.CalendarMonthCell {
    /*height:             60px;*/
}

.BigCalendarYearCell {
    height: 150px;
}

.BigCalendarYearCellOut {
    background-color: #F8F8FF;
    height: 150px;
}

.BigCalendarMonthCell,
.BigCalendarYearCellOut {
    height: 100px;
    overflow: hidden;
    border: 1px #E5E5E5 solid;
    /*border-radius: 15px;*/
}

    .BigCalendarMonthCell a,
    .BigCalendarYearCellOut a {
        transition: 0.1s;
        display: block;
        margin: -10em;
        padding: 10em;
        font-size: 14pt;
        color: #fff;
        background-color: #3F6382;
    }

        .BigCalendarMonthCell a:hover,
        .BigCalendarYearCellOut a:hover {
            background-color: #476F91;
        }

.lbCalendarYearCellOut {
    color: Gray;
}

.divBigCalendarUpcomingEventsLink {
    text-align: center;
}

.divBigCalendarAlignment {
    text-align: center;
    margin: auto;
    width: 95%;
}

.divBigCalendarContent {
    position: relative;
    top: -2px;
}

.hypCalendarLink {
    text-decoration: underline;
    color: Blue;
}

.lblCalendarDayDisabled {
    color: #808080;
}

/* #endregion   ### C A L E N D A R */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ### C O N T A I N E R S */

.search-container {
    display: inline-block;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(37, 58, 76, 0.6);
    -webkit-box-shadow: -2px 2px 3px -1px #222;
    -moz-box-shadow: -2px 2px 3px -1px #222;
    box-shadow: -2px 2px 3px -1px #222;
}

    .search-container input[type="text"] {
        border: 1px #222 solid;
        border-radius: 5px;
    }

    .search-container input[type="button"] {
        margin-left: 5px;
    }

.search-results {
    width: 60%;
    margin: auto;
    border: 1px #253A4C solid;
    border-radius: 16px;
    background-color: #BCC7D6;
    -webkit-box-shadow: -2px 2px 4px -1px #222;
    -moz-box-shadow: -2px 2px 4px -1px #222;
    box-shadow: -2px 2px 4px -1px #222;
}

    .search-results tbody tr:not(:first-of-type) {
        padding: 10px;
        margin: 10px;
    }

    .search-results tbody tr:first-of-type td {
        margin: auto;
        padding: 10px;
        width: 100%;
        text-align: center;
        border-radius: 15px 15px 0 0;
        border-bottom: 3px #33506A solid;
        background-color: #253A4C;
        font-size: 14pt;
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
        color: #FFF;
    }

    .search-results tbody tr:last-of-type td {
        border-radius: 0 0 15px 15px;
    }

    .search-results tbody tr td {
        padding: 5px 30px;
        border-bottom: 1px #253A4C solid;
        vertical-align: middle;
    }

        .search-results tbody tr td img {
            padding-right: 2px;
            margin-bottom: -2px;
            margin-left: -21px;
        }

.search-results-content {
}

.text-container {
    margin: auto;
    padding: 10px;
    width: 60%;
    border-radius: 15px;
    background-color: #253A4C;
    color: #FFF;
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
}

.contact-detail-container {
    margin: auto;
    padding: 10px;
    width: 90%;
    border: 1px #222 solid;
    border-radius: 10px;
    background-color: #253A4C;
    color: #FFF;
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
}

    .contact-detail-container a {
        transition: 0.1s;
        color: #0082E5;
    }

        .contact-detail-container a:hover {
            color: #1CA0FF;
        }

.contact-floating-link {
    transition: 0.1s;
    display: inline-block;
    width: 245px;
    margin: 5px 15px;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
    background-color: #2D516B;
    text-align: center;
    -webkit-box-shadow: -1px 1px 5px -1px #222;
    -moz-box-shadow: -1px 1px 5px -1px #222;
    box-shadow: -1px 1px 5px -1px #222;
}

    .contact-floating-link:hover {
        background-color: #3E6E91;
        color: #FFF;
    }

.infoContainers {
    overflow: hidden;
    display: block;
    clear: both;
    margin: 10px auto;
    min-width: 250px;
    border: 1px #00406E solid;
    border-radius: 5px;
    background-color: #BCC7D6; /* #EAEAEA; */
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
}

    .infoContainers a,
    .infoContainers a img {
        transition: 0.2s;
    }

    .infoContainers a {
        /*color:             #424FC4;*/
    }

        .infoContainers a:hover {
            /*color:          #7283FF;*/
        }

        .infoContainers a img:hover {
            opacity: 0.8;
        }

.infoHeaders {
    background-color: #253A4C;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px #365670 solid;
    color: #FFF;
}

.infoContent {
    text-align: left;
    margin: auto;
    padding: 20px;
    /*width:              85%;*/
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}

    .info-content td {
        word-break: break-all
    }

    .infoContent td a {
        word-break: break-word;
    }

.infoFooters {
    background-color: #232967;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-top: 2px #939BFF solid;
    color: #EDDF00;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 1.3em;
    line-height: 22px;
}

.infoAccordiansHeader,
.infoAccordiansLayerHeader {
    margin: 0 auto 10px auto;
    padding: 5px;
    text-align: center;
    background-color: #B5BEFF;
    border: 1px #333D96 solid;
    color: #3F4E88;
    width: 95%;
    font-size: 18px;
    transition: 0.1s;
    cursor: pointer;
    border-radius: 5px;
}

.infoAccordiansLayerHeader {
    transition: 0.2s;
    background-color: #9BA8FF !important;
}

    .infoAccordiansLayerHeader:hover {
        background-color: #7789FF !important;
    }

    .infoAccordiansLayerHeader a:hover {
        transition: 0.1s;
    }

    .infoAccordiansLayerHeader a:hover {
        color: #FFF !important;
    }

.infoAccordiansHeader:hover {
    background-color: #FFF4D8;
}

.infoAccordiansHeader a {
    text-decoration: none;
    font-size: 12px;
    color: #333333;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px 0;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.infoAccordiansHeader input[type="submit"] {
    background-color: transparent;
    border: none;
    text-decoration: none;
    font-size: 13px;
    color: #333333;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 3px 0;
    cursor: pointer;
}

    .infoAccordiansHeader a:hover,
    .infoAccordiansLayerHeader a:hover,
    .infoAccordiansHeader input[type="submit"]:hover {
        color: #6A84E2;
    }

.infoAccordiansHeader ul {
    padding: 0;
    margin: 20px;
}

    .infoAccordiansHeader ul li {
        font-size: 12px;
    }

        .infoAccordiansHeader ul li a {
            font-size: 12px;
        }

.infoAccordiansHeaderSelected {
    margin: 0 auto;
    padding: 8px 0;
    text-align: center;
    background-color: #FFFBD8;
    border: 1px #51559F solid;
    color: #3F4E88;
    width: 96%;
    font-size: 18px;
    -webkit-box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.30);
    box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.30);
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
    cursor: pointer;
}

    .infoAccordiansHeaderSelected:hover {
        background-color: #FFF4D8;
        color: #6A84E2;
    }

    .infoAccordiansHeaderSelected a {
        text-decoration: none;
        font-size: 12px;
        color: #6A84E2;
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 5px 0;
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    }

.infoAccordiansHeaderDisabled {
    margin: 10px auto 0 auto;
    padding: 0;
    text-align: center;
    background-color: #EAEAEA;
    border: 1px #666666 solid;
    color: #666666;
    width: 95%;
    font-size: 18px;
    cursor: default;
}

    .infoAccordiansHeaderDisabled a {
        text-decoration: none;
        font-size: 12px;
        color: #666666;
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 5px 0;
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    }

        .infoAccordiansHeaderDisabled a:hover {
            color: #666666;
        }

.infoAccordiansContent {
    width: 90%;
    margin: 5px auto;
    overflow: hidden;
}

    .infoAccordiansContent a {
        font-weight: normal;
        font-size: 13px;
        font-family: Verdana, Sans-Serif;
        line-height: 22px;
    }

.infoAccordiansLayerHeader {
    margin: 10px auto 0 auto;
    padding: 0;
    text-align: center;
    background-color: #C4CAFF;
    border: 1px #51559F solid;
    color: #3F4E88;
    width: 90%;
    font-size: 11px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
    cursor: pointer;
}

    .infoAccordiansLayerHeader a {
        text-decoration: none;
        font-size: 11px;
        color: #333333;
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 3px 0;
    }

.infoAccordiansLayerHeaderSelected {
    margin: 10px auto 0 auto;
    padding: 5px 3px;
    text-align: center;
    background-color: #FFF4D8;
    border: 1px #51559F solid;
    color: #3F4E88;
    width: 90%;
    font-size: 18px;
    -webkit-box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.30);
    box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.30);
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
    cursor: pointer;
}

    .infoAccordiansLayerHeaderSelected:hover {
        background-color: #FFFBD8;
        color: #6A84E2;
    }

    .infoAccordiansLayerHeaderSelected a {
        text-decoration: none;
        font-size: 11px;
        color: #6A84E2;
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 5px 0;
    }

/* #endregion   ### C O N T A I N E R S */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* #region      ### I N D I V I D U A L   P A G E S */

#ibtnSearch {
    transition: 0.2s;
    background-image: url(../Images/Redesign/search-icon-light.png);
    background-repeat: no-repeat;
    background-size: 28px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    /*width: 28px; 
            height: 28px;*/
    width: 0;
    height: 0;
    padding: 14px;
    border-style: none;
}

    #ibtnSearch:hover {
        background-image: url(../Images/Redesign/search-icon-dark.png);
    }

    #ibtnSearch::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

.home-calendar table {
    text-align: center;
}

.home-calendar-header table {
    width: 100%;
    text-align: center;
    background-color: #333663;
    border-bottom: 2px #51559F solid;
}

.home-calendar-content table tbody tr td {
    border: 1px #51559F solid;
}

.home-calendar-footer {
    width: 100%;
    text-align: center;
    background-color: #333663;
    border-bottom: 2px #51559F solid;
    color: #FFF;
}

.home-calendar-header, .home-calendar-content, .home-calendar-footer {
    -webkit-box-shadow: -2px 2px 4px -1px #666;
    -moz-box-shadow: -2px 2px 4px -1px #666;
    box-shadow: -2px 2px 4px -1px #666;
}

/* ##### */

.next-election {
    color: #BAD7FF;
}

/* ##### */

.default-events-container {
    position: relative;
    margin: auto;
    padding: 5px;
    width: 70%;
    border: 1px #222 solid;
    border-radius: 10px;
    background-color: #253A4C !important;
    text-align: center;
    clear: both;
    -webkit-box-shadow: -2px 2px 4px -1px #666;
    -moz-box-shadow: -2px 2px 4px -1px #666;
    box-shadow: -2px 2px 4px -1px #666;
}

    .default-events-container > div:first-of-type {
        font-size: 12pt;
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
        color: #FFF;
        margin: 10px auto 15px auto;
    }

/* ##### */

.content-container-homepage-search {
    margin: 75px auto 0 auto;
    padding: 15px 5px;
    max-width: 500px;
    border-radius: 10px;
    background-color: rgba(37, 58, 76, 0.6);
    text-align: center;
    -webkit-box-shadow: -2px 2px 3px -1px #666;
    -moz-box-shadow: -2px 2px 3px -1px #666;
    box-shadow: -2px 2px 3px -1px #666;
}

    .content-container-homepage-search input[type="text"] {
        border: 1px #222 solid;
        border-radius: 5px;
    }

        .content-container-homepage-search input[type="text"]:focus {
            background-image: none;
        }

    .content-container-homepage-search input[type="button"] {
        border: 1px #222 solid;
        border-radius: 5px;
    }

.homepage-nav-column .default-container {
}

.homepage-nav-column .default-header {
    margin: auto;
    padding: 15px 5px;
    width: 90%;
    background-color: #253A4C !important;
    background-image: none;
    border-radius: 15px;
    text-align: center;
    color: #FFF;
    -webkit-box-shadow: -2px 2px 3px -1px #666;
    -moz-box-shadow: -2px 2px 3px -1px #666;
    box-shadow: -2px 2px 3px -1px #666;
}

.homepage-nav-column .default-content {
    padding: 5px 0;
}


.default-content-link,
.default-content-link-simple {
    transition: 0.1s;
    display: block;
    margin: 5px auto;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
    background-color: #2D516B;
    text-align: center;
}

.default-content-link {
    width: 70%;
    max-width: 300px;
    -webkit-box-shadow: -2px 2px 4px -1px #666;
    -moz-box-shadow: -2px 2px 4px -1px #666;
    box-shadow: -2px 2px 4px -1px #666;
}

.default-content-link-simple {
    width: 90%;
}

    .default-content-link:hover,
    .default-content-link-simple:hover {
        background-color: #3E6E91;
        color: #FFF;
    }



.content-container-homepage-nav {
    margin: 100px auto 0 auto;
    width: 100%;
}

.homepage-nav-column {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 10px;
    text-align: left;
    width: 30%;
}

    .homepage-nav-column .buttonCategoryContainer {
        float: none;
        position: relative;
        margin: auto;
        left: 0;
        bottom: 0;
        width: 85%;
        min-width: 337px;
        text-align: center;

        display: block;
        margin-left: auto;
        left: 0;
        top: 0;
        text-align: center;
    }

        .homepage-nav-column .buttonCategoryContainer div {
            position: relative;
            min-width: 0;
        }

            .homepage-nav-column .buttonCategoryContainer div:not(:first-of-type) {
                float: right;
            }

            .homepage-nav-column .buttonCategoryContainer div:first-of-type[class~="buttonCategory"] {
                float: left;
                margin-left: 0;
            }


    .homepage-nav-column .buttonCategory,
    .homepage-nav-column .buttonCategoryActive {
        width: 43% !important;
    }

    .homepage-nav-column .buttonCategory {
        z-index: 4000;
        transition: 0.1s;
        position: absolute;
        margin-left: 0 !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        transform: none !important;
        bottom: -1px;
        display: inline-block;
        cursor: pointer;
        margin: 0;
        padding: 10px 0px;
        border-top: 1px #222 solid;
        border-right: 1px #222 solid;
        border-bottom: none;
        border-left: 1px #222 solid;
        border-radius: 10px 10px 0 0;
        background-color: #33506A;
        background-image: none;
        color: #FFF;
        -webkit-box-shadow: -2px -1px 3px -1px #666;
        -moz-box-shadow: -2px -1px 3px -1px #666;
        box-shadow: -2px -1px 3px -1px #666;

        line-height: 18px;
        letter-spacing: 0px;
        display: table-cell;
        vertical-align: middle;
        word-break: normal;
        word-wrap: normal;
        font-variant: normal;
        height: auto;
        text-align: center;
        overflow: initial;
    }

        .homepage-nav-column .buttonCategory:hover {
            background-color: #3E6E91;
        }

    .homepage-nav-column .buttonCategoryActive {
        position: absolute;
        /*border-bottom:      1px #253A4C solid;*/
        border-radius: 10px 10px 0 0;
        background-color: #253A4C !important;
        background-image: none;
        color: #FFF;
    }

        .homepage-nav-column .buttonCategoryActive:hover {
            cursor: default;
        }

    .homepage-nav-column .QAContainer {
        z-index: 3050;
        position: relative;
        margin: auto;
        padding: 5px;
        width: calc(85% - 12px);
        min-width: 325px;
        border: 1px #222 solid;
        border-radius: 0 0 10px 10px;
        background-color: #253A4C !important;
        clear: both;
        -webkit-box-shadow: -2px 2px 4px -1px #666;
        -moz-box-shadow: -2px 2px 4px -1px #666;
        box-shadow: -2px 2px 4px -1px #666;
    }

    /* ### */

    .homepage-nav-column .SearchListTable {
        border: 1px #222 solid;
        border-radius: 10px;
        font-size: 9pt;
        width: 100% !important;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }

        .homepage-nav-column .SearchListTable tbody tr:nth-of-type(2) td {
            /*border-radius: 10px 10px 0 0;*/
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .homepage-nav-column .SearchListTable tbody tr:last-of-type td {
            /*border-radius: 0 0 10px 10px;*/
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

/* #endregion   ### I N D I V I D U A L   P A G E S */

/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/*

        d8888b.  .d88b.  .d8888. .d8888. d888888b d8888b. db      d88888b       d8888b. d88888b .88b  d88.  .d88b.  db    db  .d8b.  db      
        88  `8D .8P  Y8. 88'  YP 88'  YP   `88'   88  `8D 88      88'           88  `8D 88'     88'YbdP`88 .8P  Y8. 88    88 d8' `8b 88      
        88oodD' 88    88 `8bo.   `8bo.      88    88oooY' 88      88ooooo       88oobY' 88ooooo 88  88  88 88    88 Y8    8P 88ooo88 88      
        88~~~   88    88   `Y8b.   `Y8b.    88    88~~~b. 88      88~~~~~       88`8b   88~~~~~ 88  88  88 88    88 `8b  d8' 88~~~88 88      
        88      `8b  d8' db   8D db   8D   .88.   88   8D 88booo. 88.           88 `88. 88.     88  88  88 `8b  d8'  `8bd8'  88   88 88booo. 
        88       `Y88P'  `8888Y' `8888Y' Y888888P Y8888P' Y88888P Y88888P       88   YD Y88888P YP  YP  YP  `Y88P'     YP    YP   YP Y88888P 

*/

/* #region      ### P O S S I B L E   R E M O V A L */

.infoContainersImportantClosed {
    border-top: 1px #D12C32 solid !important;
    border-right: 1px #D12C32 solid !important;
    border-left: 1px #D12C32 solid !important;
    margin: auto;
    height: 215px;
    overflow: hidden;
}

.infoContainersImportantOpen {
    border-top: 1px #D12C32 solid !important;
    border-right: 1px #D12C32 solid !important;
    border-left: 1px #D12C32 solid !important;
    margin: auto;
    height: auto;
}

.infoHeadersImportant {
    background-color: #D12C32;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px #FF7077 solid;
    color: #FFF;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 1.3em;
    line-height: 22px;
}

.infoContentImportant {
    background-color: #FFD1D4;
    margin: auto;
    padding: 10px;
}

.infoContainersImportantReadMore {
    border-bottom: 1px #D12C32 solid !important;
    border-right: 1px #D12C32 solid !important;
    border-left: 1px #D12C32 solid !important;
    margin: auto;
    padding: 5px 10px;
    background-color: #FFD1D4;
}

    .infoContainersImportantReadMore a {
        cursor: pointer;
    }

/* #region      ### P O S S I B L E   R E M O V A L */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/*

         .d88b.  d8888b. d888888b  d888b  d888888b d8b   db  .d8b.  db      
        .8P  Y8. 88  `8D   `88'   88' Y8b   `88'   888o  88 d8' `8b 88      
        88    88 88oobY'    88    88         88    88V8o 88 88ooo88 88      
        88    88 88`8b      88    88  ooo    88    88 V8o88 88   88 88      
        `8b  d8' 88 `88.   .88.   88.  8    .88.   88  V888 88   88 88booo. 
         `Y88P'  88   YD Y888888P  Y888P  Y888888P VP   V8P YP   YP Y88888P 

*/

span > input[type="checkbox"] {
    vertical-align: middle;
}

    span > input[type="checkbox"] + label {
        vertical-align: middle;
        margin-left: 5px;
    }

/* #region ((Misc)) */

.noHeaders tr th,
.gridview-header-remove tr th {
    display: none;
}

.tableFirstBoldTD {
}

    .tableFirstBoldTD > tbody > tr > td:first-of-type {
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    }

    .tableFirstBoldTD > tbody > tr > td {
        padding: 3px 5px;
        vertical-align: top;
    }

.tableFirstBoldIgnore tbody tr td:first-of-type {
    font-weight: normal;
}

.checkboxAlignVertical label {
    position: relative;
    top: -2px;
}


.topTotalRecords {
}

    .topTotalRecords .SearchListTable tbody tr:first-of-type th {
        padding: 5px 10px;
        border-bottom: 1px #2D3987 solid;
    }

/* #endregion ((Misc)) */

/* #region ((HTML Elements)) */

/** {
            margin:             0;
            padding:            0;
        }

        html {
            position:           relative;
            min-height:         100%;
        }

        body {
            width:              100%;
            height:             100%;
            vertical-align:     top;
            margin-bottom:      75px;
            text-align:         center;
	        font-family:        Verdana, Arial, Helvetica, sans-serif;
	        font-size:          9.5pt;
            line-height:        1.75em;
            background-color:   #808FA4;
	        -webkit-text-size-adjust:   100%;
        }

        h1, .sbePageHeader {
	        font-size:          21px;
            font-weight:        bold;
            text-align:         center;
            color:              #003366;
        }*/

h1 {
    margin: 5px auto 15px auto;
}

h2 {
    font-size: 17px;
    padding: 2px;
    margin-bottom: 10px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #003366;
}

/*hr {
            display:            block;
            width:              95%;
            margin:             20px auto;
            color:              #253A4C;
            border-width:       3px;
            border-style:       double;
            border-radius:      10px;
        }*/

hr {
    display: block;
    width: 98%;
    margin: 20px auto;
    color: #253A4C;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    opacity: 0.8;
}

ul,
ol {
    padding: 5px 5px 5px 20px;
}

blockquote {
    display: block;
    margin: 10px;
    padding: 10px;
}

/* #endregion ((HTML Elements)) */

/* #################################### */

/* #region ((General)) */

.viewAll {
    margin-top: 10px;
    text-align: center;
}

.textHeader {
    display: inline-block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #FFF;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    background-color: #232967;
    border: 1px #232967 solid;
    border-radius: 10px;
}

.textFooter {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #FFF;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    text-align: center;
    background-color: #232967;
    border: 1px #232967 solid;
    border-radius: 10px;
}

/* #endregion ((General)) */

/* #region ((General - Elements)) */

input[type="text"] {
    height: 15px;
    padding: 5px;
}

input[type="button"],
button[type="button"],
input[type="reset"],
input[type="submit"] {
    height: 27px;
    padding: 0 10px;
}

    input[type="button"]:hover,
    button[type=button]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        cursor: pointer;
    }

input[type="radio"] {
    margin-right: 3px;
    margin-bottom: -2px;
    margin-left: 3px;
}

select {
    max-width: 390px;
    height: 27px;
    padding: 3px 2px 3px 5px;
    line-height: 13px !important;
}

/* #endregion ((General - Elements)) */

/* #region ((General - Custom Framework)) */



/* ### */

.search-errors {
    margin: 10px auto;
    padding: 0 50px;
    background-color: #FFEDEE;
    width: 81%;
    text-align: left !important;
    border-radius: 5px;
}

    .search-errors > span {
        color: #d80000 !important;
    }

    .search-errors span:not([style*="none"]) {
        position: relative;
        padding: 5px;
        margin: 5px;
    }

        .search-errors span::before {
            position: absolute;
            content: "▪";
            font-size: 20px;
            left: -18px;
        }

        .search-errors span[style*="inline"] + br {
            display: block !important;
        }

        /*.search-errors span:first-of-type {
            margin-left: 5px;
        }*/

        /*.search-errors span[style*="inline"]::after {
            content: "";
            display: inline-block;
            visibility: hidden;
            width: 3%;
        }

        .search-errors span[style*="inline"]:last-of-type::after {
            display: none;
        }*/

.error {
    display: block;
    margin: auto;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px !important;
    padding: 2px 2px 2px 20px;
    line-height: 26px;
    color: #D80000; /* FF4C4C */
    background-color: #FFEDEE;
    border: 1px #F23030 double;
    border-radius: 4px;
    
}

    .error > ul {
        text-align: left;
        list-style: square;
    }

        .error > ul > li {
            margin: 1px 0 2px 10px;
        }

/* ### */



/* #endregion ((General - Custom Framework)) */

/* #################################### */

/* #region ((Containers)) */

div.thirdColumn {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    margin: 0 3px;
}

table.jurisdictionTableLayout {
    margin: 20px auto;
    border: 1px #232967 solid;
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
}

    table.jurisdictionTableLayout tbody tr td:first-of-type {
        padding: 2px 8px;
        width: 25%;
        color: #FFF;
        border-right: 2px #2D3987 solid;
        background-color: #232967;
        text-align: right;
    }

    table.jurisdictionTableLayout tbody tr td:last-of-type {
        padding: 2px 8px;
        width: 75%;
        border-bottom: 1px #E5E5E5 solid;
        text-align: center;
    }

    table.jurisdictionTableLayout tbody tr:nth-of-type(even) td:last-of-type {
        background-color: #FFFFE0;
    }

.container-Search {
    line-height: 32px;
}

/* #endregion ((Containers)) */

/* #################################### */

/* #region ((GridViews)) */

table[id*="GridViewPagerTemplate"] tbody tr td > div:nth-of-type(2) {
    width: 35% !important;
}

.GridViewSmallText tbody tr th {
    font-size: 9pt !important;
}

.GridViewSmallText tbody tr td {
    font-size: 7.5pt !important;
}

/* #endregion ((GridViews)) */

/* #################################### */

/* #region ((AJAX Calendar)) */

div[class="ajax__calendar"] {
}

div[class="ajax__calendar_container"] {
}

div[class="ajax__calendar_header"] {
}

div[class="ajax__calendar_body"] {
}

div[class="ajax__calendar_days"] {
}

/* #endregion ((AJAX Calendar)) */

/* #################################### */

/* ((SPECIFIC PAGES)) */

/* #region Site.Master */

#bannertable {
    font-size: 9pt;
    line-height: 1.5em;
}

/* ###### */

.nextElectionText {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #EDDF00;
}

.nextElectionLink {
    color: #A3BEFF;
    border-bottom: 1px #A3BEFF solid;
}

    .nextElectionLink:hover {
        color: #D6E2FF;
        border-bottom: 1px #D6E2FF solid;
    }

/* ###### */

.leftMenu {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 75px;
    width: 300px;
    height: 200px;
    z-index: 9999;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.leftMenuContent {
    z-index: 9999;
    position: relative;
    width: 290px;
    border: 1px transparent solid;
    background-color: #232967;
    padding: 5px;
    color: #FFF;
    text-align: left;
    border-radius: 0 7px 7px 0;
    -webkit-box-shadow: 2px 2px 4px -1px #666;
    -moz-box-shadow: 2px 2px 4px -1px #666;
    box-shadow: 2px 2px 4px -1px #666;
}

    .leftMenuContent a {
        color: #FFF;
    }

        .leftMenuContent a:hover {
            color: #EDDF00;
        }

.leftMenuButton {
    z-index: 9999;
    position: relative;
    transition: 0.15s;
    margin-top: 40px;
    margin-left: -1px;
    border-radius: 0 5px 5px 0;
    width: 30px;
    height: 100px;
    color: #FFF;
    background-color: #232967;
    -webkit-box-shadow: 2px 2px 4px -1px #666;
    -moz-box-shadow: 2px 2px 4px -1px #666;
    box-shadow: 2px 2px 4px -1px #666;
}

    .leftMenuButton > div {
        position: absolute;
        width: 100px;
        margin-top: 40px;
        margin-left: -35px;
        font-size: 14pt;
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
        transform: rotate(-90deg);
    }

    .leftMenuButton:hover {
        cursor: pointer;
        color: #EDDF00;
        background-color: #2D3987;
    }

/* ###### */

/*
            ### S U G G E S T I O N   B O X   L E F T   A L I G N M E N T
        */

.leftSuggestionTransition {
}

.leftSuggestion {
    z-index: 9000;
    position: fixed;
    left: 0;
    top: 220px;
    width: 500px;
    height: 300px;
    z-index: 9999;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.leftSuggestionContent {
    z-index: 9000;
    position: relative;
    width: 350px;
    border: 1px transparent solid;
    background-color: #99262B;
    padding: 5px;
    color: #FFF;
    text-align: left;
    border-radius: 0 7px 7px 0;
    text-shadow: 0px 1px 1px #444;
    -webkit-box-shadow: 2px 2px 4px -1px #666;
    -moz-box-shadow: 2px 2px 4px -1px #666;
    box-shadow: 2px 2px 4px -1px #666;
}

    .leftSuggestionContent div table tbody tr td {
        padding: 3px;
    }

    .leftSuggestionContent textarea {
        padding: 5px;
        width: 245px;
        min-height: 150px;
    }

    .leftSuggestionContent input[type="text"] {
        padding: 5px;
        width: 245px;
    }

    .leftSuggestionContent a {
        color: #FFF;
    }

        .leftSuggestionContent a:hover {
            color: #EDDF00;
        }

.leftSuggestionButton {
    z-index: 9000;
    position: relative;
    transition: 0.15s;
    margin-top: 70px;
    margin-left: -1px;
    border-radius: 0 5px 5px 0;
    width: 30px;
    height: 215px;
    color: #FFF;
    background-color: #99262B;
    text-shadow: 0px 1px 1px #444;
    -webkit-box-shadow: 2px 2px 4px -1px #666;
    -moz-box-shadow: 2px 2px 4px -1px #666;
    box-shadow: 2px 2px 4px -1px #666;
}

    .leftSuggestionButton > div {
        position: absolute;
        width: 210px;
        margin-top: 95px;
        margin-left: -89px;
        font-size: 11pt;
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
        transform: rotate(-90deg);
    }

    .leftSuggestionButton:hover {
        cursor: pointer;
        color: #FFF;
        background-color: #FF3F49;
    }

#tblSuggestion tr td:nth-of-type(2) {
    width: 30px;
}

.search-options-container textarea {
    min-width: 200px;
    max-width: 95%;
    min-height: 100px;
}

/* ###### */

/*
            ### S U G G E S T I O N   B O X   T O P   A L I G N M E N T
        */

/*.leftSuggestion {
            z-index:            9000;
            position:           fixed;
            left:               31px;
            top:                0px;
            width:              300px;
            min-height:         480px;
            z-index:            9999;
            -webkit-transition: 0.3s;
            -moz-transition:    0.3s;
            transition:         0.3s;
        }
                
        .leftSuggestionContent {
            z-index:            9000;
            position:           relative;
            width:              350px;
            border:             1px transparent solid;
            background-color:   #D3343A;
            padding:            5px;
            color:              #FFF;
            text-align:         left;
            border-radius:      0 0 7px 7px;
            text-shadow:        0px 1px 1px #444;
            -webkit-box-shadow: 2px 2px 4px -1px #666;
            -moz-box-shadow:    2px 2px 4px -1px #666;
            box-shadow:         2px 2px 4px -1px #666;
        }

        .leftSuggestionContent div table tbody tr td { padding: 3px; }

        .leftSuggestionContent textarea {
            padding: 5px;
            width: 245px;
            min-height: 150px;
        }

        .leftSuggestionContent input[type="text"] {
            padding: 5px;
            width: 245px;
        }

            .leftSuggestionContent a {
                color:              #FFF;
            }

            .leftSuggestionContent a:hover {
                color:              #EDDF00;
            }

        .leftSuggestionButton {
            z-index:            9000;
            position:           relative;
            transition:         0.15s;
            margin-top:         -1px;
            margin-left:        65px;
            border-radius:      0 0 5px 5px;
            width:              215px;
            height:             30px;
            color:              #FFF;
            background-color:   #D3343A;

            text-shadow:        0px 1px 1px #444;
            -webkit-box-shadow: 2px 2px 4px -1px #666;
            -moz-box-shadow:    2px 2px 4px -1px #666;
            box-shadow:         2px 2px 4px -1px #666;
        }

            .leftSuggestionButton > div {
                position:       absolute;
                width:          210px;
                margin-top:     4px;
                margin-left:    5px;
                font-size:      11pt;
                font-weight:    bold;
            }

            .leftSuggestionButton:hover {
                cursor:             pointer;
                color:              #FFF;
                background-color:   #FF3F49;
            }*/

/* ###### */

.open {
    transform: rotate(90deg) !important;
    transform-origin: 50% 50.5%;
}

.openTop {
}

/* ###### */

.suggestionLink {
    cursor: pointer;
}

/* ###### */

#divSuggestionPopup {
    position: fixed;
    width: 300px;
    top: 20px;
    right: 50px;
    background-color: #FFEDEE;
    border: 3px #D3343A double;
    text-shadow: 0px 1px 1px #999;
    -webkit-box-shadow: -2px 2px 4px -1px #666;
    -moz-box-shadow: -2px 2px 4px -1px #666;
    box-shadow: -2px 2px 4px -1px #666;
}

#divSuggestionMessage {
    margin: 20px auto 0 auto;
    padding: 10px;
    text-align: center;
    background-color: #FFEDEE;
    border: 3px #D3343A double;
    text-shadow: 0px 1px 1px #999;
}

#divSuggestionClose {
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 0;
    margin: 0;
    padding: 2px 5px;
}

#divSuggestionText {
    padding: 10px 20px;
}

/* ###### */

.spotlight > div:not(:last-of-type) > a {
    display: block;
    margin: -10em;
    padding: 10em;
}

.spotlightPOVA {
    overflow: hidden;
    height: 72px;
    margin-bottom: 10px;
    background-size: 100%;
    background-image: url(../Images/Banners/POVABanner.png);
    border: 1px #222 solid;
    /*border-radius:      10px;*/
    -webkit-box-shadow: -2px 2px 4px -1px #666;
    -moz-box-shadow: -2px 2px 4px -1px #666;
    box-shadow: -2px 2px 4px -1px #666;
}

.spotlightIDIS {
    overflow: hidden;
    height: 72px;
    margin-bottom: 10px;
    background-size: 100%;
    background-image: url(../Images/Banners/IDIS3Banner.jpg);
    border: 1px #232967 solid;
    border-radius: 10px;
    -webkit-box-shadow: -2px 2px 4px -1px #666;
    -moz-box-shadow: -2px 2px 4px -1px #666;
    box-shadow: -2px 2px 4px -1px #666;
}



/* #endregion Site.Master */

/* #region Agenda */

.specialMessage {
    margin: 10px auto;
    background-color: #333663;
    color: #FFF;
    padding: 10px;
    border-radius: 10px;
}

/* #endregion Agenda */

/* #region ElectionDayHome */

.electionDayHomeHeader {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 14px;
    line-height: 27px;
}

.linkBox {
    transition: 0.1s;
    overflow: hidden;
    padding: 10px;
    margin: 8px auto;
    width: 50%;
    background-color: #33506A;
    border: 1px #000 solid;
    border-radius: 5px;
    text-align: center;
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
}

    .linkBox a {
        transition: 0.1s;
        display: block;
        margin: -10em;
        padding: 10em;
        color: #FFF;
        font-size: 1.15em;
    }

    .linkBox:hover {
        background-color: #3E617F;
    }

    .linkBox a:hover {
        color: #FFF;
    }

/* #endregion ElectionDayHome */

/* #region ElectionDayVoteTotals */

.downloadResults {
    margin: 3px 5px 0 0 !important;
}

.electionVoteTotalsHeader {
    padding: 5px;
}

/* #endregion ElectionDayVoteTotals */

/* #region FAQ / Glossary */

/* Style the button that is used to open and close the collapsible content */
.collapsible {
    transition: 0.1s;
    position: relative;
    background-color: #33506A;
    color: #FFF;
    cursor: pointer;
    padding: 7px 15px 7px 25px;
    margin: 7px auto;
    border: none;
    font-size: 11pt;
    vertical-align: middle;
    border-radius: 5px;
    text-shadow: 0px 1px 1px #444;
    -webkit-box-shadow: -2px 2px 4px -1px #222;
    -moz-box-shadow: -2px 2px 4px -1px #222;
    box-shadow: -2px 2px 4px -1px #222;
}

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .collapsible:hover,
    .active:hover {
        background-color: #3F6382;
    }

.active {
    transition: 0.1s;
    color: #FFF;
    background-color: #476F91;
    text-shadow: -1px 1px 2px #444;
}

/* Style the collapsible content. Note: hidden by default */
.content {
    margin: 0 15px;
    padding: 0 10px;
    max-height: 0;
    overflow: hidden;
    width: 95%;
    margin: auto;
    transition: max-height 0.2s ease-out;
    font-size: 10.5pt;
    color: #FFF;
    border-left: 4px #476F91 solid;
    border-radius: 8px;
}

.collapsible:before {
    position: absolute;
    content: '\02795';
    font-size: 13px;
    color: #FFF;
    left: 0;
    margin: 0 5px;
    text-shadow: 0px 1px 2px #444;
}

.active:before {
    content: "\2796";
    color: #FFF;
}

.containerExpandCollapse {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 8px;
}

.buttonExpandCollapse {
    transition: 0.1s;
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
    color: #FFF;
    background-color: #3E6E91;
    border: 1px #222 solid;
    border-radius: 5px;
    text-shadow: 0px 1px 1px #222;
    -webkit-box-shadow: -2px 2px 4px -1px #222;
    -moz-box-shadow: -2px 2px 4px -1px #222;
    box-shadow: -2px 2px 4px -1px #222;
}

    .buttonExpandCollapse:hover {
        background-color: #3F6382;
    }

.buttonCategoryContainer {
    position: absolute;
    left: -5px;
    bottom: 0;
    border-radius: 10px 10px 0 0;
}

    .buttonCategoryContainer div {
        position: relative;
    }

        .buttonCategoryContainer div:not(:first-of-type) {
            margin-left: -5px;
        }

        .buttonCategoryContainer div:first-of-type[class~="buttonCategory"] {
            -webkit-box-shadow: -2px -1px 3px -1px #666;
            -moz-box-shadow: -2px -1px 3px -1px #666;
            box-shadow: -2px -1px 3px -1px #666;
        }

.buttonCategory {
    z-index: 4000;
    transition: 0.1s;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    padding: 5px 10px;
    border-top: 1px #222 solid;
    border-right: 1px #222 solid;
    border-bottom: none;
    border-left: 1px #222 solid;
    border-radius: 10px 10px 0 0;
    background-color: #33506A;
    background-image: none;
    font-size: 11pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #FFF;
}

    .buttonCategory:hover {
        background-color: #3F6382;
    }

.buttonCategoryActive {
    position: absolute;
    bottom: -1px;
    border-radius: 10px 10px 0 0;
    background-color: #253A4C !important;
    background-image: none;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #FFF;
}

    .buttonCategoryActive:hover {
        cursor: default;
    }

#QAContainer {
    z-index: 1;
    position: relative;
    margin: 0 auto 50px auto;
    padding: 10px;
    width: 95%;
    text-align: left;
    border: 1px #222 solid;
    border-radius: 0 10px 10px 10px;
    background-color: #253A4C;
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 6px -1px #888;
}

.glossaryResults {
    transition: 0.1s;
    position: relative;
    display: inline-block;
    background-color: #33506A;
    color: #FFF;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
    border: none;
    font-size: 9pt;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: -2px 2px 4px -1px #444;
    -moz-box-shadow: -2px 2px 4px -1px #444;
    box-shadow: -2px 2px 4px -1px #444;
}

    .glossaryResults:hover {
        background-color: #3F6382;
    }

.glossaryResultsClicked {
    transition: 0.1s;
    position: relative;
    display: inline-block;
    background-color: #0F9D58;
    color: #FFF;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
    border: none;
    font-size: 9pt;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: -2px 2px 4px -1px #444;
    -moz-box-shadow: -2px 2px 4px -1px #444;
    box-shadow: -2px 2px 4px -1px #444;
}

    .glossaryResultsClicked:hover {
        background-color: #13C66D;
    }


.glossaryResultsClear {
    transition: 0.1s;
    position: relative;
    display: inline-block;
    background-color: #B70000;
    color: #FFF;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
    border: none;
    font-size: 9pt;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: -2px 2px 4px -1px #444;
    -moz-box-shadow: -2px 2px 4px -1px #444;
    box-shadow: -2px 2px 4px -1px #444;
}

    .glossaryResultsClear:hover {
        background-color: #EA0000;
    }

/* ### */

#FAQSearchResults {
    position: relative;
    max-height: 300px;
    overflow-y: auto;
}

.FAQResults {
    transition: 0.1s;
    position: relative;
    display: block;
    width: 97%;
    vertical-align: top;
    background-color: #33506A;
    color: #FFF;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
    border: none;
    font-size: 9pt;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: -2px 2px 4px -1px #444;
    -moz-box-shadow: -2px 2px 4px -1px #444;
    box-shadow: -2px 2px 4px -1px #444;
}

    .FAQResults:hover {
        background-color: #3F6382;
    }

.FAQResultsClicked {
    transition: 0.1s;
    position: relative;
    display: block;
    width: 97%;
    vertical-align: top;
    background-color: #0F9D58;
    color: #FFF;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
    border: none;
    font-size: 9pt;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: -2px 2px 4px -1px #444;
    -moz-box-shadow: -2px 2px 4px -1px #444;
    box-shadow: -2px 2px 4px -1px #444;
}

    .FAQResultsClicked:hover {
        background-color: #13C66D;
    }

.FAQResultsClear {
    transition: 0.1s;
    background-color: #B70000;
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    margin: 15px 65px 15px 0;
    padding: 3px 10px;
    border: none;
    font-size: 9pt;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: -2px 2px 4px -1px #444;
    -moz-box-shadow: -2px 2px 4px -1px #444;
    box-shadow: -2px 2px 4px -1px #444;
}

    .FAQResultsClear:hover {
        background-color: #EA0000;
    }

#divClearSearch {
    text-align: right;
}

/* ### */


.reference {
    transition: 0.1s;
    display: inline-block;
    cursor: pointer;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}


/* #endregion FAQ / Glossary */

/* /////////////////////////////////////// */

/* *************************************** */
/*           Unused Stylesheet             */
/* *************************************** */

/* #region ((UNUSED STYLESHEET STYLES)) */

.hyp13pt {
    transition: 0.1s;
    color: #405DAD;
    text-decoration: none;
    padding-left: 0px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 13pt;
}

    .hyp13pt:hover {
        color: #567EE2;
    }

.infoContainerContents {
    margin: 0;
    padding: 5px 15px 31px;
    background-color: #BCC7D6;
}

.infoContent ul li {
    margin-bottom: 5px;
}

/* #endregion */

/* /////////////////////////////////////// */

#TopBanner {
    width: 957px;
    height: 15px;
    background-image: url('/images/header.jpg');
    background-repeat: no-repeat;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    background-position: bottom left;
    background-color: #838FA9;
    clear: both;
}

.imgDefaultBannerSymbolHome {
    position: relative;
    width: 12%;
}

.imgDefaultBannerStateBoardHome {
    vertical-align: top;
    position: relative;
    width: 24%;
}

.lnkNextElection {
    width: 62%;
    vertical-align: top;
    position: relative;
    color: #FFF;
    top: 4px;
    text-align: center;
}

.imgDefaultBannerMiddleLinks {
    width: 8%;
    right: 2px;
    vertical-align: bottom;
    padding-right: 0px;
    position: relative;
    text-align: center;
    height: 10px;
}

.imgDefaultBannerLEOs {
    width: 8%;
    right: 3px;
    vertical-align: bottom;
    padding-right: 10px;
    position: relative;
    text-align: center;
}

.imgDefaultBannerSpacer {
    position: relative;
    width: 0.5%;
}


.tdSearchAlignment {
    text-align: center;
    Width: 100%;
    vertical-align: top;
}

.divSearchAlignment {
    line-height: 0px;
}

.tblSearchAlignment {
    width: 100%;
    vertical-align: top;
}

.divSearchTextBoxandButton {
    width: 50%;
    float: left;
}

.tdSearchBoxandButton {
    text-align: center;
    width: 100%;
    vertical-align: bottom;
}

.SearchTextBox {
    margin-top: 17px;
    border-radius: 8px;
}

/* For mobile devices, lessen the margin a bit so things are aligned a -little- bit better */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .SearchTextBox {
        margin: 23px 0 0 0;
    }
}

.SearchButton {
    margin-right: 40px;
    padding: 5px 10px;
}

.divLinkLeft {
    width: 49%;
    float: left;
    vertical-align: bottom;
}

.divLinkRight {
    width: 49%;
    float: right;
    vertical-align: bottom;
    text-align: right;
}
/*End of Default Master Banner Spacing*/


.MainContent {
    width: 100%;
}
/*Menu Banner Conrol*/

.pnlMenu {
    z-index: 1000;
}

a.MenuFocus {
    text-decoration: none;
    font-weight: normal;
    color: black;
}

    a.MenuFocus:hover {
        text-decoration: none;
        font-weight: normal;
        color: black;
    }
/*End of Menu Banner Control*/

/* Classes for the Left Menu */

.leftMenuImage {
    width: 30px;
    height: 100px;
    background-color: #FFFF99;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .leftMenuImage:hover {
        background-color: #FFFFBF;
        cursor: pointer;
    }

.leftMenuHeader {
    padding: 3px 7px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .leftMenuHeader div a {
        font-size: 13px;
        cursor: pointer;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

        .leftMenuHeader div a:hover {
            color: #EDDF00;
        }

.leftMenuHeaderSelected {
    padding: 3px 7px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .leftMenuHeaderSelected div a {
        font-size: 13px;
        color: #EDDF00;
        text-decoration: underline;
        cursor: pointer;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

.leftMenuHeaderContent ul {
    text-align: left;
    margin: 1px 5px;
    padding-left: 35px;
    /*list-style-type: none;*/
}

    .leftMenuHeaderContent ul li a {
        font-size: 11px;
    }

/* End of Classes for Left Menu */

/*Classes for Text to Satisfy Blind Accessibility*/

.BaseText16ptBold {
    font-family: Verdana;
    font-size: 13pt;
    line-height: 30px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.BaseText16pt {
    font-family: Verdana;
    font-size: 13pt;
    line-height: 30px;
}

.BaseText13pt {
    font-family: Verdana;
    font-size: 13pt;
}

.BaseText13ptBold {
    font-family: Verdana;
    font-size: 13pt;
    line-height: 30px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.BaseText12ptBoldItalic {
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-style: italic;
    overflow: hidden;
}

.BaseText12ptBoldCenter {
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
    text-align: center;
}

.BaseText12ptBold {
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
}

.BaseText12ptCenter {
    font-family: Verdana;
    font-size: 12pt;
    overflow: hidden;
    text-align: center;
}

.BaseText12pt {
    font-family: Verdana;
    font-size: 12pt;
    overflow: hidden;
}

.BaseText11ptBold {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.BaseText11pt {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
}

.BaseText10ptItalic {
    font-family: Verdana;
    font-size: 10pt;
    font-style: italic;
    overflow: hidden;
}

.BaseText10ptBold {
    font-family: Verdana;
    font-size: 10.5pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
}

.BaseText10pt {
    font-family: Verdana;
    font-size: 10pt;
    overflow: hidden;
}

.BaseText9ptBold {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
}


.BaseText9pt {
    font-family: Verdana;
    font-size: 9pt;
    overflow: hidden;
}

.BaseText8pt {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    overflow: hidden;
}

.BaseText7pt {
    font-family: Verdana;
    font-size: 7pt;
    overflow: hidden;
}

.EventBaseText {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    margin: 0 10px;
    padding: 5px;
}

.BaseTextDataGrid {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #FFF;
    color: Black;
}

.BaseTextDataGridCandidateSearch {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #FFF;
    color: Black;
    margin-left: auto;
    margin-right: auto;
}

.BaseTextBoldDataGrid {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: black;
}

.BaseTextColorHeader {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    background-color: #CEB35D;
}


.BaseTextColorCategory /*This is used on the ElectionOperations/DownloadVoteTotals page*/ {
    padding-left: 25px;
    text-align: left;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 30px;
    background-color: #BCC7D6;
    border-top: 1px #333D96 solid;
}

.BaseTextPanel {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
}

.BaseError {
    color: Red;
}
/*End Classes for Text of Blind Accessibility*/

/*Default Page*/

/*.divLeftContentDefault
{
   width:31%; 
   vertical-align: top; 
   float: left; 
   padding: 0px 3px 0px 3px 
}

.tblTopPagesHeaderDefault
{
    text-align: center; 
    border: none; 
    width: 100%;
}

.tdTopPagesImgLeftDefault
{
    text-align: right
}

.tdTopPagesHeaderContentDefault
{
   vertical-align:middle;
   text-align: center;
}

.tdTopPagesImgRight
{
   text-align: left 
}

.divViewAllTopPagesDefault
{
    text-align:center;
    margin-left:auto;
    margin-right:auto
}

.tblSpotlightHeaderDefault
{
    text-align: center; 
    border: none; 
    width: 100%
}

.tdSpotlightImgLeftDefault
{
   text-align: right 
}

.tdSpotlightHeaderContentDefault
{
   vertical-align:middle;
   text-align: center; 
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    overflow: hidden;
}

.tdSpotlightImgRightDefault
{
  text-align: left  
}

.divViewAllSpotlights
{
    text-align: center; 
    margin-left: auto; 
    margin-right: auto
}

.divSpotlightIDISDownloadAlign
{
    text-align: center
}

.divSummaryContentAlignDefault
{
    text-align: left
}

.divCenterContentDefault
{
   width: 36%; 
   vertical-align: top; 
   float: left; 
   padding: 0px 3px 0px 3px  
}

.tblSearchOptionsDefault
{
  text-align: center; 
  border: none; 
  width: 100%  
}

.tdSearchOptionsImgLeftDefault
{
   text-align: right 
}

.tdSearchOptionsHeaderContentDefault
{
   vertical-align:middle;
   text-align: center; 
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    overflow: hidden;
}

.tdSearchOptionsImgRightDefault
{
  text-align: left  
}

.divSearchAlignDefault
{
    text-align: center; 
    width: 100%; 
    display: block
}*/

.lblSearchErrorDefault {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    color: Red;
}

.divAllSearchDefault {
    text-align: center;
}

.tblNewsDefault {
    text-align: center;
    border: none;
    width: 100%;
}

.tdNewsDefault1 {
    text-align: right;
}

.tdNewsDefault2 {
    vertical-align: middle;
    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
}

.tdNewsDefault3 {
    text-align: left;
}

.divNewsDefault {
    background-color: #FFF;
    padding: 0 5px;
}

.divNewsAlternateDefault {
    background-color: #FFFBD8;
    /*background-color: #E7E8D5; */
    padding: 0 5px;
}

.lblNewsDescriptionDefault {
    font-family: Verdana;
    font-size: 8pt;
    overflow: hidden;
    color: Black;
}

.tblAllNewsAlignment {
    text-align: center;
    border: none;
    width: 80%;
}

.tdAllNewsLeft {
    width: 20%;
}

.tdAllNewsCenter {
    width: 60%;
    text-align: center;
}

.tdAllNewsRight {
    width: 20%;
    text-align: right;
}

.rssLinkDefault {
    border-style: none;
    border-color: #FFFFFF;
    vertical-align: middle;
}

.tblNextElectionDefault {
    text-align: center;
    border: none;
    width: 100%;
}

.tdNextElectionLeft {
    vertical-align: top;
    text-align: right;
}

.tdNextElectionCenter {
    vertical-align: top;
    margin-bottom: 10px;
    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
}


.tdNextElectionRight {
    vertical-align: top;
    text-align: left;
}

.tblNextElectionContent {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.tdNextElectionClock {
    text-align: right;
    width: 25%;
    height: 30px;
}

.tdNextElectionTime {
    text-align: left;
    color: Black;
    width: 50%;
    font-family: Verdana;
    font-size: 10pt;
    overflow: hidden;
}

.divMoreElection {
    text-align: center;
}

.divRightContentDefault {
    width: 31%;
    vertical-align: top;
    float: right;
    padding: 0px 3px 0px 3px;
}

.tblTopDocumentsDefault {
    text-align: center;
    border: none;
    width: 100%;
}

.tdTopDocuments1Default {
    text-align: right;
}

.tdTopDocuments2Default {
    vertical-align: middle;
    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
}

.tdTopDocuments3Default {
    text-align: left;
}

.divTopDocumentsFooterDefault {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.tblCalendarDefault {
    text-align: center;
    border: none;
    width: 100%;
}

.tdCalendar1Default {
    text-align: right;
}

.tdCalendar2Default {
    vertical-align: middle;
    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    overflow: hidden;
}

.tdCalendar3Default {
    text-align: left;
}


/*End of Default Page*/

/*Default2*/
.tblTopPagesDefault2 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 95%;
}

.tblTopDocumentsDefault2 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 95%;
}
/*End of Default 2*/

/*Calendar Control*/

/*.CalendarDayEventSame
{
	background-color:   #D12C32;
	height:             30px;
	width:              30px;
}

.CalendarDayEventSame a {
    color:              #FFF !important;
}

    .CalendarDayEventSame a:hover {
        color:              #FFC1C4 !important;
    }

.CalendarDayEvent
{
    background-color:   #DDE0FF;
    height:             30px;
    width:              30px;
}

.CalendarDay
{
	background:         #D3D3D3;
	height:             30px;
	width:              30px;
}

.CalendarOtherMonth
{
	background:         #F8F8FF;
	height:             30px;
	width:              30px;
}

.CalendarCurrentDay
{
	background-color:   #FFFBD8;
	height:             30px;
	width:              30px;
	border:             1px #333663 solid;
}

    .CalendarCurrentDay span
    {
        color:          #333663;   
    }


.BigCalendarDayEventSame
{
	background-color:   #FFF4D8;
	width:              14.25%;
	height:             150px;
	border:             1px #333663 solid;

}

.BigCalendarDayEvent
{
 background-color:      #DDE0FF;
 width:                 14.25%;
 height:                150px;
}

.BigCalendarDay
{
	background:         #D3D3D3;
	width:              14.25%;
	height:             150px;
}

.BigCalendarOtherMonth
{
	background:         #EAEAEA;
	width:              14.25%;
	height:             150px;
}

.BigCalendarCurrentDay
{
	background-color:   #FFFBD8;
	width:              14.25%;
	height:             150px;
	border:             1px #333663 solid;
}

    .BigCalendarCurrentDay span
    {
        color:          #333663;   
    }


.CalendarHeaderCell
{

}

/*.tblCalNavTable
{
	background-color:   #333663;
	border-bottom:      2px #51559F solid;
    border-radius:      10px 10px 0 0;
	width:              100%;
}*/

/*.tblMonNavTable
{
	background-color:   #333663;
	border-bottom:      2px #51559F solid; 
	width:              100%;

}

.tblYearNavTable
{
	background-color:   #333663;
	border-bottom:      2px #51559F solid; 
	width:              100%;

}

.tblCalendar
{
	width:              100%;
	border:             1px #333663 solid;
	background-color:   #FFF;
}

.LinkButtonNavigation {
    transition:         0.1s;
	color:              #A3BEFF !important;
}

    .LinkButtonNavigation:hover {
        color:          #D6E2FF !important;
    }

.CalendarFooter
{
    padding:            5px;
	text-align:         center;
	margin:             auto;
	border:             1px #333663 solid;
	color:              #FFF;
	background-color:   #333663;
	font-weight:        bold;
	position:           relative;
	top:                -10px;
}

.tblMonths
{
	width:              100%;
	border:             Black 1pt solid;
    background-color:   #FFF;  
}

.tblYears
{
	width:              100%;
	border:             Black 1pt solid; 
    background-color:   #FFF; 
}

.CalendarYearCell
{
	height:             60px;
}

.CalendarYearCellOut
{
	background-color:   #F8F8FF;
	height:             60px;
}

.CalendarMonthCell
{
	height:             60px;
}

.BigCalendarYearCell
{
	height:             150px;
}

.BigCalendarYearCellOut
{
	background-color:   #F8F8FF;
	height:             150px;
}

.BigCalendarMonthCell
{
	height:             150px;
}

.lbCalendarYearCellOut
{
	color:              Gray;
}

.divBigCalendarUpcomingEventsLink
{
 text-align:            center;   
}

.divBigCalendarAlignment
{
    text-align:         center; 
    margin:             auto; 
    width:              95%   
}

.divBigCalendarContent
{
     position:          relative; 
     top:               -2px;
}

.hypCalendarLink
{
    text-decoration:    underline;
    color:              Blue; 
}

.lblCalendarDayDisabled
{
 color:                 #808080;	
}*/
/*Calendar Control*/

/*#region Calendar Events Table*/
.tblCalendarEvents {
    width: 80%;
    margin: auto;
    border-spacing: 0px;
}

.tdCalendarEventsColumn1 {
    width: 20%;
    text-align: right;
    vertical-align: top;
    background-color: #333663;
    color: #FFF;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    padding: 5px 15px;
}

.tdCalendarEventsColumn2 {
    width: 80%;
    text-align: left;
    background-color: #DDE0FF;
    padding: 5px 5px 5px 15px;
}
/*#endregion Calendar Events Table*/

/*Home Page Menu Css Classes*/
.accStateBoardMenu {
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.accStateBoardMenuHeader {
    position: relative;
    font-size: 14pt;
    font-family: Verdana;
    text-decoration: none;
    overflow: hidden;
}

.accStateBoardMenuContent {
    position: relative;
    width: 90%;
    overflow: hidden;
    text-decoration: none;
}

.anchorStateBoardMenuHeader {
    font-family: Verdana;
    font-size: 12pt;
    overflow: hidden;
    text-decoration: none;
}

.anchorStateBoardMenuSection {
    font-family: Verdana;
    font-size: 10pt;
    overflow: hidden;
    text-decoration: none;
}

.anchorStateBoardMenuLink {
    font-family: Verdana;
    font-size: 8pt;
    overflow: hidden;
    text-decoration: none;
}

.anchorStateBoardMenuHeader:hover {
    text-decoration: none;
}

.anchorStateBoardMenuSection:hover {
    text-decoration: none;
}

.anchorStateBoardMenuLink:hover {
    text-decoration: none;
}

.accMainMenu {
    overflow: hidden;
}

.accMainMenuHeader {
    position: relative;
    font-family: Verdana;
    font-size: 14pt;
    overflow: hidden;
}

.accMainMenuHeaderSelected {
    overflow: hidden;
}

.accMainMenuContent {
    position: relative;
    width: 80%;
    overflow: hidden;
    padding: 0px 0px 0px 30px;
}
/*End of Menu Classes*/

/*Default Master*/
#Main {
    width: 957px;
    margin: 0 auto;
    background-color: #FFF;
    vertical-align: top;
    background-image: url('/images/Banners/HomeBanner.png');
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 0 0 10px 0;
    -webkit-box-shadow: -3px 3px 5px -1px #555;
    -moz-box-shadow: -3px 3px 5px -1px #555;
    box-shadow: -3px 3px 5px -1px #555;
}

#Footer {
    width: 957px;
    background-image: url('/images/footer.jpg');
    background-repeat: no-repeat;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    background-position: top left;
    background-color: #808FA4;
    clear: both;
}

/*End of Default Master*/

/*Site Search Classes*/
.SearchResults {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9pt !important;
    font-weight: normal;
}

.SearchGreenURL {
    transition: 0.2s;
    color: green;
    font-size: 9pt !important;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

    .SearchGreenURL:hover {
        color: #00A500 !important;
    }

.SearchPanel {
    background-color: #BCC7D6 !important; /*#DDE0FF; */ /* Jordan modified from #E7E8D5 */
    border: 1px #222 solid;
    margin: 0 auto 10px auto;
    /*padding:            10px;*/ /* 04.05.2019 RJW - Removed. */
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
    border-radius: 0 10px 10px 10px;
}
/*End Site Search Classes*/

/*Calendar Classes*/
.Calendar {
    background-color: #FFF;
    border-color: Black;
    Border-Style: solid;
    border-spacing: 1px;
    font-family: Verdana;
    Font-Size: 9pt;
    Width: 100%;
    Color: Black;
}

.SelectedDayStyle {
    background-color: #333399;
    color: #FFF;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

.TodayDayStyle {
    background-color: #FFFFCC;
    color: Red;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

OtherMonthDayStyle {
    color: #999999;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

.DayStyle {
    background-color: #CCCCCC;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    vertical-align: top;
}

.NextPrevStyle {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 8pt;
    color: #FFF;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

.DayHeaderStyle {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 8pt;
    color: #333333;
    height: 8pt;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

.Calendar8ptText {
    font-size: 8pt;
    font-weight: normal;
}
/*End Calendar Classes*/

.tblObjections /* Jordan Modified */ {
    border: 1px #51559F solid;
    background-color: #DDE0FF;
    margin: auto;
    width: 100%;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .tblObjections tr:hover {
        background-color: #DDE0FF;
    }

    .tblObjections tr td {
        border-bottom: 1px #51559F solid;
        text-align: center;
    }


.CandDetailObjectionTable {
    background-color: #FFF;
}

.CandDetailObjectionAlternatingRow {
    background-color: #EAEAEA;
}

.CenterText {
    text-align: center;
}

.TableTopDocumentsTh {
    display: none;
}

.TableTopPagesTh {
    display: none;
}

.hypCalendar {
    text-decoration: underline;
}


.TitleStyle {
    background-color: #7891AE;
    border-style: solid;
    border-color: Black;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 12pt;
    color: #FFF;
    height: 12pt;
}

.accCampaignDisclosure {
    padding: 0px 0px 0px 10px;
}

.accCampaignDisclosureContent {
    padding: 0px 0px 0px 10px;
}

.CandidatesHeader {
    font-size: 1.1em;
    font: Verdana;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    line-height: 1.5;
}

a.infofor {
    font-size: 10px;
    color: black;
    line-height: 12px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}


    a.infofor:hover {
        text-decoration: underline;
    }

a.anchornavigation {
    font-size: 9.5pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

    a.anchornavigation:hover {
        color: #567EE2;
        text-decoration: none;
    }

.RootNode {
    font-size: 11pt;
}

/*p
{
    position: relative; 
    left: 5px; 
    top: 30px; 
    font-family: Lucinda Sans; 
    font-size: 14pt; 
    color: Red
 }*/

#news {
    background-image: url('/images/newsborder1.gif');
    background-repeat: no-repeat;
    position: relative;
    left: 38px;
    top: 0px;
    height: 115px;
    width: 312px;
}



.tabledata {
    text-align: left;
    font-size: 11px;
    border: 1px #333663 solid;
}

.tabledatarow {
    border: solid 0px black;
}

.containerContentsNavPage {
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    text-align: left;
    /*border-right: 1px outset #999999;
	border-bottom: 1px ridge #EEEEEE;*/
    font-size: xx-small;
    background-color: Transparent;
    overflow: visible;
}

.containerNavPage {
    text-align: left;
    font-size: xx-small;
    border-style: ridge;
    border-left: 1px ridge #808FA4;
    border-top: 1px ridge #808FA4;
    border-right: 2px outset #808FA4;
    border-bottom: 2px ridge #808FA4;
    background-color: Transparent;
    margin-bottom: 10px;
    overflow: visible;
}

/*.navLink {
    color: #38519A;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold 
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .navLink:Hover {
        color: #567EE2;
        font-size: 13px;
        text-decoration: none;
    }*/

.smNavLink:hover {
    text-decoration: underline;
}

.smNavNoPara {
    color: #38519A;
    text-decoration: none;
    font-size: 7pt;
    /*display: inline;*/
    /*padding-left:5px;	*/
}

    .smNavNoPara:Hover {
        color: #38519A;
        text-decoration: underline;
        font-size: 7pt;
        display: inline;
        /*padding-left:5px;	*/
    }

.navList {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 12px;
}

.smPageText {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size: 8pt;
    padding-left: 0px;
}

.TopSearchGroup {
    z-index: 99;
    position: relative;
    margin-bottom: 0px;
}

.DefaultSearchTab {
    FONT-size: 10px;
    BACKGROUND-IMAGE: url(images/nav_images/tab_bg.gif);
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: MS Sans Serif, Verdana;
}

.DefaultSearchTabHover {
    FONT-size: 10px;
    BACKGROUND-IMAGE: url(images/nav_images/hover_tab_bg.gif);
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: MS Sans Serif, Verdana;
}

.SelectedSearchTab {
    FONT-size: 10px;
    BACKGROUND-IMAGE: url(images/nav_images/selected_tab_bg.gif);
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: MS Sans Serif, Verdana;
}

/*Start of PPAHistory*/

.PPAWhiteCell {
    text-align: center;
    color: #9d0000;
    background-color: #FFF;
    border-top: 1px #333663 solid;
}

.PPAGreenCell {
    text-align: center;
    color: #9d0000;
    background-color: #EAEAEA;
    border-top: 1px #333663 solid;
}

.PPACountyColumn {
    text-align: center;
    color: #FFF;
    background-color: #333663;
}

.PPACellHeader {
    text-align: center;
    color: #FFF;
    background-color: #333663;
}

.PPACountyCellHeader {
    text-align: center;
    color: #FFF;
    background-color: #333663;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.PPAColumnFooter {
    text-align: center;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.PPApageText {
    font-size: 10px;
}

    .PPApageText tbody tr:hover {
        background-color: #DDE0FF !important;
        color: #333663 !important;
    }

/*End of PPAHistory*/


/*Candidate Detail Table*/
.CandDetailTable {
    text-align: center;
    border: 1px #333D96 solid;
    background-color: #C6CDFF;
    border-collapse: separate;
    border-radius: 10px;
}

    .CandDetailTable tbody tr:first-of-type td:first-of-type {
        border-radius: 10px 10px 0 0;
    }

    .CandDetailTable tbody tr:last-of-type td:last-of-type {
        border-radius: 0 0 10px 10px;
    }

    .CandDetailTable tr td {
        padding: 3px;
    }

        .CandDetailTable tr td:first-of-type {
            font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
        }

.CandDetailHeaderCell {
    background-color: #333D96;
    border-bottom: 2px #939BFF solid;
}

.CandDetailFooterCell {
    background-color: #333D96;
}

.CandDetailCellGreyBorder {
    border-bottom: 1px #939BFF solid;
    text-align: center;
}

.CandDetailCell {
    text-align: center;
}


/*End of Candidate Detail Table*/

/*Candidate Detail Page CSS*/
.lblElection {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #EDDF00;
}

.lblOffice {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: Black;
}

.lblName {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: Black;
}

.lblAddress {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: Black;
}

.lblParty {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: Black;
}

.lblFiledDate {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: Blue;
}

.lblStatusDate {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #EDDF00;
}
/*End of Candidate Detail Page CSS*/

/*Filed Doc Table*/

.FiledDocTable {
    text-align: center;
    border-right: black 1pt solid;
    border-top: black 1pt solid;
    border-left: black 1pt solid;
    border-bottom: black 1pt solid;
    background-color: #ECECEC;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.FiledDocAlternatingTableRow {
    background-color: #FFF;
}

.FiledDocTableRow {
    background-color: #F7F7DE;
}

.FiledDocCellGreyBorder {
    border-bottom: lightgrey 1pt solid;
    text-align: center;
}

.FiledDocCell {
    text-align: center;
}

.CandDetailTableHeader /* Jordan Modified */ {
    /*background-color: #DFD6C1;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;*/
    background: #51559F;
    margin: 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px #939BFF solid;
    color: #EDDF00;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 1.2em;
}

/*End Filed Doc Table*/


/*LatestReportsFiled Table*/
.LatestReportsFiledTable {
    text-align: center;
    border: 1px #000 solid;
}

.LatestReportsFiledCellGreyBorder {
    border-bottom: lightgrey 1pt solid;
    text-align: center;
}

.LatestReportsFiledCell {
    text-align: center;
}

.LatestReportsFiledAlternatingTableRow {
    background-color: #EAEAEA;
    border-bottom: 1px #000 solid;
}

.LatestReportsFiledTableRow {
    background-color: #FFF;
    border-bottom: 1px #000 solid;
}

.LatestReportsFiledTableHeader {
    color: #FFF;
    background-color: #333663;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

/*End Filed Doc Table*/


/*LatestFiled Table - ElectionOperations/LatestFiled.aspx*/
.LatestFiledTable {
    text-align: center;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    border-left: 1px #000 solid;
    margin-left: auto;
    margin-right: auto;
}

.LatestFiledCellGreyBorder {
    border-bottom: lightgrey 1pt solid;
    text-align: center;
}

.LatestFiledCell {
    text-align: center;
}

.LatestFiledAlternatingTableRow {
    background-color: #FFF;
}

.LatestFiledTableRow {
    background-color: #F7F7DE;
}

.LatestFiledTableHeader {
    background-color: #DFD6C1;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.LatestFiledLabels {
    color: black;
}

/*End LatestFiledTable - ElectionOperations/LatestFiled.aspx*/

/*Start of DailyTotalsTable */

.DailyTotalsTable {
    text-align: center;
    border-right: 1px #FFF solid;
    background-color: #ECECEC;
    margin: auto;
}

.DailyTotalsCellGreyBorder {
    border-bottom: lightgrey 1pt solid;
    text-align: center;
}

.DailyTotalsCell {
    text-align: center;
}

.DailyTotalsAlternatingTableRow {
    background-color: #FFF;
}

.DailyTotalsTableRow {
    background-color: #F7F7DE;
}

.DailyTotalsTableHeader {
    background-color: #DFD6C1;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}


/* End of DailyTotalsTable */


/* Start InfoForReportersTables*/

.SmallLatestFiledTableHeader {
    color: #FFF;
    background-color: #333663;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    border-bottom: 2px #51559F solid;
}

.SmallLatestFiledCandidatesTableHeader {
    padding: 5px 2px;
    background-color: #333663;
    color: #FFF;
    font-family: Verdana, Sans-Serif;
    font-size: 10pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    border-bottom: 2px #51559F solid;
}

.SmallDailyTotalsTableHeader {
    background-color: #DFD6C1;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

/* End InfoForReportersTables*/

/*InfoForCommitteesPage*/
.CommitteesMainPageAlign {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.divLatestFiled {
    float: left;
    width: 33%;
    position: relative;
    left: 1%;
}

.divCenterAlignment {
    float: left;
    width: 38%;
    left: 2%;
    position: relative;
}

.divCommitteesRightAlign {
    float: right;
    width: 25%;
    position: relative;
    right: 1%;
}

.CommitteeNewsItem {
    background-color: #FFF;
    padding: 0 5px;
    text-align: left;
}

.CommitteeAlternatingNewsItem {
    background-color: #E7E8D5;
    padding: 0 5px;
    text-align: left;
}

.CommitteesFormsAlignment {
    vertical-align: bottom;
    width: 33%;
    position: relative;
    margin: 0 5px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.CommitteesElectronicFiling {
    vertical-align: bottom;
    width: 33%;
    position: relative;
    margin: 0 5px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.CommitteesEnforcement {
    vertical-align: bottom;
    width: 33%;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.CommitteesReportFiling {
    vertical-align: bottom;
    width: 33%;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.CommitteesSearchOptions {
    vertical-align: bottom;
    width: 33%;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.CommitteesElectionandDisclosureCalendar {
    vertical-align: bottom;
    width: 33%;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.CommitteesBoardRelatedMaterial {
}

.lblNewsDescriptionCommittees {
    color: Black;
    font-family: Verdana;
    font-size: 8pt;
    overflow: hidden;
}

/*End of InfoForCommitteesPage*/

/*News Campaign Disclosure*/

.divNewsDisclosure {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pnlNewsDisclosure {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.pnlNewsDisclosureHeader {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-size: 1.1em;
    font: Verdana;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    line-height: 1.5;
    background-color: #9EADC6;
}

.pnlNewsDisclosureBody {
    background-color: #ECECEC;
}

.pnlHyperlinkNewsPanel {
    color: Black;
    width: 96%;
    margin: auto;
}

.divNewsDisclosureAlignment {
    border: 1px #000 solid;
    margin: 0 5px;
    line-height: 22px;
}

.divNewsDisclosureItems {
    background-color: #FFF;
    padding: 10px;
    text-align: left;
    border-bottom: 1px #000 solid;
}

.divNewsDisclosureAlternatingItems {
    background-color: #FFFBD8;
    padding: 10px;
    text-align: left;
    border-bottom: 1px #000 solid;
}

.HyperlinkNewsItem {
    font-family: Verdana;
}

.lblNewsItem {
    color: black;
}
/*End of News Campaign Disclosure*/

/*News Events*/
.divNewsEvents {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.pnlNewsEventsPage {
    text-align: center;
    background-color: #9EADC6;
    width: 100%;
}

.pnlNewsBodyPage {
    position: relative;
    top: -2px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-color: #ECECEC;
    width: 100%;
}

.hypNewsPanelPage {
    color: Black;
    padding: 0 5px;
}

.tblNewsItems {
    width: 99%;
    margin: auto;
}

.lblNewsItemPage {
    color: Black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.trNewsItemPage {
    background-color: #FFF;
    border-bottom: 1px #51559F solid;
}

.trAlternatingNewsItemPage {
    background-color: #FFFBD8;
    border-bottom: 1px #51559F solid;
}


/*End of News Events*/

/*Information For Voters*/
.divMainInformationForVoters {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.pnlLeftVotersPagePanel {
    width: 29%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.divCenterVotersPagePanel {
    width: 35%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
}

.divRightVotersPagePanel {
    float: left;
    width: 33%;
    overflow: auto;
    margin-left: 5px !important;
}

.pnlVoterInformationHeader {
    background-color: #9EADC6;
    Width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-size: 1.1em;
    font: Verdana;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    line-height: 1.5;
}

.pnlVoterInformationBody {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #ECECEC;
    width: 100%;
}

.pnlVoterNewsHeader {
    /*background-color: #9EADC6;
    Width: 100%;
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative; 
    color: #FFEBC6; 
    font-size: 1.1em; 
    font: Verdana; 
    font-weight: bold; 
    line-height: 1.5;*/
    background-color: #51559F; /* Jordan Added 3.19.2015 */
    margin: 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px #939BFF solid;
    color: #EDDF00;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 1.2em;
}

.pnlVoterNewsBody {
    padding: 5px 30px 31px;
    background-color: #DDE0FF;
}

.pnlHyperlinkNewsVoters {
    color: Black;
}

.divNewsItemVoters {
    background-color: #FFF;
    padding: 0 5px;
}

.divAlternatingNewsItemVoters {
    background-color: #E7E8D5;
    padding: 0 5px;
}

.tblNewsLinks {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.tdTableNewsLinks1 {
    width: 10%;
}

.tdTableNewsLinks2 {
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.tdTableNewsLinks3 {
    width: 20%;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
}

.rsslink {
    border-style: none;
    border-color: #FFFFFF;
}
/*End of Information For Voters*/

/*Information For Reporters*/
.SmallDailyTotalsTableHeaderReporters {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: #fff;
    background-color: #333663;
    border-bottom: 2px #51559F solid;
}

.divReportersChoice {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.divLatestFiledCandidatesReporters {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.divLeftReporters {
    float: left;
    width: 33%;
    position: relative;
    margin-left: 8px;
}

.divCandidateFiledBodyReporters {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.tblReportersChoice {
    margin: auto;
    width: 98%;
    position: relative;
}

.tdReportersChoice1 {
    width: 33%;
    height: 100%;
    position: relative;
    text-align: center;
    border: 1px #51559F solid;
}

.tdReportersChoice2 {
    width: 33%;
    height: 100%;
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px #51559F solid;
}

.tdReportersChoice3 {
    width: 33%;
    height: 100%;
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px #51559F solid;
}

.tdReportersChoiceLink {
    text-decoration: none;
    font-size: 12px;
    color: #333333;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px 0;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .tdReportersChoiceLink:hover {
        cursor: pointer;
        background-color: #FFF4D8;
        color: #6A84E2;
        text-decoration: none;
    }

.pnlLinkCampaignDisclosureView {
    Background-Color: #B7C5C8;
    Width: 280px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.pnlLinkCandidateDisclosureView {
    Background-Color: #B7C5C8;
    Width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pnlLinkAllDisclosureView {
    Background-Color: #B7C5C8;
    width: 280px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.divMainReporters {
    text-align: center;
    margin: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.pnlLatestFiledReportersPageHeader {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    Background-Color: #9EADC6;
}

.pnlLatestFiledReportersPageBody {
    Background-Color: #ECECEC;
    text-align: center;
}

.divLatesReportsFiledReporters {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.divCenterReporters {
    float: left;
    width: 33%;
    position: relative;
    margin-left: 8px;
}


.pnlSearchOptionsHeaderReporters {
    Background-Color: #9EADC6;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.PnlSearchOptionsBody {
    position: relative;
    text-align: center;
    background-color: #ECECEC;
}

.divSearchOptionsContent {
    width: 100%;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 3%;
}

.pnlNewsHeaderReporters {
    Background-Color: #9EADC6;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    color: #FFEBC6;
}

.pnlNewsBodyReporters {
    Background-Color: #ECECEC;
}

.divNewsContainerReporters {
    border: 1px #000 solid;
    margin: 0 5px;
}

.divNewsItemReporters {
    background-color: #FFF;
    padding: 0 5px;
    text-align: left;
}

.divAlternatingNewsItemReporters {
    background-color: #E7E8D5;
    padding: 0 5px;
    text-align: left;
}

.rsslinkReporters {
    border-style: none;
    border-color: #FFFFFF;
}

.pnlReportersChoiceHeader {
    Background-Color: #9EADC6;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
}

.pnlReportersChoiceBody {
    Background-Color: #ECECEC;
}



.pnlReportersChoiceItem {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    Background-Color: #B7C5C8;
}

.lblDropDownError {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    color: Red;
}

.divLatestFiledCandidatesReporters {
    width: 99%;
}

.divRightReporters {
    float: left;
    width: 30%;
    position: relative;
    margin-left: 8px;
}

.pnlReportsFiledHeaderReporters {
    Background-Color: #9EADC6;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.pnlReportsFiledBodyReporters {
    Background-Color: #ECECEC;
    text-align: center;
}


.lblWarningReporters {
    Color: Red;
}

.pnlDailyTotalsHeaderReporters {
    Background-Color: #9EADC6;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.pnlDailyTotalsBodyReporters {
    Background-Color: #ECECEC;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.DailyTotalsTableReporters {
    text-align: center;
    border: 1px #000 solid;
    margin: auto;
    width: 99%;
}

.DailyTotalsCellGreyBorder {
    border-bottom: lightgrey 1pt solid;
    text-align: center;
}

.DailyTotalsCellReporters {
    text-align: center;
}

.DailyTotalsAlternatingTableRowReporters {
    background-color: #EAEAEA;
    border-bottom: 1px #000 solid;
}

.DailyTotalsTableRowReporters {
    background-color: #FFF;
    border-bottom: 1px #000 solid;
}

.DailyTotalsTableHeaderReporters {
    background-color: #DFD6C1;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.divFooterReporters {
    width: 100%;
    position: relative;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.pnlReportersFooterHeader {
    Background-Color: #9EADC6;
    color: #FFEBC6;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-family: Verdana;
    font-size: 11pt;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: #FFEBC6;
    vertical-align: top;
    Width: 90%;
    text-align: center;
}

.pnlReportersFooterBody {
    Width: 90%;
    Background-Color: #ECECEC;
    top: -2px;
    margin-left: auto;
    margin-right: auto;
}

.pnlCandidateLatestFiledHeaderReporters {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    Background-Color: #9EADC6;
    color: #FFEBC6;
    font-family: Verdana;
    font-size: 11pt;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.pnlCandidateLatestFiledBodyReporters {
    Background-Color: #ECECEC;
}

.tblMoreCandidateFiling {
    text-align: center;
    width: 100%;
    margin: 10px auto 0 auto;
}

.pnlMoreCandidateFilingReporters {
    Background-Color: #B7C5C8;
    Width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pnlPreviousFilingReporters {
    Background-Color: #B7C5C8;
    Width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.divFooterContent {
    margin-left: 5px;
    margin-right: 5px;
}

.divLatestFiledBodyReporters {
    text-align: center;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.tblLatestFiledReporters {
    width: 100%;
}

.tdMoreFiledResultsReporters {
    text-align: center;
    margin-left: 30px;
}

.tblNewsEventsLinkReporters {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.tdNewsEventsLinkReporters1 {
    width: 20%;
}

.tdNewsEventsLinkReporters2 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.tdNewsEventsLinkReporters3 {
    width: 20%;
    text-align: right;
}

.pnlCalendarReportsReporters {
    background-color: #B7C5C8;
}

.divAllSearchOptionsReporters {
    text-align: center;
}

.hyperLinkNewsPanelReporters {
    color: Black;
}

.lblNewsDescriptionReporters {
    color: Black;
    font-family: Verdana;
    font-size: 8pt;
    overflow: hidden;
}

.linksPanelCheckReportersBackground {
    color: #3851B5;
}

.linksPanelNotCheckReportersBackground {
    color: #EFEBC6;
}

.PanelCheckReportersBackground {
    background-color: #B7C5C8;
}

.PanelNotCheckReportersBackground {
    background-color: #9EADC6;
}

/*End of Information For Reporters*/

/*Information For Candidates*/

.divMainContentCandidates {
    width: 99%;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.divLeftContentCandidates {
    float: left;
    position: relative;
    width: 35%;
    margin-left: 5px;
    position: relative;
}

.pnlCandidateFiledHeader {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    Background-Color: #9EADC6;
}

.divLabelLastUpdate {
    font-size: 9pt;
    font-weight: normal;
}

.pnlCandidateFiledBody {
    Background-Color: #ECECEC;
}

.divLatestFiledCandidatesCandidates {
    margin-left: auto;
    margin-right: auto;
    width: 99%;
}

.pnlMoreCandidateFilingCandidates {
    Background-Color: #B7C5C8;
    Width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.pnlPreviousCandidateFilingCandidates {
    Background-Color: #B7C5C8;
    Width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.hypNewsPanelCandidates {
    color: black;
}

.pnlNewsHeaderCandidates {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #FFEBC6;
    Background-Color: #9EADC6;
}

.pnlNewsBodyCandidates {
    Background-Color: #ECECEC;
}

.divCenterContentCandidates {
    width: 30%;
    float: left;
    margin-left: 13px;
}

.divNewsItemReporters {
    background-color: #FFF;
    padding: 0 5px;
    text-align: left;
}

.divAlternatingNewsItemReporters {
    background-color: #E7E8D5;
    padding: 0 5px;
    text-align: left;
}

.lblNewsDescriptionCandidates {
    color: Black;
    font-family: Verdana;
    font-size: 8pt;
    overflow: hidden;
    font-weight: normal;
}

.rsslinkCandidates {
    border-style: none;
    border-color: #FFFFFF;
}

.spanAllNewsCandidates {
    width: 65%;
    padding: 0px 90px 0px 30px;
}

.spanRSSNewsCandidates {
    width: 10%;
}

a.hypAllNewsCandidates {
    margin-left: auto;
    margin-right: auto;
}

    a.hypAllNewsCandidates:hover {
        text-decoration: underline;
    }

.divRightContentCandidates {
    float: left;
    width: 29%;
    position: relative;
    margin-left: 13px;
    text-align: center;
}

.pnlDailyTotalsHeaderCandidates {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    Background-Color: #9EADC6;
}

.pnlDailyTotalsBodyCandidates {
    Background-Color: #ECECEC;
    text-align: center;
}

.divFooterAlignmentCandidates {
    width: 100%;
    position: relative;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.pnlCandidatesFooterHeader {
    Width: 90%;
    Background-Color: #9EADC6;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: #FFEBC6;
    vertical-align: top;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.pnlCandidatesFooterBody {
    Width: 90%;
    Background-Color: #ECECEC;
    top: -2px;
    margin-left: auto;
    margin-right: auto;
}

.divFooterContent {
    vertical-align: top;
    font-size: 10pt;
    font-family: Verdana;
    line-height: 1.75;
    margin: 0px 10px 0px 10px;
}

a.lnkSearchFeatureCandidates {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
}

    a.lnkSearchFeatureCandidates:hover {
        text-decoration: underline;
    }

a.emailfooterCandidates {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
}

    a.emailfooterCandidates:hover {
        text-decoration: underline;
    }
/*End of Information For Candidates*/


.MultiPage {
    Z-INDEX: 98;
    LEFT: 1px;
    WIDTH: 487px;
    POSITION: relative;
    TOP: -3px;
    HEIGHT: 250px;
}

.ButtonText {
    padding: 5px 8px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    cursor: pointer;
}

.hrSeperator {
    color: #294f89;
    padding: 0px;
    margin: 0px;
}

.divReportsFiledHighLight {
    color: ThreeDDarkShadow;
}

.TopGroup {
    z-index: 99;
    top: -35px;
    right: 0px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    /*border: solid 5px black; */
}

.DefaultSearchTab {
    FONT-size: 10px;
    BACKGROUND-IMAGE: url(images/nav_images/tab_bg.gif);
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: MS Sans Serif, Verdana;
}

.DefaultSearchTabHover {
    FONT-size: 10px;
    BACKGROUND-IMAGE: url(images/nav_images/hover_tab_bg.gif);
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: MS Sans Serif, Verdana;
}

.SelectedSearchTab {
    FONT-size: 10px;
    BACKGROUND-IMAGE: url(images/nav_images/selected_tab_bg.gif);
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: MS Sans Serif, Verdana;
}

.smPrintText {
    font-size: 9px;
}

.SectionTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: Black;
}

.SectionTitleHelpImage {
    padding-left: 15px;
}

.AltRowColorChng {
    background-color: #F7F7DE;
    color: black;
}

.heading {
    color: black;
    text-decoration: none;
}


.SearchContributionsHeader {
    color: #000;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 18px;
}

.ContributionsFor {
    position: relative;
    width: 40%;
    float: left;
    top: 5px;
    left: 5px;
}

.ContributionsBy {
    position: relative;
    width: 40%;
    float: right;
    top: 5px;
}

.ContributionButton {
    position: relative;
    top: 100px;
}


/* Rounded Corner Box*/
.roundedcornr_box {
    background: url('/images/roundedcornr_tl.gif') no-repeat top left;
}

.homepageroundedcornr_top {
    background: url('/images/roundedcornr_tr.gif') no-repeat top right;
}

.roundedcornr_top {
    background: url('/images/roundedcornr_tr.gif') no-repeat top right;
}

.roundedcornr_bottom {
    background: url('/images/roundedcornr_bl.gif') no-repeat bottom left;
}

    .roundedcornr_bottom div {
        background: url('/images/roundedcornr_br.gif') no-repeat bottom right;
    }

.roundedcornr_content {
    background: url('/images/roundedcornr_r.gif') top right repeat-y;
}

.homepageroundedcornr_top div, .homepageroundedcornr_top {
    width: 100%;
    height: 60px;
}

.roundedcornr_top div, .roundedcornr_top {
    width: 100%;
    height: 40px;
}

.roundedcornr_bottom div, .roundedcornr_bottom {
    width: 100%;
    height: 25px;
}

.roundedcornr_content, .roundedcornr_bottom {
    margin-top: -19px;
}

.roundedcornr_content {
    padding: 0 15px 25px 15px;
}

/*End Rounded Corner Box*/

/*Objectors Table*/
.ObjectorsTable /* Jordan Modified */ {
    /*text-align: center;
    border-right: lightgrey 1pt solid;
    border-top: lightgrey 1pt solid;
    border-left: lightgrey 1pt solid;
    border-bottom: lightgrey 1pt solid;
    background-color: #ECECEC;
    margin-left: auto;
    margin-right: auto;*/
    text-align: center;
    margin: auto;
    border: 1px #51559F solid;
    background-color: #DDE0FF;
    width: 40%;
}

    .ObjectorsTable th {
        border-bottom: 2px #939BFF solid;
    }

    .ObjectorsTable td {
        border-bottom: 1px #51559F solid;
    }

.ObjectorsCellGreyBorder {
    border-bottom: 1px #51559F solid;
    text-align: center;
}

.ObjectorsCell {
    text-align: center;
}

.ObjectorsAlternatingTableRow {
    background-color: #EAEAEA;
}

.ObjectorsTableRow {
    background-color: #FFF;
}

.ObjectorsTableHeader {
    background-color: #51559F;
    color: #EDDF00;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 2px #939BFF solid;
}

.ObjectorsLabel {
    color: black;
}

/*End Objectors Table*/

/*BerepDetailPage*/

.Panel1 {
    position: relative;
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.Panel2 {
    position: relative;
    width: 350px;
    height: 250px;
}

.Panel3 {
    position: relative;
    width: 350px;
    height: 250px;
    text-align: center;
}

.Panel4 {
    position: relative;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

.PanelPositionMiddle {
    width: 350px;
    height: 250px;
    text-align: center;
    position: relative;
    vertical-align: top;
}

.PanelContent {
    position: relative;
    color: Black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px;
}

.PanelPosition {
    position: relative;
    width: 550px;
    text-align: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.AffiliateListPanelContent {
    position: relative;
    text-align: center;
    width: 90%;
}

#divOtherAffiliates {
    position: relative;
    width: 100%;
    text-align: center;
    height: 200px;
}

#divFullAffiliatesList1 {
    position: relative;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    width: 100%;
}

.ActivitiesPanelContent {
    position: relative;
    text-align: center;
    width: 90%;
}

#div2 {
    position: relative;
    width: 100%;
    text-align: center;
    height: 200px;
}

#FullActivitySpan {
    position: relative;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    width: 100%;
}
/*End of Berep Detail*/

.container {
    margin: 0 auto;
    /*width:              17em;*/ /* ems so it will grow */
    font-size: 100%;
    border: 1px #333D96 solid;
    border-radius: 5px;
}

.containerHeader {
    background: #253A4C;
    margin: 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px #939BFF solid;
}

    .containerHeader h2 {
        margin: 0;
        color: #EDDF00;
        font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
        font-size: 1.2em;
    }

.containerContents {
    margin: 0;
    padding: 5px 15px 31px;
    background-color: #DDE0FF;
}

.accordianvotersheader {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.accordianvotersselectedheader {
    font-size: 8pt;
    font-style: italic;
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.accordianvoterscontent {
}

.accordianvotersFAQ {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}

.accordianvotersselectedFAQ {
    color: Black;
    font-family: Verdana;
    font-size: 8pt;
    font-style: italic;
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}

.accordianvoterscontentFAQ {
    color: Black;
    font-family: Verdana;
    font-size: 9pt;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 70%;
}

a.anchorvotersFAQ {
    background-color: transparent;
    outline: none;
}

    a.anchorvotersFAQ:hover {
        color: black;
        font-family: Verdana;
        font-size: 11pt;
        text-decoration: underline;
        outline: none;
        position: relative;
        font-weight: normal;
    }

a.anchorvotersinformation {
    background-color: transparent;
    outline: none;
    height: 1em;
    font-weight: normal;
    color: #3F4E88;
}

    a.anchorvotersinformation:hover {
        color: black;
        font-family: Verdana;
        font-size: 11pt;
        text-decoration: underline;
        outline: none;
        position: relative;
        font-weight: normal;
        color: #3F4E88;
    }

accordianFormsHeader {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}

.accordianFormsSelectedHeader {
    font-size: 8pt;
    font-style: italic;
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}

.accordianFormsContent {
    color: Black;
    font-family: Verdana;
    font-size: 9pt;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 70%;
    font-weight: normal;
}

.accdianElecFilingheader {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.accdianElecFilingSelected {
    position: relative;
    font-style: italic;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.accdianElecFilingContent {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #ECECEC;
    font-family: Verdana;
    font-size: 9pt;
    width: 100%;
}

.accdianBusinessheader {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
}

.accdianBusinessSelected {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    font-style: italic;
}

.accdianBusinessContent {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    background-color: #ECECEC;
}

.accdianCandidatesheader {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}
/* Old
.accdianCandidatesSelected
{
    position: relative;
 font-weight: normal;
 margin-left: auto;
 margin-right: auto;
 width: 80%;  
}
*/

/* Old
.accdianCandidatesContent
{
    position: relative;
 font-weight: normal;
 margin-left: auto;
 margin-right: auto;
 width: 80%;
 background-color:#ECECEC;  
}
*/

/*Old
.accdianCandidatesContentSeminar
{
    position: relative;
 font-weight: normal;
 margin-left: auto;
 margin-right: auto;
 width: 90%;
 background-color:#ECECEC;  
}
*/
.accdianCandidatesSelected {
    font-size: 8pt;
    font-style: italic;
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.accdianCandidatesContent {
    color: Black;
    font-family: Verdana;
    font-size: 9pt;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    background-color: #ECECEC;
}

.accdianCandidatesContentSeminar {
    color: Black;
    font-family: Verdana;
    font-size: 9pt;
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    background-color: #ECECEC;
}

.LeafNode {
    line-height: 1.75;
}

.PanelDropSearch {
    position: relative;
    font-family: Verdana;
    font-size: 10pt;
}

.TrackingElectionsHeader {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.TrackingElectionsSelected {
    font-style: italic;
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.TrackingElectionsContent {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #ECECEC;
    text-align: center;
    line-height: 2;
}

.RunningForOfficeHeader {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.RunningForOfficeSelected {
    font-style: italic;
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.RunningForOfficeContent {
    position: relative;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #ECECEC;
    text-align: center;
    line-height: 2;
}

.NewsBaseTextLabel {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    color: Black;
    line-height: 1.75;
}

.NewsBaseTextHyperlink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    color: green;
    line-height: 2;
}

.SearchContributionsPanel {
    position: relative;
    width: 50%;
    top: 10px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* Non- Profit Table */
.tblNonProfComList {
    text-align: center;
    border-right: lightgrey 1pt solid;
    border-top: lightgrey 1pt solid;
    border-left: lightgrey 1pt solid;
    border-bottom: lightgrey 1pt solid;
    background-color: #ECECEC;
}

.NonProfComAlternatingTableRow {
    background-color: #FFF;
}

.NonProfTableRow {
    background-color: #F7F7DE;
}

.NonProfTableHeader {
    background-color: #DFD6C1;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    color: black;
}

/* End Non- Profit Table */

/*Natural Persons Table*/

.NaturalPersonCellGreyBorder {
    border-bottom: lightgrey 1pt solid;
    text-align: center;
}

.NaturalPersonCell {
    text-align: center;
}

.NaturalPersonLabel {
    color: Green;
}

/*End Natural Persons Table*/

/*Election Authorities Table*/
.tblAllJuris {
    width: 95%;
    border: thin black solid;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
}

.thJurisdictionsHeader {
    background-color: #DACEB5;
    border: thin black solid;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
}

.tdJurisdictions {
    background-color: #DACEB5;
    border: thin black solid;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.tdElectionAuthorityInformation {
    background-color: #F7F7DE;
    border: thin black solid;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 0 5px;
}


.tdJurisdictionsWebsiteNone {
    background-color: #DACEB5;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: Black;
    font-weight: normal;
}
/*End of Election Authorities Table*/

/*A1 List Table*/

.tdA1List {
    margin: 0 15px 0 15px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.tdA1ListAlternating {
    background-color: #DACEB5;
}

.tdA1ListContributor {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 175px;
}

.tdA1ListAddress {
    width: 190px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}
/*End of A1 List Table*/

/*Latest Withdrawn Table*/

.tblLatestWithdrawn {
    width: 80%;
    border: thin gray solid;
}

.thLatestWithdrawn {
    background-color: #DFD6C1;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.LatestWithdrawnTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #F7F7DE;
}

.LatestWithdrawnAlternatingTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.LatestWithDrawnAddress {
    color: black;
}

.LatestWithdrawnStatus {
    color: black;
}
/*End Latest Withdrawn Table*/


/*Latest Objection Table*/

.LatestObjectionStatus {
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 40px;
}

.LatestObjectionTime {
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}
/*End of Latest Objection Table*/


/*Candidate Search Table Print*/
.CandidateSearchTableRowPrint {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #F7F7DE;
}

.CandidateSearchAlternatingTableRowPrint {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #FFF;
}
/*End Candidate Search Table Print*/

/*Candidate Detail Tables*/

.tdCandDetailCommitteeName {
    width: 30%;
}

.tdCandDetailCommitteeAddress {
    width: 30%;
}

.tdCandDetailCommitteeStatus {
    width: 10%;
}

.tdCandDetailCommitteeID {
    width: 30%;
}
/*End of Candidate Detail Tables*/

/*Itemized Contributions Table*/

.tdContributedBy {
    width: 15%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdContribAddress {
    width: 15%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdContribAmount {
    width: 8%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdDescription {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdVendorName {
    width: 15%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdVendorAddress {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}
/*End of Itemized Contributions Table*/

/*Itemized Debt Table*/

.tdCreditor {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdDebtAddress {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdBalance {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdDateIncurred {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdOriginalAmount {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

/*End Itemized Debt Table*/

/*Itemized Expenditures Table*/

.tdCreditor {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdExpendAddress {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdExpendAmount {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdExpendedBy {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdPurpose {
    width: 20%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

/*End of Itemized Expenditures Table*/




/*End Candidate Table Print*/

/*Contributions List All Contributions*/

.tdContributedBy {
    width: 25%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdAmount {
    width: 11%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdReceivedBy {
    width: 15%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdDescription {
    width: 10%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdVendorName {
    width: 16%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}

.tdVendorAddress {
    width: 16%;
    border-left: thin gray solid;
    border-right: thin gray solid;
}
/*End Contributions List All Contributions*/

/*Filed Reports Count*/

.pnlFiledReportsHeader {
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    Background-Color: #9EADC6;
}

.PnlFiledReportsBody {
    Background-Color: #ECECEC;
}
/*End of Filed Reports Count*/

/*Committee Detail Links*/

/*End Committee Detail Links*/
.CommitteeDetailLinks {
    color: #38519A;
    text-decoration: none;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from Bold */
    font-size: 8pt;
    padding-left: 0px;
}
/*Committee Detail Candidates*/

.pnlCommitteeDetailCandidates {
    text-align: center;
    margin: auto;
    BackGround-Color: #DDE0FF;
    border: 1px #51559F solid;
    padding: 10px;
    width: 400px;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
}

.tdCandidateName {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.tdCandidateAddress {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.tdCandidateDistrict {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}
/*End Committee Detail Candidates*/

/*Committee Detail Officers*/
.pnlCommitteeDetailOfficers {
    text-align: center;
    margin: auto;
    BackGround-Color: #FFFBD8;
    border: 1px #51559F solid;
    padding: 10px;
    width: 400px;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
}

.tdOfficerName {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.tdOfficerTitle {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.tdOfficerAddress {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.divtblCommitteeDetailOfficers {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*End Committee Detail Officers*/

/*Committee Detail Previous Officers*/
.pnlCommitteeDetailPrevOfficers {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    BackGround-Color: #DFD6C1;
    border-left: 2px solid #808FA4;
    border-top: 2px solid #808FA4;
    border-right: 3px ridge #808FA4;
    border-bottom: 3px ridge #808FA4;
    padding: 5px 5px 5px 5px;
    width: 400px;
}

.tdPrevOfficerName {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.tdPrevOfficersTitle {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.tdPrevOfficersAddress {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 32%;
}

.thPrevOfficersDetail {
    background-color: #DFD6C1;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
}
/*End Committee Detail Officers*/

/*Committee Detail Proposition*/

.pnlCommitteeDetailProposition {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    BackGround-Color: #DFD6C1;
    border-left: 2px solid #808FA4;
    border-top: 2px solid #808FA4;
    border-right: 3px ridge #808FA4;
    border-bottom: 3px ridge #808FA4;
    padding: 5px 5px 5px 5px;
    width: 400px;
}

.tblProposition {
    width: 95%;
    border: thin gray solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tdProposition {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 40%;
}

.tdPropositionType {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 5%;
}

.tdPropositionGovtUnit {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 30%;
}

.tdPropositionGovtType {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 25%;
}

/*End Committee Detail Proposition*/

/*Endorser List*/

.PnlEndorserList {
    text-align: center;
    margin: auto;
    BackGround-Color: #FFFBD8;
    border: 1px #51559F solid;
    padding: 5px;
    width: 400px;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
}

.btnEndorserLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
}
/*End of Endorser List*/

/*Investment List*/

.PnlInvestmentList {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    BackGround-Color: #DFD6C1;
    border-left: 2px solid #808FA4;
    border-top: 2px solid #808FA4;
    border-right: 3px ridge #808FA4;
    border-bottom: 3px ridge #808FA4;
    padding: 5px 5px 5px 5px;
    width: 400px;
}

/*End of Investment List*/


/*Latest Committee Totals*/

.tblLatestCommitteeTotals {
    width: 98%;
    border: thin gray solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.thLatestTotals {
    background-color: #DFD6C1;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.LatestFiledTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    background-color: #F7F7DE;
}

.LatestFiledAlternatingTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
}

.tdLatestCommitteeName {
    width: 13%;
    padding: 0 5px;
}

.tdLatestReportType {
    width: 13%;
    padding: 0 5px;
}

.tdLatestReportingPeriod {
    width: 14%;
}

.tdLatestFiledReportDate {
    width: 12%;
}

.tdLatestBegFunds {
    padding: 0 5px;
}

.tdLatestFiledReceipts {
    padding: 0 5px;
}

.tdLatestExpenditures {
    padding: 0 5px;
}

.tdLatestFiledEndFunds {
    padding: 0 5px;
}
/*End Latest Committee Totals*/

/*Latest Filed Print*/

.LatestFiledPrintTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    background-color: #F7F7DE;
}

.LatestFiledPrintAlternatingTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    background-color: #FFF;
}

/*End Latest Filed Print*/

/*Proposition Detail*/

.PnlPropositionList {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    BackGround-Color: #DFD6C1;
    border-left: 2px solid #808FA4;
    border-top: 2px solid #808FA4;
    border-right: 3px ridge #808FA4;
    border-bottom: 3px ridge #808FA4;
    padding: 5px 5px 5px 5px;
    width: 400px;
}

.lblPropositionDetail {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.tblElectionDetail {
    width: 70%;
    border: 1px #51559F solid;
    margin: auto;
    text-align: center;
}

    .tblElectionDetail th {
        padding: 5px;
        color: #FFF;
        border-bottom: 2px #51559F solid;
    }

/*.tblElectionDetail td
{
    padding:        0;
    border:         1px #000 solid;
}*/

.thElectionDetail {
    background-color: #333663;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.PropElectionDetailTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    background-color: #FFF;
}

    .PropElectionDetailTableRow:hover {
        background-color: #DDE0FF;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

.PropElectionDetailAlternatingTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
}

/*End Proposition Detail*/

/*DistrictLocator/ContactInfo.aspx*/

.PnlDistLocContactInfo {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    BackGround-Color: #DFD6C1;
    border-left: 2px solid #808FA4;
    border-top: 2px solid #808FA4;
    border-right: 3px ridge #808FA4;
    border-bottom: 3px ridge #808FA4;
    padding: 5px 5px 5px 5px;
    width: 400px;
}

.lblDistLocContactInfo {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}
/*End of DistrictLocator/ContactInfo.aspx*/


/*Officials List*/

.tblDistrictOfficialList {
    width: 80%;
    border: thin gray solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.thOfficialsInfo {
    background-color: #DFD6C1;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
}

.OfficialInfoTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    background-color: #F7F7DE;
}

.OfficialInfoAlternatingTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
}
/*End of Officials List*/

/*Postal Address List*/

.tblDistrictOfficialList {
    width: 80%;
    border: thin gray solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*End Postal Address List*/

/*Referenda List*/

.RefHomeIdentification {
    font-weight: normal;
    font-family: Verdana;
    font-size: 10pt;
}

.tdElection {
    width: 7%;
    padding: 0 5px 0 5px;
    border: thin gray solid;
    color: black;
}

.tdGovtUnitName {
    width: 7%;
    padding: 0 5px 0 5px;
    border: thin gray solid;
    color: black;
}

.tdJurisdiction {
    width: 15%;
    padding: 0 5px 0 5px;
    border: thin gray solid;
    color: black;
}

.tdReferendaType {
    width: 10%;
    padding: 0 5px 0 5px;
    border: thin gray solid;
    color: black;
}

.tdCategory {
    width: 10%;
    padding: 0 5px 0 5px;
    border: thin gray solid;
    color: black;
}

.tdResult {
    width: 10%;
    border: thin gray solid;
    color: black;
}

.tdReferendaDescription {
    width: 10%;
    border: thin gray solid;
}

.tdGovtUnitType {
    width: 10%;
    border: thin gray solid;
    color: black;
}
/*End Referenda List*/

/*Absentee Voting*/

.lblFirstDay {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.lblRequestReceived {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.lblInPerson {
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
}

.lblNextElection {
    COLOR: #003366;
    font-size: 21px;
    font-family: Meiryo;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from 600 (semi bold) */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.divlblNextElection {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.ddlVoteJurisdictions {
    margin-left: auto;
    margin-right: auto;
}

.divVoteJurisdictions {
    text-align: center;
}

/*Vote Totals List*/

.PnlVoteTotalsHeader {
    padding: 5px;
    font-family: Verdana;
    font-size: 11pt;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    text-align: center;
    margin: auto;
    color: #FFF;
    Background-Color: #333663;
    border-left: 1px #51559F solid;
    border-right: 1px #51559F solid;
    border-top: 1px #51559F solid;
    border-bottom: 2px #51559F solid;
    width: 50%;
}

.PnlVoteTotalsBody {
    padding: 5px;
    Background-Color: #FFF;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px #51559F solid;
    border-top: 0;
    width: 50%;
}

.divSmallVoteTable {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}


.divLargeVoteTable {
    overflow-y: hidden;
    overflow-x: scroll;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.divBallotsCastTable {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.tblCandidateTotals {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tblVoteTotals {
    background-color: #DFD6C1;
    text-align: center;
    margin: auto;
    border: 1px #51559F solid;
}

.tblBallotsCast {
    background-color: #DFD6C1;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: thin black solid;
}


.thd {
    background-color: #333663;
    color: #fff;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.thdHeaders {
    border-bottom: 2px #51559F solid;
}

.thdLeftCol {
    color: #333663;
    background-color: #FFF;
    border-right: 1px #51559F solid;
}


.thdCandidateName {
    text-align: left;
}

.tdVoteTotalAmount {
    text-align: right;
}

.tdVoteTotalPercentage {
    text-align: right;
}

.VoteTotalsTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    background-color: #EAEAEA;
}

.VoteTotalsAlternatingTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    background-color: #FFF;
}

    .VoteTotalsTableRow:hover, .VoteTotalsAlternatingTableRow:hover {
        background-color: #DDE0FF;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

.tdVoteTotals {
    border-top: 1px #51559F solid;
}


/*End Vote Totals List*/

/*List Table Settings*/
/*Pages that use this CSS: CandidateSearch, CommitteeSearch, ContributionsSearchByAllContributions,
ContributionsSearchByCandidates, ContributionsSearchByCommittee, ContributionsSearchByPropostion,
ExpendituresSearchByAllExpenditures, ExpendituresSearchByCandidates, ExpendituresSearchByCommittees,
ExpendituresSearchByProposition, LatestCommitteeTotalsbyLatestTotals, LatestCommitteeTotalsbyCandidate,
LatestCommitteeTotalsbyProposition, NaturalPersonSearch, PropositionSearch, OfficialsList, ReferendaSearch,
LatestFiled, LatestWithdrawn, LatestObjections, DailyTotals, CandList, CandNameList, CandidateDetail,
CommitteeDetail, CommitteeDetailCandidates, CommitteeDetailOfficers, CommitteeDetailPrevOfficers, CommitteeDetailPropositions,
EndorserList, ItemizedContrib, ItemizedContrib, ItemizedExpend, A1List, ItemizedDebt, InvestmentTotals, PropositionDetail,
ReportsFiled, UnpaidFines, ContactList, PostalAddressList, StateQTotals, VoteNameList, ObjectionDetail,
ProvBallotSearch, ProvBallotsList*/

.tblList /* Jordan modified all of the stuff below. */ {
    width: 95%;
    border: 1px #51559F solid;
    margin: auto;
    text-align: center;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .tblList th {
        padding: 0px;
        border-bottom: 2px #51559F solid;
    }

    .tblList tr:hover {
        background-color: #DDE0FF;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

    .tblList tr td {
        padding: 3px;
        border-bottom: 1px #51559F solid;
    }

/*#region Search Tables*/
/*.SearchPanel {
    background-color: #C6CDFF;
    border: 1px #333D96 solid;
    margin: 0 auto 10px auto;
    padding: 10px 0;
}*/

.tblDownloadVoteTotals {
}

.SearchListTableHeaderRow {
    background-color: #33506A !important; /* 04-16-2019 TG. Changed from 253A4C to match Footer Color*/
    color: #FFF;
    padding: 15px;
    border-radius: 10px 0;
}

    /*Make header links white and not the standard blue*/
    .SearchListTableHeaderRow a {
        color: #FFF;
    }

    .SearchListTableHeaderRow th {
        border-top: none;
        border-right: none;
        border-bottom: 3px #365670 solid;
        border-left: none;
        min-height: 30px;
    }

        /* 2022-08-10 - JW - Trying changing the background color on the anchor link so I can use :focus so people see the change when they tab through the page.
        /*.SearchListTableHeaderRow th:not([class*="GridViewSortHeaderNone"]):not([class*="GridViewPagerBackground"]):hover {
            transition: 0.2s;
            color: #FFF;
            background-color: #253A4C !important;*/ /* 04-16-2019 TG. Changed from 33506A to match title bar Color*/
        /*}*/

        .SearchListTableHeaderRow th:not([class*="GridViewSortHeaderNone"]):not([class*="GridViewPagerBackground"]) a:hover,
        .SearchListTableHeaderRow th:not([class*="GridViewSortHeaderNone"]):not([class*="GridViewPagerBackground"]) a:focus {
            transition: 0.2s;
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.3) !important; /* 04-16-2019 TG. Changed from 33506A to match title bar Color*/
        }

        .SearchListTableHeaderRow th a {
            color: #FFF !important;
            min-height: 35px;
        }

.SearchListTable {
    /*overflow: hidden;*/
    margin: auto;
    border-width: 1px;
    border-color: #232967;
    border-style: solid;
    border-radius: 5px;
    border-collapse: separate !important;
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -2px 2px 4px -1px #888;
    background-color: #FFF;
}

    .SearchListTable tr:not([class*="SearchListTableHeaderRow"]):hover {
        transition: 0.2s;
        background-color: #E2EFFF !important;
    }

    .SearchListTable tr {
        padding: 5px;
    }

        .SearchListTable tr td {
            padding: 10px;
            border: none;
            border-width: 0 0 1px 0;
            border-color: #E5E5E5;
            border-style: solid;
        }

        .SearchListTable tr:last-of-type td {
            border: none;
        }

.tblVoteNameList {
    width: 90%;
    border: 1px #51559F solid;
    margin: auto;
    text-align: center;
}

    .tblVoteNameList th {
        padding: 0px;
        border-bottom: 2px #51559F solid;
    }

    .tblVoteNameList td {
        padding: 3px;
        border-bottom: 1px #51559F solid;
    }

.SearchVoteNameListTableHeader {
    background-color: #333663;
    color: #fff;
    padding: 5px !important;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

.SearchVoteNameListTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #EAEAEA;
}

    .SearchVoteNameListTableRow:hover,
    .SearchVoteNameListTableRowAlternating:hover {
        background-color: #DDE0FF;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

.SearchVoteNameListTableRowAlternating {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #FFF;
}

/*End List Table Settings*/

/*Print List Table Settings*/
/*Pages that use this CSS: CandidateListPrint, CommitteeListPrint, ContribListPrint, ExpendListPrint,
LatestTotalsPrint, PropositionListPrint, ReferendaListPrint, ItemizedExpendPrint*/
.tblListPrint {
    width: 70%;
    border-left: 1px #51559F solid;
    border-right: 1px #51559F solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .tblListPrint tr:hover {
        background-color: #DDE0FF;
    }

    .tblListPrint th {
        border-bottom: 2px #939BFF solid;
    }

    .tblListPrint td {
        padding: 3px;
        border-bottom: 1px #51559F solid;
    }

.SearchListTableHeaderPrint {
    background-color: #DFD6C1;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
}

.SearchListTableRowPrint {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    background-color: #F7F7DE;
}

.SearchListTableRowAlternatingPrint {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    background-color: #FFF;
}
/*End Print List Table Settings*/



/*Secondary List Table Settings*/
/*Pages that use this CSS: CandFiling*/
.tblSecList {
    width: 95%;
    border: 1px #51559F solid;
    margin: auto;
    text-align: center;
}

    .tblSecList th {
        border-width: 1px;
        border-bottom: 1px #51559F solid;
    }

    .tblSecList tr:hover {
        background-color: #DDE0FF;
    }

    .tblSecList td {
        border-width: 1px;
        padding: 5px;
        border-bottom: 1px #51559F solid;
    }

.SearchSecListTableHeader {
    background-color: #333663; /* Was background-color: #9EADC6; */
    color: #FFF; /* Jordan Added */
    padding: 5px 10px; /* Jordan Added */
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
}

.SearchSecListTableRow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #FFF;
}

.SearchSecListTableRowAlternating {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #ECECEC;
}
/*End Secondary List Table Settings*/

/*Center Link*/
.CenterLink {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*End Center Link*/

/*Complaint List*/
.thComplaintTable /* Jordan modified */ {
    /*border: thin black solid;*/
}

.tdComplaintTable {
    /*border: thin black solid;*/
}

/*End Complaint List*/

/*Natural Persons Detail Page*/

.pnlNatPersonsDetailHeader {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-family: Verdana;
    font-size: 11pt;
    overflow: hidden;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    Background-Color: #9EADC6;
}

.pnlNatPersonsDetailBody {
    Background-Color: #ECECEC;
    text-align: center;
}

.tdNaturalPersonName {
    width: 40%;
}

/*Independent Expenditure Search Choice*/
.pnlIndependentExpenditureSearchHeader {
    background-color: #9EADC6;
    Width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FFEBC6;
    font-size: 1.1em;
    font: Verdana;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    line-height: 1.5;
}

.pnlIndependentExpenditureSearchBody {
    Width: 90%;
    Background-Color: #ECECEC;
    top: -2px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

/* -------------------- Info For * -------------------- */



/* The icons on InfoForCommittees */
.infoIcons {
    height: 130px;
    line-height: 22px;
    border: 1px transparent solid;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

    .infoIcons:hover {
        opacity: 0.8;
    }

    .infoIcons:hover {
        background-color: #FFF4D8;
        cursor: pointer;
        border: 1px #333663 solid;
    }

    .infoIcons a {
        width: 100%;
        height: 100%;
        margin-top: 10px;
        display: inline-block;
    }

        .infoIcons a:hover {
            color: #6A84E2;
            text-decoration: none;
        }

/* ----------------- General Content ------------------ */

.divGeneralContent {
    margin: auto;
    padding: 10px;
    border: 1px #51559F solid;
    background-color: #DDE0FF;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
}

.divReports {
    margin: auto;
    padding: 10px;
    border: 1px #333D96 solid;
    background-color: #FFFBD8;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
}

.tblReportsRow:hover {
    background-color: #FFF07F;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

.YellowBoxes {
    margin: auto;
    padding: 10px;
    border: 1px #333D96 solid;
    background-color: #FFFBD8 !important;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
}

.BlueBoxes {
    margin: auto;
    padding: 10px;
    border: 1px #51559F solid;
    background-color: #DDE0FF;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30) !important;
}

.dataPrimaryRow {
    background-color: #FFF;
}

.dataAlternatingRow {
    background-color: #EAEAEA;
}

/* ---------------- ContactUs Directors -------------- */

.directorHeader {
    margin: 0 0 10px 0;
    padding: 7px;
    width: 95%;
    font-size: 15px;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from Bold */
    border-bottom: 1px #000 solid;
}

/* ---------------- District Locator ----------------- */

.divDistrictLocatorInfo {
    margin: auto;
    padding: 5px;
    width: 780px;
    background-color: #DDE0FF;
    text-align: center;
    border: 1px #333663 solid;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
}


/* ------------------ Search Boxes -------------------  */

/*
Added the following to .SearchPanel
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow:    8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow:         8px 8px 12px -4px rgba(0,0,0,0.30);

Added the following to .ButtonText
    cursor:             pointer;
*/

/* Outline for the text boxes in the search box */


/* Table that houses the navigation tabs in the search box */
.tblHeaderButtons {
    margin: 0 auto -1px auto;
    -webkit-box-shadow: -2px 3px 4px -1px #888;
    -moz-box-shadow: -2px 3px 4px -1px #888;
    box-shadow: -2px 3px 4px -1px #888;
    border-radius: 10px 10px 0 0;
}

.divHeaderButtons {
    margin: 0 auto -2px auto;
    -webkit-box-shadow: -2px 3px 4px -1px #888;
    -moz-box-shadow: -2px 3px 4px -1px #888;
    box-shadow: -2px 3px 4px -1px #888;
    border-radius: 10px 10px 0 0;
}

/* For mobile devices, enhance the negative margin a bit. Apparently things align differently on mobile browsers. */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tblHeaderButtons {
        line-height: 0 !important;
        margin-bottom: -3px;
    }
}*/

.divHeaderButtons input[type="submit"] {
    position: relative;
    left: -1px;
}

/* If a button contains a lot of text, apply this class in addition to CurrentSelection/Unselected  */
.btnLarge {
    width: 140px !important;
}

/* Tab that represents current page */
.btnCurrentSelection {
    display: inline-block;
    background-color: #BCC7D6;
    color: #000;
    font-size: 12px;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from Bold */
    border-top: 1px #333663 solid;
    border-right: 1px #333663 solid;
    border-bottom: 0;
    border-left: 1px #333663 solid;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    margin-bottom: -2px;
}

/* Tab that represents pages you can navigate to */
.btnUnselected {
    /*background:         url(/images/TabShadow.png) left bottom repeat-x #253A4C;*/ /* The little shadow effect at the bottom of the tab */
    display: inline-block;
    top: -2px;
    background-color: #253A4C;
    color: #FFF;
    font-size: 12px;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from Bold */
    border: 1px #222 solid;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

    .btnUnselected:hover {
        cursor: pointer;
        background-color: #33506A;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
    }

/* Used for navigation tabs that are to the right of the left-most one to better blend them together */
.btnTabsOnTheRight {
    margin-left: -1px;
}

/* Election Results */

/* This is for the menu at the top of these result pages */
.divElectionResultsMenu {
    transition: 0.1s;
    position: relative;
    background-color: #253A4C;
    width: 75%;
    margin: 10px auto;
    border-bottom: 2px #365670 solid;
    border-radius: 10px;
    text-align: center;
}

.divElectionResultsMenu > div {
    cursor: pointer;
}

.divElectionResultsMenuLink,
.divElectionResultsMenu > div {
    transition: 0.1s;
    position: relative;
    display: inline-block;
    padding: 10px;
    width: 11%;
    color: #fff;
    text-align: center;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 12px;
    text-decoration: none;
}

    .divElectionResultsMenu > a:first-child {
        min-width: 103px;
    }

    .divElectionResultsMenuLink:hover {
        transition: 0.1s;
        color: #0090FF;
        text-decoration: none;
    }

/* This is the submenu for when you hover over State House at the top menu */
#divSubmenu {
    z-index: 9999;
    transition: 0.1s;
    position: absolute;
    text-align: center;
    background-color: #253A4C;
    min-width: 200px;
    left: -50px;
    top: 45px;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    border: 2px #365670 solid;
}

.divSubmenuClose {
    opacity: 0;
}

.divSubmenuOpen {
    opacity: 1;
}

.divSubmenuLink {
    transition: 0.1s;
    padding: 5px 10px;
    text-decoration: none;
    color: #FFF;
    width: 80%;
    margin: auto;
    display: block;
}

    .divSubmenuLink:hover {
        transition: 0.1s;
        cursor: pointer;
    }

.electionResultsActive {
    transition: 0.1s;
    display: inline-block;
    padding: 10px;
    width: 11%;
    font-size: 12px;
    color: #0090FF !important;
    text-decoration: underline !important;
}

/* Stylings for the election selection/download vote totals line. */
#tblElectionSelection {
    margin: 15px auto;
    padding: 0;
    width: 75%;
    vertical-align: middle;
}

#ddlElections {
    background-color: #EAEAEA !important;
}

/* This is for the actual tables of election results information. tblElectionResults gets applied to each table in the codebehind. */
.tblElectionResults {
    clear: both !important;
}

    .tblElectionResults tbody tr:hover {
        background-color: #DDE0FF !important;
    }

/* Special stylings for the District links table at the bottom of this page */
.stateHouseTitle {
    margin: auto;
    padding: 0;
    text-align: center;
    font-weight: normal !important; /* 04-23-2019 TG. Changed from Bold */
    font-size: 17px;
    color: #A82A28;
    line-height: 30px;
    width: 350px;
}

.districtMenu {
    margin: 0;
    text-align: center;
    border-bottom: 1px #333663 solid;
}

.districtMenuBR {
    border-right: 1px #333663 solid;
}

.districtMenuBottom {
    margin: 0;
    text-align: center;
    border-bottom: none !important;
}

/* // Election Results // */

/* Uncounted Ballots */

.tblUncountedBallots {
    border-left: 1px #333663 solid;
    border-right: 1px #333663 solid;
    margin: auto;
    text-align: center;
}

    .tblUncountedBallots tr:hover {
        background-color: #DDE0FF;
    }

    .tblUncountedBallots tr th {
        font-size: 12px;
        background-color: #333663;
        color: #FFF;
    }

    .tblUncountedBallots tr td {
        border-bottom: 1px #333663 solid;
    }

.trUncountedBallotsAlternating {
    background-color: #EAEAEA;
}

/*New Uncounted Ballots*/
.UncountedBallotsHeader {
    background-color: #333663 !important;
    color: #fff !important;
    padding: 5px !important;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
}

    .UncountedBallotsHeader a {
        color: #fff !important;
    }

.UncountedBallots {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #FFF;
}

    .UncountedBallots tr:hover {
        background-color: #DDE0FF;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

    .UncountedBallots tr td {
        padding: 5px;
    }

.UncountedBallotsAlternating {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #EAEAEA;
}
/* -- Uncounted Ballots -- */

/*GridView Classes*/
.GridViewTopBarHeader {
    font-size: 14pt;
    color: white;
    border-color: #FFF;
    padding: 3px;
    text-align: center;
}
.GridViewHeader {
    font-family: Verdana;
    font-size: 10px;
    color: #003366;
    border-color: #FFF;
    padding: 3px;
    text-align: center;
}

.GridViewNormalHeader {
    background-color: #507CD1;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from Bold */
    color: #FFF;
}

.GridViewFixedHeader {
    position: relative;
    background-color: #507CD1;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from Bold */
    color: White;
}

.GridViewItem {
    font-family: Verdana;
    font-size: 10px;
    padding: 2px 10px 2px 10px;
    text-align: left;
}

.GridViewAlternatingRow {
    background-color: #FFFFCC;
}

.GridViewItemNumeric {
    font-family: Verdana;
    font-size: 10px;
    padding: 2px 10px 2px 10px;
    text-align: right;
}

.GridViewAlternatingRowNumeric {
    background-color: #FFFFCC;
    font-family: Verdana;
    font-size: 10px;
    padding: 2px 10px 2px 10px;
    text-align: right;
}

.GridViewColumnFreezePosition {
    position: relative;
}

.GridViewColumnFreezeOrder {
    z-index: 10;
}

.GridViewContentFreezePosition {
    position: absolute;
}

.GridViewContentFreezeOrder {
    z-index: 20;
}

.GridViewColumnScrollableOrder {
    z-index: 1;
}

.GridViewPagerFreeze {
    position: absolute;
    z-index: 10;
}

.GridViewPagerTemplate {
    height: 35px;
    margin: 3px;
    vertical-align: middle !important;
    color: #FFF;
}

    /*Prevents hover effect from showing on pager line*/
    .GridViewPagerTemplate > td {
        border-top: 3px #365670 solid !important;
        border-right: none;
        border-bottom: none;
        border-left: none;
    }

    .GridViewPagerTemplate td {
        background-color: #33506A !important; /* 04-16-2019 TG. Changed from 253A4C to match Footer Color*/
    }

        .GridViewPagerTemplate td a {
            color: #567EE2;
        }

            .GridViewPagerTemplate td a:hover {
                color: #84ABFF;
            }

        /*Prevents hover effect from showing on pager line*/
        .GridViewPagerTemplate td table tbody tr {
            background-color: #232967;
        }

.GridViewPagerBackground {
    background-color: #232967;
}

.GridViewPagerPageNumberCurrent {
    color: #FFF;
    font-weight: normal !important;             /* 04-23-2019 TG. Changed from Bold */
}

.GridViewPagerPageNumberLinkEnabled {
    transition: 0.2s;
    color: #84ABFF !important;
    font-weight: normal;
}

    .GridViewPagerPageNumberLinkEnabled:hover {
        color: #BFD5FF !important;
    }

.GridViewPagerPageNumberLinkDisabled {
    color: #FFF;
}

.GridViewHeaderFreezePosition {
    position: relative;
}

.GridViewHeaderFreezeOrder {
    background-color: White;
    z-index: 10;
}

.GridViewHeaderGroup {
    font-family: Verdana;
    font-size: 10px;
    color: #003366;
    border-color: black;
    border-left: black 3px solid !important;
    border-right: black 3px solid !important;
    padding: 3px;
    text-align: center;
}

.GridViewHeaderGroupLeft {
    border-left: black 3px solid !important;
}

.GridViewHeaderGroupRight {
    border-right: black 3px solid !important;
}

.GridViewSortHeaderNone {
    margin: 5px;
    padding: 10px;
    text-align: center;
    overflow: hidden;
}

.GridViewSortHeader {
    margin: 5px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: bottom right;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: none;
    overflow: hidden;
}

.GridViewSortHeaderAscending {
    margin: 5px;
    padding: 10px;
    background-image: url(/images/GridView/Ascending.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: none;
    overflow: hidden;
    min-height: 50px !important;
}

.GridViewSortHeaderDescending {
    margin: 5px;
    padding: 10px;
    background-image: url(/Images/GridView/Descending.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: none;
    overflow: hidden;
    min-height: 50px !important;
}
    /* 2022-08-10 - JW - Running into an issue with the first item of gridview headers being aligned improperly when using .Focus() in code behind, so trying some other things. */
    .GridViewSortHeader a, .GridViewSortHeaderAscending a, .GridViewSortHeaderDescending a, .GridViewSortHeaderNone a {
        display: block;
        margin: -10em;
        padding: 10em;
    }

        .GridViewSortHeader a:hover, .GridViewSortHeaderAscending a:hover, .GridViewSortHeaderDescending a:hover, .GridViewSortHeaderNone a:hover {
            color: #00C7FF;
        }

.GridViewSortedColumn {
    background-color: #C1C1FF;
}

.GridViewSortHeaderUnderline {
    text-decoration: underline;
    text-underline-position: below;
}

/*End of GridView Classes*/
.ContactInfoContainer {
    margin: 10px !important;
    text-align: left !important;
}
.ContactAddressContainer {
    overflow: hidden;
    display: block;
    clear: both;
    margin: 10px auto;
    min-width: 250px;
    /*background-color: #BCC7D6;*/ /* #EAEAEA; */
    -webkit-box-shadow: -2px 2px 4px -1px #888;
    -moz-box-shadow: -2px 2px 4px -1px #888;
    box-shadow: -1px 2px 8px -1px #888;
}
.ContactAddressContainer > div {
    margin-left: 10px !important;
}
.PhoneNumberContainer > div:first-of-type {
    display: inline !important;
    text-align: left !important;
    /*margin: 10px !important;*/
}
.PhoneNumberContainer > div:last-of-type {
    display: inline !important;
    text-align: right !important;
    margin: 10px !important;
}




/*.pulsate {
    background-color: #307178;
    animation: pulsate 2s linear infinite;
}

@keyframes pulsate {
    0% {
        background-color: #2D516B;
    }

    50% {
        background-color: #307178;
    }

    100% {
        background-color: #2D516B;
    }
}

.hiring-message {
    z-index: 1;
    display: block;*/
    /*position: absolute;*/
    /*position: relative;
    margin: 10px auto;
    padding: 7px 10px 7px 30px;
    font-size: 14px;
    background-color: #F4E0C6;
    width: calc(100% - 50px);
    border: 1px #222 solid;
    opacity: 0.92;
    min-width: 880px;
    -webkit-box-shadow: -1px 1px 4px -1px #222;
    -moz-box-shadow: -1px 1px 4px -1px #222;
    box-shadow: -1px 1px 4px -1px #222;
    transform: translateY(-10px);
}

    .hiring-message::after {
        position: absolute;
        content: "\2713";
        top: 7px;
        left: 10px;
        font-size: 20px;
        color: darkgreen;
    }

    .hiring-message span {
        color: #333;
    }

.hiring-popout-container {
    z-index: 9999;
    transition: 0.1s;
    position: fixed;
    left: -195px;
    top: 40%;
    background-color: #BCC7D6;
    border: 1px #182A38 solid;
    width: 30%;
    max-width: 200px;
}

    .hiring-popout-container:hover {
        cursor: pointer;
    }

    .hiring-popout-container-open {
        left: 0;
    }


.hiring-popout-tabtext {
    z-index: 9998;
    position: absolute;
    right: -90px;
    top: 51px;
    transform: rotate(90deg);
    border: 1px #182A38 solid;
    padding: 14px 16px 7px 16px;
    background-color: #33506A;
    color: #FFF;
    font-family: Google_Cinzel, serif !important;
    font-size: 11pt;
    letter-spacing: 1px;
}

    .hiring-popout-tabtext:hover {
        cursor: pointer;
    }

.hiring-popout-content {
    z-index: 9999;
    padding: 15px;
}*/