/* ### P O L L I N G   P L A C E   L O C A T O R   /   A M   I   R E G I S T E R E D */
    .search-desktop,
    .search-mobile {
        border: 1px solid #777; 
        margin: auto; 
        padding: 10px; 
        background-color: #EAEAEA; 
        position: relative;
        text-align: center;
    }
    
    .search-desktop {
        width: 50%;
        max-width: 300px;
    }


        .search-desktop input[type="text"] {
            min-width: 0 !important;
            max-width: 150px !important;
            width: 90%;
        }

    .search-mobile {
        max-width: 90%;
    }

        .search-mobile input[type="text"] {
            min-width: 0 !important;
            max-width: 150px !important;
            width: 90%;
            padding: 5px;
        }

        .search-mobile select {
            padding: 5px;
        }

        .search-mobile ul {
            display: block;
            width: 50%;
            margin: auto;
        }

        .search-desktop input[type="submit"],
        .search-desktop input[type="button"]
        .search-mobile input[type="submit"],
        .search-mobile input[type="button"] {
            display: inline-block;
            margin: 5px auto;
        }

        .search-mobile input[type="submit"],
        .search-mobile input[type="button"] { 
            width: 90%; 
        }

    /* ### S T A T U S . A S P X */
    .status-desktop,
    .status-mobile {
        border: 1px solid #777; 
        margin: auto; 
        padding: 10px; 
        background-color: #EAEAEA; 
        position: relative;
        text-align: center;
    }

    .status-desktop {
        max-width: 30%; 
    }

    .status-mobile {
        width: 90%; 
    }

        .status-desktop span,
        .status-mobile span {
            display: inline-block;
        }

        .status-desktop input[type="text"],
        .status-mobile input[type="text"] {
            max-width: 40px;
        }

        .status-mobile input[type="text"] {
            padding: 5px;
        }

        .status-desktop input[type="text"],
        .status-desktop input[type="submit"],
        .status-mobile input[type="text"],
        .status-mobile input[type="submit"] {
            display: inline-block;
            width: 33%;
            margin: 5px auto;
        }

        .status-mobile input[type="submit"] {
            width: 90%;
        }
   /*#############################################

        JORDAN WIRTH | 01.21.2016

        This section is for anyone who has to modify this file in the future so that any classes/IDs that are added or modified are 
            structured the same for convenience and consistency.

        -- NOTES:
    
    (According to the conversions found on http://www.w3schools.com/tags/ref_pxtoemconversion.asp)
        Based on 15px as the default font size (which is what I'm currently using):
            08px = 0.53em
            09px = 0.6em
            10px = 0.67em
            11px = 0.73em
            12px = 0.8em
            13px = 0.87em
            14px = 0.93em
            15px = 1em
            16px = 1.07em
            17px = 1.13em
            18px = 1.2em
            19px = 1.267em
            20px = 1.33em

        Frequently used colors:
            
            Header:
		        #721B1B - Dark Red
		        #9E2B25 - Light Red Bottom Border
		        #FFFF00 - Yellow Active Translation Color
		
		    Content Boxes:
		        #EAEAEA - Grey for ContentBox
		        #E5E2E0 - Grey for Steps
		
		    Buttons:
		        #EFEFD5 - Tannish Yellow Background
		        #333333 - Blackish Grey Border & Text Color
		
		        #95E288 - Light Green Background
		        #334C2E - Dark Green Border & Text Color Hovered
		
		        #CCCCCC - Light Grey Disabled
		        #A0A0A0 - Darker Grey Border & Text Color Disabled

            End of Registration Warning:
                #CE3131 - Red for Dates and Times


        If a numerical value is 0 when it comes to elements where you have to specify a size (like font-size, line-height, border, etc.), you do not have to specify the type
            (e.g. px, pt, em). It doesn't hurt to have it, but it's unnecessary.

        For any hex value that has 6 of the exact same character (e.g. #FFFFFF = White) you only need to list that character 3 times, like #FFF.

        For attributes that can have each of the four directions (top, right, middle, left) modified, ASSUMING all of the values were intended to be the same,
            you only have to list it once. E.g. padding: 5px 5px 5px 5px; becomes padding: 5px;

        On the same line of thought, if the two sets of directions (top and bottom, left and right) are identical, you only have to list each value once.
            e.g. padding: 10px 5px 10px 5px becomes padding: 10px 5px;

    ###############################################*/


    /* General Formatting Site-Wide | Standard Tags */
    /* ******************************************** */

        * {
            padding:                    0;
            margin:                     0;
            outline:                    none;
        }

        html, body, th, td, div, p, table, li, blockquote {
            color:                      #212121;
            line-height:                140%;
            font-weight:                normal;
            text-decoration:            none;
            font-family:                Helvetica, Verdana, Arial, sans-serif;
        }

        body {
            padding:                    0;
            margin:                     0;
            background:                 #FFF;
        }

            #Body {
                padding:                    0;
                margin:                     0;
                margin-bottom:              0 !important;
                padding-bottom:             0 !important;
                background:                 #F6F6F6 !important;
            }

            .bodyClassSmall {
                font-size:                  15px;
            }

            .bodyClassMedium {
                font-size:                  17px;
            }

            .bodyClassLarge {
                font-size:                  19px;
            }

        p {
            padding:                    0 0 15px 0;
            margin:                     0;
        }

        td {
            text-align:                 left;
            vertical-align:             top;
        }

        ul {
            padding:                    0;
            margin:                     0 0 10px 15px;
            vertical-align:             top;
        } 
            ul li {
                padding:                0 0 1px 0;
                margin:                 0;
                list-style:             disc;
                background:             none;
                vertical-align:         top;
                font-weight:            normal;
            }

        ol {
            padding:                    0;
            margin:                     5px 0 0 25px;
            vertical-align:             top;
        } 
            ol li {
                padding:                1px 0;
                margin:                 0;
                list-style-type:        decimal !important;
                list-style-image:       none !important;
            }

        img {
            border:                     none;
            outline:                    none;
        }

        br {
            padding:                    0;
            margin:                     0;
            height:                     1px;
        }

        a {
            outline:                    none;
        }

        /* ### Prevents the font tags added by Google Translate from screwing up / overwriting color values. */
        a > font,
        a > font > font,
        a > font,
        a > font > font {
            color: inherit !important;
            text-decoration: none;
        }

        h1, h2, h3, h4, h5, h6 {
            padding:                    0 0 10px 0;
            margin-bottom:              0;
            line-height:                normal;
            color:                      #212121;
            font-variant:               small-caps;
            text-transform:             none;
        }
            h1          { font-size: 1.6em; margin-bottom: 10px; font-weight: bold; text-align: center; }
            h2          { font-size: 1.2em; font-weight: bold; }
            h3          { font-size: 1.2em; }
            h4          { font-size: 1.1em; }
            h5, h6      { font-size: 1em; }


        /* For every input textbox, add a little bit of padding so that the entered text isn't touching the left side */
            input[type="text"] {
                padding-left:           3px;
                font-size:              0.93em;
                border:                 1px #666 solid;
                -moz-transition:        all 0.1s linear !important;
                -webkit-transition:     all 0.1s linear !important;
                -o-transition:          all 0.1s linear !important;
                -ms-transition:         all 0.1s linear !important;
            }
                input[type="text"]:hover {
                    background-color:       #FFFFED;
                }

                 input[type="text"]:focus {
                    background-color:       #FFFFED;
                    border:                 1px #333 solid;
                 }


    /* General Formatting Site-Wide | Created Classes */
    /* ********************************************** */

        #btnSmall:hover, #btnMedium:hover, #btnLarge:hover {
            cursor:                     pointer;
        }
        
        .BackGround					{ padding: 0; margin: 0; position: relative; background: none; }

        .MainTable					{ padding: 0; margin: 0 auto !important; background: none; }

        .TopBar						{ padding: 4px 0; overflow: auto; background: #721B1B; border-top: 1px solid #9E2B25; border-bottom: 2px solid #9E2B25; }

        .TopBrown					{ padding: 0; background: url(../images/TopBrown.png) left top repeat-x #242424 !important; }

        .NavMain					{ padding: 0; background: url(../images/NavBg.png) left top repeat-x #881113; height: inherit; }

        .Contentbg					{ background: url(../images/Contentbg.png) left top repeat-x #FFF; }

        .ContentMain				{ padding: 15px; background: url(../images/ContentTopGradient.png) left top repeat-x #FFF; }

        .ContentPadding				{ padding: 25px 20px; }

        .BottomMain					{ padding: 20px; background: url(../images/BottomBg.png) left top repeat-x #7B7B7F; border-bottom: 1px solid #5A5B5F; }
            .BottomMain *               { color: #FFF !important; font-size: 0.87em !important; }
            .BottomMain * a             { color: #FFF !important; }
            .BottomMain * a:hover       { color: #FFF !important; text-decoration: underline !important; }

        .FooterMain					{ padding: 12px 0; overflow: auto; border-top: 1px solid #949599; background-color: #353535; }
            .FooterMain *               { color: #FFF !important; font-size: 0.87em !important; font-family: 'SourceSansProRegular', Helvetica, Arial, sans-serif !important; }
            .FooterMain * a             { color: #FFF !important; }
            .FooterMain * a:hover       { color: #FFF !important; text-decoration: underline !important; }		
							
        .BottomMain .ContainerTitle, .FooterMain .ContainerTitle, .BottomMain h2, .FooterMain h2 {
            color:                      #FFF !important;
            font-size:                  1.2em !important;
            font-family:                'SourceSansProRegular', Helvetica, Arial, sans-serif !important;
            font-weight:                normal !important;
         } 
					
        .LeftMain 					{ float: left; width: 65%; }
            .LeftMainRight			    { float: left; width: 68%; }

        .RightMain                  { float: right; width: 32%; }
            .RightMainRight             { float: right; width: 27%; }
							
        .Logo {
            padding:                    20px 0 3px 50px;
            margin:                     0;
            vertical-align:             middle;
            min-height:                 115px;
            background:                 url(../images/LogoHeader.png) right top no-repeat;
        }

        .NavPane					{ padding: 0; margin: 0 235px 0 0; background: none; }

        .TopLeftPane {
            padding:                    0;
            margin:                     7px 0 0 1%;
            font-size:                  1.33em !important;
            font-family:                Calibri, sans-serif;
            white-space:                nowrap;
            float:                      left;
            color:                      #FFF;
            font-weight:                bold;
            background:                 none;
            text-align:                 Left;
            letter-spacing:             2px;
        }

            .lblServerIdentifier {
                font-size:                  1.33em !important;
                font-family:                Calibri, sans-serif;
                color:                      #FFF;
                font-weight:                bold;
                letter-spacing:             2px;
            }

        .TopRightPane {
            padding:                    0;
            margin:                     0 2% 0 0;
            font-size:                  0.93em !important;
            white-space:                nowrap;
            float:                      right;
            color:                      #FFF;
            font-weight:                normal;
            background:                 none;
            text-align:                 right;
        }

        .TopCenterPane {
            margin:                     auto !important;
            width:                      100%;
            text-align:                 center;
        }


        div[id="TopRightPane"] a,
        div[id="TopCenterPane"] a {
            color:                      #FFF !important;
            text-decoration:            none;
        }

        div[id="TopRightPane"] a:hover,
        div[id="TopRightPane"] a:focus,
        div[id="TopCenterPane"] a:hover,
        div[id="TopCenterPane"] a:focus {
            color:                      #81c8fd !important;
            text-decoration:            none;
        }

        .top a                      { color: #FFF; }

        .ContentPane				{ padding: 25px 5px; margin: 0; }

        .CopyrightDiv				{ float: left; font-size: 0.93em; margin: 0 0 0 15px; line-height: normal !important; }

        .FooterRightPane			{ float: right; width: 46%; margin: 0 2% 0 0; }

        .Links 						{ font-size: 0.67em !important; color: #A9B65A; text-decoration: none; text-transform: uppercase; }
            A.Links:hover 				                    { color: #A9B65A !important; }
            A.Links:link, A.Links:visited, A.Links:active   { font-size: 0.67em !important; color: #A9B65A; text-transform: uppercase; text-decoration: none; padding: 0 3px; }

        a:link, a:visited, a:active , a * {
            color:                      #166BA1;
            text-decoration:            none;
            -moz-transition:            all 0.1s linear !important;
            -webkit-transition:         all 0.1s linear !important;
            -o-transition:              all 0.1s linear !important;
            -ms-transition:             all 0.1s linear !important;
        }
        a:hover, a:focus {
            color:                      #8A1315;
            text-decoration:            none;
            -moz-transition:            all 0.1s linear !important;
            -webkit-transition:         all 0.1s linear !important;
            -o-transition:              all 0.1s linear !important;
            -ms-transition:             all 0.1s linear !important;
        }
        .abolduline {
            text-decoration: underline !important;
            font-weight: bold;
        }

        .NoPaneBorder	            { border: 0 !important; }
            .NoPaneBorder span.SubHead center   { border: 2px dotted #CCC;}

        #pagetitle                  { margin: auto; text-align: center; }


    /* Font Type */
    /* ********* */
        
        /* For use with that character that just doesn't want to translate properly in the Hindi translation. */
        .fontHindi              { font-family: 'Arial Unicode MS', Arial, Verdana, sans-serif; }


    /* Font / Background Colors */
    /* ************************ */
        .colorWhite             { color: #FFF !important; }
        .colorWhite > font { color: #FFF !important; }
        .colorYellow            { color: #FFFF00 !important; }
        .colorRed               { color: #D80300 !important;}
        .colorGreen             { color: #00FF21 !important; }
        .colorLightGreen        { color: #95E288 !important; }
        .colorMediumGreen       { color: #5C8953 !important; }
        .colorDarkGreen         { color: #334C2E !important; }
        .colorTannishYellow     { color: #EFEFD5 !important; }

        .bgColorWhite           { background-color: #FFF !important; }
        .bgColorLightGrey       { background-color: #F9F4EF !important; }


    /* Alignment */
    /* ********* */
        .textAlignLeft          { text-align: left !important; }
        .textAlignCenter        { text-align: center !important; }
        .textAlignRight         { text-align: right !important; }

        .verticalAlignTop       { vertical-align: top !important; }
        .verticalAlignTextTop   { vertical-align: text-top; }
        .verticalAlignMiddle    { vertical-align: middle !important; }
        .verticalAlignBottom    { vertical-align: bottom !important; }

        .margin                 { margin: 10px !important; }
        .marginLeft             { margin-left: 20px !important; }
        .marginTopBottom        { margin: 10px 0 !important; }
        .marginLeftRight        { margin: 0 10px !important; }
        .marginNoTop            { margin-top: 0 !important; }
        .marginNoBottom         { margin-bottom: 0 !important; }
        .marginNone             { margin: 0 !important; }
        .marginAuto             { margin: auto !important; }
        .marginAutoLeftRight    { margin: auto 10px !important; }

        .margin5                { margin: 5px !important; }
        .marginRight1           { margin-right: 1px !important; }
        .marginLeft9            { margin-left: 9px !important; }
        .marginLeft10           { margin-left: 10px; }
        .marginLeft15           { margin-left: 15px; }
        .marginLeft20           { margin-left: 20px; }
        .marginLeft5percent     { margin-left: 5%; }
        .marginTop5px           { margin-top: 5px; }
        .marginTop5pxBottom10px { margin: 5px 0 10px 0 !important; }
        .marginTopBottomTiny    { margin: 5px auto; }
        .marginLeftRightTiny    { margin: auto 5px; }
        .marginBottom5px        { margin-bottom: 5px; }

        .padding                { padding: 10px !important; }
        .padding3               { padding: 3px !important; }
        .padding7               { padding: 7px !important; }
        .padding15              { padding: 15px !important; }
        .paddingLight           { padding: 5px !important; }
        .paddingTopBottom       { padding: 10px 0 !important; }
        .paddingLeftRight       { padding: 0 10px !important; }
        .paddingLeftRight15     { padding: 0 15px !important; }
        .paddingNone            { padding: 0 !important; }
        .paddingLeft            { padding-left: 10px !important; }
        .paddingLeft3           { padding-left: 3px !important; }
        .paddingLeft5           { padding-left: 5px !important; }
        .paddingLeft7           { padding-left: 7px !important; }
        .paddingLeft30          { padding-left: 30px !important; }
        .paddingLeft35          { padding-left: 35px !important; }
        .paddingLeft40          { padding-left: 40px !important; }
        .paddingLeft50          { padding-left: 50px !important; }
        .paddingLeft60          { padding-left: 60px !important; }
        .paddingRight           { padding-right: 10px !important; }

        .paddingAuto5px         { padding: 0 5px !important; }
        .paddingBottom5px       { padding-bottom: 5px !important; }

        .widthAuto              { width: auto !important; }

        .width100               { width: 100% !important; }
        .width95                { width: 95% !important; }
        .width94                { width: 94% !important; }
        .width90                { width: 90% !important; }
        .width85                { width: 85% !important; }
        .width80                { width: 80% !important; }
        .width75                { width: 75% !important; }
        .width70                { width: 70% !important; }
        .width65                { width: 65% !important; }
        .width60                { width: 60% !important; }
        .width55                { width: 55% !important; }
        .width50                { width: 50% !important; }
        .width48                { width: 48% !important; }
        .width45                { width: 45% !important; }
        .width40                { width: 40% !important; }
        .width35                { width: 35% !important; }
        .width30                { width: 30% !important; }
        .width25                { width: 25% !important; }
        .width20                { width: 20% !important; }
        .width15                { width: 15% !important; }
        .width10                { width: 10% !important; }


        .width600px             { width: 600px !important; }
        .width500px             { width: 500px !important; }
        .width464px             { width: 464px !important; }    /* Used on ErrorDisplay.aspx */
        .width450px             { width: 450px !important; }
        .width430px             { width: 430px !important; }
        .width400px             { width: 400px !important; }
        .width392px             { width: 392px !important; }    /* Used on ErrorDisplay.aspx */
        .width325px             { width: 325px !important; }
        .width320px             { width: 320px !important; }
        .width300px             { width: 300px !important; }
        .width250px             { width: 250px !important; }
        .width215px             { width: 215px !important; }
        .width200px             { width: 200px !important; }
        .width180px             { width: 180px !important; }
        .width159px             { width: 150px !important; }    /* Used on ErrorDisplay.aspx */
        .width150px             { width: 150px !important; }
        .width125px             { width: 125px !important; }
        .width120px             { width: 120px !important; }
        .width100px             { width: 100px !important; }
        .width85px              { width: 85px !important; }
        .width60px              { width: 60px !important; }
        .width55px              { width: 55px !important; }
        .width50px              { width: 50px !important; }
        .width40px              { width: 40px !important; }
        .width25px              { width: 25px !important; }

        .max-width530px         { max-width: 530px !important; }
        .max-width500px         { max-width: 500px !important; }
        .max-width300px         { max-width: 300px !important; }
        .max-width200px         { max-width: 200px !important; }

        .min-width200px         { min-width: 200px !important; }
        .min-width150px         { min-width: 150px !important; }

        .height100              { height: 100% !important; }
        .height90               { height: 90% !important; }
        .height80               { height: 80% !important; }
        .height70               { height: 70% !important; }
        .height60               { height: 60% !important; }
        .height50               { height: 50% !important; }
        .height40               { height: 40% !important; }
        .height30               { height: 30% !important; }
        .height20               { height: 20% !important; }
        .height10               { height: 10% !important; }
        
        .lineHeight22px         { line-height: 22px !important; }
        .lineHeight18px         { line-height: 18px !important; }

        .maxSize                { width: 100% !important; height: 100% !important; }

    /* Formatting */
    /* ********** */

        .textUnderline          { text-decoration: underline; }
        .textBold               { font-weight: bold;}
        .textItalicized         { font-style: italic; }

        .border                 { border: 1px #333333 solid; }
        .borderNone             { border: none !important; }
        .borderTopNone          { border-top: none !important; }
        .borderRightNone        { border-right: none !important; }
        .borderBottomNone       { border-bottom: none !important; }
        .borderLeftNone         { border-left: none !important; }

        .borderLeft             { border-left: 1px #333333 solid !important; }

        .displayInlineBlock     { display: inline-block !important; }


    /* Font Sizes */
    /* ********** */
        .fontSize08				{ font-size: 0.53em !important; }
        .fontSize08Bold         { font-size: 0.53em !important; font-weight: bold; }
        .fontSize08Italics      { font-size: 0.53em !important; font-style: italic; }
		.fontSize09				{ font-size: 0.6em !important; }
        .fontSize09Bold         { font-size: 0.6em !important; font-weight: bold; }
        .fontSize09Italics      { font-size: 0.6em !important; font-style: italic; }
		.fontSize10				{ font-size: 0.67em !important; }
        .fontSize10Bold         { font-size: 0.67em !important; font-weight: bold; }
        .fontSize10Italics      { font-size: 0.67em !important; font-style: italic; }
		.fontSize11				{ font-size: 0.73em !important; }
        .fontSize11Bold         { font-size: 0.73em !important; font-weight: bold; }
        .fontSize11Italics      { font-size: 0.73em !important; font-style: italic; }
        .fontSize12             { font-size: 0.8em !important; }
        .fontSize12Bold         { font-size: 0.8em !important; font-weight: bold; }
        .fontSize12Italics      { font-size: 0.8em !important; font-style: italic; }
        .fontSize13             { font-size: 0.87em !important; }
        .fontSize13Bold         { font-size: 0.87em !important; font-weight: bold; }
        .fontSize13Italics      { font-size: 0.87em !important; font-style: italic; }
        .fontSize14             { font-size: 0.93em !important; }
        .fontSize14Bold         { font-size: 0.93em !important; font-weight: bold; }
        .fontSize14Italics      { font-size: 0.93em !important; font-style: italic; }
        .fontSize15             { font-size: 1em !important; }
        .fontSize15Bold         { font-size: 1em !important; font-weight: bold; }
        .fontSize15Italics      { font-size: 1em !important; font-style: italic; }
        .fontSize16             { font-size: 1.07em !important; }
        .fontSize16Bold         { font-size: 1.07em !important; font-weight: bold; }
        .fontSize16Italics      { font-size: 1.07em !important; font-style: italic; }
        .fontSize17             { font-size: 1.13em !important; }
        .fontSize17Bold         { font-size: 1.13em !important; font-weight: bold; }
        .fontSize17Italics      { font-size: 1.13em !important; font-style: italic; }
        .fontSize18             { font-size: 1.2em !important; }
        .fontSize18Bold         { font-size: 1.2em !important; font-weight: bold; }
        .fontSize18Italics      { font-size: 1.2em !important; font-style: italic; }
        .fontSize19             { font-size: 1.267em !important; }
        .fontSize19Bold         { font-size: 1.267em !important; font-weight: bold; }
        .fontSize19Italics      { font-size: 1.267em !important; font-style: italic; }
        .fontSize20             { font-size: 1.33em !important; }
        .fontSize20Bold         { font-size: 1.33em !important; font-weight: bold; }
        .fontSize20Italics      { font-size: 1.33em !important; font-style: italic; }


    /* Hide Things */
    /* *********** */
        .visible                    { display: block !important; visibility: initial !important; }
        .hidden                     { display: none !important; visibility: hidden !important; }
        .visibilityNone             { visibility: hidden !important; }

    /* Status.aspx | Status Page Styles */
    /* ******************************** */
        .divDLIDContainer {
            width:                  175px;
            display:                inline-block;
        }

        .statusIDEntryContainer {
            margin:                 auto;
            max-width:              400px;
            border:                 1px #333333 solid;
        }

        .statusTableHeaders {
            color:                  #FFF;
            background-color:       #333333;
            padding:                5px;
            font-weight:            bold;
            text-align:             center;
        }

        .statusTableContent {
            padding:                5px;
            width:                  20%;
            vertical-align:         middle;
        }

        .statusTableDescription {
            padding:                5px;
            width:                  80%;
        }

            .statusConfirmed {
                background-color:       #E9FFE5;
            }

            .statusInProgress {
                background-color:       #FFF5D1;
            }

            .statusRejected {
                background-color:       #FFE5E7;
            }

        .tbDLIDBox {
            width:                  120px;
        }

        .divStatusButtons {
            padding:                10px 18px 0 15px;
            text-align:             center;
        }

    /* RegistrationLookupResults.aspx | Registration Lookup Page Styles */
    /* **************************************************************** */
        .divVoterResultsPollingPlaceContainer {
            max-width: 550px;
            margin: auto;
            text-align: center;
        }
    
        .divVoterResultsContainer {
            max-width: 600px;
            position: relative;
            margin: auto;
        }

        #tblVoterResults {
            max-width: 600px;
            margin: auto;
            border: #666 solid;
            border-width: 0 0 0 0;
        }

            #tblVoterResults tbody tr {
                border-left: 1px #666 solid;
            }

            #tblVoterResults tbody tr td {
                max-width: 300px;
                padding: 2px 8px;
                border: #666 solid;
                border-width: 0 1px 1px 0;
            }


    /* Those gray content boxes found on default.aspx, contact.aspx, etc. */
    /* ****************************************************************** */
        .ContentBoxes {
            padding:                    8px 12px;
            background:                 #EAEAEA;
            line-height:                22px;
            border:                     1px #777777 solid;
            -webkit-box-shadow:         8px 8px 12px -4px rgba(0,0,0,0.30);
            -moz-box-shadow:            8px 8px 12px -4px rgba(0,0,0,0.30);
            box-shadow:                 8px 8px 12px -4px rgba(0,0,0,0.30);
        }
            .ContentBoxes ol            { margin-top: 0; }
            .ContentBoxes ol li         { padding-bottom: 5px; }

.ContentBoxesWarningMessage {
    padding: 8px 12px;
    background: #9E2B25;
    line-height: 22px;
    border: 1px #721B1B solid;
    -webkit-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    -moz-box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    box-shadow: 8px 8px 12px -4px rgba(0,0,0,0.30);
    color: #FFF;
}

        .contentContainer {
            position:                   relative;
            padding:                    7px;
            margin:                     auto;
            border:                     1px #777777 solid;
            width:                      80%;
            text-align:                 center;
            background-color:           #E5E2E0;
            overflow:                   auto;
            display:                    block;
            -webkit-box-shadow:         8px 8px 12px -4px rgba(0,0,0,0.30);
            -moz-box-shadow:            8px 8px 12px -4px rgba(0,0,0,0.30);
            box-shadow:                 8px 8px 12px -4px rgba(0,0,0,0.30);
        }


    /* Various Containers */
    /* ****************** */
        .pnlContainer               { margin: auto !important; text-align: center; }

        .centerContainer            { text-align: center; }

        .divNameContainer           { padding: 10px 10px 10px 20px; margin: auto; width: 200px; }

        .divInputContainer          { padding: 20px 10px; margin: auto; border: 1px #3F3F3F solid; background-color: #EDE9E6; }

        .divInlineBlockContainer    { padding: 10px; text-align: left; width: 200px; display: inline-block; }

        .divInlineSummaryContainer  { padding: 4px; margin: 0; text-align: left; vertical-align: top; width: 200px; display: inline-block; }
            .divInlineSummaryContainerBG1   { background-color: #D8D6D4; }
            .divInlineSummaryContainerBG2   { background-color: #F9F4EF; }
            .divInlineSummaryHR             { width: 100%; height: 1px; background-color: #000; }

        #divLeftContainer           { margin-top: 15px; width: 200px; text-align: left; display: inline-block; vertical-align: top; }

        #divRightContainer          { margin-top: 15px; width: 200px; text-align: left; display: inline-block; vertical-align: top; }


    /* Navigation Between Steps */
    /* ************************ */

        /* !!! COMMENT OUT WHEN DONE FIXING NAVIGATION !!! */
        .tblTopNavigation {
            width:                      100%;
            text-align:                 left;
        }

            divTopNavigation {
                width:                      100%;
                text-align:                 left;
            }

        .ddlTopNavigation {
            width:                      140px;
        }

        /* !!! COMMENT OUT WHEN DONE FIXING NAVIGATION !!! */
        .tblLeftNavigation {
            float:                      left;
            width:                      230px;
            margin:                     2px;
            overflow:                   auto;
        }

            .divLeftNavigation {
                float:                      left;
                width:                      240px;
                margin:                     2px;
                overflow:                   auto;
            }

        .divRightContent {
            overflow:                   hidden;
            vertical-align:             middle !important;
        }

        .liTopNavigationActive {
            color:                      #000000;
            margin-left:                2px;
        }

        .liTopNavigationInactive {
            color:                      #A0A0A0;
            margin-left:                2px;
        }

        .topNavSteps {
            width:                      auto;
            text-align:                 left;
            vertical-align:             middle;
            float:                      left;
        }
            .topNavSteps span {
                padding:                    3px;
                font-size:                  0.8em;
                background-color:           #F9F4EF;
            }

        .topNavDDL {
            width:                      140px;
            text-align:                 right;
            vertical-align:             middle;
            float:                      right;
        }

        .navActive {
            padding:                    5px;
            margin:                     1px 0 0 0;
            font-size:                  0.87em;
            color:                      #221E1D;
            border:                     1px #221E1D solid;
            background-color:           #FFF;
            width:                      20%;
            min-width:                  230px;
            text-align:                 left;
            font-weight:                bold;
        }

        .navInactive {
            padding:                    5px;
            margin:                     1px 0 0 0;
            font-size:                  0.87em;
            color:                      #A0A0A0;
            border:                     1px #A0A0A0 solid;
            background-color:           #CCCCCC;
            width:                      20%;
            min-width:                  230px;
            text-align:                 left;
        }

        .navComplete {
            padding:                    5px;
            margin:                     1px 0 0 0;
            font-size:                  0.87em;
            color:                      #333333;
            border:                     1px #333333 solid;
            background-color:           #EFEFD5;
            width:                      20%;
            min-width:                  230px;
            text-align:                 left;
            font-weight:                bold;
            cursor:                     pointer;
            -moz-transition:            all 0.1s linear !important;
            -webkit-transition:         all 0.1s linear !important;
            -o-transition:              all 0.1s linear !important;
            -ms-transition:             all 0.1s linear !important;
        }

            .navComplete:hover, .navComplete:focus {
                color:                      #334C2E;
                border:                     1px #334C2E solid;
                background-color:           #95E288;
            }


    /* PaperlessOnlineVoterAppComplete.aspx Formatting */
    /* *********************************************** */
        .divPOVAComplete {
            margin:                 auto;
            text-align:             center;
        }


    /* Text For Errors On the First 3 Steps */
    /* ************************************ */
        .errorText {
            font-size:              0.93em !important;
            font-weight:            bold !important;
            color:                  #EF3F39 !important;
            width:                  90%;
        }


     /* Text For Errors the Remaining Steps */
     /* *********************************** */
        .errorContainer {
            margin: auto;
            width: 95%;
            max-width: 600px;
        }

        .WarningText {
            padding:                10px 15px 5px 15px;
            margin:                 5px auto 15px auto;
            text-align:             left;
            border:                 1px #EF3F39 solid;
            background-color:       #FFF9F9;
        }
            .WarningText li {
                padding:                5px 0;
                font-size:              0.87em;
                color:                  #141414;
            }


    /* Previous/Next/Finish Button Formatting */
    /* ************************************** */
        .buttonContainer {
            padding:                0;
            margin:                 0;
            text-align:             center;
            width:                  100%;
        }

        .btnPosition {
            padding:                5px;
            margin:                 10px;
            font-size:              0.93em;
            font-weight:            bold;
            text-align:             center;
        }

        .btnFormatting {
            font-size:              1.07em;
            font-weight:            bold;
            color:                  #333333;
            border:                 1px #333333 solid;
            background-color:       #EFEFD5;
            height:                 40px;
            min-width:              100px;
            cursor:                 pointer;
            -moz-transition:        all 0.1s linear !important;
            -webkit-transition:     all 0.1s linear !important;
            -o-transition:          all 0.1s linear !important;
            -ms-transition:         all 0.1s linear !important;
        }
            .btnFormatting:hover, .btnFormatting:focus {
                color:                  #334C2E;
                border:                 1px #334C2E solid;
                background-color:       #95E288;
                -webkit-box-shadow:     6px 6px 13px -6px rgba(0,0,0,0.30);
                -moz-box-shadow:        6px 6px 13px -6px rgba(0,0,0,0.30);
                box-shadow:             6px 6px 13px -6px rgba(0,0,0,0.30);
            }

        .btnFormattingBegin {
            font-size:              1.07em;
            font-weight:            bold;
            color:                  #333333;
            border:                 1px #333333 solid;
            background-color:       #95E288;
            height:                 40px;
            min-width:              100px;
            cursor:                 pointer;
            -moz-transition:        all 0.1s linear !important;
            -webkit-transition:     all 0.1s linear !important;
            -o-transition:          all 0.1s linear !important;
            -ms-transition:         all 0.1s linear !important;
            -webkit-box-shadow:     6px 6px 13px -6px rgba(0,0,0,0.30);
            -moz-box-shadow:        6px 6px 13px -6px rgba(0,0,0,0.30);
            box-shadow:             6px 6px 13px -6px rgba(0,0,0,0.30);
        }
            .btnFormattingBegin:hover, .btnFormattingBegin:focus {
                color:                  #334C2E;
                border:                 1px #334C2E solid;
                background-color:       #AAFF9B;
            }

        .btnFormattingTiny {
            font-weight:            bold;
            color:                  #333333;
            border:                 1px #333333 solid;
            background-color:       #EFEFD5;
            height:                 25px;
            min-width:              60px;
            cursor:                 pointer;
            -moz-transition:        all 0.1s linear !important;
            -webkit-transition:     all 0.1s linear !important;
            -o-transition:          all 0.1s linear !important;
            -ms-transition:         all 0.1s linear !important;
        }
            .btnFormattingTiny:hover, .btnFormattingTiny:focus {
                color:                  #334C2E;
                border:                 1px #334C2E solid;
                background-color:       #95E288;
                -webkit-box-shadow:     6px 6px 13px -6px rgba(0,0,0,0.30);
                -moz-box-shadow:        6px 6px 13px -6px rgba(0,0,0,0.30);
                box-shadow:             6px 6px 13px -6px rgba(0,0,0,0.30);
            }
    
        .btnDisabled {
            margin:                 0;
            padding:                0;
            border:                 0;
            height:                 40px;
            width:                  100px;
            cursor:                 default;
            background:             url('../Images/Finish.gif');
        }


    /* Help.aspx Player !! Only used on English translation !! */
    /* ******************************************************* */
        .povaPublic {
            margin:                 auto;
            text-align:             center;
        } 


    /* Misc IDs/Classes */
    /* **************** */

        /* Site.master Top-Menu Navigation */
            #topMenu {
                margin:                 auto;
                color:                  #FFF;
                display:                inline-block;
                vertical-align:         middle;
            }


        /* End of Registration Warning Message */
            .endOfRegContainer {
                padding:                10px;
                margin:                 auto;
                text-align:             center;
                border:                 1px #666666 solid;
                background-color:       #EAEAEA;
                -webkit-box-shadow:         8px 8px 12px -4px rgba(0,0,0,0.30);
                -moz-box-shadow:            8px 8px 12px -4px rgba(0,0,0,0.30);
                box-shadow:                 8px 8px 12px -4px rgba(0,0,0,0.30);
            }

            .endOfRegTextColor {
                color:                  #CE3131;
                font-weight:            bold;
            }
            		
            .divRegistered {
                font-family:                Verdana;
                max-width:                  500px;
                padding:                    10px;
                margin:                     auto;
                text-align:                 center;
                background:                 #95E288;
                line-height:                22px;
                border:                     1px #334C2E solid;
                -webkit-box-shadow:         8px 8px 12px -4px rgba(0,0,0,0.30);
                -moz-box-shadow:            8px 8px 12px -4px rgba(0,0,0,0.30);
                box-shadow:                 8px 8px 12px -4px rgba(0,0,0,0.30);
            }

           .divNotRegistered {
                font-family:                Verdana;
                max-width:                  500px;
                padding:                    10px;
                margin:                     auto;
                text-align:                 center;
                line-height:                22px;
                border:                     1px #EF3F39 solid;
                background-color:           #FFF9F9;
                -webkit-box-shadow:         8px 8px 12px -4px rgba(0,0,0,0.30);
                -moz-box-shadow:            8px 8px 12px -4px rgba(0,0,0,0.30);
                box-shadow:                 8px 8px 12px -4px rgba(0,0,0,0.30);
            }


        /* Text and ULs on Step12.aspx and OVR/Step13.aspx at the bottom of the page */
            .summaryAffirmation         { text-align: left; }
                .summaryAffirmation li      { padding-bottom: 7px; }


        /* Login Text Formatting */
            .loginTextSmall {
                margin-bottom:          3px;
                color:                  #FFF;
                text-align:             center;
            }

            .loginTextBig {
                color:                  #FFF;
                text-align:             right;
            }

        /* Table of results on the Status.aspx page */
            #MainContent_tblResults tbody tr td {
                vertical-align:         middle;
            }


        .TableCenter                { padding: 0; margin: 0 auto; text-align: center; }


        ::selection                 { background: #003f68; color: #FFF; }
        ::-moz-selection            { background: #003f68; color: #FFF; }


        .NoPadding                  { padding: 0 !important; }


        .ClearFloat 				{ clear: both !important; height: 0 !important; line-height: 0 !important; font-size: 0 !important; }


/* ******************************************************* */
/*           Dynamicly Resizing Classes / Steps            */
/* ******************************************************* */

        /* Site.master */
            .backgroundLogo         { background: url(../images/LogoHeader.png) right top no-repeat; }
            .backgroundNone         { background: none; }

            .paddingRightNone       { padding-right: 0; }
            .paddingRight           { padding-right: 50px !important; }

            .display                { display: normal; }
            .displayNone            { display: none; }

            .widthAll               { width: 100%; }
            .width1196              { width: 1196px; }

            .textAlignDefault       { text-align: initial; }


        /* Help.aspx | Only exists in English POVA */
            .playerGreater1200          { margin: auto; width: 900px; height: 750px; }
            .playerLessThan1200         { margin: auto; width: 800px; height: 650px; }
            .playerLessThan800          { margin: auto; width: 600px; height: 550px; }
            .playerLessThan640          { margin: auto; width: 500px; height: 450px; }
            .playerLessThan480          { margin: auto; width: 400px; height: 350px; }
            .playerLessThan320          { margin: auto; width: 300px; height: 250px; }


        /* Step0.aspx */
            .pnlOVAMessage {
                padding:                10px 10px 0 10px;
                background-color:       #FFF;
                border:                 1px #333333 solid;
            }

            .pnlOVRMessage {
                background-color:       #FFF;
                border:                 1px #333333 solid;
            }

            .btnPreviousDisabled {
                width:                  100px;
                height:                 40px;
                color:                  #A0A0A0;
                font-weight:            bold;
                border:                 1px #A0A0A0 solid;
                font-size:              1.07em;
                background-color:       #CCC;
            }
            .btnNextDisabled {
                width:                  100px;
                height:                 40px;
                color:                  #A0A0A0;
                font-weight:            bold;
                border:                 1px #A0A0A0 solid;
                font-size:              1.07em;
                background-color:       #CCC;
            }


        /* OVA | Step4.aspx */
            .tbILDLIDNumber {
                width:                  40px;
                /*margin-left:            19px;*/
            }

            .tbILDLIDNumber2, .tbILDLIDNumber3 {
                width:                  40px;
                margin-left:            3px;
            }

            .tbIDIssuedDate {
                width:                  85px;
                /*margin-left:            20px;*/
            }


        /* OVA | Step6.aspx */
            .tbSSN {
                padding-left:           3px;
                margin-top:             5px;
                width:                  40px;
            }

            .tbMobilePhone {
                padding-left:           3px;
                margin-top:             5px;
            }