@charset "utf-8";
/* CSS Document */
/*This CSS file, 508.css, contains 508 compliancy styles for the VDOE website*/

/*The following 2 declarations make for a different highlighting in hopes to aid with color contrast*/
::selection {
	background: #1e7875;
	color: #ffffff;
	text-shadow: none;
}
::-moz-selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}
/*The following 3 declarations use the focus pseudo class to ensure a highly visible focus indicator for low vision and keyboard-only users*/
#va-commonBanner a:focus, #commonBanner a:focus, #tagline a:focus, #css_switch a:focus, #breadcrumb a:focus, #searchform  input[type=text]:focus, #searchform input[type=image]:focus, #textbar a:focus, #footer a:focus {outline: yellow dotted medium;}/*a11y accessibility*/

a:focus {outline: #d50032 dotted medium;}/*a11y accessibility*/

#searchform input:focus
{
	outline: 3px dotted #ffc72c;
}
/* This is used for 508 compliance and display text only to screen reader which is not visible. Also using Bootstrap's sr-only class as of 2017*/			    
.hidden 
 {
    position: absolute;
    margin-left: -10000px;
    width: 1px;
	height:1px;
    overflow: hidden;
 }  	

/* This is used for 508 compliance and display text only to screen reader which is not visible for the skip to main content links. */			    
.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
/* This is used to set the font size to 110% */			    
.font110
	{
	font-size : 110% !Important; 
	}
 
/* This is used to set the font size to 100% */			    
.font100
	{
	font-size : 100% !Important; 
	}

/* This is used to set the font size to 95% */			    	
.font95
	{
	font-size : 95% !Important; 
	}
  
/* This is used to set the font size to 90% */			    	
.font90
	{
	font-size : 90% !Important; 
	}

/* This is used to set the font size to 85% */			    	
.font85
	{
	font-size : 85% !Important; 
	}  
/* This is used to set the font size to 85%, text center, line hieght 13px */			    	
.font85_center_hieght13px
	{
	font-size : 85%; 
	text-align:center;
	line-height:13px;
	}  
/* This is used to set the link style */			    	
.font85_center_hieght13px a
	{
	font-size : 85%;
	text-align:center;
	line-height:13px;
	color: #300;
	text-decoration: none;
	}  

/* This is used to set the font size to 80% */			    	
.font80
	{
	font-size : 80% !Important; 
	}

/* This is used to set the font size to 75% */			    	
.font75
	{
	font-size : 75% !Important; 
	}

/* This is used to set the font size to 70% */			    
.font70
	{
	font-size : 70% !Important; 
	}

/* This is used to set the font size to 65% */			    	
.font65
	{
	font-size : 65% !Important; 
	}

/* This is used to set the font size to 60% */			    	
.font60
	{
	font-size : 60% !Important; 
	}

/* This is used to make the font bold - No Longer Used*/			    	
/*.fontbold
	{
	font-weight:bold;
  }*/

/* This is used to set the text left aligned */			      
.alignleft
	{
  text-align:left !Important; 
	}

/* This is used to set the text center aligned */			      	
.aligncenter
	{
  text-align:center !Important; 
	}

/* This is used to set the text right aligned */			      	
.alignright
	{
  text-align:right !Important; 
	}
  
/* This is used to set the text justified */			      
.alignjustify{
	text-align:justify !Important;
}  

/* This is used to set the padding from top 10 px (Formula 1px = 0.0626 em)*/			      
.paddingtop {
  padding-top: 0.626em !Important;
}

/* This is used to set the padding from bottom 10 px (Formula 1px = 0.0626 em)*/					      
.paddingbottom {
  padding-bottom: 0.626em !Important;
}

/* This is used to set the padding from left 10 px (Formula 1px = 0.0626 em)*/					      
.paddingleft {
  padding-left: 0.626em !Important;
}

/* This is used to set the padding from right 10 px (Formula 1px = 0.0626 em)*/					      
.paddingright {
  padding-right: 0.626em !Important;
}

/* This is used to draw left border which is 1 px (Formula 1px = 0.0626 em)*/		
.borderleft1 {
  border-left : 0.0626em ridge black !Important;
}

/* This is used to draw left border which is 2 px (Formula 1px = 0.0626 em)*/		
.borderleft2 {
  border-left : 0.1252em ridge black !Important;
}

/* This is used to draw left border which is 3 px (Formula 1px = 0.0626 em)*/		
.borderleft3 {
  border-left : 0.1878em ridge black !Important;
}

/* This is used to draw right border which is 1 px (Formula 1px = 0.0626 em)*/		
.borderright1 {
  border-right : 0.0626em ridge black !Important;
}

/* This is used to draw right border which is 2 px (Formula 1px = 0.0626 em)*/		
.borderright2 {
  border-right : 0.1252em ridge black !Important;
}

/* This is used to draw right border which is 3 px (Formula 1px = 0.0626 em)*/		
.borderright3 {
  border-right : 0.1878em ridge black !Important;
}

/* This is used to draw top border which is 1 px (Formula 1px = 0.0626 em)*/		
.bordertop1 {
  border-top : 0.0626em ridge black !Important;
}

/* This is used to draw top border which is 2 px (Formula 1px = 0.0626 em)*/		
.bordertop2 {
  border-top : 0.1252em ridge black !Important;
}

/* This is used to draw top border which is 3 px (Formula 1px = 0.0626 em)*/		
.bordertop3 {
  border-top : 0.1878em ridge black !Important;
}

/* This is used to draw top bottom which is 1 px (Formula 1px = 0.0626 em)*/		
.borderbottom1 {
  border-bottom : 0.0626em ridge black !Important;
}

/* This is used to draw bottom border which is 2 px (Formula 1px = 0.0626 em)*/		
.borderbottom2 {
  border-bottom : 0.1252em ridge black !Important;
}

/* This is used to draw bottom border which is 3 px (Formula 1px = 0.0626 em)*/		
.borderbottom3 {
  border-bottom : 0.1878em ridge black !Important;
}
/**Begin footnotes
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
[aria-describedby="footnote-label"] {
	counter-increment: footnotes; /* 1 */
	text-decoration: none; /* 2 */
	color: inherit; /* 2 */
	cursor: default; /* 2 */
	outline: none; /* 2 */
}
/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
[aria-describedby="footnote-label"]::after {
	content: '[' counter(footnotes) ']'; /* 1 */
	vertical-align: super; /* 2 */
	font-size: 0.5em; /* 3 */
	margin-left: 2px; /* 4 */
	color: blue; /* 5 */
	text-decoration: underline; /* 5 */
	cursor: pointer; /* 5 */
}
/**
 * Resetting the default focused styles on the number
 */
[aria-describedby="footnote-label"]:focus::after {
	outline: thin dotted;
	outline-offset: 2px;
}
[aria-label="Back to content"] {
	font-size: 0.8em;
}
/*End Footnotes*/