/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
 */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,tme,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}
@font-face {
    font-family: "open_sansregular";
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#source_sans_proregular') format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'tires';
    src: url('fonts/tiresias_infofont-webfont.eot');
    src: url('fonts/tiresias_infofont-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tiresias_infofont-webfont.woff') format('woff'), url('fonts/tiresias_infofont-webfont.ttf') format('truetype'), url('fonts/tiresias_infofont-webfont.svg#tiresias_infofontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.eot');
    src: url('fonts/fontello.eot?#iefix') format('embedded-opentype'), url('fonts/fontello.svg#fontello') format('svg'), url('fonts/fontello.woff') format('woff'), url('fonts/fontello.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "fontellotwo";
    src: url('fonts/fontello2.eot');
    /*src: url("fonts/fontello2.eot?#iefix") format("embedded-opentype"), url("fonts/fontello2.svg") format("svg"), url("fonts/fontello2.woff") format("woff"), url("fonts/fontello2.ttf") format("truetype");*/
    src: url("fonts/fontello2.eot?#iefix") format("embedded-opentype"), url("fonts/fontello2.svg") format("svg"), url("fonts/fontello2.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*--------------------------------------------------------------------------------------------------------
    Sticky Footer
-------------------------------------------------------------------------------------------------------- */

html, body {
    height: 100%;
    margin: 0;
}

#page {
    min-height: 100%;
    margin-bottom: -100px;
}

.footer, .push {
    height: 100px;
}

/*--------------------------------------------------------------------------------------------------------
    Template
-------------------------------------------------------------------------------------------------------- */

body {
    background-color: #ffffff;
}

.header {
    display: flex;
    margin: 0 10%;
    border-bottom: 2px solid #ddd;
    position: relative;
}

.logo {
    width: 100%;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("images/sbelogosmall.png");
}

    .logo a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

.gray-bar {
    position: absolute;
    top: 0;
    right: 0;
}

.content {
    margin: 0 10%;
}

.footer {
    position: relative;
    background-color: #202020;
}

    .footer div {
        padding: 10px;
        text-align: center;
        /*border-top: 1px solid #353535;*/
    }

        .footer div > p {
            color: #FFFFFF;
            font-family: 'tires', sans-serif;
            font-size: 12px !important;
            margin-bottom: 1px !important;
        }

@media (max-width: 994px) {
    .header, .content {
        margin: 0;
    }

    .content {
        padding: 10px;
    }

    .logo {
        background-position: center;
    }
}
/*--------------------------------------------------------------------------------------------------------
    Mobile menu
-------------------------------------------------------------------------------------------------------- */
#hamburger {
    display: none;
    position: absolute;
    top: 0;
    right: 5px;
    background: #000;
    width: 40px;
    height: 40px;
}

    #hamburger div {
        background: #fff;
        height: 5px;
        margin: 6px 0;
    }

#mobile-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 2000;
}

    #mobile-menu ul {
        border: 1px solid #777;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #mobile-menu ul li {
            border-bottom: 2px solid #777;
            padding: 10px;
        }

            #mobile-menu ul li a {
                color: #000;
                font-size: 20px;
            }

.dynamic-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1999;
    cursor: pointer;
}

@media (max-width: 994px) {
    #hamburger {
        display: block;
    }
}

/*--------------------------------------------------------------------------------------------------------
    Confirmation Screen
-------------------------------------------------------------------------------------------------------- */

.pop-up-trigger {
    font-family: 'tires', serif;
    font-size: 150%;
    cursor: pointer;
    margin: 5px 0;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #eee;
    color: #00255a;
}

    .pop-up-trigger:hover, .pop-up-trigger.selected {
        background: #35087e;
        text-shadow: 1px 1px 3px #000;
        color: #fff;
    }

.pop-up-content {
    font-family: 'tires', serif;
    font-size: 120%;
    border-radius: 3px;
    border: 2px solid #ccc;
    display: none;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 2000;
    width: 80%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    overflow-y: auto;
    max-height: 80%;
}

    .pop-up-content h1, .pop-up-content h2, .pop-up-content h3 {
        color: #00255a;
    }

#pop-up-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1999;
    cursor: pointer;
}

.pop-up-close-button {
    font-size: 200%;
    padding: 10px;
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    margin: 0 auto;
}

.confirmation-edit-button {
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
    border-radius: 5px;
    color: #fff !important;
    background: #255a00;
    padding: 10px;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 200px;
    border: 2px solid transparent;
}

    .confirmation-edit-button:hover {
        background: #777;
        box-shadow: inset 0 0 3px #000;
    }

    .confirmation-edit-button:focus {
        border: 2px solid blue;
    }

.isProtected {
    display: flex;
}

.flex-row {
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 5px;
    display: flex;
    margin-bottom: 10px;
}

.gray-box {
    padding: 20px;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 5px;
    margin-bottom: 10px;
}

.flex-column {
    padding: 20px;
    flex: 50%;
}

.success {
    color: #255a00;
}

@media (max-width: 1024px) {
    .flex-row {
        display: block;
    }

    .flex-column {
        padding: 5px;
    }
}

@media (max-width: 480px) {
}

/*--------------------------------------------------------------------------------------------------------
    End Confirmation Screen
-------------------------------------------------------------------------------------------------------- */

/*@font-face {
	font-family: 'alfa';
	src: url('fonts/alfaslabone-regular-webfont.eot');
	src: url('fonts/alfaslabone-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/alfaslabone-regular-webfont.svg#alfa_slab_oneregular') format('svg'),  url('fonts/alfaslabone-regular-webfont.woff') format('woff'),  url('fonts/alfaslabone-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/
/*************************
           Layout
************************* */

a {
    /*color: #0099CC;*/
    color: #00255a;
    border: medium none;
    font-weight: inherit;
    text-decoration: none;
}

    a:hover {
        color: #c11000;
        /*brand red*/
    }

    a:visited {
        color: #751975;
    }

.footer a {
    color: #ccfffc !important;
}

    .footer a:hover {
        color: #ff00dc !important;
    }

    .footer a:visited {
        color: #4ca300 !important;
    }


/*************************
        UI Dialog

    Anchor changes 
    Make it match the rest 
    of the system - START
************************* */
.ui-widget-content a:link {
    color: #0099CC;
    border: medium none;
    font-weight: inherit;
    text-decoration: none;
}

.ui-widget-content a:visited {
    color: #751975;
}
/*************************
        UI Dialog

    Anchor changes 
    Make it match the rest 
    of the system - END
************************* */

.clear {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}



.home-page-background {
    padding: 12px 10px 10px 10px;
    margin: 0px 0px 20px 0px;
    background-color: #FFFFFF;
    padding: 15px 20px 30px;
}

body {
    font-family: 'opensans_regular', sans serif;
    font-size: 13px;
}

html {
    /* background-color: #e6e6e6;*/
    /*#D8D8D8; RV*/
}

/**********************/

.steps {
    display: block;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
}

    .steps span {
        color: #555555;
        font-size: large;
    }

.breadcrumbs {
    color: #555555;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px !important;
    text-align: left;
    margin-top: 5px;
}

.breadcrumb ul {
    border: medium none;
    display: inline;
    margin-left: 0;
    padding-bottom: 0 !important;
}

    .breadcrumb ul li {
        border: medium none;
        display: inline;
        list-style: none outside none;
        margin-left: 0;
        padding-left: 2px;
    }

        .breadcrumb ul li:before {
            content: " » ";
        }

        .breadcrumb ul li.first:before {
            content: " ";
        }

.breadcrumbs a {
    color: #555555;
    text-decoration: underline;
}

    .breadcrumbs a:visited {
        color: #555555;
    }

.footercell,
.sidecontainer,
.halftab,
.quartertab,
.headerlink,
.breadcrumbs,
.links {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 0;
}

.first {
    margin-left: 0;
}

.last {
    margin-right: 0;
}

.center {
    text-align: center;
}

.vabar {
    background-color: #000000;
    width: 100%;
}

.navbar-search {
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    color: #666666;
    height: 40px;
    width: 250px;
    font-family: "open_sansregular", sans-serif;
    font-size: 14px;
    padding-left: 10px;
}

.siteSearchBtn {
    background-color: #202020;
    border: 1px solid #F8F8F8;
    color: #FFFFFF;
    height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
    font-family: "open_sansregular", sans-serif;
    font-size: 14px;
}

    .siteSearchBtn:hover {
        background-color: #0099CC;
    }

.searchbar {
    width: 320px;
    float: right;
    position: relative;
    top: -20px;
    height: 40px;
}

.ajaxMenuOverLay {
    position: absolute;
    opacity: .10;
    background-color: #000000;
    filter: alpha(opacity 10);
    z-index: 0;
}

.page_content ul,
.content ul,
.stats ul {
    list-style: outside;
    line-height: 25px;
    margin-left: 15px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 13px !important;
    line-height: 25px !important;
    list-style-type: disc;
}

.content > .textcontent > ul > li {
    font-family: 'open_sansregular', sans-serif;
    font-size: 13px !important;
    line-height: 25px;
    list-style-type: disc;
}

.content > .textcontent > .page_content > ul > li {
    font-family: 'open_sansregular', sans-serif;
    font-size: 13px !important;
    line-height: 25px !important;
    list-style-type: disc;
}

.page_content {
    width: 700px;
}

.content ul {
    padding-bottom: 15px;
    margin-left: 30px; /*6/3/20 RLV*/
}

.content > .textcontent > ul > li > ul {
    padding-bottom: 0;
}

.textcontent > h3 {
    padding-top: 20px;
}

.page_content > h3 {
    padding-top: 20px;
}

ol {
    list-style-type: decimal
    /*!important */
    ;
    font-family: 'open_sansregular', sans-serif;
    font-size: 13px !important;
    line-height: 25px !important;
    margin-left: 15px !important;
    padding-bottom: 15px !important;
}

    ol li {
        padding-bottom: 5px;
    }

.content > ol > ul {
    padding-bottom: 5px !important;
}

ol h4 {
    color: #000000 !important;
}

ul.formal li {
    margin: 0 0 -3px 30px;
}

.entry-header {
    width: 1080px;
    height: 75px;
    border-bottom: 1px solid #CCC;
}

.app_header {
    margin-bottom: 25px;
    height: auto !important;
}

.entry-title {
    color: #000000;
    width: 450px;
    padding-top: 10px;
}

hr {
    width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
    /*background-color:#B20000;
	height: 5px;*/
    height: 2px;
    background-color: #ddd;
    margin-bottom: 10px !important;
}

.vote-absentee-by-mail hr {
    margin: 20px 0 10px 0;
    width: 100%;
}

.blue {
    background-color: #00255a;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
    position: relative;
}
/*.orange
{
    background-color:#CF6600;
}*/
/*1-14-15*/

.red {
    position: relative;
    top: -20px;
}

a:link.help,
a:visited.help {
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    padding: 2px;
    text-align: center;
    background-color: #00255a;
    margin: 5px 5px 5px 5px;
    display: inline-block;
    width: 20px;
}

a:hover.help {
    color: #fff;
    background-color: #4566ac;
}
/***quicklinks side bar begin***/

.no-js #back-top {
    display: none;
}

#back-top {
    z-index: 100;
}

    #back-top a {
        width: 185px;
        display: block;
        text-align: center;
        font-family: "open_sansregular", sans-serif;
        text-transform: capitalize;
        text-decoration: none;
        color: #1B75BB;
        transition: all .5s ease-in-out 0s;
        z-index: 100;
    }

        #back-top a:hover {
            color: #223E98;
            transition: all .5s ease-in-out 0s;
        }

    #back-top span:before {
        width: 56px;
        height: 56px;
        display: block;
        margin-bottom: 7px;
        position: relative;
        top: 62px;
        z-index: 100;
        content: '\e806';
        color: #1B75BB;
        font-size: 40px;
        font-family: "fontello";
    }

    #back-top:hover span:before {
        color: #223E98;
        transition: all .5s ease-in-out 0s;
    }

.links {
    height: auto;
    margin: 40px 0 0;
    border-radius: 6px;
    z-index: 101;
}

    .links > .textwidget {
        box-shadow: 0 0 2px #CCCCCC;
    }

.textwidget {
    width: 317px;
}

.links ul {
    padding-bottom: 0 !important;
    border: 1px solid #e6e6e6;
    background-color: #FFFFFF;
}

.links ul,
.links li {
    list-style: none;
    margin-left: 0px;
}

    .links ul li {
        border-top: 1px solid #EEEEEE;
        color: #202020;
        padding-bottom: 5px !important;
        /*padding-bottom: 0 !important;*/
        /*width: 315px;*/
        font-family: "open_sansregular", sans-serif;
        font-size: 13px;
    }

        .links ul li a {
            /*width: 272px;*/
            padding: 4px 0 5px 31px;
            display: inline-block;
        }

.no-js .links ul li:before {
    display: none;
}

.links ul li:before {
    content: '\E804';
    font-family: "fontello";
    position: relative;
    font-size: 14px;
    color: #CCCCCC;
    left: 32px;
    top: 0;
    /*margin-left: -21px;
	padding-right: 20px;*/
}

.links ul li:hover:before {
    text-shadow: 0 0 1px #CCCCCC;
    color: #FFFFFF;
    transition: all .15s ease-in-out 0s;
}

.links ul li:hover {
    background: #eeeeee;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%, #e5e5e5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-8 */
    transition: all .15s ease-in-out 0s;
}

.links ul > a:visited {
    color: #751975;
}

.linksheader {
    border: 1px solid #B20000;
    background-color: #B20000;
    width: 315px;
}

.topicsheader {
    width: 315px;
    background-color: #449fe5;
    /* Old browsers */
    border: 1px solid #449fe5;
}

    .linksheader h2,
    .topicsheader h2 {
        color: #FFFFFF;
        font-family: "tires", sans-serif;
        margin-left: 4px;
        padding: 7px;
        font-size: 20px !important;
    }

.linkscontainer {
    height: auto;
    width: 257px;
}
/*quicklinks end */
/*************************
           Font Styles
************************* */

p {
    font-family: 'open_sansregular', sans-serif;
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 15px !important;
    margin-left: 5px;
}

    p.bodytext {
        margin-left: 10px;
    }

    p.checkBoxTitle {
        margin-left: 10px;
        margin-bottom: 0px !important;
    }

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}

h1 {
    color: #333333 !important;
    font-size: 24px !important;
    letter-spacing: 1px !important;
    font-family: "tires", sans-serif;
}

h2 {
    color: #00255a;
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: .75px !important;
    padding: 10px 0 0 0;
    font-family: 'tires', sans-serif;
}

    h2.home-page {
        color: #00b;
        font-size: 26px !important;
        letter-spacing: 1px !important;
        padding: 5px 0;
        font-family: 'tires', sans-serif;
    }

    h2 a {
        float: right;
        font-size: 75%
    }

    h2.dialog-title {
        text-transform: none;
    }

h3 {
    color: #333333;
    font-size: 16px !important;
    margin: 20px 0 5px 0;
    font-weight: bold;
    font-family: "open_sansregular", sans-serif;
    padding-bottom: 8px !important;
}

    h3.spacebelow {
        padding: 0 0 0 5px;
        margin-bottom: 0;
        font-size: 15px !important;
    }


/*h2:after {
    background: none repeat scroll 0 0 #00255a;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    width: 300px;
}
*/
h4 {
    color: #444444;
    font-family: "open_sansregular", sans-serif;
    font-size: 15px !important;
    margin-bottom: 2px !important;
    padding: 10px !important;
    font-weight: bold;
}

.footercell h4 {
    color: #FFFFFF !important;
    width: 175px;
    font-weight: normal !important;
}

    .footercell h4:after {
        width: 50px !important;
        background: none repeat scroll 0 0 #0099CC !important;
    }

h4:after {
    /* background: none repeat scroll 0 0 #CF6600;*/
    /*1-14-15*/
    background: none repeat scroll 0 0 #DDD;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 2px;
    width: 150px;
}

/*h5 {
    color: #FFFFFF;
    font-family: 'tires', sans-serif;
    font-size: 10px !important;
    padding: 5px !important;
}
*/
.legend
/*h1 modifier*/ {
    font-family: 'tires', serif;
    /*padding: 20px 0 20px 0;*/
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
    /*color: #00255a;*/
    font-size: 24px;
}

.fwab {
    margin: 15px 0 0 15px;
}


.last_res_label {
    margin-left: 30px;
}

    .last_res_label p {
        margin-left: 0px;
    }

.socialmedia {
    list-style-type: none;
}

    .socialmedia li {
        background-image: url("Images/socialsprite.png");
        background-repeat: no-repeat;
        display: inline-block;
        margin: 10px 5px 5px 10px;
        width: 45px;
        height: 45px;
    }

        .socialmedia li a {
            display: block;
            height: 100%;
            width: 100%;
            text-indent: -9999px;
            overflow: hidden;
            display: block;
        }

.facebook {
    background-position: 1px 3px;
    transition: all .3s ease-in-out;
}

    .facebook:hover {
        background-position: 1px -42px;
    }

.twitter {
    background-position: -44px 3px;
    transition: all .3s ease-in-out;
}

    .twitter:hover {
        background-position: -44px -42px;
    }

.youtube {
    background-position: -87px 3px;
    transition: all .3s ease-in-out;
}

    .youtube:hover {
        background-position: -87px -42px;
    }

.google {
    background-position: -132px 3px;
    transition: all .3s ease-in-out;
}

    .google:hover {
        background-position: -132px -42px;
    }

.email {
    background-position: -176px 3px;
    transition: all .3s ease-in-out;
}

    .email:hover {
        background-position: -176px -42px;
    }

.website {
    background-position: -222px 0;
    transition: all .3s ease-in-out;
}

    .website:hover {
        background-position: -222px -43px;
    }

.omegalogo {
    padding-top: 19px;
}

.footercell li a {
    color: #FFFFFF;
}

    .footercell li a:hover {
        color: #0099CC;
    }

.footercell a {
    color: #FFFFFF;
}

    .footercell a:hover {
        color: #0099CC;
    }

.footer a:visited {
    color: #FFFFFF;
}

.footerfeature_container {
    top: 0;
    padding-bottom: 20px;
}

.footerfeature_cell {
    display: table-cell;
}

.footerfeature_info {
    padding: 10px 30px;
    width: 300px;
    height: 100px;
}

    .footerfeature_info p {
        line-height: 18px !important;
    }

        .footerfeature_info p strong {
            font-size: 15px !important;
        }

    .footerfeature_info a {
        color: #FFFFFF !important;
    }

        .footerfeature_info a:hover {
            color: #202020 !important;
        }

.footerone {
    background-color: #42b3eb;
}

.footertwo {
    background-color: #0384ce;
}

.footerthree {
    background-color: #3156a3;
}

.featurecell h3,
.footerfeature_cell h3 {
    color: #FFFFFF;
    font-weight: normal !important;
    font-size: 20px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
}

    .featurecell h3:after,
    .footerfeature_cell h3:after {
        display: none;
    }
/*************************
          Voter Info
************************* */

.frontpagebuttons {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.frontpagebuttons_container {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
}

.infobutton {
    width: 285px;
    height: 85px;
    display: inline-block;
    padding: 3px 0;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.middle {
    margin-left: 105px;
    margin-right: 105px;
}

.infobutton:hover {
    background-color: #EFEFEF;
    transition: all .3s ease-in-out 0s;
}

.infobutton_image {
    height: 75px;
    width: 100px;
    background-image: url("Assets/Images/electiondaysprite2.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    display: inline-block;
}

.infobutton_info {
    width: 173px;
    padding: 5px 0;
    display: inline-block;
    position: relative;
    top: -7px;
    color: #222222 !important;
}

    .infobutton_info h3 {
        margin-bottom: 2px;
    }

    .infobutton_info p {
        line-height: 18px !important;
    }

    .infobutton_info h3:after {
        margin-top: 2px !important;
        width: 100px;
    }

.registration {
    background-position: -18px -61px;
}

.ballot {
    background-position: -18px -1188px;
}

.location {
    background-position: -18px -552px;
}

.faq {
    background-position: -18px -552px;
}

.absentee {
    background-position: -18px -734px;
}

.results {
    background-position: -18px -734px;
}

    .results > table {
        width: 100%;
    }

.id {
    background-position: -18px -899px;
}

.local {
    background-position: -14px -1044px;
}

#menu-mobile {
    display: none;
}

/*************************
          Address Info
************************* */
#ruralStreetAddress {
    display: none;
}

#standardStreetAddress {
}

.currentpage > .pagenumber {
    background-color: #1456ff;
    color: #FFFFFF;
}

.currentpage > .pagedescription {
    color: #0000FF;
}

.pagenumber {
    color: #FFFFFF;
    font-size: 16px;
    background-color: #DDDDDD;
    border-radius: 50px;
    background: hsla(34,85%,35%,1);
    text-align: center;
    width: 120px;
    display: block;
    padding: 7px 0;
    border: 2px solid #F7F7F7;
    width: 135px;
}

.pagedescription {
    font-size: 15px;
    color: #555555;
    display: block;
    text-align: center;
    padding-bottom: 5px;
    padding-left: 20px;
}

.beentheredonethat > .pagenumber {
    background-color: #0080bc;
    color: #FFFFFF;
}

.beentheredonethat > .pagedescription {
    color: #0080bc;
}

.hoverdescription {
    opacity: 0;
    color: #4ca300;
    /*#7CBA3D;*/
    font-size: 15px;
    float: left;
    padding-top: 10px;
    width: 500px;
    display: none;
}

.assistantdescription {
    position: relative;
    right: 350px;
}

.contactdescription {
    position: relative;
    right: 350px;
}

.confirmationdescription {
    position: relative;
    right: 350px;
}
/*Banner */

#commonBanner {
    background-color: #000000;
    font-family: Verdana, sans-serif;
    height: 40px;
    color: #FFFFFF;
    font-size: 12px;
}

    #commonBanner .virginiaLogo {
        border: none;
        float: left;
        display: block;
        width: 151px;
        height: 40px;
        text-decoration: none;
        background: url('Images/Virginia_dot_Gov_logo.png') center no-repeat;
    }

    #commonBanner .alignLeft {
        float: left;
        margin-left: 20px;
        padding-top: 11px;
    }

    #commonBanner a:hover {
        color: #CCCCCC;
    }

    #commonBanner a {
        text-decoration: none;
        font-weight: bold;
        color: #FFFFFF;
    }

    #commonBanner #virginiaSearch {
        float: right;
        padding-top: 11px;
        padding-right: 10px;
    }

    #commonBanner .screenReaderOnly {
        position: absolute;
        left: -999em;
        width: 1em;
        overflow: hidden;
    }

.menubutton {
    display: none;
}
    /* Joe - added Menu button look here. */

    .menubutton:before {
        font-family: "fontellotwo";
        content: '\E804';
        color: #FFFFFF;
        font-size: 21px;
        text-shadow: 1px 1px 1px #555555;
    }

.hidden-alt-text {
    visibility: hidden;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.menubutton .screenReaderOnly {
    display: none;
}
/*1-13-15*/

a.home-btn {
    background-color: #000;
    padding: 5px 55px 5px 55px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    margin: 2px auto;
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
    color: #ffffff;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    /*line-height:21px; */
    cursor: pointer;
    /*margin:-7px 8px 0 0;*/
    display: inline-block;
    /*padding: 8px 20px 9px;*/
    text-align: center;
    vertical-align: middle;
}

a:visited.home-btn {
    color: #FFF;
}
/* Confirmation Page */
/*  this section is display versions of form elements.  
 *  by defining this seperately, I can cut down the size of the HTML bloat
 */

.answerRow {
}
    /* this is just a mimic of the headerlabel label class above*/

    .answerRow span.question {
        font-family: "open_sansregular", Sans-Serif;
        font-size: 13px;
        margin: 0 0 0 5px;
        font-weight: bold;
        letter-spacing: -.02em;
        display: block;
    }
    /* this is just a mimic of the standard label above*/

    .answerRow span.answer {
        color: #333;
        font-size: 14px;
        letter-spacing: .03em;
        font-weight: normal;
        /* since we want bold numbers, I need to remove the bold from the answer */
    }

li.answerRow span.answer {
    /* padding for li tags*/
    padding: 0 0 0 6px;
}

p.answerRow span.answer {
    /* additional padding in P tags*/
    padding: 0 0 0 25px;
}
/* this will inset sub answers */

p.subAnswerRow {
    padding-left: 20px;
}

.ol-numbers {
    font-weight: bold;
    padding: 0 5px 0 0;
    font-size: 12px;
}
/*
    created a style for lists for adding numbers to the content
*/

ol.answerList {
    list-style: decimal;
    font-weight: bold;
}

    ol.answerList ol {
        list-style: lower-alpha;
    }

h2 a
/* copy and move to H block section when done tweaking*/ {
    float: right;
    font-size: 75%;
    padding: 5px;
    color: #00255a;
    /*background-color:  #00255a;*/
    border: 2px solid #00255a;
    width: 150px;
    text-align: center;
    margin-right: 20%;
    /*need to  correct overflow in mobile size screen with this scaling margin in place*/
}

    h2 a:visited {
        color: #00255a;
    }

    h2 a:hover {
        border: 2px solid #00255a;
        background-color: #e9ffec;
        color: #00255a;
        /*brand blue*/
    }

#ConsentMessage {
    margin: 0 0 0 8px;
}

.shortened {
    width: 59%
}

.wantovote a {
    display: block;
    background-color: #00255a;
    color: #FFF;
    width: 600px;
    height: 25px;
    padding: 5px;
    margin: 2px auto;
    text-align: center;
}

    .wantovote a:link,
    .wantovote a:visited {
        color: #FFF;
    }

    .wantovote a:hover {
        color: #00255a;
        background-color: #e9ffec;
    }
/* search page specific stuff feel free to hack apart ;-) */


fieldset#Register h2:after,
fieldset#SearchPage h2:after {
    width: auto;
}

fieldset#Register h2,
fieldset#SearchPage h2 {
    margin-bottom: 15px;
}

fieldset#Register {
    float: left;
    width: 225px;
    text-align: left;
}

#SearchPage,
#NavigationPage {
    max-width: 440px;
}

    #SearchPage div.submitButton {
        margin-top: 0px;
        width: 80%;
    }

#SideLinks {
    display: block;
    position: absolute;
    right: 20px;
    top: 200px;
}

    #SideLinks h2 {
        background-color: #B20000;
        color: #ffffff;
        padding: 10px;
    }
        /*zero out the standard H2 style*/

        #SideLinks h2:after {
            background: none repeat scroll 0 0 transparent;
            bottom: 0;
            content: "";
            display: block;
            height: 0px;
        }

    #SideLinks li {
        list-style: none;
        height: 2em;
    }

        #SideLinks li:before {
            content: '\E804';
            font-family: "fontello";
            position: relative;
            font-size: 14px;
            color: #CCCCCC;
            left: 32px;
            top: 0;
            /*margin-left: -36px;*/
            padding-right: 8px;
        }

.resultsWrapper {
    padding: 10px 10px 10px 0px;
    /*-webkit-columns: 2 400px;
            -moz-columns: 2 400px;
            columns: 2 400px;*/
}

    .resultsWrapper h5 {
        color: #444444;
        font-family: "open_sansregular", sans-serif;
        font-size: 13px !important;
        margin-bottom: 2px !important;
        padding: 10px !important;
        font-weight: bold;
        float: left;
        clear: both;
    }

        .resultsWrapper h5:after {
            content: ": ";
        }

    .resultsWrapper p {
        padding: 10px 0px 0px 150px !important;
        min-height: 25px;
        border-bottom: 2px solid #ddd;
        max-width: 600px;
        display: block !important;
    }

.results table {
    width: 100%;
    max-width: 760px;
    /*the p tag has an additional 160px of padding */
}

    .results table th.contest,
    .resultsWrapper table td.contest {
        width: 50%;
    }

    .results table tbody, .results table thead, .results table th, .results table td {
        font-size: 14px !important;
        font-family: "open_sansregular", arial, helvetica, sans-serif !important;
    }
/*11/3/15 RLV table fix*/



/*.resultsWrapper p:after {
	        background: none repeat scroll 0 0 #DDD;
	        bottom: 0;
	        content: "";
	        display: block;
	        height: 2px;
	        margin-top: 2px;
	        width: 400px;
	        margin-left:-150px;
        }*/

#RegistrationActionForms {
    clear: both;
    /*border: 1px solid #ddd;*/
    overflow: auto;
    padding: 10px 10px 10px 0px;
    /* -webkit-columns: 2 400px;
            -moz-columns: 2 400px;
            columns: 2 400px;*/
}

.actionWrapper {
    width: 320px;
    float: left;
}

    .actionWrapper p {
        min-height: 75px;
    }

.registrationcolumn {
    padding: 10px 10px 10px 10px;
}

.absenteecolumn {
    padding: 10px 10px 10px 0px;
}

.navigationLink {
    font-size: 18px;
    text-align: left;
    margin-top: 10px;
    float: left;
}

.submitButton .navigationLink {
    color: #ffffff;
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
    padding: 4px 20px 12px;
    border-radius: 3.1px;
    /*3.1 for rendering in IE*/
    cursor: pointer;
    margin: 0;
    background-color: #326B00;
}

/**************/
/* Dialog CSS */
/**************/
.modal {
    display: none;
}

.modal-dialog {
}

.modal-content {
}

    .modal-content ul {
        padding-left: 16px;
        list-style: outside;
    }

    .modal-content h2 {
        padding-top: 32px;
        padding-bottom: 16px;
    }

        .modal-content h2:after {
            /*Get rid of the h2 background (underline) for dialogs*/
            background: none;
        }

.noclose .ui-dialog-titlebar-close {
    display: none
}

/*  Mobile CSS   */
@media (min-width: 0px) and (max-width: 1210px) {
    .logo {
    }

    #SideLinks {
        display: none;
    }

    .menubutton:hover > .menu-mobile-container {
        display: block !important;
    }

    #menu-mobile {
        display: block;
        height: auto;
        /*position:relative;*/
        top: 1px;
        z-index: 9999;
        margin: 0 auto;
        padding-bottom: 0px;
        text-align: center;
    }

    .menu-mobile-container {
        display: none;
        margin-left: auto;
        margin-right: auto;
    }

    #menu-mobile li {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
    }

        #menu-mobile li a {
            border-bottom: 1px solid #cccccc;
            margin-left: auto;
            margin-right: auto;
            padding: 12px 4px;
            text-align: center;
            width: 95%;
        }

    .menubutton:before {
        color: #ffffff;
        /*content: "";*/
        content: '\E804';
        font-family: "fontellotwo";
        font-size: 21px;
        text-shadow: 1px 1px 1px #555555;
    }

    .menubutton {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4566ac 0%, #3156a3 99%) repeat scroll 0 0;
        border: 1px solid #4566ac;
        border-radius: 3px;
        display: block;
        margin: 1px auto;
        max-height: 22px;
        padding: 3px 0;
        text-align: center;
        width: 481px; /*RLV 10-14-15*/
    }

        .menubutton > a {
            color: #ffffff;
            font-family: "tires", sans-serif;
            font-size: 16px;
            padding: 0px 0px 5px 0px;
            /*RLV 10-8-15*/
            text-shadow: 1px 1px 1px #555555;
            vertical-align: top;
        }

            .menubutton > a:visited {
                color: #ffffff;
            }

    .menu-header {
        float: right;
        min-height: 40px;
        width: 775px;
    }

    a.mobile-btn {
        width: 100%;
        /*margin: 2px auto;*/
        border: 1.5px solid #333;
        padding: 5px 55px 5px 55px;
        background-color: #ddd;
        color: #333;
        text-align: center;
        font-weight: bold;
        /*float: left;*/
    }

    ul.menu {
        height: 40px;
        max-width: 100%;
        padding-top: 20px;
        position: relative;
    }

        ul.menu > li {
            float: left;
            list-style-type: none;
            text-align: center;
        }

    .no-js ul.menu > li.menu-item > ul {
        display: none;
    }

    ul.menu > li.menu-item > ul {
        position: absolute;
        z-index: 2;
    }

    ul.menu > li.menu-item > a:hover {
        background-color: #ffffff;
    }

    ul.menu > li a {
        color: #333;
        display: block;
        float: left;
        font-family: "open_sansregular", sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding: 12px 9px;
    }

    .item-0,
    .item-1,
    .item-2,
    .item-4,
    .item-6,
    .item-7,
    .item-8 {
        background: #ffffff none repeat scroll 0 0;
        border-radius: 5px;
        box-shadow: 0 1px 2px #aaaaaa;
        float: right;
        left: -900em;
        margin: 4px auto;
        opacity: 0;
        padding: 10px;
        text-align: left;
    }

    .item-8 {
        width: 255px;
    }

    .item-7 {
        width: 255px;
    }

    .item-6 {
        width: 255px;
    }

    .item-4 {
        width: 255px;
    }

    .item-2 {
        width: 255px;
    }

    .item-1 {
        width: 255px;
    }

    .item-0 {
        width: 255px;
    }

    ul.menu li:hover .item-0,
    ul.menu li:hover .item-1,
    ul.menu li:hover .item-2,
    ul.menu li:hover .item-4,
    ul.menu li:hover .item-6,
    ul.menu li:hover .item-7,
    ul.menu li:hover .item-8 {
        opacity: 0.99;
        transition-duration: 0.7s;
        transition-property: opacity;
    }

    ul.menu li:hover .item-8 {
        left: 500px;
        top: 55px;
    }

    ul.menu li:hover .item-7 {
        left: 485px;
        top: 55px;
    }

    ul.menu li:hover .item-6 {
        left: 400px;
        top: 55px;
    }

    ul.menu li:hover .item-4 {
        left: 300px;
        top: 55px;
    }

    ul.menu li:hover .item-2 {
        left: 200px;
        top: 55px;
    }

    ul.menu li:hover .item-1 {
        left: 66px;
        top: 55px;
    }

    ul.menu li:hover .item-0 {
        left: -31px;
        top: 55px;
    }

    ul.menu > li > ul > li a {
        border-bottom: 3px solid #cccccc;
        border-top: 3px solid #ffffff;
        color: #202020;
        font-family: "open_sansregular", sans-serif;
        font-size: 12px;
        height: 35px;
        margin: 5px;
        padding: 4px;
        text-align: center;
        text-transform: none;
        width: 108px;
    }

        ul.menu > li > ul > li a:hover {
            border-bottom: 3px solid #b20000 !important;
            border-top: 3px solid #00255a !important;
            transition: all 0.4s ease-in-out 0s;
        }

    ul.menu > li > ul > li > ul {
        display: none;
    }

    #menu-test li.current-menu-item a {
        background-color: #00255a;
        color: #ffffff;
    }

    #menu-test li.current-menu-item > ul > li {
        color: #444444 !important;
    }

    ul.menu li > ul > li > a {
        background-color: #ffffff !important;
        color: #444444 !important;
    }

    #menu-test li.current-menu-ancestor a {
        background-color: #00255a;
        color: #ffffff;
    }

    #menu-test > li > a:hover {
        background-color: #ffffff;
        color: #444444;
    }

    #menu-test > li:hover {
        background-color: #ffffff;
        border: 1px solid #dddddd;
        color: #000000 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }

    #menu-test > li {
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
    }

    #menu-test li.current-menu-ancestor ul li a:hover {
        border-bottom: 3px solid #b20000 !important;
        border-top: 3px solid #00255a !important;
        transition: all 0.4s ease-in-out 0s;
    }

    #menu-test li.current-menu-ancestor ul li a {
        color: #444444 !important;
    }

    .singleline {
        line-height: 35px;
    }

    ul.menu {
        padding-top: 0;
    }

    .menu-header {
        display: none;
    }

    .gray-bar {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 780px) {
    /*.menubutton {
	 
	border-radius: 3px;
	display: block;
	width: 300px;
	margin: 1px auto;
	text-align: center;
	max-height: 22px;
	padding: 3px 0;
}*/

    h2 {
        padding: 10px 0 10px 0;
        width: 98%;
        margin: 2px auto;
    }

        h2 a
        /*need to  correct overflow in mobile size screen */ {
            width: 100%;
            margin: 2px auto;
            padding: 10px 0 10px 0;
            border: 1.5px solid #333;
            background-color: #FFF;
            color: #333;
        }

            h2 a:visited {
                color: #333;
            }

            h2 a:hover {
                border: 1.5px solid #00255a;
            }

        h2:after {
            background: initial;
            bottom: 0;
            content: "";
            display: block;
            height: 0px;
            width: 1px;
        }
    /* Search page specific stuff */
    fieldset#Register h2,
    fieldset#SearchPage h2 {
        margin-bottom: 15px;
        text-align: center;
    }

    fieldset#Register {
        float: initial;
        /*width: 200px;*/
        width: 90%; /* possible solution to IE failure in responsive design mode*/
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: 10px;
    }

    #SearchPage {
        margin-top: -25px;
        margin-left: auto;
        margin-right: auto;
        max-width: 440px;
    }

        #SearchPage div.submitButton {
            margin: 1px auto !important; /*RLV 101015*/
            width: 90%; /*RLV 101015*/
        }
}

@media (min-width: 0px) and (max-width: 995px) {
    table {
        width: 98%;
        margin: 0 auto !important;
    }

    .shortened {
        width: 90%
    }

    .feature {
        min-height: 310px !important;
    }

    .featurecell,
    .footerfeature_cell {
        display: block;
        height: 100px;
    }

    .featurecell_info,
    .footerfeature_info {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0 0 0;
    }

    .featurecell_container {
        bottom: 10px;
    }

    hr {
        width: 80%;
    }

    .indexinfo {
        display: none;
    }

    .featurecell_center {
        max-width: 100%;
    }

    .omegalogo {
        display: none !important;
    }

    .infobutton {
        text-align: center;
        width: 98%;
        display: block;
        margin: 2px auto;
        padding: 0;
        height: auto;
    }

    .footercontainer {
        height: auto;
    }

    .frontpagebuttons {
        text-align: center;
    }

    .infobutton_info {
        width: 60%;
    }

        .infobutton_info h3:after {
            margin-left: auto;
            margin-right: auto;
        }

    .footercell {
        width: 100%;
        /*-1-9-15-rv*/
        padding: 0;
        text-align: center;
        display: inline-block;
    }

        .footercell h4 {
            padding: 0 !important;
            width: 100%;
            margin: 10px 0px 0px 0px;
            color: #FFC !important;
            font-weight: bold !important;
        }

    .thirdcell {
        width: 95%;
    }

    .footercell h4:after {
        margin-left: 0;
        margin-right: 0;
        width: 50px !important;
        background: none repeat scroll 0 0 #222 !important;
    }

    .thirdcell h4 {
        width: 95%;
    }

    .sidebar {
        display: none;
    }

    .searchbar {
        display: none;
    }

    .page_content {
        width: 98%;
    }

    .entry-title {
        width: 98%;
    }

    .youtubeleft,
    .youtube,
    .youtuberight {
        display: none;
    }

    #commonBanner > .alignLeft {
        display: none;
    }

    #commonBanner > #virginiaSearch {
        display: none;
    }

    #commonBanner .virginiaLogo {
        margin-left: auto;
        margin-right: auto;
        width: 98%;
    }

    .feature {
        background-color: #FFFFFF;
        min-height: 365px;
    }

    .whc {
        display: none;
    }

    .mobilesearch {
        display: inline-block !important;
        width: 100%;
        float: none;
        text-align: center;
    }

    .navbar-search {
        max-width: 76%;
        min-width: 76%;
        border: 2px solid #CCCCCC;
    }

    #ConsentMessage {
        width: 80%;
    }


    a.mobile-btn {
        width: 100%;
        /*margin: 2px auto;*/
        border: 1.5px solid #333;
        padding: 5px 55px 5px 55px;
        background-color: #ddd;
        color: #333;
        text-align: center;
        font-weight: bold;
        /*float: left;*/
    }

    a:visited.home-btn {
        color: #333;
    }

    a.home-btn {
        display: none;
    }

    .wantovote a {
        display: block;
        background-color: #00255a;
        color: #FFF;
        width: 250px;
        height: 55px;
        padding: 5px;
        margin: 2px auto;
        text-align: center;
        font-size: 13px;
    }
    /*RLV 101015*/
    #SearchPage div.submitButton {
        /*margin-top: -180px;*/
        width: 80%;
    }
}

@media only screen and (min-width: 1800px) {

    .header {
        margin: 0 20%;
        border-bottom: 2px solid #ddd;
        position: relative;
    }

    .content {
        margin: 0 20%;
    }
}

@media only screen and (min-width: 2100px) {

    .header {
        margin: 0 30%;
        border-bottom: 2px solid #ddd;
        position: relative;
    }

    .content {
        margin: 0 30%;
    }

    #reg-controls {
        white-space: nowrap;
    }
}

.p-5 {
    padding: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px
}

.list-style-type-none {
    list-style-type: none !important;
}

/* CSS for RegistrationDisplay*/
#reg-controls {
}

    #reg-controls .col {
        display: inline-block;
    }

        #reg-controls .col:first-of-type {
            float: left;
            padding: 0 0 0 0;
        }

    #reg-controls .back-to-search {
        margin: 25px 0px 0px 20px;
        width: 90%;
    }

.data-row {
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
}

    .data-row p {
        display: inline-block;
        margin: 0 0 0 10px;
        padding: 0;
    }

        .data-row p:first-of-type {
            width: 30%;
        }

/* Css for _HasPermanentAbsenteeBallotModel*/
.permanent-absentee-list {
    margin: 10px 0 0 40px;
}

.permanent-absentee-list-header {
    font-size: 16px;
    line-height: 24px;
    color: #00255a;
    font-family: 'tires', Sans-Serif;
}

.permanent-absentee-list-text {
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    max-width: 460px;
    /*fine-height: 17px;*/
}

    .permanent-absentee-list-text a, .permanent-absentee-list-text a:hover, .permanent-absentee-list-text a:active {
        color: #000 !important;
    }

.permanent {
    font-size: 10px;
    font-family: 'open_sansregular', sans-serif;
    font-weight: 800;
    color: #00255a;
    margin-left: 44px;
}

/*--------------------------------------------------------------------------------------------------------
    Language Selection
-------------------------------------------------------------------------------------------------------- */
#language-container {
    display: none;
}

#current-language div {
    text-align: right;
    font-family: 'Montserrat', 'Lato', Arial, Verdana, sans-serif;
    font-size: .9rem;
}

#current-language span#current {
    color: #666;
}

#current-language #change-lang-nav a {
    color: darkred;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: .7rem;
}

#language-selector {
    color: black;
    font-family: 'Montserrat', 'Lato', Arial, Verdana, sans-serif;
    display: flex;
    justify-content: center;
    font-weight: 600;
    width: 100%;
}

    #language-selector a {
        color: black;
        border-bottom: none;
        margin-left: 1rem;
        margin-right: 1rem;
    }

@media only screen and (max-width:780px) {
    .header {
        flex-wrap: wrap;
    }

    .logo {
        flex-shrink: 0;
        width: 100%;
        text-align: center;
        order: 1;
    }

        .logo img {
            padding: 10px;
            max-width: 320px;
        }

    .language-container {
        width: 100%;
        order: -1;
        flex-shrink: 0;
    }

    #language-selector {
        padding-bottom: 8px;
        padding-top: 8px;
        margin: 2px auto;
        font-size: 0.6rem;
        background-color: #bbbbbb;
    }

        #language-selector a {
            color: #606060;
            background-color: #E7E7E8;
            border-radius: 6px;
            padding: 2px 8px;
            text-decoration: none;
        }

            #language-selector a:active,
            #language-selector a.active {
                background-color: white;
                color: black;
                border-radius: 8px;
                padding: 2px 8px;
            }
}

@media only screen and (min-width: 781px) {
    .logo {
        width: 60%;
        align-self: center;
        padding-left: 100px;
    }

        .logo img {
            min-height: 80px;
            max-width: 500px;
            padding: 10px 10px 0 0;
            text-align: left;
        }

    .language-container {
        width: 40%;
        align-self: center
    }

    #language-selector {
        padding-bottom: 2px;
        padding-top: 0;
        font-weight: 300;
        margin: 2px 100px -4px auto;
        justify-content: center;
        width: 100%;
        font-size: 0.8rem;
    }

        #language-selector a {
            color: black;
            font-size: .8rem;
            margin-left: .5rem;
            margin-right: .5rem;
            text-decoration: none;
        }

            #language-selector a:active,
            #language-selector a.active {
                color: black;
                border-bottom: 1px dotted #898987;
                font-weight: 600;
            }
}
table {
    border: solid 1px #656565;
    border-collapse: collapse;
    color:#222222;
}

table td {
    padding: 5px;
    border: solid 1px #656565;
}

table th 
{
    /*Yuck*/
    /*font-family: 'GandhiSerifRegular', Serif;*/
    padding: 5px;
    text-align: left;
    background-color:#DDDDDD;
    border: solid 1px #656565;
    font-weight: bold !important;
    font-size: 12px;
}

table.plain{
	border: 1px solid #656565;
	margin: 10px 0px 10px 0px;
}
table.plain thead{
	background-color:transparent ;
	color: #111111;
}
table.plain th{
	font-weight:bold;
	background-color:transparent;
	border:none;
	white-space: nowrap;
	padding: 2px 3px 3px 3px;
	text-align: left;
}
table.plain td{
	padding: 2px 2px 2px 2px;
	vertical-align: top;
	text-align: left;
	border:none;
	background-color:transparent;
}

table.plain tfoot{
	color: #000000;
}
table.plain tfoot td, table.plain tr.subtotal td {
	border-top: 1px dashed #656565;
	border-bottom: 1px solid #656565;
	color: #000000;
	vertical-align:bottom;
	font-weight:bold;
}
table.plain tr.subTitle td 
{
	padding:10px 3px 10px 3px;
	border-top: 1px solid #656565;
	color: #000000;
}


/* Table grid look */
table.tabular{
	border: 1px solid #656565;
	margin: 10px 0px 10px 0px;
	background-color:#ffffff;
	/*padding: 5px 5px 5px 5px;*/
}
table.tabular thead{
	background-color:#DDDDDD !important;
	background-repeat:repeat-x;
	color: #222222;
	
}

table.tabular th{
	font-weight:normal;
	background-color:#DDDDDD !important;
	border:none;
	border-bottom: 1px solid #656565;
	white-space: nowrap;
	padding: 2px;
	text-align: left;
}

table.tabular th a.sortable{
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding-left:10px;
	background-repeat:no-repeat;
}
table.tabular th a.desc{
background-position: 0px -57px;
}
table.tabular th a.asc{
background-position: 0px -33px;
}
table.tabular td{
	padding: 2px;
	vertical-align: top;
	text-align: left;
	border:none;
	background-color:transparent;
	border-bottom: 1px solid #656565;
	border-left: 1px solid #656565;
}

table.tabular tfoot{
	background-color:#eeeeee !important;
	background-repeat:repeat-x;
	color: #222222;
}
table.tabular tfoot td{
	background-color:#E0E0E0 !important;
	background-repeat:repeat-x;
	color: #222222;
	vertical-align:bottom;
}



table.fullWidth{
	width:100%;	
}

table .ammendedReport
{
    color:#777777;
}
table .ammendedReport td:first-child
{
    padding-left:10px;
}

/*
table.lined tfoot, table.sortable tfoot{
	font-weight:bold;
	background: #B2CED7 url(styleImages/bg_table_header.png) repeat-x center bottom;
	border-bottom: 0;
}
tr.pageControl {
	background: #B2CED7 url(styleImages/bg_table_header.png) center bottom;
}
*/
th.number, th.currency{text-align:right !important;}
tbody.number, tfoot.number, td.number{text-align:right !important; white-space:nowrap;}
tbody.currency, tfoot.currency, td.currency{text-align:right !important;width:80px;}
tbody.negative, tfoot.negative, td.negative{text-align:right !important; color:Red !important; }
tbody.date, tfoot.date, td.date{width:75px;}
td.bigNumber{min-width:100px;}
tr.even{}
tr.odd, td.odd, th.odd{background-color:#e5e5e5 !important;}

td.committeeName{
	width:610px;
	padding:0;
}
td.committeeName>div{
	width:604px;
	padding:1px 3px 1px 3px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:20px;
}

td.committeeType{
	width:210px;
	padding:0;
}
td.committeeType>div{
	width:204px;
	padding:1px 3px 1px 3px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:20px;
}

/* paging arrow styles*/
.pagingTextWrapper{
	display:block;
	overflow:hidden;
	float:left;
	font-size:12px;
}
strong.pagingTextWrapper{
padding:0px 3px 0px 3px;	
}
.pagingControlWrapper{
	display:block;
	overflow:hidden;
	float:right;
	font-size:12px;
}
a.pagingNumber{
	min-width:12px;
	height:14px;
	border:1px solid #a4abb2;
	margin: 1px 1px 0px 1px;
	display:block;
	overflow:hidden;
	float:left;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	padding:0px 1px 0px 1px;
	text-decoration:none;
	color:#404040;
	background-color:transparent;
	background-image:url(images/icon_PagingButtons.png) !important;
	background-position:left -80px;
}
a.pagingNumber:hover{
	background-position:center -80px;
}

.pagingLink {
	width:18px;
	height:14px;
	border:1px solid #a4abb2;
	margin: 1px 1px 0px 1px;
	background-image:url(images/icon_PagingButtons.png) !important;
	display:block;
	overflow:hidden;
	float:left;
	padding:0;
}
.pagingLink span{
	margin-left:-100px;
}
a.pagingFirst{
	background-position:center top;
}
a.pagingFirst:hover{
	background-position:right top;
}
span.pagingFirst{
	background-position:left top;
}
a.pagingBack{
	background-position:center -20px;
}
a.pagingBack:hover{
	background-position:right -20px;
}
span.pagingBack{
	background-position:left -20px;
}
a.pagingNext{
	background-position:center -40px;
}
a.pagingNext:hover{
	background-position:right -40px;
}
span.pagingNext{
	background-position:left -40px;
}
a.pagingLast{
	background-position:center -60px;
}
a.pagingLast:hover{
	background-position:right -60px;
}
span.pagingLast{
	background-position:left -60px;
}

/* ADA Div styles to replace the fieldset and legend styles*/
.fieldset {
    background-color: transparent;
    margin: 0px 0px 20px 0px;
    padding: 15px 20px 30px;
}
    /* inner fieldsets are largely used to give semantic meaning to list fields and questions groups so the style should be pretty lowkey*/
    .fieldset .fieldset {
        /* border:1px solid #DDDDDD;
    background-color:#EEEEEE;*/
        padding: 5px 5px 5px;
        margin: 0;
    }
    /* we have bottom space issues with some fieldsets */
    .fieldset.compact {
        background-color: transparent;
        margin: 0;
        padding: 15px 20px 0px 20px;
    }

    .fieldset .fieldset .legend {
        padding: 0;
        background-color: #FFFFFF;
        font-size: 16px;
    }

.legend /* might need  */ {
    font-family: 'tires', serif;
    padding: 5px;
    color: #00255a;
    font-size: 18px;
}

/* inner fieldsets are largely used to give semantic meaning to list fields and questions groups so the style should be pretty lowkey*/
fieldset fieldset {
   /* border:1px solid #DDDDDD;
    background-color:#EEEEEE;*/
    padding:5px 5px 5px;
    margin:0;
}
/* we have bottom space issues with some fieldsets */
fieldset.compact {
    background-color:transparent;
    margin:0;
    padding:15px 20px 0px 20px;
}

fieldset fieldset legend
{
    padding:0;
    background-color:#FFFFFF;
    font-size:16px;
}

legend /* might need  */
{
    font-family: 'tires', serif;
	padding:  5px;
	color:#00255a;
	font-size: 18px;

}
/*
h3 {
    color: #333333;
    font-size: 16px !important;
    margin: 20px 0 5px 0;
    font-weight: bold;
    font-family: "open_sansregular", sans-serif;
    padding-bottom: 8px !important;
}
h3.spacebelow {
    padding: 0 0 0 5px;
    margin-bottom: 0;
    font-size: 15px !important;
}
*/
/* <- Styles that need to go END */

select {
    border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 14px;
    padding: 2px;
}

input[type="text"], input[type="password"] {
    border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 14px;
    padding: 2px;
    margin:0;
    /*width: 200px;*/
    border-radius: 3px;   
}

input[type="text"]:focus, input[type="password"]:focus {
    border: 1px solid #0099CC;    
    transition:all 0.3s ease-in-out 0s;
}

.checkBoxList ul li, largeFieldLabelSet ul li {
    list-style:none !important;
    padding-bottom: 0 !important;
}

.deleteButton{
	padding:20px 20px 10px 50px;
	font-weight: bold;
}

/* this is the container for the button row at the bottom of the page */
.submitButton {
    text-align: center;
    margin: 30px 0;
}

/* default button and link styles for the bottom of the form */
.submitButton input, .submitButton button, .deleteButton input, .deleteButton button, .submitButton > .linkButton{   
    color: White;
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
    /*padding: 1px 20px 8px 20px;*/ /*1-14-15*/
    padding:4px 20px 12px;
    border-radius:3.1px;	/*3.1 for rendering in IE*/
    cursor: pointer;
    margin:0;
   /* float:right; /* this should float the buttons right by default*/
}

/* default button hover color */
.submitButton input:hover, .submitButton button:hover, .deleteButton input:hover, .deleteButton button:hover{
	background-color:#326B00;
}

/* default disabled styles */
.submitButton input:disabled, .submitButton button:disabled, .deleteButton input:disabled, .deleteButton button:disabled{
	background-color:#debf74;
	color:#444444;
}

/* text color for links within the buttons - not sure if this is needed at all since that would be bad HTML  */
.saveButton a, .clearButton a, .previousButton a, .saveButton a:visited, .clearButton a:visited, .previousButton a:visited  
{
    color:#FFFFFF;
}

/* colors for the submit or next button */
.saveButton {
    border: 1px solid #255a00;
    background-color:#255a00;
    float:right;
}
/* this is the right facing arrow in the save button */
.saveButton:before 
{
    content: '\E804';
    font-family: "fontello";
    position:relative;
    font-size:25px;
    color:#FFFFFF;
    text-shadow: 0 0 1px #222222;
    left:-13px;
    top:3px;        
}
/* save button hover transition */
.saveButton:hover {
    background-color:#44a700;
    border: 1px solid #44a700;
    transition:all 0.2s ease-in-out 0s;  
} 

/* this is a style that makes links look like buttons.  Very helpfull when using them next to buttons for */
a.buttonLink, a.buttonLink:visited, a.buttonLink:active
{
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
    color:#ffffff;     
    background-color: #255a00;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    /*line-height:21px; */   
    cursor: pointer;
    margin:-7px 8px 0 0;
    display: inline-block;
    padding: 8px 20px 9px;
    text-align: center;
    vertical-align: middle;
}

a.buttonLink:hover {
    background-color: #326b00;
}
 
/* temporary fix to home page button issue*/
.btn-margin {
    margin: 0 8px 0 0 !important;
}

/* this is the clear the form and cancel style*/
.clearButton {
    background-color:#8e0c00 !important;/* Added important, because these are a final style and something before was messing it up */
    border: 1px solid #8e0c00 !important;
    /*float:left;
    clear:both;
    margin:auto;*/
}

.clearButton:hover { 
    border: 1px solid #c11000 !important;
    background-color:#c11000;
}
/* this is the X in the cancel button */
.clearButton:before 
{
   content: '\E802';
    font-family: "fontello";
    font-size:25px;
    color:#FFFFFF;
    text-shadow: 0 0 1px #222222;
    left:-13px;
    top:3px;    
    position:relative;
}

/* previous and back buttons styled here */
.previousButton, .backButton {
     background-color:#00255a !important;/* Added important, because these are a final style and something before was messing it up */
    border: 1px solid #00255a !important;
    float:left;
}

.previousButton:hover, .backButton:hover  {
     background-color:#0044a7 !important;
     border: 1px solid #0044a7 !important;
}
/* Left Arrow at the start of the button */
.previousButton:before, .backButton:before
{
    content: '\E803';
    font-family: "fontello";
    position:relative;
    font-size:25px;
    text-shadow: 0 0 1px #222222;
    left:-13px;
    top:3px;    
}

/* This adjusts the links in the submitButton container to top align with the buttons.  This is probably a stype that can be fixed elsewhere */
a.clearButton, a.previousButton
{
 position:relative;
 top:7px;   
}

/*back button shares all styles with the previous button except it sits on the left where the cancel button does*/
.backButton 
{
    float:left !important; 
}

/* this is in the Voter lookup area and may cause issues.  I'll have to look at it later */
.previous_link 
{
    float:left;   
}

/* does this get used at all? */
.submit {
	background-color:#00255a;
	/*width: 150px;*/
	height:25px; /*45* RV 1-9-15*/
	color: #FFFFFF;
	font-family: 'GandhiSerifRegular',serif;
	font-size:18px;
	text-transform:uppercase;
	border: 1px solid #FFFFFF;
	margin-top: 45px;
	float: right;
}

.submit:hover {
	background-color: #BBBBBB;
	border: 1px solid #777777;
}

/* 
    Big print buttons
*/

.printButton
{
min-width:200px;
}

/* side button used on navigation form search results page
    Lots of man-handling going on here*/
.resultForm .checkBoxList 
{
    float:left;
    margin-bottom:10px;
}

.sidebutton 
{
    float:left;
    width:190px !important;
    margin-top:0px;
}

.sidebutton>.saveButton
{
    width:190px !important;
}

/*
    adding content load button
*/
.button-contentload:before
{
    color:#000000 !important;
    /*content: '\E804';*/
    content: '+';
    font-family: "fontello";
    position:relative;
    font-size:25px;
    text-shadow: 0 0 1px #222222;
    right:-220px;
    top:3px;
}

.button-contentload
{
    text-align:left !important; /* lot's of mess to fight ;-)*/
    width:250px;
}
.button-contentload {
    background-color:#dddddd !important;/* Added important, because these are a final style and something before was messing it up */
    border: 1px solid #656565 !important;
    color:#000000 !important;
    /*float:left;
    clear:both;
    margin:auto;*/
}

.button-contentload:hover { 
    border: 1px solid #656565 !important;
    background-color:#bbbbbb;
    color:#000000 !important;
}

label{
	color:#000000;
	font-size:14px;
	font-family: "open_sansregular", Sans-Serif;
	padding-right:5px;
}
label>span.conditional, .conditional{
    color:Blue; 
    font-weight:bold;display:none; 
}

label>span.conditionalContact{
    color:Blue;
    font-weight:bold; 
    display:none;  
}
label>span.alert{
    color:maroon;    
}
.alert {
    color: maroon;
}
textarea,input, select, button
{
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	}
textarea{
	border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 1.2em;
}
/* this is in the main sheet, but it's not working so i added an important notation */
.input-validation-error {
    border: 1px solid #FF0000 !important;
}

.formRow {
    display:block;
    clear:both;
    overflow:hidden;
    min-height:80px;
   /*white-space:nowrap;*/
}
.subRow {
    padding-left:20px;
}
.smaller_row
{
 min-height: 60px !important;   
}

.formRow>.fieldLabelSet, .formRow>.checkBoxLabelSet, .formRow>.radioButtonLabelSet, .formRow>.optionFieldLabelSet{
    float:left;
}

.fieldLabelSet{
    margin: 6px 0px 0px 0px;
}
.fieldLabelSet label {
    display:block;
    white-space:nowrap;
    margin: 0px 0px 2px 0px;
}
.formOptionHalfColumn{
    float:left;
    width:426px;
    padding:0;
    margin:0;
}
.checkBoxList ul
{
	list-style: none;
	margin-left:0;	
}
.checkBoxList li
{
	line-height:2em;
}
.checkBoxList input
{
	display:inline !important;	
}
.checkBoxList label
{
	display:inline !important;
}

.checkBoxLabelSet .check-box{
    border: 1px solid #CCCCCC;
    color: green;
    font-size: 1.2em;
    float:left;
    margin: 4px 0px 0px 0px;
}
.checkBoxLabelSet{
    margin: 6px 0px 0px 0px;
    height:29px;
}
.checkBoxLabelSet.longText {
    height:auto;
}
.checkBoxLabelSet.longText .headerlabel {
    float:none;
    white-space: normal;
}
.checkBoxLabelSet.longText .check-box {
    margin-right: 5px;
    margin-top: 0;
    margin-left:10px; /*RLV 10-9-15 for search form - hopefully this does not cause problems elsewhere*/
}
.formContainer .checkBoxLabelSet{
    padding-top:24px;
    height:20px;
}
.checkBoxLabelSet label 
{
    display:block;
    /*width:165px; take this out for now*/
    float:left;
    margin: 0px 7px 0px 7px;
    cursor: pointer;
    white-space:nowrap;
    overflow:visible;
}

.radioButtonLabelSet ul{
	list-style: none;
	padding:0;
	margin:0;
}

ul.legendButtonList, legend>ul{
	list-style: none;
	padding:0;
	margin:0 0 0 0 !important;
	float:right;
	font-size:12px;
	line-height:14px !important;
	
}

ul.legendButtonList li, legend>ul>li{
	display:inline;
}
ul.legendButtonList label, legend>ul>li>label{
	color:#ffffff !important;
}
ul.legendButtonList span{
	padding: 0 5px !important;
}
.officeType
{
	margin: 0;
	padding: 0px 0px 0px 5px;
	height:50px;
	width:200px;
}
.officeType ul{
	list-style: none;
	padding:0;
	margin:0 0 0 0 !important;
	font-size:12px;
	line-height:14px !important;
}
.officeType ul>li {
	display:inline;
}
.fieldErrorMessage{
    display:block;
    /*overflow:hidden;
    white-space:nowrap;*/
    min-height:1.5em;
    font-family:"open_sansregular", Sans-Serif;
}
.fieldErrorMessageNoBreak{
    display:block;
    overflow:visible;
    white-space:nowrap;
    min-height:1.5em;
}
.currentField{
	border: 1px solid green;	
}

.repeatingFormSection{
    clear:both;
    margin-top:10px;
    position:relative;
}

.repeatingFormSection .formOptionHalfColumn{
    width:425px !important;
}
.closeButton{
	width:16px;
	height:16px;
	border:none;
	background-image:url(images/icon_close.png) !important;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left !important;
	color:transparent;
	font-size:0;
	overflow:hidden;
	position:absolute;
	left:100%;
	top:-8px;
	margin-left:-8px;
}
.closeButton:hover{
	background-position:bottom left !important;
	background-image:url(images/icon_close.png) !important;
}
div.centerForm {
    margin-left: auto;
    margin-right:auto;
    width: 320px;
}

select.loading{
	/*background-image:url(images/loading_bar.gif);
	background-repeat:no-repeat;
	background-position:center center;*/
	color:Blue;
	/*font-weight:bold;*/
}


/****
    each field label set is created to have standard sizes and layout characteristics 
*/


.mediumFieldLabelSet {
    margin:0px 10px 0px 10px;
    width:192px;
    /*overflow:hidden;   */    
}

.mediumFieldLabelSet input[type="text"], 
.mediumFieldLabelSet input[type="password"],
.mediumFieldLabelSet textarea {
    width:186px;
    padding: 3px 2px 3px 2px;
}
/* stupid browser tricks - nothing displays a select and input the same*/
/* for IE */
.mediumFieldLabelSet select {
    width:195px;         
}
html > /**/ body 
.mediumFieldLabelSet select { /* for other browsers */
    width: 192px;
}


.dateFieldLabelSet{
    margin:0px 10px 0px 10px;
    width:192px;
}
.dateFieldLabelSet input[type="text"]{
    width:164px;
    padding: 3px 2px 3px 2px;
}

.dateLargeLabelFieldLabelSet{
    margin:0px 10px 0px 10px;
    width:264px;
}
.dateLargeLabelFieldLabelSet input[type="text"]{
    width:168px;
    padding: 3px 2px 3px 2px;
}

.optionFieldLabelSet
{
	margin:0px 10px 0px 10px;
    width:406px;
}



/* 
    Large field  
*/
.largeFieldLabelSet {
    margin:0px 10px 0px 10px;
    padding:0;
    overflow:hidden;
    min-width:400px;
}
.largeFieldTextSet {
    margin:0px 10px 5px 10px;
    padding:0;
    width:404px;
}
.largeFieldSpacer{
	margin:0px 10px 0px 10px;
    padding:0;
    width:404px;
}
.largeFieldLabelSet input[type="text"], 
.largeFieldLabelSet input[type="password"]{
    width:400px;
    padding: 3px 2px 3px 2px;       
}
/* stupid browser tricks - nothing displays a select and input the same*/
/* for IE */
.largeFieldLabelSet select {
    width:408px;         
}
html > /**/ body 
.largeFieldLabelSet select { /* for other browsers */
    width: 406px;
}

.largeFieldLabelSet textarea {
width:400px;    
}

/* 
    3/4s of the screen wide 
*/
.largerFieldLabelSet {
    margin:0px 10px 0px 10px;
    padding:0;
    overflow:hidden;
    min-width:610px;
}
.largerFieldLabelSet input[type="text"], 
.largerFieldLabelSet input[type="password"]{
    width:610px;
    padding: 3px 2px 3px 2px;       
}
/* stupid browser tricks - nothing displays a select and input the same*/
/* for IE */
.largerFieldLabelSet select {
    width:618px;         
}
html > /**/ body 
.largerFieldLabelSet select { /* for other browsers */
    width: 616px;
}

.largerFieldLabelSet textarea {
width:610px;    
}

/*
* Display set styles
*/
.fieldLabelSetDisplay{
    min-height:25px;
}

.fieldLabelSetDisplay span{
    position:absolute;
}

.fieldLabelSetDisplay div{
    margin-left:200px;
}

.details{
    border: none;
    border:1px solid #c0c0c0;
    color: #000000;
    font-size: 1.1em;
    /*height:1.2em;*/
    padding:3px 0px 3px 3px;
    margin-bottom:6px;
    min-height:25px;
    width:100%;
    overflow:hidden;
}

.largeFieldLabelSet .details{
    width:400px;
}

.largerFieldLabelSet .details {
    width:610px;    
}

.field-validation-error
{
    color: #cd0a0a/*{fcError}*/;
    font-size: 12px;
    
    padding-left:20px;
    display:inline-block;
     background-image:url("images/alert.png");
     background-position:2px 3px;
     background-repeat:no-repeat;
    
}
.field-validation-valid{
    display:none;
}

/* a quick style to fix long check or radio lists to give them padding at the bottom.  They don't work with the regular flow of the form sets */
.longList 
{
    padding-bottom:20px !important; /*this is the final word on this, don't use lightly ;-) */
}
.longList ul
{
   padding-bottom:0px !important;     
}

.ajaxOverLay {
    background-color: White;
    background-image: url("Images/round_loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.7;
    filter: alpha(opacity = 70);/*IE hack for security reasons*/
    position: absolute;    
}

.transparentOverLay {
    background-color: White;
    opacity: 0.6;
    filter: alpha(opacity = 60);/*IE hack for security reasons*/
    position: absolute;
    
}

.disabled {
    /*color: #EFEFEF !important;*/
    color: #303030 !important;
    background-color: #EFEFEF;
}

noscript {/* not sure why these were styled like this remove for now.  later clean up ;-0*/
    /*color: #FF0000;
    font-size: 17px;*/
}

/* this will work with modernizer to add additional instructions to pages without javascript */
.js .showWhenNoScript { display:none;}

.headerlabel 
{
    font-family:'tires', Sans-Serif;
    font-size: 16px;
    color:#00255a;
}

.headerlabelinline 
{
    font-family:'tires', Sans-Serif;
    font-size: 16px;
    color:#00255a;
    display:inline !important;    
}


.nopadding ul
{
    padding:0px !important;
}

.verticalalign 
{
    padding-top:22px;
}

.verticalalignless 
{
    padding-top:3px;
}

.dmvidpics 
{
    background-image: url("Images/dmvidpics.png") ;
    /*margin:auto;
    width:60%;*/
    height:200px;
    min-width:200px;
    background-repeat:no-repeat;
    background-size:contain; /*1-14-15*/
}

.additionalinformation 
{
    background-color:#F7F7F7;
    border: 1px solid #CCCCCC; 
    max-width:45%;
    margin:5px 0 20px 20px;   
}

.additionalinformation legend 
{
    font-size:14px;
    font-family: "open_sansregular", Sans-Serif;   
    font-weight:bold;
    letter-spacing: .3px; 
    color:#FFFFFF;
   /* background-color:#449fe5;*/background-color:#333;
    border: 1px solid #333; /*#2989D8;  */ 
    padding: 3px 18px;
   /* border-radius:16px; */
}
/* this is for labels that sit at the beginning of small lists.  makes them line up better */
.checkBoxList label.leadingLabel
{
	display:inline-block !important;
	width:80px;
	padding-left:10px;
}
.inlineList
{
    line-height:2.5em;
    white-space:nowrap; /* keep the list together */
}
.buttonList label
{
    border:1px solid #cccccc;
    padding:2px 10px 2px 10px;
    margin: 1px 10px 1px 0px;
}
.buttonList label.checked
{
    border:1px solid #2989D8;
    color:#ffffff;
    background-color:#2989D8;
}
.buttonList input
{
    display:none !important;    
}

#PreferedContact
{
    /* this is just for padding the prefered contact box */
    padding-bottom:30px;
}

.finished {text-align:left !important;}


/* The following styles are for the static popup that is used during voter lookup. */
/* The Modal (background) */
.static-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.static-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 400px;
    height: 200px;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.form-element {
    width: 45%;
    display: inline-block;
    padding: 0 10px 0 0;
}

    .form-element label {
        display: block;
    }

    .form-element input[type="text"] {
        display: block;
        width: 100%;
    }

/* this is just for shrinking some of the bigger elements to smooth the transition */
@media (max-width: 780px)   
{
    .form-element {
        width: 90%;
        display: block;
        padding: 0;
    }

    /* labels need to break if they are too long*/
	label
	{
	    font-size: 14px !important; /* breaking labels upset the flow of form fields - reducing label size to compensate*/
	    white-space:normal !important;
	}
}

@media (max-width: 690px)  {	
	/* 
        This awesome name was created because we just had large, medium, and small.  
        Then we needed bigger and I came up with Larger rather than X-large or whatever.
    */
	.largerFieldLabelSet 
	{
	    min-width:98%;
	}
	
	.largerFieldLabelSet input[type="text"], .largerFieldLabelSet input[type="password"] {
	    width:98%;   
	} 
	
	.largerFieldLabelSet select {
        width:95%;         
    }
    html > body > .largerFieldLabelSet select { 
        width: 95%;
    }

    .largerFieldLabelSet textarea {
        width:98%;    
    } 
    
    
    
}

/* this is the next size transition */
@media (max-width: 540px) {  
    
	/*.formRow > .fieldLabelSet, .formRow > .checkBoxLabelSet, .formRow > .radioButtonLabelSet, .formRow > .optionFieldLabelSet {
	    float: none !important;
	    margin: 5px auto;
	    width:98%;
	}*/

    .clearButton, .saveButton, .previousButton {
        width: 75%;
    }

    .clearButton, .saveButton, .previousButton, .buttonLink, a.buttonLink, a.buttonLink:visited, a.buttonLink:hover, a.buttonLink:active, .submitButton input, .submitButton button, .deleteButton input, .deleteButton button, .submitButton > .linkButton {
        float: none !important;
        display: block !important;
        margin: 20px auto;
        padding-left: 0px;
        padding-right: 0px;
    }
	
	.verticalalign {
        padding-top:0;
        width:80%;
        margin:0 auto;
    }
    
	a.clearButton 
	{
	    top: 0;
	}	

}
@media (max-width: 480px)   
{
    /* drop all margins to min to keep left line straight */
    .largerFieldLabelSet, .largerFieldLabelSet input[type="text"], .largerFieldLabelSet input[type="password"] 
    {
        margin: 0 auto;
    }
    
    /* oddly these get bigger now */
    .mediumFieldLabelSet, .mediumFieldLabelSet input[type="text"], .mediumFieldLabelSet input[type="password"], .mediumFieldLabelSet textarea {
        width:98%;
        margin: 0 auto;
    }
    
    /* these need 100% width to loo right in FF.  looks right in Chrome too */
    .mediumFieldLabelSet select{
        width:100% !important;
        margin: 0 auto;
    }
    
    /* resizing kicks in here for this */
    .largeFieldLabelSet { 
        min-width:98%;
        margin: 0 auto;
    }
    .largeFieldLabelSet input[type="text"], .largeFieldLabelSet input[type="password"] {
        width:98%;   
        margin:0 auto;
    }
    
    /*RLV 101015 - may break other DOB fields*/
    .dateFieldLabelSet{
           
        margin:0;
    }
    
}

/* Capture App */

.signaturePad {
  /*position: absolute;
  font-size: 10px;*/
  /*max-width: 700px;
  max-height: 400px;*/
  /*top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -200px;*/
  
  background-color: #fff;
  
}
#SignatureCanvas
{
    width:99%;
    height:200px;
    border: 1px solid #d0d0d0;
    background-color:#EFEFEF;
    border-radius: 4px;
}

.svg #SignatureCanvas
{
    
}

.image_button input {
    display: none;
}

.image_button 
{
 display:inline-block; 
 margin-left:20px;  
}

.image_button label 
{
     background-color: #449fe5;
    /*background: #449fe5;  
    background: -moz-linear-gradient(top,  #449fe5 0%, #2989d8 99%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#449fe5), color-stop(99%,#2989d8));  
    background: -webkit-linear-gradient(top,  #449fe5 0%,#2989d8 99%);  
    background: -o-linear-gradient(top,  #449fe5 0%,#2989d8 99%);  
    background: -ms-linear-gradient(top,  #449fe5 0%,#2989d8 99%);  
    background: linear-gradient(to bottom,  #449fe5 0%,#2989d8 99%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#449fe5', endColorstr='#2989d8',GradientType=0 );   */
    border: 1px solid #2989D8;
    color: White;
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    border-radius:3.1px; 
    box-shadow: 1px 1px 2px #BBBBBB;     
}

.image_button label:hover {
    border: 1px solid #2378BE;
    transition:all 0.2s ease-in-out 0s;    
    background-color: #449fe5; /*  
    background: -moz-linear-gradient(top,  #449fe5 0%, #2378BE 99%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#449fe5), color-stop(99%,#2378BE));  
    background: -webkit-linear-gradient(top,  #449fe5 0%,#2378BE 99%);  
    background: -o-linear-gradient(top,  #449fe5 0%,#2378BE 99%);  
    background: -ms-linear-gradient(top,  #449fe5 0%,#2378BE 99%);  
    background: linear-gradient(to bottom,  #449fe5 0%,#2378BE 99%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#449fe5', endColorstr='#2378BE',GradientType=0 ); */
}

.image_button label:before 
{
    content: '\e800';
    font-family: "fontello";
    position:relative;
    font-size:32px;
    text-shadow: 0 0 1px #41637F;
    left:-13px;
    top:5px;      
} 



.upload_button input {
    display: none;
}

.upload_button label {
    border: 1px solid #c9670c;
background-color: #c67e3f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none'  
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2N2UzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTY3MGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #c67e3f 0%, #c9670c 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c67e3f), color-stop(100%,#c9670c));  
background: -webkit-linear-gradient(top, #c67e3f 0%,#c9670c 100%);  
background: -o-linear-gradient(top, #c67e3f 0%,#c9670c 100%);  
background: -ms-linear-gradient(top, #c67e3f 0%,#c9670c 100%);  
background: linear-gradient(to bottom, #c67e3f 0%,#c9670c 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67e3f', endColorstr='#c9670c',GradientType=0 );   */
    box-shadow: 1px 1px 2px #BBBBBB;   
    margin-left:20px;
     color: White;
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    border-radius:3.1px;
     
}

.upload_button label:hover {
   background-color: #c67e3f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2N2UzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjUzMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #c67e3f 0%, #b2530a 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c67e3f), color-stop(100%,#b2530a));  
background: -webkit-linear-gradient(top, #c67e3f 0%,#b2530a 100%);  
background: -o-linear-gradient(top, #c67e3f 0%,#b2530a 100%);  
background: -ms-linear-gradient(top, #c67e3f 0%,#b2530a 100%);  
background: linear-gradient(to bottom, #c67e3f 0%,#b2530a 100%);    
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67e3f', endColorstr='#b2530a',GradientType=0 );   */
    border: 1px solid #b2530a;
    transition:all 0.2s ease-in-out 0s;  
}

.upload_button label:before 
{
    content: '\e806';
    font-family: "fontello";
    position:relative;
    font-size:32px;
    text-shadow: 0 0 1px #765223;
    left:-13px;
    top:5px;      
} 

.upload_button 
{
 display:inline-block;   
}

.alert_area {
    background-color:#FEEFEF;
    padding:5px 8px 5px 20px;
    font-family: 'open_sansregular',sans-serif;
    font-size: 13px !important;
    line-height:22px !important;   
    border-top: 1px solid #ECB8C3; 
    border-right: 1px solid #ECB8C3;
    border-bottom: 1px solid #ECB8C3;
    border-left:10px solid #B20000;
    width:300px;     
    margin: 0 auto 20px auto;
    color:#b20000;     
    border-radius:5px;    
}

.alert_area:before {
    content: '\e805';
    font-family: "fontello";
    position:relative;
    font-size:45px;
    color:#b20000;    
    padding: 4px 8px 10px;
    left:-10px;
    top:15px; 
}

.alert_area_text {
    width:250px;
    margin: -30px 0 6px 60px;
}

.alert_area_text strong {
    color:#b20000;
     font-size:20px;
     font-weight:normal !important;   
}


.info_display strong
{
    font-family: 'tires', serif;	
	color:#00255a;
	font-size:18px;	
	font-weight:normal;
	width:200px;
	padding-right:5px;
}

.info_display 
{
    padding: 6px 9px;     
    font-family: 'open_sansregular',sans-serif;
    font-size: 15px !important;   
}

.HasVoterID_2_show {
    min-height:210px;    
}


.option_text 
{

    font-family:'tires', Sans-Serif;
    font-size: 16px;
    color:#00255a;
    display:inline;
    padding-left:20px;
    
}

.option_text strong
{
    font-size:24px;
    padding-right:15px;
}


/*
.m-signature-pad:before, .m-signature-pad:after {
position: absolute;
  z-index: -1;
  content: "";
	width: 40%;
	height: 10px;
	left: 20px;
	bottom: 10px;
	background: transparent;
	-webkit-transform: skew(-3deg) rotate(-3deg);
	-moz-transform: skew(-3deg) rotate(-3deg);
	-ms-transform: skew(-3deg) rotate(-3deg);
	-o-transform: skew(-3deg) rotate(-3deg);
	transform: skew(-3deg) rotate(-3deg);
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.m-signature-pad:after {
	left: auto;
	right: 20px;
	-webkit-transform: skew(3deg) rotate(3deg);
	-moz-transform: skew(3deg) rotate(3deg);
	-ms-transform: skew(3deg) rotate(3deg);
	-o-transform: skew(3deg) rotate(3deg);
	transform: skew(3deg) rotate(3deg);
}

.m-signature-pad--body {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 60px;
  border: 1px solid #f4f4f4;
}

.m-signature-pad--body
  canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
  }

.m-signature-pad--footer {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  height: 40px;
}

.m-signature-pad--footer
  .description {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 1.8em;
  }

.m-signature-pad--footer
  .button {
    position: absolute;
    bottom: 0;
  }

.m-signature-pad--footer
  .button.clear {
    left: 0;
  }

.m-signature-pad--footer
  .button.save {
    right: 0;
  }

@media screen and (max-width: 1024px) {
  .signaturePad {
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    min-width: 250px;
    min-height: 140px;
    margin: 5%;
  }
  #github {
    display: none;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .signaturePad{
    margin: 10%;
  }
}

@media screen and (max-height: 320px) {
  .m-signature-pad--body {
    left: 0;
    right: 0;
    top: 0;
    bottom: 32px;
  }
  .m-signature-pad--footer {
    left: 20px;
    right: 20px;
    bottom: 4px;
    height: 28px;
  }
  .m-signature-pad--footer
    .description {
      font-size: 1em;
      margin-top: 1em;
    }
}
*/



/* Tooltip Area for use with the jquery.tooltip.js file*/
.tooltip-base{
	font-size:11px;
	line-height:1.2em;
	padding:4px;
	position:absolute;
	text-align:left;
	width:150px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px 4px 4px 4px;
	-moz-box-shadow:2px 2px 6px #333333;
	-webkit-box-shadow:2px 2px 6px #333333;
	box-shadow:2px 2px 6px #333333;
	z-index:1002;
}
.tooltip-base a{
	color:Navy !important;
	font-weight:normal;
}
.tooltip-base h4{
	padding:0;
	margin:0;
}

.tooltip-arrow{
	border-style: solid;
	border-width: 8px;
	height:0;
	width:0;
	position:absolute;
}

.tooltip-arrow-border{
	border-style: solid;
	border-width: 8px;
	height:0;
	width:0;
	position:absolute;
}
.tooltip-loading{
	background-image:url(images/round_loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	min-height:90px;
}
/* colors */
.tooltip-standard{
	color:#000000;
	background-color:#f7faff;
	border:1px solid #5989ac;
}
.tooltip-standard .tooltip-arrow{
	border-color: #f7faff;
}
.tooltip-standard .tooltip-arrow-border{
	border-color: #5989ac;
}

.tooltip-error{
	/*color:#000000;
	background-color:#fff3a5;
	border:1px solid #bd1800;*/
	border: 1px solid #cd0a0a; background: #fef1ec url(custom-blue-theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a;
}
.tooltip-error .tooltip-arrow{
	/*border-color: #fff3a5;*/
	border-color: #fef1ec;
}
.tooltip-error .tooltip-arrow-border{
	/*border-color: #bd1800;*/
	border-color: #cd0a0a;
}

.tooltip-warning{
	color:#000000;
	background-color:#fff3a5;
	border:1px solid #ffd329;
	
}

.tooltip-warning .tooltip-arrow{
	border-color: #fff3a5;
}
.tooltip-warning .tooltip-arrow-border{
	border-color: #ffd329;
}


.tooltip-above>.tooltip-arrow{
	bottom:-16px;
	left:10px;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
}
.tooltip-above>.tooltip-arrow-border{
	bottom:-17px;
	left:10px;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
}

.tooltip-below .tooltip-arrow{
	top:-16px;
	left:10px;
	border-right-color:transparent;
	border-top-color:transparent;
	border-left-color:transparent;
}

.tooltip-below .tooltip-arrow-border{
	top:-17px;
	left:10px;
	border-right-color:transparent;
	border-top-color:transparent;
	border-left-color:transparent;
}

.tooltip-right .tooltip-arrow{
	top:10px;
	left:-16px;
	border-bottom-color:transparent;
	border-top-color:transparent;
	border-left-color:transparent;
}

.tooltip-right .tooltip-arrow-border{
	top:10px;
	left:-17px;
	border-bottom-color:transparent;
	border-top-color:transparent;
	border-left-color:transparent;
}

.tooltip-left .tooltip-arrow{
	top:10px;
	right:-15px;
	border-bottom-color:transparent;
	border-top-color:transparent;
	border-right-color:transparent;
}

.tooltip-left .tooltip-arrow-border{
	top:10px;
	right:-17px;
	border-bottom-color:transparent;
	border-top-color:transparent;
	border-right-color:transparent;
}

.tooltip-base .closeButton{
	width:16px !important;
	min-width:16px;
	height:16px;
	min-height:16px;
	background-image:url(images/icon_close.png) !important;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: left top !important;
	color:transparent;
	font-size:0;
	overflow:hidden;
	position:absolute;
	left:100%;
	top:-8px;
	margin-left:-8px;
}
.tooltip-base .closeButton:hover{
	background-position:left bottom !important;
	background-image:url(images/icon_close.png) !important;
}
/* Tooltip Area End */

progressbar #steps {
    position: relative;
    font-family: 'open_sansregular', sans-serif;
    display: block;
    width: 100%;
    margin: 20px auto;
    font-size: 115%;
    text-align: center;
}

progressbar .tooltip {
    display: none;
    width: 100%;
    position: absolute;
    text-align: left;
    background:#fff;
}

    progressbar .tooltip span {
        display: inline-block;
        padding: 10px 50px;
    }

progressbar #steps .step {
    display: inline-block;
}

    progressbar #steps .step .step-text {
        margin: 0 0 5px 0;
        display: block;
    }

    progressbar #steps .step .step-content {
        color: #fff;
        display: inline-block;
        width: 100%;
        background: #a3620d;
        padding: 3px 0;
        border: 1px solid #fff;
    }

progressbar #steps .start .step-content {
    border-radius: 15px 0 0 15px;
}

progressbar #steps .finish .step-content {
    border-radius: 0 15px 15px 0;
}

progressbar #steps .active .step-content {
    background: #1456ff;
}

progressbar #steps .complete .step-content {
    /*background: #0080bc;*/
    background: #005780;
}