﻿body {
    background: #d6d6d6;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Sans-Serif;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.text-center {
    text-align: center;
}

h1 {
    color: #35547a;
    font-size: 1.6em;
    font-weight: bold;
}

h2 {
    color: #35547a;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}

h3 {
    color: #1b4374;
    font-size: 16px;
}

#header .col-xs-12 img {
    text-align: center;
    margin: auto;
}

#ElectionStats {
    margin-top: 15px;
    margin-bottom: 20px;
}

#content {
    clear: both;
    padding: 5px;
    min-height: 500px;
    background-color: White;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

@media screen and (max-width:991px) {
    #content {
        border-top-right-radius: 0px;
    }
}


#TopStats {
    background: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px dotted black;
    padding-bottom: 5px;
}

#BottomStats {
    background: white;
    overflow: hidden;
}

#ElectionName {
    text-align: center;
}

#ElectionDate {
    text-align: center;
}

#LastUpdated {
    color: #8a8989;
    font-size: .9em;
    font-weight: bold;
    padding-left: 10px;
}

#LeftStats {
    padding: 15px;
    height:103px;
}

#LeftStats .col-md-6 {
    padding-bottom: 99999px;
    margin-bottom: -99999px;
}

#RightStats {
    padding: 15px;
    min-height:102px;
    border-left: 1px dotted black;
    
}

@media screen and (max-width:991px) {
    #RightStats {
        border-left:none;
    }
}

.TurnoutLabel {
    color: #07203d;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10pt;
    padding-right: 0;
}

.TurnoutValue {
    color: #35547a;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 0;
}

.PrecinctsLabel {
    color: #07203d;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10pt;
}

.PrecinctsValue {
    color: #35547a;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10pt;
    text-align: right;
}

@media screen and (max-width:991px) {
    .PrecinctsValue {
        text-align:left;
        margin-left:3%;
    }
}

.voteTypeNotReported {
    color: #bf3946;
}

.voteTypePartiallyReported {
    color: #FFA500;
}

.voteTypeCompletelyReported {
    color: #259b24;
}


#BottomMessage {
    background: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px dotted black;
    padding: 10px;
}

#viewtype {
    background: white;
    margin-top: 30px;
}

#RaceInfo, #precinctInfo {
    background: white;
    margin: 0px;
}


#RaceHeader {
}


/** TABS **/
.tabs {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

    .tabs li {
        margin-left: -70px;
    }

        .tabs li:first-child {
            border-top-left-radius: 25px;
            margin-left: -5px;
        }

.tab {
    width: 275px;
    float: left;
    height: 49px;
    background-image: url(data:image/png;base64,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);
    position: relative;
}

    .tab > a {
        color: White;
        font-family: Arial, Sans-Serif;
        font-weight: bold;
        font-size: 13pt;
        text-decoration: none;
        margin-left: 80px;
        line-height: 49px;
        vertical-align: middle;
    }

    .tab:first-child > a {
        margin-left: 50px;
    }

.activetab {
    background-image: url(data:image/png;base64,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);
}

.tab1 {
    z-index: 25;
}

.tab2 {
    z-index: 20;
}

.tab3 {
    z-index: 15;
}

.tab4 {
    z-index: 10;
}

/** FILTER **/
#FilterBox {
    border: 1px solid #1b4374;
    min-height: 40px;
    padding: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 12pt;
    color: #1b4374;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:15px;
}

    #FilterBox legend {
        font-size: 12pt;
        width: auto;
        border: none;
        margin: 0;
        padding: 0;
    }



/** Race Tables **/
.Race {
    margin-bottom: 15px;
    border: 1px solid #b3cae7;
    width: 100%;
}
.RaceHeader 
{
    background-color: #e7eef7;
    width:100%;
    padding-left: 20px;
}
.PrecinctDetailLink 
{
    font-size: 11pt;
    font-family:Arial, Sans-Serif;
    color:#35547a;
    font-style:italic;
    text-decoration:none;
    font-weight:bold;
}
.PrecinctDetailLink img 
{
    vertical-align:bottom;
}

.RaceName
{
    font-family:Arial, Sans-Serif;
    color:#bf3946;
    font-weight:bold;
    font-size:13pt; 
}
.RaceStats 
{
    background-color:#d6d6d6;
    padding-bottom:5px;
}
.RaceStatsTable
{
    margin-left:27px;
    padding-top:4px;
}

.RaceStatsLabel 
{
    color:#07203d;
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:10pt;
    padding:0;
}
.RaceStatsValue 
{
    color: #35547a;
    font-family: Arial, Sans-Serif;
    font-weight:bold;
    font-size:10pt;
    text-align:left;
    padding:0;
}

.SelectARace 
{
    color:#07203d;
    height:20px;
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:10pt;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    width:300px;
}

.PrecinctHeader 
{
    background-color: #e7eef7;
    padding-left:20px;
}
.PrecinctCode, .PrecinctName
{
    font-family:Arial, Sans-Serif;
    color:#bf3946;
    font-weight:bold;
    font-size:13pt;
    width:600px;
}

/**Results Display**/
.Results 
{
    margin-left:20px;
    border-spacing:0px 1px;
}

.ResultsRow
{
}
.ResultsHeader 
{
    font-family:Arial, Sans-Serif;
    color: #35547a;
    font-size:10pt;
    text-align:left;
    padding:0;
    font-weight:bold;
}
.ChoiceHeader
{
    text-align:center;
    font-family:Arial, Sans-Serif;
    color: #35547a;
    font-size:10pt;
    font-weight:bold;
}
.ChoiceColumn 
{
    font-family: Arial, Sans-Serif;
    color: #35547a;
    font-size:11pt;
    text-align:left;
    font-weight:bold;
    padding-left:10px;
    font-weight:bold;
}
.GraphHeader
{
    padding-right:20px;
}

.GraphColumn {
    padding-right:4px;
}
.ResultsColumn 
{
    color:#07203d;
    font-size:11pt;
    font-weight:bold;
    font-family:Arial, Sans-Serif;
    height:23px;
    text-align:left;
    padding-right:5px;
    padding-left:0px;
}
.TotalColumn
{
    color:#bf3946;
    font-size:11pt;
    font-weight:bold;
    font-family:Arial, Sans-Serif;
    height:30px;
    border-top:1px solid #B2CAE6;
    text-align:Left;
    padding:0px;
}
.oddrow 
{
    background-color:#e7e7e7;
}

.DetailResults 
{
    width:100%;
    border-spacing:0px;
}
.DetailResultsHeader 
{
    font-family:Arial, Sans-Serif;
    color: #35547a;
    font-size:10pt;
    width:60px;
    text-align:center;
    border-left:2px solid #B2CAE6;
}

.DetailResultsColumn 
{
    border-left:2px solid #B2CAE6;
    color:#35547a;
    font-size:10pt;
    font-weight:bold;
    font-family:Arial, Sans-Serif;
    text-align:right;
    padding-right:20px;
    width:40px;
}



/*BAR CHARTS*/
.FullBar 
{
    width:95%;
    height:22px;
    background-color:#B2CAE6;
}
.InnerBar 
{
    height:22px;
}
.DetailsFullBar 
{
    height:8px;
    background-color:#B2CAE6;
    margin-right:10px;
}
.DetailsInnerBar 
{
    height:100%;
}

.rep
{
    background-color:#C03947;
}
.dem 
{
    background-color:#2A55FF;
}
.oth 
{
    background-color: #face36;
}

/* Report tab */
.ReportList 
{
    width: 100%;
}
.ReportLink, .ReportLinkHeader
{
    width: 25%;
    float: left;
    border: solid 1px black;
    padding: 5px;
}
.ReportDescription, .ReportDescriptionHeader
{
    width: 69%;
    float: left;
    border: solid 1px black;
    padding: 5px;
}
.ReportLink, .ReportDescription 
{
    min-height: 15em;
}
.ReportLinkHeader, .ReportDescriptionHeader 
{
    text-align: center;
}

/* Scrolling Menu */
#ScrollingSpeedContainer {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0;
    background-color: white;
    z-index: 999;
    height: 35px;
    text-align: center;
    border-top: 1px solid #d6d6d6;
}

#ScrollingSpeedMenu {
    width: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

#ScrollingSpeedLabel {
    padding-right: 20px;
    height: 35px;
    float: left;
    line-height: 35px;
}

#ScrollSpeedPercent {
    float: left;
    width: 50px;
    height: 35px;
    line-height: 35px;
}

.scrollControl {
    font-size: 2em;
    width: 33px;
    height: 34px;
    float: left;
    line-height: 34px;
    background-color: white;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-top: 0;
    border-bottom: 0
}


.ie8-warning {
    background-color: #faeebe;
    text-align: center;
    width: 100%;
}