﻿ * {    
 
 -webkit-transform: none !important ; 
  
   }

input[type=submit] {
    -webkit-appearance: none !important ; 
}


input[type=button] {
    -webkit-appearance: none !important ; 
}


body
{
	margin: 0px;
	padding: 0px;
	font-size: 50%;
	font-family: Verdana,Helvetica,sans-serif;
	text-align: left;
	vertical-align: top;
	
}

/*
.ProgressBar	
{
	font-family: Verdana, Arial, sans-serif;
	color: #6E716E;
	font-weight: normal;
	font-size: 9pt;
	text-align: left;
	vertical-align: top;
}
*/

.h1
{
	font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: 25pt;
	font-weight: bold;
	margin-bottom:0px; 
	margin-top:36px;
	margin-left:0px; 
	margin-right:0px;
	display: block;
	
}

.h2
{
	font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom:0px; 
	margin-top:0px;
	margin-left:0px; 
	margin-right:0px;
	display: block;
}

 .h3
{
	font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom:0px; 
	margin-top:0px;
	margin-left:0px; 
	margin-right:0px;
	display: block;
}


.h4	
{	
	font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom:0px; 
	margin-top:0px;
	margin-left:0px; 
	margin-right:0px;
	display: block;
}

.h5	/* used for emphasis on secondary pages */
{
	font-family: Arial Black, arial, sans-serif;
	color:#747270; /* medium gray */
	font-size: 10pt;
	font-weight: normal;
	vertical-align: top;
	margin:0;
	display: block;
}	
			

.p1	
{
	font-family: Verdana, Arial, sans-serif;
	color: black;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
}
 
.p2 /* this is a back-up font for SPECIAL instances only */
{
    font-family: Arial, sans-serif;
	color: black; 
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
}

.p3	/*use for text boxes and DDLs -- with border */
{
    font-family: Verdana, Arial, helvetica;
    font-size: 10pt;
    color: black;
    text-align: left;
    vertical-align: top;
    /* removed for accessibilty
    background-color: #FFFFFF;   
    border: 1pt solid gray;
    */
    padding-top: 02px;
    padding-right: 02px;
    padding-bottom: 01px;
	padding-left: 02px;

}


.p4 /*use for text boxes and DDLs -- no border */
{
	font-family: Verdana, Arial, helvetica;
    font-size: 10pt;
    color: black;
    text-align: left;
    vertical-align: top;
    background-color: #FFFFFF;
    border: 0pt solid gray;
    padding-top: 02px;
    padding-right: 02px;
    padding-bottom: 01px;
	padding-left: 02px; 
  
}

/*.NoScroll	use for DDLs -- no scrollbar 
{
    font-family: Verdana, Arial, helvetica;
    font-size: 10pt;
    color: black;
    text-align: left;
    vertical-align: top;
	position:absolute;
    padding-top: 02px;
    padding-right: 02px;
    padding-bottom: 01px;
	padding-left: 02px; 
	width: 100px;
}*/

.ErrorMessage
{
    font-family: Verdana, Courier, Verdana;
    font-size: 10pt;  
    text-align: left;
    color:#EB0000;
    padding: 03px 00px 03px 00px;
}

.Button
{
    font-family: Verdana, Courier, Verdana;
    font-size: 10pt;  
    text-align: center;
    padding: 03px;
}

.link
{
	font-family: Verdana, helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
    text-align: left;
	color:#3344dd; /*AAA conformance color for Accessibility - Do Not Change!*/
	text-decoration:underline;
}

a.link:visited	
{	
    color:#804180; /*AAA conformance color for Accessibility - Do Not Change!*/
}

a.link:hover	
{	
    font-weight: bold;
	color:#b50010; /*AAA conformance color for Accessibility - Do Not Change!*/
}

a.link:focus 
{
    font-weight: bold;
	color:#b50010; /*AAA conformance color for Accessibility - Do Not Change!*/
}

.Grid
{
	border: solid 1pt gray;
	padding: 02pt;
}


tr.GridHeader th
{
    font-family: Verdana, Helvetica, sans-serif;
	color: white;
    background: gray; 
    border: solid 1pt gray; 
    font-size: 10pt;
    line-height: 12pt;
    font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 3pt;
	border-collapse: collapse;
	text-decoration:none;
}

tr.GridItem td
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: white;
	border-bottom: solid 2pt red;
	color: black;
	padding: 2pt;
}

tr.GridAltItem td
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #F7F6F3;
	border-bottom: solid 2pt red;
	color: black;
	padding: 2pt;
}

tr.GridFooterLeft td /* Use for column totals only--left aligned */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border: solid 01pt gray;
	background-color: #E5E5E5;
	color: black;
	padding: 2pt;
	text-align:left;
	vertical-align: top;	
}

tr.GridFooterRight td /* Use for column totals only--right aligned */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border: solid 01pt gray; 
	background-color: #E5E5E5;
	color: black;
	padding: 02pt;
	text-align:left;
	vertical-align: top;	
}

.ul /* list items with bullet points */
{	
    list-style-type: square;
 	color: black;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    list-style-position: outside; 
}

.ol /* list items with numbers */
{	
    list-style-type: inherit;
 /*	padding-left: 01pt;
 	margin-left: 01pt; */
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    list-style-position: outside; 
}
.ModalPopupBG
{
    background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;   
}

.ModalPopup
{
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 140px;
}


.ovr-stylesheet .LineBreak
{
   border:10px solid inherit;
   height:20px;
   margin:0px;
   border-width:10px;
}

 .h2
{
	margin: 0px;
    font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: 14pt;
	font-weight: bold;
	display: block;
	text-align:center;
    height: 48px;
}

 /***Used in ovr stylesheets*/
 



.ovr-stylesheet .p1	
{
	font-family: Verdana, Arial, sans-serif;
	color: black;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
}

.ovr-stylesheet .h3
{
	font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom:0px; 
	margin-top:0px;
	margin-left:0px; 
	margin-right:0px;
	display: block;
}

.ovr-stylesheet .EligPageBreak
{
   border:10px solid white;
   margin:0px;
   border-width:10px;
}

/* Responsive Changes  OVR GRID --- START*/

.ovr-stylesheet .GridContainer
{
    width:100%;
    max-width:1200px;   
    box-sizing:border-box; 
    
}


.ovr-stylesheet .row:before
.ovr-stylesheet .row:after    
{
content:"";
display:table;
clear:both;     
    
}
    
.ovr-stylesheet .col-12 { width:100%;}
.ovr-stylesheet .col-11 { width:91.66666667%;}
.ovr-stylesheet .col-10 { width:83.33333333%;}
.ovr-stylesheet .col-9 { width:75%;}
.ovr-stylesheet .col-8 { width:66.66666667%;}
.ovr-stylesheet .col-7 { width:58.33333333%;}
.ovr-stylesheet .col-6 { width:50%;}
.ovr-stylesheet .col-5 { width:41.66666667%;}
.ovr-stylesheet .col-4 { width:33.33333333%;}
.ovr-stylesheet .col-3 { width:25%;}
.ovr-stylesheet .col-2 { width:16.66666667%; }
.ovr-stylesheet .col-1 { width:8.333%;}


/* Responsive Changes  OVR GRID --- END*/

/* Responsive Changes  OVR BUTTON --- START*/
.ovr-stylesheet .ovrbutton 
{
   border-style:solid;    
   border-radius: 5px; 
   text-align:center;
   font-family:Verdana, Arial, Sans-Serif ; 
   font-size:14px;
   line-height:20px;
   padding:6px; 
   cursor:pointer;
   white-space:normal;
}

.ovr-stylesheet .ovrbutton.small {width:150px; }

.ovr-stylesheet .ovrbutton.large {width:450px;
   font-weight:700 ;}

.ovr-stylesheet .ovrbutton.medium {width:450px;}

.ovr-stylesheet .ovrbutton.blue 
{     
   background-color: rgb(62, 122, 167);
   /*border-color: rgb(62, 122, 167);*/
   border : 0.25px solid grey;
   color:White;
   font-weight:bold;   
}

.ovr-stylesheet .ovrbutton.grey {
    
    background-color:rgb(121 ,121,121);
    border-color: grey; 
    color:White;
    font-weight:bold;
     
}
.ovr-stylesheet .ovrbutton.yellow 
{
background-color:rgb(239,212,105);
border : 0.25px solid grey;
}

.ovr-stylesheet .ovrbutton.formreview 
{
   border-style:solid;         
   border-radius: 0px; 
   text-align:center;
   font-family:Verdana, Arial, Sans-Serif ; 
   font-size:14px;
   line-height:20px;
   padding:6px; 
   cursor:pointer;
   white-space:normal;

border : 0.25px solid grey;
}

.ovr-stylesheet .ovrbutton.blue.welcome
{     
    font-family:Arial;    
    font-size:19px;
    height:48px;
    margin-bottom:15px;
    margin-top:0px;
   /* width:55.5%;width:400px;*/
    width:362px;
    padding:10px;
    border-radius:0px;
    text-decoration:none; 
    border : 0.25px solid grey;
}

.ovr-stylesheet .ovrbutton.blue.welcome.linkbutton {   
    
    text-wrap:normal;
    color:white;
    text-align:center;
    padding-top: 14.5px;
    padding-bottom: 10px;
    width:342px;
    display: inline-block;
    height: 23px;
}

.ovr-stylesheet .ovrbutton.yellow.welcome {
    font-family:Arial;    
    font-size:22px;
    height:65px;
    margin-bottom:20px;
    width:55.5%;/*width:400px;*/
    padding:10px;
    border-radius:8px;
    text-decoration:none;
}

.ovr-stylesheet .ovrbutton.yellow.welcome.linkbutton {   
    
    font-family:Arial;    
    font-size:22px;
    border-radius:8px;
    text-decoration:none;
    text-wrap:normal;
    color:black;
    text-align:center;
    padding-top:1em;
    padding-bottom:0.4em;
}


.ovr-stylesheet .ovrbutton.yellow.mailIn {
    width:135px;    
    border-radius:8px;
    font-weight:bold;
}


.ovr-stylesheet .ovrbutton.clear 
{     
   background-color: white;
   color:Black;
   border:0.5px solid rgb(140,140,140);
}

.ovr-stylesheet .ovrbutton.blue:hover {background-color: RGB(37,77,106);}
.ovr-stylesheet .ovrbutton.blue:FOCUS {background-color: RGB(49,101,138);}


.ovr-stylesheet .ovrbutton.blue:hover{background-color :lightgrey ; color: black; }
.ovr-stylesheet .ovrbutton.blue:focus{background-color :lightgrey ; color: black; }

.ovr-stylesheet .ovrbutton.clear:hover {background-color: RGB(230,230,230);}
.ovr-stylesheet .ovrbutton.clear:FOCUS {background-color: RGB(230,230,230);}

.ovr-stylesheet .ovrbutton.grey:hover {background-color:rgb(83,83,83);}

.ovr-stylesheet .ovrbutton.yellow:hover{background-color :lightgrey ;}

.ovr-stylesheet .ovrbutton.blue.welcome:hover{background-color :lightgrey ; color: black; }
.ovr-stylesheet .ovrbutton.blue.welcome:focus{background-color :lightgrey ; color: black; }

.ovr-stylesheet .btn-default.blue:FOCUS {background-color: RGB(49,101,138);}
.ovr-stylesheet .btn-default.blue:hover {background-color: RGB(37,77,106);}


.ovr-stylesheet .ovrbutton.formreview:hover{background-color :lightgrey ;}

input::first-letter {
    color: #ff0000;
    font-size: xx-large;
}

/*********** Responsive Changes  OVR BUTTON --- END***********/



/*********** Responsive Changes  OVR TOGGLE BUTTONS --- START***********/

/***********/

.ovr-stylesheet .ovrToggle 
{
   border-style:solid;    
   border-radius: 5px; 
   cursor:pointer;
   text-align:center;
   font-family:Verdana, Arial, Sans-Serif ; 
   font-size:16px;
   padding : 8px 12px 8px 12px;
   background:none;
   margin:0;
}

.ovr-stylesheet .ovrToggle.YesToggle
{
   
   border-radius: 5px 0px 0px 5px ;
  /* background:linear-gradient(rgb(239,212,105),white);
   background-color: rgb(239,212,105);;#548118;*/
  background-color: rgb(62, 122, 167);
   background:linear-gradient(#3f75a2,#2a4e6c);
   font-weight:bold;
   border-color:black;/*rgb(115,173,33);*/
   border:1px solid grey;
   color:white;
   
}

.ovr-stylesheet .ovrToggle.NoToggle
{
   border-radius: 0px 5px 5px 0px; 
  /* background:linear-gradient(rgb(239,212,105),white);
   background-color:rgb(239,212,105);rgb(255,241,210);*/
   background:linear-gradient(#3f75a2,#2a4e6c);
  background-color: rgb(62, 122, 167);
   border-color:black;
   font-weight:bold;
   border:1px solid grey;   
   color:white;
}


 .ovr-stylesheet .ovrToggle.YesToggle:hover {
  background:none;
  background-color: lightgray;
  color:black;
 }    

.ovr-stylesheet .ovrToggle.NoToggle:hover {
  background:none;
  background-color: lightgray;
  color:black; 
}

 .ovr-stylesheet .ovrToggle.YesToggle.Inactive:hover {
  background:none;
  background-color: lightgray;
  color:black;
 }   

.ovr-stylesheet .ovrToggle.NoToggle:hover {
  background:none;
  background-color: lightgray;
  color:black; 
}

 .ovr-stylesheet .ovrToggle.YesToggle.Inactive {

  background:none;
  background-color: White;
  color:Black;
 }  

.ovr-stylesheet .ovrToggle.ToggleActive {
  background:none;
  background-color: rgb(115,173,33);
  color:White;
  font-style:normal; 
 
}

.ovr-stylesheet .ovrToggle.ToggleInactive {
  background:none;
  background-color: white;
  color: rgb(0,122,255);
  font-style:normal;
  background:none;
 
}



/*********** Responsive Changes  OVR TEXTS--- START***********/
.ovr-stylesheet .text-font{
font-family:Verdana 

}

/*********** Responsive Changes  OVR TEXTS --- END***********/


/*********** Responsive Changes  OVR TOGGLE BUTTONS --- END***********/



/*********** Responsive Changes  OVR TEXT BOXES --- START***********/
/*********** Responsive Changes  OVR TEXT BOXES --- END***********/


/*********** Responsive Changes  OVR HEADERS --- START***********/
.ovr-stylesheet .ovr-header {

    font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: ;
	font-weight: bold;
	display: block;
	text-align:center;
    
}
.ovr-stylesheet .ovr-p1 {
    font-family: Verdana, Arial, sans-serif;
	color: black;
	font-size: 1.25em;
	text-align: left;
	vertical-align: top;
    padding: 0.5%;

}
/*********** Responsive Changes  OVR HEADERS --- END***********/


/*********** Responsive Changes  OVR SUB HEADERS --- START***********/

.ovr-stylesheet .h2
{
	font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
    /*font-size:1.6em;*/
	font-size: 16pt;
	font-weight: bold;
	margin-bottom:0px; 
	margin-top:0px;
	margin-left:0px; 
	margin-right:0px;
	display: block;
}

.ovr-stylesheet .h2:focus{outline:-webkit-focus-ring-color grey; outline-color:white;
                    
}

.ovr-stylesheet .h2-header
{
	font-family: Verdana, Sans-Serif, Verdana;
	color: black;
	vertical-align: top;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom:0px; 
	margin-top:0px;
	margin-left:0px; 
	margin-right:0px;
	display: block;
}



.ovr-stylesheet .wrap { 
   white-space: pre-wrap;      /* CSS3 */      
   word-wrap:break-word;    /* IE */
}
/*********** Responsive Changes  OVR SUB HEADERS --- END***********/

/*********** Responsive Changes  OVR ACCORDIANS --- START***********/
.ovr-stylesheet .ovr-accordian{
    background-color: #eee;
            color: #444;
            cursor: pointer;
            padding: 18px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 15px;
            transition: 0.4s;
}
.ovr-stylesheet .ovr-border{
border : 1px solid red;
}
/*********** Responsive Changes  OVR ACCORDIANS --- END***********/


/*********** Responsive Changes  OVR HYPERLINKS --- START***********/
/*'.ovr-stylesheet a[target='_blank']::after {
   content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);} 
 \29C9'*/

 
.ovr-stylesheet .ovr-hyperlink
{
	font-family: Verdana, helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
    text-align: left;
	color: maroon;/*#3344dd;AAA conformance color for Accessibility - Do Not Change!*/
	}

a.link:visited	
{	
    color:#804180; /*AAA conformance color for Accessibility - Do Not Change!*/
}

.ovr-stylesheet .ovr-hyperlink:hover	
{	
    font-weight: bold;
	color: green;/*#b50010;AAA conformance color for Accessibility - Do Not Change!*/
    text-decoration:underline;
}

.ovr-stylesheet .ovr-hyperlink:focus 
{
    font-weight: bold;
	color:green;/*#b50010; AAA conformance color for Accessibility - Do Not Change!*/
}

.ovr-stylesheet .hover-cursor:hover{cursor:pointer;}

/*********** Responsive Changes  OVR HYPERLINKS --- END***********/

/*********** Responsive Changes  OVR MODALS --- START***********/
.ovr-stylesheet .ovr-modal{ 
    background-color: #e1f5fe;
    border-radius:5px;
    line-height:20pt;
    font-size:18px;
   /* background:linear-gradient(rgb(186, 242, 186),rgb(87, 135, 87));*/
    color:dimgray;
    padding:15pt;
    font-family:"Lato",Helvetica,sans-serif;


}
/*********** Responsive Changes  OVR MODALS --- END***********/

/*********** Responsive Changes  OVR DROPDOWNS --- START***********/
/*********** Responsive Changes  OVR DROPDOWNS --- END***********/



/*********** Responsive Changes  OVR TEXT BOXES --- START***********/
.ovr-stylesheet .ovr-textbox{
    border-color:rgb(217,217,217);
    border-radius:5px;
    height:25px;

}

/*********** Responsive Changes  OVR TEXT BOXES --- END***********/

/********** Responsive Changes  OVR OTHER CONTROLS --- START***********/
.ovr-stylesheet .text-center {text-align:center;}
.ovr-stylesheet .text-left {text-align:left;}
.ovr-stylesheet .text-right {text-align:right;}
.ovr-stylesheet .border {border:1px solid green;}

.ovr-stylesheet .float-left {float:left;}
.ovr-stylesheet .float-right {float:right;}

.ovr-stylesheet .display-none {display:none;}
.ovr-stylesheet .display-block {display:block;}


  /* This code need to be modified to add to the OVR Common Style sheet Page*/
       .ovr-stylesheet  .LanguageList {
            color: rgb(89,89,89);
            line-height: 35px;
            padding: 0% 0% 0% 0%;
            margin-top:21px;
            display: flex;
            font-size: 14px;
            text-wrap: normal;
        }

     /*@media screen and (-webkit-min-device-pixel-ratio:0) {  .ovr-stylesheet .LanguageList hr  {  display:inline-grid;  }
                                                             .ovr-stylesheet .ListItem:hover   {  cursor:pointer }

     }*/

        .ovr-stylesheet .ListItem {
            margin: auto;
            font-style: normal;
            text-decoration: none;
        }

           .ovr-stylesheet  .ListItem:hover {
                color: green;
                font-weight: bold;
                text-decoration: underline;
            }

       .ovr-stylesheet  .buttonlink {
            background: none !important;
            color: inherit;
            border: none;
            padding: 0 !important;
            font: inherit;
            border: none;
            cursor: pointer;
        }
/*********** Responsive Changes  OVR OTHER CONTROLS --- END***********/

/*.ovr-stylesheet :focus
{
                outline:0.00005em  dashed green;
}*/

.ovr-stylesheet .chromeBlueFocus:focus
{
    outline: 0.4px dotted;
    outline-color: white;
}

.bold
{
    font-weight: bold;
}

.ovr-stylesheet .bold
{
    font-weight: bold;
}

 .ddl > option:hover{
   background-color:  rgb(30,144,255);
   color:white;
 }
 
 .ovr-stylesheet .dash, .p1 .dash {
     font-size: 18px;
     padding-left: 4px;
     padding-right: 4px;
 }

 .dob {
     text-align: center; padding-bottom:2px;
 }

 .electioninfopanel {
     background-color: white; 
     text-align: center; 
     font-size:13.33px; 
     border: 2px solid silver;
     padding:10px; 
     width:80%;
     margin :9px 60px;
 }