/* Inside margins set to 20px */
/* http://pxtoem.com/ | http://www.colorzilla.com/gradient-editor/ */

/* Generic */
.clearer {
    clear: both !important;
    float: none !important;
}

.cmd {
    cursor: pointer;
    padding: 0.2em 0.4em 0.2em 0.4em;
}

.hidden_info {
    position: absolute !important;
    left: -99999em !important;
}

.info {
    background: #8b2741;
    background: -moz-linear-gradient(left, #8b2741 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8b2741), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(left, #8b2741 0%,#cccccc 100%);
    background: -o-linear-gradient(left, #8b2741 0%,#cccccc 100%);
    background: -ms-linear-gradient(left, #8b2741 0%,#cccccc 100%);
    background: linear-gradient(to right, #8b2741 0%,#cccccc 100%);
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -khtml-border-radius: 0.417em;
    border-radius: 0.417em;
    color: #FFF;
    font-weight: bold;
    margin-top: 1.667em;
    padding: 0.083em;
    text-align: left;
}

    .info ul {
        list-style: none;
        padding-left: 0.833em;
    }

        .info ul li {
            color: #fff;
        }

.td_no_mobile, .desktop {
    color: #000;
}

.desktop {
    color: #fff;
}

.results_bottom .desktop {
    color: #000;
}

.mobile {
    position: absolute;
    left: -999em;
    color: transparent;
}

#header, #top, #top_menu, #body, #divBodyHeader, #left_content, #right_content, #summary, #bottom_summary,
#section_buttons {
    background: transparent;
}

#body {
    min-height: 44em;
}

/* Top */
#top {
    /*background-image: url('../img/Logo.png'); 
    background-repeat: no-repeat;*/
    height: 6.25em;
    margin-bottom: 1.667em;
}

#top_left {
    float: left;
}

#top_right {
    float: right;
}

#hlkHomeLogo {
    color: transparent;
    float: left;
    height: 6.250em; /* 75px */
    width: 18.333em; /*220px*/
}

#top_menu {
    float: right;
}

    #top_menu span, #top_menu p {
        padding: 0;
    }

    #top_menu ul {
        margin: 0;
        padding: 0;
    }

        #top_menu ul li {
            float: left;
            margin: 0;
            padding: 0 1em;
            border-right: 0.1em solid #232323;
            list-style: none;
            color: #232323;
            font-size: 0.875em;
        }

            #top_menu ul li.last {
                padding-right: 0;
                border-right: none;
            }

            #top_menu ul li a {
                color: #232323;
            }

    #top_menu a:hover, #top_menu a:hover span {
        color: #8B2844;
        text-decoration: underline;
    }

    #top_menu #hlkLanguage {
        border-right: none;
        padding-right: 0.2em;
    }

#date {
    clear: right;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 3px;
}

#title {
    clear: right;
    float: right;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: -5px;
}

/* Main containers */
#left_content {
    float: left;
    width: 18.333em; /* Size of the image = 220px */
}

#right_content {
    /* float: left;*/
    /* margin-left: 1.667em; */
    /* width: 58.333em; */ /* 960 - 10 (left padding) - 220 (image size) - 20 (inside margin) - 10 (right padding) = 700px */
}

#bottom_content {
    clear: both;
    /* margin-left: -20em; */
}

/* Summary */
#imgSummary {
    margin: 0em 1.667em 1.667em 0em;
    width: 18.333em; /* 220px */
}

#top_summary {
    clear: both;
    margin-bottom: 1px;
}

    #top_summary #lblRequiredForMajorityData {
        font-weight: bold;
    }

/* National Data Block grid - Summary */
#grdNationalDataBlock tr:nth-child(odd) {
    background-color: #FFF; /* Overide general.css */
}

#grdNationalDataBlock {
    background: #FFF;
    /* border: 0.083em solid transparent;
    border-collapse: collapse;
    border-radius: 0.417em;
    border-spacing: 0.167em; */
    clear: both;
    margin: 1em auto;
    width: 39em;
}

    #grdNationalDataBlock th, #grdNationalDataBlock td {
        border: 0em;
        padding: 3px;
        color: #000;
    }

    #grdNationalDataBlock th {
        text-align: right;
        padding-right: 23px !important;
    }

    #grdNationalDataBlock td {
        text-align: right;
    }

    #grdNationalDataBlock tr.td_datacolumn td {
        padding-right: 23px !important;
    }

        #grdNationalDataBlock tr.td_datacolumn td.td_firstcolumn {
            padding-right: 0.417em !important;
            text-align: right;
        }

    #grdNationalDataBlock .td_firstcolumn, #grdNationalDataBlock .td_emptycell {
        background: #EEE;
        border-bottom: 0.083em solid #EEE;
        border-left: 0.083em solid #EEE;
        text-align: right;
        font-weight: bold;
        padding-right: 0.417em;
    }

    #grdNationalDataBlock .td_leading {
        font-weight: bold;
    }

#bottom_summary {
    clear: right;
    font-size: 0.875em;
    text-align: right;
}

    #bottom_summary p {
        display: inline;
    }

    #bottom_summary p, #top_summary p {
        margin: 0 !important;
    }


    #bottom_summary #auto_refresh {
        display: inline;
        font-size: 1em;
    }

/* Section buttons */
#section_buttons {
    float: left;
    height: auto;
    min-height: 2em /* 50px */;
    margin-top: 1em; /* 20px */
    margin-bottom: 1em; /* 20px */
    width: 100% /* 700px */;
}


    #section_buttons #nav {
        margin: 0;
        padding: 0;
    }

        #section_buttons #nav li {
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block;
        }

    #section_buttons #left {
        float: left;
    }

    #section_buttons #right {
        float: right;
    }

    #section_buttons a {
        /* (700px - 5x2px (margin-left)) / 6 buttons = 115px */
        /* 115px - 2x5px (padding left & right) = 105px */
        background: #233237;
        /* Border radius */
        -moz-border-radius: 0.417em;
        -webkit-border-radius: 0.417em;
        -khtml-border-radius: 0.417em;
        border-radius: 0.417em;
        color: #FFF;
        display: inline-block;
        height: 2em;
        line-height: 2em;
        margin-right: 0.166em;
        padding: 0.417em 0.8em; /* 5px */
        text-decoration: none;
        /*behavior: url(css/border-radius.htc);*/
    }

        #section_buttons a:hover, #section_buttons a:focus {
            background: #8B2844;
            text-decoration: none;
        }

        #section_buttons a.section_button_selected {
            background: #8B2844;
        }

    #section_buttons #lnkJudicialRecount {
        margin-right: 0em;
    }

/* Message board */
#message_board_title {
    position: relative;
    background-color: #c0c0c0;
    display: block;
    overflow: visible;
    font-weight: bold;
    margin-top: 1.667em;
    padding: 0.417em 0.417em 0.417em 30px;
    text-align: left;
    clear: both;
}

    #message_board_title:hover {
        text-decoration: none;
    }

    #message_board_title span {
        color: #8B2844;
    }

        #message_board_title span.ic {
            position: absolute;
            left: 8px;
            top: 10px;
            width: 11px;
            height: 6px;
            background: url('../img/arrows.png') no-repeat right 0;
        }

    #message_board_title.closed span.ic {
        top: 7px;
        width: 6px;
        height: 13px;
        background-position: 0 0;
    }

#message_board {
    overflow: hidden;
    /* height:0;
	min-height:0;*/
    margin: 0;
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    padding-left: 0.417em;
    text-align: left;
}

#Messages_updMessages .error {
    text-align: left;
}

/* Control & Settings panels */
#control_panel_title {
    position: relative;
    background-color: #c0c0c0;
    display: block;
    font-weight: bold;
    margin-top: 1.667em;
    padding: 0.417em 0.417em 0.417em 30px;
    text-align: left;
    clear: both;
}

    #control_panel_title:hover {
        text-decoration: none;
    }

    #control_panel_title span {
        color: #8B2844;
    }

#control_panel { /*height:0; min-height:0;*/
    overflow: hidden;
}

#control_panel_title span.ic {
    position: absolute;
    left: 8px;
    top: 10px;
    width: 11px;
    height: 6px;
    background: url('../img/arrows.png') no-repeat right 0;
}

#control_panel_title.closed span.ic {
    top: 7px;
    width: 6px;
    height: 13px;
    background-position: 0 0;
}

#control_panel, #settings_panel {
    border: 0.083em solid #c0c0c0;
    border-radius: 0.417em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #dfdfdf;
    clear: left;
    display: none;
    min-height: 7em;
    margin: 0em 0em 1.667em 0em;
    padding: 0 0.417em 0 0.417em;
    text-align: left;
}

    #control_panel .row {
        clear: both;
        display: block;
        width: 100%;
    }

        #control_panel .row .col {
            float: left;
            width: 53%;
        }

        #control_panel .row .divButton {
            float: right !important;
            width: auto !important;
        }

        #control_panel .row .col label {
            float: none;
            display: block;
            margin: 5px 0 0 5px;
            height: auto;
        }

    #control_panel #cp_left {
        background: transparent;
        float: left;
        width: 42.000em;
    }

    #control_panel #cp_right {
        background: transparent;
        clear: both;
        float: right;
    }

    #control_panel input, #control_panel select {
        background: transparent;
        background: #FFF;
        border: 0.083em solid #233237;
        color: #233237;
        display: block;
        margin: 5px 0.167em 0em 0em;
        width: 20em;
    }

    #control_panel input {
    }

    #control_panel #divProvinces, #control_panel #divSearchType {
        float: left;
        width: 300px;
    }

    #control_panel #divSearchCriteria, #control_panel #divElectoralDistrict {
        float: left;
    }

    #control_panel .cbo {
        float: left;
        width: 17.400em;
    }

    #control_panel .txt {
        float: left;
        width: 16.35em;
    }

    #control_panel .search_by {
        float: left;
        background: transparent;
        height: 4.167em /* 50px */;
    }

    #control_panel .cmd, #settings_panel .cmd {
        background: #233237;
        border: 0.083em solid #233237;
        border-radius: 0.250em;
        color: #FFF;
        float: right;
        margin-top: 20px !important;
        padding: 0.500em 1em;
        width: auto;
    }

    #control_panel #updSearchControls {
        float: left;
        background: transparent;
        width: 100%;
    }

    #control_panel p {
        margin: 0;
    }

    #control_panel #div_or {
        clear: both;
        float: left;
        display: none;
        font-size: 1em;
        font-weight: bold;
        margin: 0 0 0 0.5em;
        width: 100%;
    }

    #control_panel #cboProvinces, #control_panel #cboElectoralDistricts {
        clear: left;
        display: block;
    }

    #control_panel #cmdAddTextBoxCritreria.hidden_info {
        /* To overide display: block for all input */
        display: none;
    }

    #control_panel #lblMaxNumberOfResults {
        clear: both;
        display: block;
        width: 75%;
        margin: 0 0 0 0.417em;
    }

/***********/
/* Results */
/***********/
#divResults {
    margin-bottom: 20px;
    border: 1px solid #c0c0c0;
}

.results_top, .results_bottom {
    background-color: #ddd;
    padding: 0.417em;
}

#divResults .results_top {
    clear: both;
    min-height: 4.167em;
    margin-top: 0;
}

/* Results title & type */
.results_title, .results_type {
    background: transparent;
    clear: left;
    float: left;
    font-weight: bold;
}

.results_type {
    clear: both;
    float: none;
    display: block;
    font-size: 0.675em;
    text-align: left;
}

.results_title {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
/* Results toolbar */
.results_top .results_toolbar {
    background: transparent;
    clear: both;
    margin: -10px 0 0 0;
    text-align: right;
}

    .results_top .results_toolbar a {
        /* Copy from section_buttons a */
        background: #233237;
        border-radius: 0.250em;
        color: #FFF;
        float: right;
        height: 1.667em;
        line-height: 1.667em;
        margin: 0.167em 0em 0em 0.167em;
        padding: 0.083em;
        width: 10.417em;
    }

        .results_top .results_toolbar a:hover {
            background: #8B2844;
            text-decoration: none;
        }

.results_toolbar input {
    background: #233237;
    border: 1px solid #233237;
    border-radius: 0.250em;
    color: #FFF;
    margin-top: -0.083em;
    margin-left: 10px;
    width: auto;
    padding: 0.5em;
    display: inline-block;
}

.results_top .results_toolbar .lnkJudicialRecount {
    margin-left: 0.167em;
}

.results_top .results_toolbar .lnkClose {
    clear: right;
    margin-top: 0.130em;
}
/* Results table */
.progress_bar {
    background-color: #8B2741;
    background-repeat: repeat-x;
    height: 1.333em;
}

.tblResults {
    clear: both;
    background: #FFF;
    border: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    /* width: 78.334em; */
}

    .tblResults th, .tblResults tfoot, .tblResults .tr_totals {
        background: #233237;
        font-weight: bold;
        color: #fff;
        height: 2.500em;
    }

        .tblResults th .no_mobile_iphone, .tblResults td .no_mobile_iphone {
            color: #fff !important;
        }

        .tblResults .tr_totals td {
            color: #fff;
        }

    .tblResults th, .tblResults td {
        /* Necessary for IE */
        border: 0;
        text-align: left;
        color: #000;
    }

    .tblResults th {
        padding-left: 0.250em;
        color: #fff;
        background-color: #233237;
    }

    .tblResults td {
        font-size: 1em;
        padding: 0.417em 1em 0.417em 0.417em;
        /*white-space:nowrap;*/
    }

#MainContent_grdResults td {
    white-space: normal;
}

.tblResults .center {
    text-align: center;
}

table td p, table th p {
    margin: 0;
}

.tblResults .td_firstcolumn {
    font-weight: bold;
}

.tblResults .tr_leading td {
    font-weight: bold;
    background-color: #ebc0cb !important;
}

    .tblResults .tr_leading td.td_firstcolumn {
        font-weight: bold;
    }

.tblResults .uneven {
    background: #DFDFDF;
}

.tblResults .leader {
    font-weight: bold;
}
/* 
.tblResults .td_numeric
{
    text-align: right !important;
} */
.tblResults .data, .tblResults .data_leading {
    padding-right: 0.417em;
    text-align: right;
}

.tblResults .data_leading {
    padding-right: 3.750em;
}

.tblResults tfoot {
    font-weight: bold;
}

.tblResultsLarge td, .tblResultsLarge th {
    font-size: 0.75em !important;
    white-space: normal;
    padding-right: 5px;
}
/* Results bottom */
.results_bottom {
    margin-top: -0.083em;
    margin-bottom: 1em;
    text-align: left;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #8D8D8D 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #636363 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #636363 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #636363));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #636363 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #636363 100%);
    background-color: #ABABAB;
}

    .results_bottom div {
        clear: left;
        display: block;
        min-height: 1.250em;
        margin: 0em 0em 0.250em 0em;
    }

.lblTotal, .lblPolls, .lblVoter, .lblPopulation, .lblValidationDate, .lblLastUpdate, .lblElectorNumber {
    display: block;
    margin: 0em 0em 0.417em 0em;
    /*width: 15.833em;*/ /* 190px */
}

    .lblTotal .label, .lblPolls .label, .lblVoter .label, .lblPopulation .label, .lblValidationDate .label, .lblElectorNumber .label {
        display: inline-block;
        margin-right: 15px;
        width: 23%;
        font-weight: bold;
    }

    .lblVoter span, .lblPolls span {
        display: inline-table;
        width: 66%;
    }

        .lblVoter span span, .lblPolls span span {
            display: inline;
            width: 100%;
        }

.newnote {
    margin-left: 30px;
}

.noteam {
    background: #ced5db;
    box-shadow: 3px 3px 3px #b5b5b5;
    padding: 10px 20px;
    border-radius: 3px;
    margin: 0 20px;
}

.noteam2 {
    float: left;
    width: 40px;
    font-size: 2em;
    margin-right: 20px;
}

.noteam2 {
    float: left;
    width: auto;
}



.lblStaticPageLink {
    display: inline-block;
    margin-right: 15px;
    width: 50%;
    font-weight: bold;
    margin: 1em 0em 0.417em 0em;
}

    .lblStaticPageLink span {
        display: inline-table;
        width: 100%;
    }

.lblLastUpdate .label {
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
}



.last_updated {
    margin-bottom: 0 !important;
    width: 100%;
    text-align: right;
}

    .last_updated .data {
        font-weight: bold;
    }

#lblVoterTurnoutValue p, #lblVoterTurnoutValue span {
    float: none;
}

/* Downloads */
#downloads {
    clear: both;
    margin-top: 1.667em;
    text-align: left;
}

#downloads_top {
    font-size: 1em;
    font-weight: bold;
}

#downloads ul {
    margin-top: 0.167em;
    padding: 0;
}

#downloads li {
    list-style-type: none;
    padding: 0.250em 0em 0.250em 0em;
}

/* Bottom */
#bottom {
    /* Body tag has padding of 10px */
    background: #233237 url(../img/bottom-image.jpg) 0 0 no-repeat;
    clear: both;
    margin: 1.667em 0em -0.833em -0.833em;
    padding: 17.5em 0.833em 0.833em 0.833em;
    width: 100%;
}

#MainContent_divErrorDetails {
    text-align: left;
}

    #MainContent_divErrorDetails #MainContent_divLineCode, #MainContent_divLineAddress, #MainContent_divLineError, #MainContent_divLineTrace {
        margin-bottom: 10px;
    }

.accessAlt a:focus {
    outline: dotted;
}

#lblVersion {
    display: block;
    color: #fff;
    font-size: 0.75em;
    margin: -10px 0 0 0;
    padding: 0;
    text-align: right;
}

#bottom_menu ul {
    margin: 0;
    padding: 0;
}

    #bottom_menu ul li {
        display: inline;
        padding: 0;
        list-style: none;
    }

#bottom_menu a {
    padding: 0 0.833em;
    background: #233237;
    color: #FFF;
    border-right: 1px solid #FFF;
}

#bottom_menu ul li.last a {
    border: none;
}

#bottom_menu a span, #bottom_menu a p {
    color: #FFF;
}

/* footnote */
#ulFootnote {
    margin: 10px 0;
    padding-left: 10px;
    background-color: #eee;
}

    #ulFootnote li {
        margin: 0;
        padding: 5px;
        list-style: none;
        font-size: 1em;
    }

        #ulFootnote li ul {
            padding: 0 0 0 10px;
        }

/* results radio button */
#MainContent_divResultsChoice {
    text-align: left;
}

    #MainContent_divResultsChoice table td {
        text-align: left;
    }

        #MainContent_divResultsChoice table td input {
            position: absolute;
            left: -999em;
        }

input.btnClose, #control_panel input.cmd {
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #9D9D9D 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #9D9D9D 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #9D9D9D 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #9D9D9D));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #9D9D9D 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #9D9D9D 100%);
    background-color: #cccccc; /*for IE 8 and below */
    border: 0.083em solid #8D8D8D;
    color: black;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
}

.desktop input.btnClose:focus, .desktop #control_panel input.cmd:focus {
    outline: 1px dotted #8D8D8D;
    background: #ECFFFF;
    border: 0.083em solid #C2C2C2;
}

input.smaller {
    padding: 3px 5px;
    margin-bottom: 10px;
}

#control_panel input.hover.cmd, input.hover.btnClose {
    background: #ECFFFF;
    border: 0.083em solid #C2C2C2;
}

.floatRightbuttons {
    float: right;
    width: 40%;
    margin-bottom: -15px;
}

#grdNationalDataBlock caption {
    font-size: 0em;
    font-weight: bold;
    padding: 0;
    background-color: transparent;
    color: #EEEEEE;
}


div.accessAlt p.hidden_info a:focus {
    left: 0;
    position: absolute;
}


.tblResults th.td_firstcolumn {
    text-align: left !important;
}

.tblResults th {
    text-align: center !important;
}

.tblResults td.td_firstcolumn {
    text-align: left !important;
}

.tblResults td {
    text-align: left !important;
    padding-right: 20px; /* overflow-wrap:break-word; word-wrap:break-word; -ms-word-break:break-all; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyhens:auto; hyphens:auto; */
}

    .tblResults td.td_numeric {
        text-align: right !important;
    }

    .tblResults td.tdLeading {
        padding-right: 71px;
        text-align: right !important;
    }

#control_panel input:focus, #control_panel select:focus {
    background-color: #f2e8eb;
}

#FrmSearch {
    clear: both;
}

#summary {
    margin-top: -16px;
}

#top_summary p {
    margin: 0 !important;
    font-size: 0.875em;
}

#divSearchCriteria {
    padding-top: 0 !important;
}

#imgLogo {
    margin-bottom: 10px;
}

div[id^='grdResultsucElectoralDistrictResult'] .td_firstcolumn {
    max-width: 20%;
}

div[id^='divResultucElectoralDistrictResult'] .results_top + div {
    overflow-x: auto;
}

div[id^='divResultucElectoralDistrictResult'] table {
    width: 100%;
}

div[id^='divHourGlass'] {
    position: relative !important;
    float: none !important;
    width: 100% !important;
}