/* Generic Styling */

#backpagesidemenu {
    box-shadow: 0px 2px 4px lightgray;
    background: #F1F1F1;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 275px;
    height: auto;
    float: right;
}

body {
    background-image: url(images/wf_tiledbackground.jpg);
    background-repeat: repeat;
}

img {
    border: 0;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.NormalBold,
.NormalRed,
.NormalTextBox,
.NormalDisabled,
input,
.CommandButton,
p,
blockquote,
table,
table tr,
table td {
    font-family: "Verdana";
    font-size: 14px;
    color: black;
    line-height: 1.5;
}

h1 {
    font-size: 14px;
    text-transform: uppercase;
    color: #C42D1F;
    text-decoration: none;
}

h2 {
    font-size: 1em;
    text-transform: uppercase;
    color: #477CB7;
}

h3,
#maincontent h3 {
    font-size: 1em;
    text-transform: uppercase;
    color: #477CB7;
}

a:link,
a:visited,
a:active {
    color: #565656;
    text-decoration: underline
}

a:hover {
    color: #5086c2;
}

.logo {
    float: left;
}

.right {
    float: right;
}


/* Structure */

#wrapper {
    margin: 0 auto;
    width: 960px;
    box-shadow: 0px 5px 46px -16px black;
}

#skipnav {
    position: absolute;
    bottom: 5000px;
}

#header {
    height: 195px;
}

#headerright {
    position: relative;
    height: 30px;
}

#dnn_topmenu {
    position: absolute;
    left: 280px;
    float: left;
    width: 400px;
    height: 40px;
    top: 5px;
    margin-top: 30px;
}

#dnn_topmenu p,
#dnn_topmenu .Normal {
    font-family: Arial;
    font-style: italic;
    font-size: 15px;
    color: #777777;
}

#dnn_topmenuback {
    position: absolute;
    left: 305px;
    float: left;
    width: 400px;
    height: 40px;
    margin-top: 30px;
}

#dnn_topmenuback p,
#dnn_topmenuback .Normal {
    font-family: Arial;
    font-style: italic;
    font-size: 15px;
    color: #777777;
}

#search {
    position: absolute;
    left: 625px;
    width: 330px;
    top: 25px;
}

.bsc-searchbox {
    width: calc(100% - 41px);
    height: 42px;
    vertical-align: top;
}

#google_translate_element {
    position: absolute;
    left: 766px;
    top: 75px;
}


/*Translator CSS*/

.goog-te-gadget .goog-te-combo {
    top: 89px;
    left: 760px;
}

#staticbanner {
    height: 195px;
    width: 960px;
    float: left;
}


/*Beginning of Content after Quicklinks and Registered Voters*/

#buttons {
    padding-top: 50px;
    padding-bottom: 15px;
}

#contentwrapper {
    position: relative;
    float: left;
    width: 960px;
    display: flex;
}

#backpagecontentwrapper {
    position: relative;
    float: left;
    background: white;
    background-repeat: repeat-y;
    width: 960px;
    padding-bottom: 20px;
}

#menuback {
    float: left;
    width: 973px;
    background: #E1E1E1;
    height: 62px;
    margin-left: 1px;
}

#menubackhome {
    float: left;
    width: 960px;
    background: #E1E1E1;
    height: 62px;
}

#dnn_siteMenu:hover {
    background-color: transparent;
}

#one,
#two,
#three {
    width: 316px;
    background: #f1f1f1;
}

#messagetop,
#messagemiddle,
#noteworthytop,
#noteworthymiddle,
#registeredvoterstop,
#registeredvotersback,
#commontaskstop,
#commontasksmiddle,
#publicnoticestop,
#publicnoticesmiddle {
    width: 100%;
}

#one {
    float: left;
}

.homeheaders {
    background: #E3E3E3;
}

.homemiddles {
    background: #f1f1f1;
}

.homeheaderword {
    color: #477CB7;
    font-size: 17px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 7px;
}

#messagetop {
    height: 40px;
    float: left;
}

#messagemiddle {
    float: left;
}

#dnn_messagecontentpane {
    margin-left: 20px;
    padding: 15px;
}

#dnn_ContentPane {}

.backpagecontentpane {
    width: 635px;
    position: relative;
    margin-left: 30px;
    margin-top: 10px;
    margin-right: 20px;
    float: left;
}

.editcontentpane {
    width: 930px;
    position: relative;
    margin-left: 30px;
    margin-top: 10px;
    margin-right: 20px;
    float: left;
}

#dnn_parentheader {
    float: left;
    position: relative;
    left: -15px;
}

#Breadcrumb {
    width: 960px;
    background-color: #e4ecf7;
    height: 23px;
}

#dnn_dnnBreadcrumb_lblBreadCrumb {
    margin-left: 10px;
}

a .breadcrumbLink {
    text-decoration: none;
}

#dnn_submenu {
    float: left;
    width: 275px;
    background-image: url(images/wf_submenuback.jpg);
    background-repeat: repeat-y;
    padding-bottom: 10px;
}

.tabListHeader {
    display: none;
}

.tabNameHeader:hover {
    color: white;
}

#pageListing h2 {
    width: 270px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-transform: none;
    font-weight: normal;
}

#pageListing .tabNameHeader h2:hover {
    background-color: #5086c2;
    background-repeat: repeat-y;
    color: #ffffff;
    width: 265px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-transform: none;
    font-weight: normal;
}

#pageListing .tabNameHeader h2 {
    padding-left: 10px;
    margin-bottom: 0px;
}

#pageListing h2 a {
    text-decoration: none;
    width: 270px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-transform: none;
    font-weight: normal;
    display: block;
}

#pageListing h2 a:hover {
    color: white;
    background-color: #5086c2;
    background-repeat: repeat-y;
    color: #ffffff;
    width: 265px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-transform: none;
    font-weight: normal;
}

#pageListing:hover {
    color: white;
}

#pageListing .tabListing {
    margin-bottom: 0px;
    border-bottom: 1px solid lightgrey;
}

#pageListing .tabListing:hover {
    color: white;
}

#two {
    border-right: 6px white solid;
    border-left: 6px white solid;
    float: left;
}

#electionnewstop {
    width: 328px;
    height: 39px;
    float: left;
}

#electionnewsmiddle {
    width: 328px;
    float: left;
}

#dnn_electionnewscontentpane {
    margin-left: 10px;
    padding: 15px;
}

#noteworthytop {
    height: 40px;
    float: left;
}

#noteworthymiddle {
    float: left;
}

#dnn_noteworthycontentpane {
    margin-left: 10px;
    padding: 15px;
}


/*------------------------------------------------*/


/* REGISTRATION TOTALS
    /*------------------------------------------------*/

#registeredvoterstop {
    height: 41px;
    float: left;
}

#registeredvotersback {
    float: left;
    padding-bottom: 20px;
}

#registeredvoters {
    margin-left: 20px;
    margin-right: 10px;
}

.activeregisteredvoters {
    padding-top: 15px;
    padding-bottom: 15px;
}

#registrationTotals {
    color: #5a5656;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
}

.registrationTotalsList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 150%;
}

.registrationTotalsList li {
    display: table;
}

.registrationTotalsList li .totalsField {
    margin-right: 3px;
}

.registrationTotalsList li .totalsValue {}

.totalsField {
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;
}

.totalsValue {
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;
}

.datePrelude {}

.dateValue {}

.totalsField {}

.demField {}

.demValue {
    font-weight: normal;
}

.repField {}

.repValue {
    font-weight: normal;
}

.othField {}

.othValue {
    font-weight: normal;
}

.totField {}

.totValue {
    font-weight: normal;
}

#three {
    float: left;
}

#commontaskstop {
    height: 40px;
    float: left;
}

#commontasksmiddle {
    float: left;
}

#commontaskscontentpane {
    padding: 20px;
}

#commontaskscontentpane a {
    text-decoration: none;
    padding: 10px 0;
}

.qlinks {
    width: 90%;
    margin-left: 5%;
    border-bottom: 2px solid #DFDFDF;
    margin-bottom: 15px;
}

.qicon {}

.qword {
    font-family: Arial, Helvetica, sans-serif;
    color: #C42D1F;
    font-size: 18px;
    height: 50px;
    width: 167px;
    float: right;
    position: relative;
    bottom: 45px;
}

.qlinks:hover .qword {
    color: #024795;
}

#publicnoticestop {
    height: 41px;
    float: left;
}

#publicnoticesmiddle {
    float: left;
}

#dnn_publicnoticescontentpane {
    margin-left: 10px;
    padding: 15px;
}


/*Footer*/

#footer {
    width: 960px;
    height: 245px;
    background: #F7F7F7;
}

#footerback {
    width: 991px;
    margin-left: 1px;
    height: 211px;
    margin-top: -1;
    background-image: url(images/wf_footer.png);
    background-repeat: no-repeat;
}

#dnn_footercontentpane {
    width: inherit;
    width: 960px;
}

#dnn_footercontentpane p,
#dnn_footercontentpane .Normal,
#dnn_footercontentpane td {
    font-family: Arial;
    font-size: 14px;
    color: #727272;
    line-height: 1.5;
    text-align: center;
    margin-left: 10px;
    padding: 10px;
}

.dnnEditState .DnnModule {
    opacity: 1;
}

@media print {
    body {
        background-color: white;
        color: black;
        background-image: none;
    }
    #dnn_ContentPane,
    #contentwrapper,
    #wrapper {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        background: none;
        float: none !important;
        top: 0;
        position: absolute;
    }
    #logo,
    #footer,
    #dnn_siteMenu,
    #header,
    #footerexpand,
    #registeredvotersback,
    #breadcrumb,
    #dnn_submenu,
    #footerback,
    #dnn_parentheader,
    #menuback,
    #header {
        display: none;
    }
    #controls,
    #maintop {
        display: none;
    }
    #backwrap,
    #header,
    #headermiddle,
    #menuback,
    #dnn_submenu,
    #dnn_parentheader,
    #backpagecontentwrapper {
        background-image: none;
    }
    #leftsidebar,
    #rightsidebar,
    #registeredvoters,
    #quicklinks,
    #rotatordiv {
        display: none;
    }
}

.bookclosingmessage {
    display: none !important;
}

.registrationTotalsList {
    display: block !important;
}