h1 {
    cursor: pointer;
}

h2 {
    margin-top: 0px;
    color: #337AB6;
    font-weight: 600;
}

h4, h5 {
    font-weight: 600;
}

h5 {
    font-size: 1.2em;
}

a {
    cursor: pointer;
}

.view-content {
    display: none;
}

.view-loading {
    font-size: 30px;
    font-weight: bold;
}

#print, .print {
    display: none;
}

.settings, #home {
    margin: 30px 10px 0px 0px;
    cursor: pointer;
    font-size: 18px;
}

#logout-top, #home-top {
    margin-top: 32px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 18px;
}

    #logout-top a, #logout-top-small a {
        color: #fff;
    }

#logout-top-small, #inverse-top, #increase-top {
    margin-top: 32px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 18px;
}

.font-small {
    font-size: 12px;
}

.write-in {
    padding: 4px;
    float: left;
}

.btn-max {
    width: 100%;
}


.status-date {
    font-size: 20px;
    font-weight: 600;
}

.guide-choices {
    height: 170px;
    overflow: auto;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 16px;
}

    .guide-choices div div {
        margin-bottom: 10px;
    }

.border-grey {
    border: 1px solid #ececec;
}

.guide-measure-more {
    display: none;
}

.race-choice {
    width: 25px;
    height: 25px;
}

.race-choice-label {
    position: relative;
    top: -6px;
    left: 20px;
    min-width: 200px;
}

.race-choice-declaration {
    position: relative;
    top: 10px;
    left: 20px;
    min-width: 200px;
    width: 90%;
    margin-bottom: 10px;
}

.race-choice-label-party {
    position: relative;
    top: 0px;
    left: 20px;
    min-width: 200px;
}

.border {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
}

.area-button {
    text-align: left;
}

.loading-data {
    margin-top: 50px;
    padding: 30px;
    font-size: 24px;
    font-weight: 600;
}

    .loading-data p {
        margin-bottom: 30px;
    }


.language-choice {
    padding: 10px;
    margin-right: 0px;
    position: relative;
    margin-top: -8px;
    min-width: 100px;
}

.language-dropdown {
    position: absolute;
    margin-left: 0px;
    background-color: #fff;
    padding: 20px;
    width: 150px;
    display: none;
    z-index: 100;
}

#nav-menu {
    list-style: none;
}

    #nav-menu li {
        float: left;
        margin-left: 10px;
    }

.problem {
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    color: #000;
    display: none;
    font-size: 16px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-no {
    margin: 0;
}

.width-100 {
    width: 100%;
}


.dropdown-parent {
    position: relative;
}

.overlay-arrow {
    position: absolute;
    right: 3px;
    top: 3px;
}

label {
    font-weight: normal;
}

table.home-info-status tr td, table.home-info-status tr th {
    padding: 0px 10px 5px 0px;
}

.btn {
    white-space: normal;
}

.btn-primary {
    background-color: #4778b4;
    border: none;
    border-radius: 4px;
    box-shadow: none;
}

    .btn-primary:hover, .btn-primary:active:focus, .btn-primary:active:target, .btn-primary:focus {
        background-color: #4b80c1;
        border: none;
        border-radius: 4px;
    }


.btn-success, .btn-success:hover, .btn-success:active:focus, .btn-success:target {
    background-color: #c5c4c4;
    border: none;
    border-radius: 4px;
    color: #000;
    box-shadow: none;
}

.btn-danger {
    border-radius: 4px;
    background-color: #933d3a;
    border-color: #933d3a;
}

.alert {
    border-radius: 4px;
}

div.candidate-photo img {
    width: 150px;
    margin: 0px 20px 20px 0px;
}

.main-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .main-menu .btn {
        padding: 13px 30px 13px 30px;
        margin-bottom: 3px;
    }

.list-margin-20 li {
    margin-bottom: 20px;
}

.text-hidden {
    display: none;
}

#homeStart {
    font-weight: 600;
    margin-bottom: 10px;
}

.bold {
    font-weight: 600;
}

.not-bold {
    font-weight: normal;
}

ul.measure-buttons {
    list-style: none;
    padding: 0;
    margin: 20px 0px 20px 0px;
}

    ul.measure-buttons li {
        float: left;
        margin-right: 10px;
    }

.voter-info-left {
    width: 30%;
    float: left;
    margin-bottom: 10px;
    clear: both;
}

.voter-info {
    padding-left: 20px;
    width: 60%;
    float: left;
    margin-bottom: 10px;
}


img.location-photo {
    margin: 10px 10px 10px 0px;
}


#dynamicArea {
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    min-height: 300px;
    margin-left: -30px;
    min-width: 100%;
    padding: 20px;
    z-index: 11;
}

#candidateArea, #measureArea {
    position: relative;
    padding: 20px;
    border: 1px solid #ececec;
    z-index: 12;
    min-height: 300px;
}

    #candidateArea #candidate-close, #measureArea #measure-close {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 13;
    }


#candidateOfficeName, #measureAreaName {
    max-width: 80%;
}

#PageMask {
    position: fixed;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 10;
    display: none;
    min-height: 1200px;
}

.full-text-icon {
    font-size: 22px;
    display: none;
}


.theme1 {
    background-image: url(../images/bg-capitol.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #000;
    background-position: center;
}

    .theme1 .settings, .theme1 #home, .theme1 #inverse, .theme1 #logout-top, .theme1 #logout-top-small, #home-button {
        color: #fff;
    }


    .theme1 .alert {
        font-size: 16px;
        font-weight: bold;
    }


    .theme1 .header {
        background-color: #212120;
        color: #fff;
        position: fixed;
        z-index: 100;
    }

        .theme1 .header .btn {
            margin: 0;
            padding: 7px 0px;
            font-size: 20px;
        }

    .theme1 #welcome {
        color: #000;
        font-weight: 600;
        margin-top: -20px;
    }


    .theme1 .race {
        margin-bottom: 20px;
    }

    .theme1 .login-form, .theme1 .inner-content, .theme1 .home-info {
        margin-top: 25px;
        padding: 30px;
        background-color: rgba(240, 240, 240,0.85);
        min-height: 370px;
    }

    .theme1 .inactive-message {
        margin-top: 25px;
        padding: 10px 40px 40px 40px;
        font-size: 16px;
        background-color: #fde65b;
    }

    .theme1 .home-loading {
        padding: 40px;
        /*background-color: rgba(240, 240, 240,0.85);*/
    }

    .theme1 .content-area {
        margin-top: 100px;
        padding: 30px;
        background-color: rgba(255, 255, 255,0.99);
        min-height: 400px;
        color: #000;
        border: 1px solid #ececec;
    }


    .theme1 .main-menu {
        margin-top: 25px;
    }

    .theme1 .race .name {
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .theme1 .race .candidate {
        padding: 15px;
        border: 1px solid #dbdbdb;
        border-radius: 5px;
        margin-bottom: 3px;
        background-color: #fff;
    }

    .theme1 .race .candidate {
        font-size: 16px;
    }

    .theme1 .race .party {
        font-size: 14px;
    }

    .theme1 .race .candidate .party-declaration {
        margin-left: 30px;
        position: relative;
    }

    .theme1 .race .candidate .candidate-name {
        margin-top: 7px;
    }

    .theme1 .race .candidate .selection {
        margin-right: 20px;
    }



    .theme1 .edit-button {
        margin: 20px 0px 0px 20px;
    }

    .theme1 .grey {
        background-color: rgba(240, 240, 240,0.85);
        padding: 20px;
    }

    .theme1 .header-bar {
        padding: 0;
        padding: 12px;
        background-color: rgba(240, 240, 240,0.85);
        margin-bottom: 3px;
    }

        .theme1 .header-bar h3 {
            margin: 0;
            padding: 0;
            font-weight: 600;
        }

    .theme1 #candidateArea, .theme1 #measureArea {
        background-color: #fff;
    }


.theme2 {
    background-color: #000;
    color: #fff;
}

    .theme2 #welcome {
        margin-top: -20px;
    }

    .theme2 h2 {
        margin-top: 20px;
        color: #fff;
    }

    .theme2 #settings, .theme2 #home, .theme2 #inverse {
        color: #000;
    }

    .theme2 .login-form, .theme2 .home-menu, .theme2 .inner-content {
        margin-top: 25px;
        padding: 30px;
        background-color: none;
        border: 1px solid #fff;
    }

    .theme2 .content-area {
        margin-top: 80px;
        padding: 30px;
        min-height: 400px;
    }


    .theme2 .alert {
        font-size: 16px;
        font-weight: bold;
        background-color: #fff;
        color: #000;
    }

    .theme2 .header {
        background-color: #fff;
        color: #000;
        position: fixed;
        z-index: 100;
        display: block;
    }

        .theme2 .header .btn {
            margin: 0;
            padding: 7px 0px;
            font-size: 20px;
        }


    .theme2 #logout-top a, .theme2 #logout-top-small a {
        color: #000;
    }

    .theme2 .login-form, .theme2 .inner-content, .theme2 .home-info {
        margin-top: 25px;
        padding: 30px;
        min-height: 370px;
    }

    .theme2 .main-menu {
        margin-top: 25px;
    }

    .theme2 .race {
        margin-bottom: 20px;
    }

        .theme2 .race .name {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .theme2 .race .party {
            font-size: 14px;
        }


        .theme2 .race .candidate {
            padding: 15px;
            border: 1px solid #ccc;
            margin-bottom: 3px;
        }

        .theme2 .race .candidate {
            font-size: 16px;
        }



            .theme2 .race .candidate .candidate-name {
                margin-top: 7px;
            }

            .theme2 .race .candidate .selection {
                margin-right: 20px;
            }



    .theme2 .edit-button {
        margin: 20px 0px 0px 20px;
    }


    .theme2 a {
        color: #fff;
        text-decoration: underline;
    }

    .theme2 .btn {
        background-color: #000;
        color: #fff;
        border: 1px solid #fff;
        text-decoration: none;
    }

    .theme2 #home-button {
        color: #000;
    }

    .theme2 .btn-danger:hover, .theme2 .btn-primary:hover, .theme2 .btn-primary:active:focus, .theme2 .btn-primary:active:target, .theme2 .btn-primary:focus {
        background-color: #ececec;
        color: #000;
    }


    .theme2 .btn-success, .theme2 .btn-success:hover, .theme2 .btn-success:active:focus, .theme2 .btn-success:target {
        background-color: #ececec;
        color: #000;
    }


    .theme2 .language-choice .language-dropdown a {
        color: #000;
        text-decoration: none;
    }

    .theme2 #candidateArea, .theme2 #measureArea {
        background-color: #000;
    }

    .theme2 .modal {
        color: #000;
    }

    .theme2 .language-dropdown a {
        color: #000;
    }




.theme-text {
    padding: 20px;
}

    .theme-text .header {
        display: none;
    }

    .theme-text h2 {
        font-size: 27px;
    }

    .theme-text h3 {
        font-size: 24px;
    }

    .theme-text h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .theme-text h5 {
        font-size: 20px;
        font-weight: bold;
    }

    .theme-text .text-race {
        border-top: 1px solid #000;
        padding: 10px 0px 30px 0px;
    }

    .theme-text .text-candidate {
        border: 1px solid #ccc;
        padding: 20px;
        margin-bottom: 20px;
        min-height: 250px;
    }