/* THIS IS THE STYLESHEET FOR ALL STATIC PAGES */


 html,body{
	background: #ffffff;
	 background-color:#ffffff;
}


.w3-sand{color:#000;background:#fdf5e6}






.w3-spin{animation:w3-spin 2s infinite linear;-webkit-animation:w3-spin 2s infinite linear}
@-webkit-keyframes w3-spin{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes w3-spin{
0%{-webkit-transform:rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}


.hatch {background: repeating-linear-gradient(
  45deg,
  #ffffff,
  #e2e2e2 5px,
  #ffffff 5px,
  #e2e2e2 5px,
  #ffffff 5px,
  #e2e2e2 5px
);
}

.w3-btn-done{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);border:none;display:inline-block;outline:0;
    padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background:#39853c;
    text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn-done:hover{color:#fff;background:#2196F3;}


.smallheader    {font-family: Arial, Helvetica, sans-serif;
                 font-size: 14px;
                 color: #000000;
                 font-weight: bold;}
                 
                 
.imagelink, .imagelink a:link, .imagelink a:active, .imagelink a:visited, .imagelink a:hover {border: 0px;}

                 
.divheader{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000066;}

.divheader a    {color: #000066;
         text-decoration: none;}
             
.divheader a:hover  {color: #000066;
             text-decoration: none;}

.newsdivheader{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #AA0000;}

.newsdivheader a    {color: #AA0000;
         text-decoration: none;}
             
.newsdivheader a:hover  {color: #AA0000;
             text-decoration: none;}
             
/* HEADER AND LABEL FONTS */

.pagehead1  {font-family: Arial, Helvetica, sans-serif;
             font-size: 28px;
             color: #000066;
             font-weight: bold;
    	background-color: #ffffff;
}
    
.pagehead2  {FONT-FAMILY: verdana, arial, verdana;
                COLOR:#000066;
                FONT-SIZE: 14pt;
                font-weight : bold;
    	background-color: #ffffff;
}            
            
.pagehead3  {FONT-FAMILY: verdana, arial, verdana;
                COLOR:#000066;
                FONT-SIZE: 11pt;
                font-weight : bold;
    	background-color: #ffffff;
}    
                
.pagehead4 {FONT-FAMILY: verdana, arial, verdana;
                COLOR:#000066;
                FONT-SIZE: 12pt;
                font-weight : bold;
    	background-color: #ffffff;
}  

.pagehead5 {FONT-FAMILY: verdana, arial, verdana;
                COLOR:#000066;
                FONT-SIZE: 10pt;
                font-weight : bold;
    	background-color: #ffffff;
}  
/* LINKS AND NAV */

a:focus{outline:1; box-shadow: 0 0 0 1px #007bff;}

.toplinks   {font:  11px verdana, Arial, Helvetica, sans-serif;
             color: #ffffff;
             line-height: 12px;
  
}
             
.toplinks a     {color: #ffffff;
            text-decoration: none;}
                 
.toplinks a:hover   {color: #ffffff;
            text-decoration: underline;}
            
.toplinks a:focus{outline:1; box-shadow: 0 0 0 2px #007bff;}
.toplinks2 a:focus{outline:1; box-shadow: 0 0 0 2px #007bff;}
             
           
.leftnav {font-family: verdana, Arial, Helvetica, sans-serif;
					  font-size: 12px;
					  line-height: 1.5;
					  font-weight: bold;
					  color: #495057;
					  text-decoration: none;}

.leftnav a:hover    {color: blue;
            text-decoration: underline;}    

.hoverlinks     {font:  12px Arial, Helvetica, sans-serif;
             color: #000000;}

.hoverlinks a   {color: #000000;
                text-decoration: none;}
             
.hoverlinks a:hover     {color: #0000ff;
                        text-decoration: underline;}

.leftnav:hover        {color: #0000ff;
                       text-decoration: underline;}

.hoverlinks-ul-blk{
    font:  12px Arial, Helvetica, sans-serif;
    color: #000;
    margin-top: 2px; 
    margin-bottom: 0px; 
    margin-left: 8px; 
    padding-left: 1.5em; 
    list-style-image: url(https://www.coloradosos.gov/render/file.act?path=/arrow_blk.gif);
}

.hoverlinks-ul-blk a{
    color: #000000;
    text-decoration: none;
}

.hoverlinks-ul-blk a:hover{
    color: #0000ff;
    text-decoration: underline;
}

.iconlinks {font:  9px Arial, Helvetica, sans-serif;
        color: #000000;}

.iconlinks a {color: #000000;
        text-decoration: none;}
             
.iconlinks a:hover {color: #0000ff;
            text-decoration: underline;}
            
    

.homelinks  {font: 12px Arial, Helvetica, sans-serif;
         color: #000000;
        text-decoration: none;}

.homelinks a    {color: blue;
        text-decoration: none;}
             
.homelinks a:hover  {color: #000000;
            text-decoration: none;
            font-weight: bold;}
            

.helplinks {
    font:  12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
}
.helplinks a{
    color: #000000;
    text-decoration: none;
}
.helplinks a:hover{
    color: #0000ff;
    text-decoration: underline;
}

.videolinks {font: 12px Arial, Helvetica, sans-serif;
         color: #000000;
        text-decoration: none; font-weight: bold;}

.videolinks a {font: 12px Arial, Helvetica, sans-serif;
         color: #000000;
        text-decoration: none; font-weight: bold;}

.videolinks a:hover   {color: blue; text-decoration: underline; font-weight: bold;}

A.FileDoc:link          {font-family: Arial, Helvetica, sans-serif;
                               color: #000000; 
                               text-decoration: none;
                               font-size: 10pt;}

A.FileDoc:visited       {font-family: Arial, Helvetica, sans-serif;
                                     color: #000000; 
                                     text-decoration: none;
                                     font-size: 10pt;}

A.FileDoc:active        {font-family: Arial, Helvetica, sans-serif;
                                     color: #000000; 
                                     text-decoration: none;
                                     font-size: 10pt;}

A.FileDoc:hover         {font-family: Arial, Helvetica, sans-serif;
                                     color: #0000FF; 
                                     text-decoration: underline;
                                     font-size: 10pt;}

A.FileDocUnderline:link       {font-family: Arial, Helvetica, sans-serif;
                               color: #000000; 
                               text-decoration: underline;
                               font-size: 10pt;}

A.FileDocUnderline:visited          {font-family: Arial, Helvetica, sans-serif;
                                     color: #000000; 
                                     text-decoration: underline;
                                     font-size: 10pt;}
                                     
A.FileDocLarge:link           {font-family: Arial, Helvetica, sans-serif;
                                   color: #DD0000; 
                                   text-decoration: underline;
                                   font-size: 14pt;}

A.FileDocLarge:visited        {font-family: Arial, Helvetica, sans-serif;
                                         color: #DD0000; 
                                         text-decoration: underline;
                                         font-size: 14pt;}

A.FileDocLarge:active         {font-family: Arial, Helvetica, sans-serif;
                                         color: #000000; 
                                         text-decoration: underline;
                                         font-size: 14pt;}

A.TxnStatutes:link        {FONT-FAMILY: Arial, Helvetica, sans-serif;
                           COLOR:#003366;
                           FONT-SIZE: 9pt;}
A.TxnStatutes:visited     {FONT-FAMILY: Arial, Helvetica, sans-serif;
                           COLOR:#003366;
                           FONT-SIZE: 9pt;}
A.TxnStatutes:active      {FONT-FAMILY: Arial, Helvetica, sans-serif;
                           COLOR:#003366;
                           FONT-SIZE: 9pt;}

BODY    {font-family: Arial, Helvetica, sans-serif;
         font-size: 10px;
         background:#FFFFFF;
         color: #000000;}

TD          {FONT-FAMILY: Arial, Helvetica, sans-serif;
            COLOR:#000000;
            FONT-SIZE: 10pt;}
        
P           {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 10pt;}
            
B           {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 10pt;}
            
I           {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 10pt;}
            
UL          {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 10pt;}
            
LI          {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 10pt;}                       
            
H1          {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 14pt;}
            
H2          {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 13pt;}
            
H3          {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 12pt;}
            
H4          {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 10pt;}
                                                                    
.sm         {FONT-FAMILY: arial, verdana;
            COLOR:#000000;
            FONT-SIZE: 8pt;}
                    


.page_hdg   {font-family: Arial, Helvetica, sans-serif;
             font-size: 28px;
             color: #000066;
             font-weight: bold;}
    
.page_messages  {FONT-FAMILY: Arial, Helvetica, sans-serif;
                 COLOR:#DD0000;
                 FONT-SIZE: 10pt;
                 font-weight : normal;}         
    
.page_errors  {FONT-FAMILY: Arial, Helvetica, sans-serif;
                 COLOR:#DD0000;
                 FONT-SIZE: 10pt;
                 font-weight : normal;}         
    
.page_description  {FONT-FAMILY: Arial, Helvetica, sans-serif;
                 COLOR:#000000;
                 FONT-SIZE: 10pt;
                 font-weight : normal;}         
    
.bottom_links       {FONT-FAMILY: Arial, Helvetica, sans-serif;
                     COLOR:#FFFFFF;
                     FONT-SIZE: 8pt;}           

/*  .group_title is for a title of a group of input elements */
.group_title   {FONT-FAMILY: Arial, Helvetica, sans-serif;
                COLOR:#000000;
                font-weight : bold;         
                FONT-SIZE: 10pt;}

.warning_error_msg   {FONT-FAMILY: Arial, Helvetica, sans-serif;
                COLOR:DD0000;
                font-weight : bold;         
                FONT-SIZE: 12pt;}

/*  .txn_provision is legal provisions included on a transaction form */
.txn_provision   {FONT-FAMILY: Arial, Helvetica, sans-serif;
                  COLOR:#000000;
                  font-weight : normal;         
                  FONT-SIZE: 9pt;
                  font-style: italic;}

.normal_italic   {FONT-FAMILY: Arial, Helvetica, sans-serif;
                  COLOR:#000000;
                  font-weight : normal;         
                  FONT-SIZE: 10pt;
                  font-style: italic;}

.small_italic    {FONT-FAMILY: Arial, Helvetica, sans-serif;
                  COLOR:#000000;
                  font-weight : normal;         
                  FONT-SIZE: 8pt;
                  font-style: italic;}

.txn_statutes   {FONT-FAMILY: Arial, Helvetica, sans-serif;
                 COLOR:#000000;
                 FONT-SIZE: 10pt;}

.rules_text_bold    {FONT-FAMILY: Arial, Helvetica, sans-serif;
                     COLOR:#000000;
                     font-weight : bold;            
                     FONT-SIZE: 12pt;}

.rules_text_normal    {FONT-FAMILY: Arial, Helvetica, sans-serif;
                       COLOR:#000000;
                       font-weight : normal;            
                       FONT-SIZE: 12pt;}
 






.staticTextValue  {FONT-FAMILY: Times New Roman, Times, serif;
                    COLOR:#000000;
                    FONT-SIZE: 11pt;}

.redText {COLOR:#DD0000;}

.checkadv {FONT-SIZE: 9pt;}

.checkexact {FONT-SIZE: 8pt;}

.redLink:visited {font-family: Arial, Helvetica, sans-serif;
                  color: #DD0000; 
                  text-decoration: underline;
                  font-size: 10pt;}

.blueLink {font-family: Arial, Helvetica, sans-serif;
           color: #0000FF; 
           text-decoration: underline;
           font-size: 10pt;}

.blueLink:visited {font-family: Arial, Helvetica, sans-serif;
                   color: #0000FF; 
                   text-decoration: underline;
                   font-size: 10pt;}
    
.linkPrev {
    position:relative; top: 0in; left: 0; width: .25in; 
    text-align: left; 
    color: blue; 
    text-decoration: underline;
    font-family:   arial; 
    font-size: 8pt}

.linkPrev:visited {
    position:relative; top: 0in; left: 0; width: .25in; 
    text-align: left; 
    color: blue; 
    text-decoration: underline;
    font-family:   arial; 
    font-size: 8pt}
    
.linkNext {
      position:relative; top: 0in; left: 6in; width: .25in; 
      text-align: right; 
      color: blue; 
      text-decoration: underline;
      font-family:   arial; 
      font-size: 8pt}
      
.linkNext:visited {
      position:relative; top: 0in; left: 6in; width: .25in; 
      text-align: right; 
      color: blue; 
      text-decoration: underline;
      font-family:   arial; 
      font-size: 8pt}

.links {
      position:relative; top: 0in; left:  1in; 
      width: 4in; text-align: center; 
      color: blue; 
      font-family:   arial; 
      font-size: 8pt}

.links:visited {
      position:relative; top: 0in; left:  1in; 
      width: 4in; text-align: center; 
      color: blue; 
      text-decoration: underline;
      font-family:   arial; 
      font-size: 8pt}


/* TABLE STYLING */

/* Typical table with header row */

.cmsTable {border: 1px solid #777782; border-collapse: collapse; empty-cells:show;  }
.cmsTable td {border: 1px solid #777782; padding: 4px; }
.cmsTable tr:nth-of-type(odd) {background: #f1f1f1; }
.cmsTable th {background: #b0c4de; border: 1px solid #777782; padding: 7px;}

/* Typical table without header row */

.cmsTable2 {border: 1px solid #777782; border-collapse: collapse; empty-cells:show;  }
.cmsTable2 td {border: 1px solid #777782; padding: 4px; }
.cmsTable2 tr:nth-of-type(even) {background: #f1f1f1; }


/* Typical table with header row / no zebra */

.cmsTable3 {border: 1px solid #777782; border-collapse: collapse; empty-cells:show;  }
.cmsTable3 td {border: 1px solid #777782; padding: 4px; }
.cmsTable3 th {background: #b0c4de; border: 1px solid #777782; padding: 7px;}

/* Typical table with header row, zebra reversed */

.cmsTable4 {border: 1px solid #777782; border-collapse: collapse; empty-cells:show;  }
.cmsTable4 td {border: 1px solid #777782; padding: 4px; }
.cmsTable4 tr:nth-of-type(even) {background: #f1f1f1; }
.cmsTable4 th {background: #b0c4de; border: 1px solid #777782; padding: 7px;}


/* Vertical table with no labels in the first column */

.verticalTable {border: 1px solid #777782; border-collapse: collapse; empty-cells:show; }
.verticalTable td {border: 1px solid #777782; padding: 4px; }
.verticalTable tr td:nth-child(even){background: #f1f1f1; }
.verticalTable th {background: #b0c4de; border: 1px solid #777782; padding: 7px; }

/* Voter lookup tables */

.lookTable tr:nth-of-type(odd) {background: #f1f1f1; }
.lookTable {border: 1px solid #777782; border-collapse: collapse; empty-cells:show; margin-left: 15px; }
.lookTable td {border: 1px solid #777782; padding: 3px; }

/* Clerk approved forms tables */
.appFormTable {border: 1px solid #b4b4b4; border-collapse: collapse; empty-cells:show;
    }
.appFormCell {border: 1px solid #b4b4b4; }





A.headerLink {
      text-align: left; 
      color: blue; 
      text-decoration: underline;
      font-family: arial; 
      font-size: 8pt}

A.headerLink:visited {
      text-align: left; 
      color: blue; 
      font-family: arial; 
      text-decoration: underline;
      font-size: 8pt}
      
.headerNoLink {
      text-align: left; 
      color: black; 
      font-family: arial; 
      font-size: 8pt}
 
CAPTION {
   color: black; 
   font: 14px; 
   font-family:  arial; 
   font-weight: bolder}

TH {
   background: white; 
   color: black; 
   font: 14px; 
   font-family:  arial; 
   font-weight: bold}

TR.odd {
      background: white; 
      color: black; font: 12px; 
      font-family:  arial; 
      font-weight: normal}
    
TR.even {
      background: white; 
      color: black; 
      font: 12px; 
      font-family:  arial; 
      font-weight: normal}


/*  VSCFileLink: for Voting System Certification file links - added 7/8/08 by Phil */
A.VSCFileLink{
    font-family: arial, verdana;
    color: #000000;
    text-decoration: none;
    font-size: 8pt;
}

A.VSCFileLink:link {
    font-family: arial, verdana;
    color: #000000;
    text-decoration: none;
    font-size: 8pt;
}

A.VSCFileLink:visited {
    font-family: arial, verdana;
    color: #000000;
    text-decoration: none;
    font-size: 8pt;
}

A.VSCFileLink:active {
    font-family: arial, verdana;
    color: #000000;
    text-decoration: none;
    font-size: 8pt;
}

A.VSCFileLink:hover {
    font-family: arial, verdana;
    color: #000000;
    text-decoration: underline;
    font-size: 8pt;
}


/* SOS HOME LAYOUT */

#homePageWrapper {width: 900px; padding-left: 30px;}

#homePageContent {width: 600px; position: relative; float: left;}


#psLeft {position: relative;
            float: left; 
            width: 40%;
            padding-left: 12px;}

#psRight {position: relative; 
            float: right;
            width: 55%;}
            
#homePageMedia  {position: relative; float: right;}

#homePageNews {position: relative; float: left; padding-top: 25px;}
                           
#homePageEmail {position: relative; float: left; padding-top: 30px;}
                           
#homePageBottomWrapper {clear: both; width: 950; padding-top: 20px; align: center;}                           
                           
#homePageBottom {background: #e8e8e8;}

#bottomCol1 {position: relative; float: left; padding-left: 10px; width: 24%; height: 135px; background: #e8e8e8;}

#bottomCol2 {position: relative; float: left; width: 19%; height: 135px; background: #e8e8e8;}

#bottomCol3 {position: relative; float: left; width: 25%; height: 135px; background: #e8e8e8;}

#bottomCol4 {position: relative; float: left; width: 30%; height: 135px; background: #e8e8e8;}

/* ELECTIONS HOME LAYOUT */

#elecPageWrapper {width: 900px; padding-left: 30px;}

#elecPageTitle {width: 50%; margin-left: auto; margin-right: auto; }

#elecPageContent {width: 600px; margin-left: auto; margin-right: auto; padding-top: 15px; }

#elecLeft {float: left;
    width: 150px;
    padding-left: 55px;
            }

#elecRight {float: left;
    padding-left: 150px;
            }

#elecNewsWrapper {width: 800px; float: left; position: relative; padding-top: 30px; padding-left: 50px; margin-left: auto; margin-right: auto; }
                           
#elecCalendar {width: 800px; float: left; position: relative; padding-top: 30px; padding-left: 50px; margin-left: auto; margin-right: auto;}


/* 2-COLUMN STATIC PAGE WITHOUT TABLES */

#colcontainer {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}

#colcontainerChar {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}

#colleft {
    float: left;
    width: 45%;
    
}

#colcenter {
 padding-left: 4%;
    float: left;
    width: 6%;
    margin-bottom: 40px;
}

#colright {
    float: left;
    width: 45%;
  
}


/* MISC - USED IN CCSA */

.midhead {font:  12pt verdana, arial, verdana;
    		 	color: #000066;
                                font-weight:bold;}

.lvl5head {font:  10pt verdana, arial, verdana;
			 	color: #000066;
                                font-weight:bold;}
                                
.tocLinks  {font: 12px Arial, Helvetica, sans-serif;
         color: #000000;
        text-decoration: none;}

.tocLinks a    {color: blue;
        text-decoration: none;}
             
.tocLinks a:hover  {color: blue;
            text-decoration: underline;
            }

/* INDENTS - WORKING ON REMOVING */



.indent1 {
    padding-left: 16px ;
    text-indent: -16px ;
}

.indent2 {
    padding-left: 36px ;
    text-indent: -16px ;}
.indent3 {
    padding-left: 66px ;
    text-indent: -16px ;}
.indent4 {
    padding-left: 86px ;
    text-indent: -16px ;}
.indent5 {
    padding-left: 106px ;
    text-indent: -16px ;}
.indentA {
    padding-left: 45px ;
    text-indent: -44px ;
}            
.indentB {
    padding-left: 65px ;
    text-indent: -44px ;
}  
.indentC {
    padding-left: 90px ;
    text-indent: -46px ;
}  
.indentI {
    padding-left: 24px ;
    text-indent: -23px ;
}
.indentII {
    padding-left: 52px ;
    text-indent: -23px ;
}
.indentIII {
    padding-left: 72px ;
    text-indent: -23px ;
}
.indentIV {
    padding-left: 92px ;
    text-indent: -23px ;
}
.indentV {
    padding-left: 112px ;
    text-indent: -23px ;
}
 
/* Removes iframe vertical scrollbar in chrome & safari browsers */
.iframe::-webkit-scrollbar {
      display: none;
}
 
 
//