/*
Summit County Board of Elections
CSS Classes.
2009 John Dziurlaj
The first few classes describe the general layout of all pages.
The classes like DEFAULT can be used in most cases a ASP.NET page requires a class
The rest are specific to certain CssControls. I tried to name them logically.
*/
a {
    display: inline;
    color: #284e98;
}
div {
}
img {
    border: 0px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /*padding: 25px;*/;            
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQIW2O8fO/9fwYkwAgT0FUSBLPhAjBFjCAGsjYAyEoSgbKmgQAAAAAASUVORK5CYII=);
}
#wrapper {
    width: 975px;
    margin: 0px auto;
    top: auto; /*padding:10px;		*/;
    border: 1px solid #507cd1;
    background-color: White;
    overflow: auto;
}
#header {
    height: 100px;
    padding: 10px;
}
#header table td {
    padding: 1px 0px 1px 0px;
}
#subheader {
    height: 10px;
    padding: 10px 10px 10px 10px;
    margin: 20px 10px 10px 10px;
}
#content {
    margin-top: 10px;
    padding-bottom: 10px;
}
/* applies to all divs within the content div */
#content div {
    /*padding:10px;*/
        float: left;
}
#content-left {
    width: 150px;
    padding: 10px;
    /*background-color: #284e98;*/
}
#content-main {
    /*margin-left:10px;*/
        width: 800px;
        /*width:700px;*/
}
#content-right {
    /*margin-right:10px;*/
        width: 150px;
}
#content-box1, #content-box2, #content-box3 {
    padding: 10px;
    position: absolute;
    margin-top: 190px;
    height: 120px;
}
#content-box1 {
    margin-left: 212px;
    width: 200px;
}
#content-box2 {
    margin-left: 444px;
    width: 200px;
}
#content-box3 {
    margin-left: 676px;
    width: 202px;
}
#footer {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    width: 878px;
    font-size: smaller;
}
#bottom {
    clear: both;
    text-align: right;
}
#boardLetterhead {
    font-size: 18.0pt;
    font-family: "Script MT Bold", Script;
    color: #792324;
}
#boardColors {
    color: #792324;
}
/* End Master Layout Classes */
/* General Layouts*/
.default {
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    display: inline;
    color: #284e98;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
body {
}
.boe {
    top: 0px;
    margin-top: 0px;
    background-color: white;
}
p {
    margin: 0 10px 10px;
}
a {
    display: inline;
    color: #284e98;
    font-weight: bold;
}
/*
a:hover{
    color: #FBF67E;
    font-weight:bold;
} */
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    color: #792324;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
   color: #792324;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
  color: #792324;
}
h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #792324;
}
td b {
    color: #792324;
}
td b {
    color: #792324;
}
.seal {
    background-color: #FBF67E;
    color: #284e98;
    font-weight: bold;
    text-align: right;
    font-family: "Arial", Courier , Sans-Serif;
    font-size: small;
    padding: 2px 2px 2px 2px;
}
.lower {
    background-color: #284e98;
    height: 10px;
}
/* Modal stuff */
.blueBox {
    background-color: #d3deef;
    width: 100%;
    margin-bottom: 0px;
}
.parentModel {
    background-color: White;
    border-style: double;
    border-width: thick;
    border-color: Gray;
    width: 800px;
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup {
    background-color: #FBF67E;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 775px;
}
.wizardPages {
    margin: 50px 0px 50px 50px;
    border: 1px solid #2F4F4F;
    color: #000000;
    background-color: #FBF67E;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    cursor: pointer;
    position: inherit;
}
.wizardContent {
    background-color: #d3deef;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    border-width: 1px;
    border-color: #2F4F4F;
    width: 50px;
}
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #284e98;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 400px;
    padding: 10px 10px 10px 10px;
}
.accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}
.accordionHeader a:hover {
    background: none;
    text-decoration: underline;
}
.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: #000000;
    background-color: #FBF67E;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 400px;
    padding: 10px 10px 10px 10px;
}
.accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}
.accordionHeaderSelected a:hover {
    background: none;
    text-decoration: underline;
}
.accordionContent {
    background-color: #d3deef;
    margin-top: 5px;
    padding: 10px 10px 10px 10px;
    border-style: dashed;
    border-width: 1px;
    border-color: #2F4F4F;
    width: 400px;
    overflow: auto;
}
.collapsePanel {
    /*overflow: scroll; 
    border: 0px solid #2F4F4F;
    padding: 5px;
    margin-top: 5px;
*/ /*background-color: #d3deef;*/;
    width: 400px;
    padding: 5px;
    padding-top: 10px;
    /*//border-top: none;
    //border-style: dashed;
    //border-width: 1px;
    //border-color: #2F4F4F;
*/
}
.titlePanel {
    border: 1px solid #2F4F4F;
    color: black;
    background-color: #FBF67E;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 400px;
    padding: 10px 10px 10px 10px;
}
/* Section regarding Menus */
.MenuStyle {
    background-color: #d3deef;
    font-family: Arial, Sans-Serif;
    font-size: 1em;
     /*fore#284E98" */
}
.StaticMenuItemStyle {
    padding-left: 5px; /*margin-top:15px;*/;
    padding-top: 15px;
}
.DynamicHoverStyle {
    background-color: #284E98;
  /* White;*/
}
.DynamicMenuStyle {
    background-color: #d3deef;
}
.DynamicSelectedStyle {
    background-color: #507CD1;
}
.DynamicMenuItemStyle {
    padding-left: 5px;
    padding-top: 5px;
    background-color: #d3deef;
}
/* default layout */
.ajax__tab_default .ajax__tab_header {
    white-space: nowrap;
}
.ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}
.ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}
.ajax__tab_default .ajax__tab_tab {
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}
/* xp theme */
.ajax__tab_xp .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;
}
.ajax__tab_xp .ajax__tab_outer {
    padding-right: 4px;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;
    height: 21px;
}
.ajax__tab_xp .ajax__tab_inner {
    padding-left: 3px;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;
}
.ajax__tab_xp .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;
}
.ajax__tab_xp .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}
/* scrolling */
.ajax__scroll_horiz {
    overflow-x: scroll;
}
.ajax__scroll_vert {
    overflow-y: scroll;
}
.ajax__scroll_both {
    overflow: scroll;
}
.ajax__scroll_auto {
    overflow: auto;
}
/* plain theme */
.ajax__tab_plain .ajax__tab_outer {
    text-align: center;
    vertical-align: middle;
    border: 2px solid #999999;
}
.ajax__tab_plain .ajax__tab_inner {
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_body {
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_header {
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
    background: #FFFFE1;
}
/* From TRIAD */
.errlist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: italic;
    color: #FF0000;
}
.cmbsettings {
    font-family: Arial;
    font-size: small;
    color: #000000;
}
.ballotgrid {
    font-family: Arial;
    font-size: small;
    color: #000000;
}
.ballotgridheader {
    font-family: Arial;
    font-size: large;
    font-variant: small-caps;
    color: #000000;
    background-color: #FFFFFF;
}
.PageTitle {
    font-family: Arial;
    font-size: large;
    font-weight: bolder;
    color: #000000;
    font-style: italic;
    text-decoration: underline;
    text-align: left;
}
.PageFooter {
    margin: auto;
    font-family: Arial;
    font-size: x-small;
    text-align: center;
    color: #800000;
    float: left;
    width: 100%;
}
.oddrow {
    margin: 3px;
    border: thin solid #000000;
    padding: 3px;
    font-family: Arial;
    color: #000000;
    background-color: #FFFFFF;
    border-spacing: 2px;
    border-collapse: separate;
    table-layout: auto;
}
.evenrow {
    /*    border-style: solid;
    border-width: thin;
    padding: inherit;
    font-size: medium;
    background-color: #EAEAEA;
    font-family: Arial;
*/
    margin: 3px;
    border: thin solid #000000;
    padding: 3px;
    font-family: Arial;
    color: #000000;
    background-color: #EAEAEA;
    border-spacing: 2px;
    border-collapse: separate;
    table-layout: auto;
}
.table {
    padding: 5px;
    border: thin solid #000000;
    margin-left: auto;
    margin-right: auto;
}
.officialmain {
    width: 100%;
    float: left;
}
.official_name {
    float: left;
    width: 33%;
}
.nodata {
    font-size: medium;
    color: #FF0000;
}
.filedata {
    padding: -20px;
    margin: auto;
    font-family: Arial;
    font-size: small;
    text-align: left;
    color: #800000;
    float: left;
    width: 100%;
    top: -10px;
}