﻿
/*body, form  {
	font: 10pt Arial, Helvetica, sans-serif !important;
	background: #f7f7f7;
	background-image: url('../images/backgrnd-totalvote.jpg');
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px 0 0px 0;
	padding: 0 0 0 0;
	color: black;
}*/
.sos #mainlinkbar { 
	width: 850px;
    background-image: url('../images/linkbar-bk.jpg');
	background-color: white;
	margin: 0px 0 0px 0;
	padding: 0 0 0 0;
	text-align: left;
}
body {
    background-color: #E5E5E5;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    color: #303030;
}

.content-box-wrapper {
    border: 1px solid #BABABA;
    border-radius: 5px;
    max-width: 915px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.2);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 20px;
}

.welcome {
    font-weight: 700;
}

.search-title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    display: block;
}

.search-desc {
    text-align: center;
    display: block;
}

p {
    font-size: 16px;
    margin-top: 0;
}

/*  Start Search Form CSS  */

.search-wrapper {
    padding-left: 125px;
    margin: 0 auto;
}

.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.13%;
}

.span_1_of_3 {
    width: 35%;
}

.span_middle {
    width: 10%;
    height: auto;
}

.span_middle-or {
    width: 10%;
    position: relative;
    height: 60px;
}

.OR {
    color: #757575;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 24px;
}

label {
    font-weight: 700;
}

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
}

input[type=submit] {
    width: auto;
    background-color: #428BCA;
    color: white;
    padding: 8px 10px;
    margin: 8px 0;
    border: 1px solid #357EBD;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

    input[type=submit]:hover {
        background-color: #611405;
    }
    input[type=submit]:focus {
        background-color: #611405;
    }

.date-picker {
    margin: 8px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.riTextBox {
    /*font-size: 14px !important;*/
    color: #4c4c4c !important;
    padding: 12px 20px !important;
    font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

/*  End Search Form CSS  */

/*  Start Error Message Box CSS  */

.error-message {
    font-size: 16px;
    max-width: 759px;
    border: 1px solid #bababa;
    border-radius: 5px;
    background-color: #f3f3f3;
    margin: 0 auto;
    padding: 8px;
    margin-bottom: 20px;
    color: #0E2FEB;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.error-message-heading {
    text-align: center;
    display: block;
}

.error-message ol li {
    line-height: 140%;
}

.auditor-contact a {
    display: block;
    text-align: right;
    padding: 4px 4px 4px 4px;
    color: #383838;
    font-weight: 400;
}

    .auditor-contact a:hover {
        text-decoration: none;
    }

/*  End Error Message Box CSS  */

/*  Start Select Election Box CSS  */

.span_select_election-box-columns1 {
    width: 30.8%;
}

.span_select_election-box-columns2 {
    width: 30.8%;
}

.span_select_election-box-columns3 {
    width: 23.8%;
}

.span_select_election-box-columns4 {
    width: 8.8%;
}

.select-election-heading {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    display: block;
}

.select-election-box-top {
    max-width: 867px;
    border: 1px solid #bababa;
    border-radius: 5px 5px 0px 0px;
    background-color: #e8e8e8;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 5px 8px 18px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.select-election-box-bottom {
    max-width: 867px;
    border-top: 0px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    border-radius: 0px 0px 5px 5px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 5px 8px 18px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.select-election a {
    display: block;
    text-align: right;
    color: #383838;
    font-weight: 400;
}

    .select-election a:hover {
        text-decoration: none;
    }

/*  End Select Election Box CSS  */


/*  Start Search Results Box CSS  */


.span_search-results-box-columns1 {
    width: 50.26%;
}

.span_search-results-box-columns2 {
    width: 38.26%;
}

.span_search-results-box-columns3 {
    width: 8.26%;
}

.search-results-box-top {
    max-width: 867px;
    border: 1px solid #bababa;
    border-radius: 5px 5px 0px 0px;
    background-color: #e8e8e8;
    font-size: 14px;
    font-weight: 700;
    padding: 25px 0px 25px 0px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    margin: 0 auto;
}

.search-results-box-bottom {
    max-width: 867px;
    border-top: 0px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    border-radius: 0px 0px 0px 0px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 5px 8px 18px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    margin: 0 auto;
}

.search-results-title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    display: block;
}

.search-results a {
    display: block;
    text-align: left;
    color: #383838;
    font-weight: 400;
}

    .search-results a:hover {
        text-decoration: none;
    }

/*  End Search Results Box CSS  */


/*  Start Polling Place CSS  */


.polling-place-column1 {
    width: 49.2%;
    text-align: right;
    font-weight: 700;
    display: block;
}

.polling-place-column2 {
    width: 49.2%;
    display: block;
}

.polling-place-intro {
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    display: block;
}

.voter-information-box-heading {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: block;
}

.voter-information-box-name {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    display: block;
}

.sample-ballot-box {
    border-radius: 5px;
    background-color: #d1d1d1;
    padding: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.sample-ballot-box-column1 {
    width: 27.2%;
    text-align: center;
}

.sample-ballot-box-column2 {
    width: 49.2%;
}

.view-sample-ballot-button {
    font-family: 'Roboto', sans-serif;
    background-color: #428bca;
    border-radius: 2px;
    font-size: 18px;
    border: 1px solid #357ebd;
    color: white !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    width: 100%;
}

    .view-sample-ballot-button:hover, .view-sample-ballot-button:focus {
        background-color: #611405;
    } 

.election-date-highlight {
    color: #0E2FEB;
}

.polling-place-info-box {
    border-radius: 5px;
    background-color: #e8e8e8;
    padding: 7px 0px 7px 0px;
    border: 1px solid #bababa;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.polling-place-info-box-column1 {
    width: 27.2%;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    display: block;
}

.polling-place-info-box-column2 {
    width: auto;
}

.absentee-info-title {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.absentee-info-desc {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    display: block;
}

.absentee-ballot-info-column1 {
    width: 49.2%;
    font-weight: 700;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    display: block;
}

.absentee-ballot-info-column2 {
    width: 49.2%;
    font-weight: 700;
    border-radius: 5px;
    background-color: #ebebeb;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    display: block;
}

.additional-info-box {
    border-top: 3px solid #1e3760;
    border-bottom: 3px solid #1e3760;
}

.additional-info-title {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 50px;
}

li {
    margin-bottom: 10px;
}

.additional-info-desc {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*  End Polling Place CSS */


.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }
/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
    .col {
        margin: 1% 0 3% 0%;
    }
}

@media only screen and (max-width: 768px) {
    body {
        padding: 8px;
    }

    .content-box-wrapper {
        border: 1px solid #BABABA;
        border-radius: 5px;
        max-width: none;
        margin: 0 auto;
        margin-top: 0px;
        padding: 15px;
        background-color: #FFFFFF;
        box-shadow: 0px 1px 10px 2px rgba(0,0,0,0);
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    /*  Start Search Form CSS  */

    .search-wrapper {
        padding-left: 0px;
        margin: 0 auto;
        width: 100%;
    }

    .search-title {
        font-size: 20px;
        text-align: left;
    }

    .search-desc {
        text-align: left;
    }

    .span_1_of_3 {
        width: 100%;
    }

    .span_middle {
        display: none;
    }

    .span_middle-or {
        width: 100%;
        height: 15px;
    }

    .OR {
        text-align: center;
        width: 100%;
        border-bottom: 2px solid #bababa;
        line-height: 0.2em;
    }

    .OR-back {
        background-color: #FFF;
        padding-left: 15px;
        padding-right: 15px;
    }

    input[type=submit] {
        width: 100%;
    }

    /*  End Search Form CSS  */

    /*  Start Error Message Box CSS  */

    .error-message {
        max-width: 759px;
        border: 1px solid #bababa;
        border-radius: 5px;
        background-color: #f3f3f3;
        margin: 0 auto;
        padding: 8px;
        margin-bottom: 20px;
        color: #0E2FEB;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    .error-message-heading {
        text-align: left;
        display: block;
    }

    .error-message ol {
        padding: 0 18px;
    }

    .error-message li {
        margin-top: 5px;
        line-height: 140%;
    }

    .auditor-contact a {
        text-align: center;
        padding: 8px 8px 8px 8px;
    }

    /*  End Error Message Box CSS  */

    /*  Start Select Election Box CSS  */

    .span_select_election-box-columns1 {
        width: 25%;
        padding-right: 10px;
    }

    .span_select_election-box-columns2 {
        width: 25%;
        padding-right: 10px;
    }

    .span_select_election-box-columns3 {
        width: 25%;
        padding-right: 10px;
    }

    .span_select_election-box-columns4 {
        width: 15%;
    }

    .select-election-box-top {
        padding: 8px 8px 8px 8px;
    }

    .select-election-box-bottom {
        padding: 8px 8px 8px 8px;
    }

    .select-election-box-bottom {
        font-size: 13px;
    }

    .select-election a {
        display: block;
        text-align: right;
        color: #383838;
        font-weight: 400;
    }

        .select-election a:hover {
            text-decoration: none;
        }

    /*  End Select Election Box CSS  */



    /*  Start Polling Place CSS  */


    .polling-place-column1 {
        width: 44%;
        padding-right: 10px;
    }

    .polling-place-column2 {
        width: 44%;
        padding-left: 10px;
    }

    .polling-place-intro {
        font-weight: 400;
        font-size: 16px;
        text-align: left;
        display: block;
    }

    .voter-information-box-heading {
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        display: block;
    }

    .voter-information-box-name {
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        display: block;
    }

    .sample-ballot-box {
        border-radius: 5px;
        background-color: #d1d1d1;
        padding: 15px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    .sample-ballot-box-column1 {
        width: 100%;
        text-align: center;
    }

    .sample-ballot-box-column2 {
        width: 100%;
    }

    .view-sample-ballot-button {
        font-family: 'Roboto', sans-serif;
        background-color: #428bca;
        border-radius: 2px;
        font-size: 18px;
        border: 1px solid #357ebd;
        color: white !important;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
        width: 100%;
    }

    .election-date-highlight {
        color: #0E2FEB;
    }

    .polling-place-info-box {
        border-radius: 5px;
        background-color: #e8e8e8;
        padding: 7px 0px 7px 0px;
        border: 1px solid #bababa;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    .polling-place-info-box-column1 {
        width: 44%;
        padding-right: 10px;
    }

    .polling-place-info-box-column2 {
        width: 44%;
        padding-left: 10px;
    }

    .absentee-info-title {
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .absentee-info-desc {
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        display: block;
    }

    .absentee-ballot-info-column1 {
        width: 100%;
        font-weight: 700;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    .absentee-ballot-info-column2 {
        width: 100%;
        font-weight: 700;
        text-align: center;
        border-radius: 5px;
        background-color: #ebebeb;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    .additional-info-box {
        border-top: 3px solid #1e3760;
        border-bottom: 3px solid #1e3760;
    }

    .additional-info-title {
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        display: block;
        margin-top: 20px;
    }

    li {
        margin-bottom: 10px;
    }

    .additional-info-desc {
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /*  End Polling Place CSS */


    /*  Start Search Results Box CSS  */


    .span_search-results-box-columns1 {
        width: 40%;
        padding-right: 10px;
    }

    .span_search-results-box-columns2 {
        width: 40%;
        padding-right: 10px;
    }

    .span_search-results-box-columns3 {
        width: 12%;
    }

    .search-results-box-bottom {
        padding: 5px 5px 5px 5px;
    }

    /*  End Search Results Box CSS  */

}


.aspNetDisabled.view-sample-ballot-button {
    background: #bfbcbc;
    border: 1px solid #666;
    color: #807e7e !important;
    pointer-events: none;
}

