#accessibility
{
    width:200px;
    border:1px #063d8d solid;
    position:fixed;
    top:100px;
    left:-205px;
    z-index:9999;
    transition:all 0.2s;
    background:#fff;
}
#accessibility.open
{
    left:0;
}
#accessibility-btn
{ 
    background-color: #063d8d;
	position: absolute;
	top: -1px;
	right: -40px;
	line-height: 40px;
	text-align: center;
}
#accessibility-btn, #accessibility-btn img
{
    width: 40px;
	height: 40px;
}
#accessibility ul
{
    list-style: none;
    margin:0px;
    padding:0px;
}
#accessibility ul li
{
	padding:0px;
    border-top: 1px #ccc solid;
    color: #222;
}
#accessibility ul li:first-child {
	border-top: 0;
}
#accessibility ul li a
{
    display:block;
    padding:10px;
    color: #222;
    text-decoration:none;
}
#accessibility ul li a:hover
 {
	background-color: #eaeaea;
	color: #063d8d;
}
#accessibility ul li.clicked a
 {
	background-color: #eaeaea;
	color: #063d8d;
}
 #accessibility ul li#accessibility-statement a
 {
 	text-align:center;
 	background-color:#e5e5e5;
 	text-decoration: underline;
 }
  #accessibility ul li#accessibility-statement a:hover
 {
 	
 	background-color:#aaa;
 }
 	
.accessibility-regularFont {
	font-family: Arial, Helvetica, sans-serif !important;
}
.accessibility-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);	
}

.accessibility-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);	
    color: #000;
}