.accessability-body { -webkit-transition: all 0.2s; -moz-transition: all 0.2ms; -o-transition: all 0.2ms; transition: all 0.2s; }
#accessability {width: 200px;background: #fff;border: 2px #79298C solid;/* border-right-width: 0; */position: fixed;top: 157px;right: -200px;min-height: 35px;z-index: 999999999;-webkit-transition: all 0.2s;-moz-transition: all 0.2ms;-o-transition: all 0.2ms;transition: all 0.2s;font-size: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#accessability a#accessability-btn { background-color: #002e6d; position: absolute; top: -1px; left: -40px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; text-decoration: none; color: #fff; font-size: 28px; }
#accessability a#accessability-btn i { font-family: 'realaccessability'; font-size: 26px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
#accessability a#accessability-btn i.accessability-icon:before { content: "\e907"; }
#accessability a#accessability-btn i.accessability-loading { display: none; }
#accessability a#accessability-btn i.accessability-loading:before {	content: "\e908"; font-size: 20px; 
	-webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite;  -ms-animation-timing-function: linear;		
}

@-webkit-keyframes spin {
	from { -webkit-transform:rotate(0deg); }
	to { -webkit-transform:rotate(360deg); }
}

#accessability.open {right: 60px;}
#accessability ul { margin: 0; padding: 0; list-style: none; background: #fff; }
#accessability ul li { line-height: 38px; border-top: 1px #ccc solid; }
#accessability ul li:first-child { border-top: 0; }
#accessability ul li a {display: block;padding: 0 10px;color: #79298C;text-decoration: none;position: relative;cursor:pointer;}
#accessability ul li a .fa { margin-right:8px;}
#accessability ul li a:hover { background-color: #fafafa; color: #002e6d; }
#accessability ul li a.clicked { background-color: #fafafa; color: #002e6d; -moz-box-shadow: inset 0 0 3px #ccc; -webkit-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; }
#accessability-copyright { text-align: center; line-height: 25px; font-size: 13px; }
#accessability-copyright a { background: #eaedf2; color: #002e6d; display: block;  padding: 8px 10px; }
#accessability-copyright a:hover { background: #002e6d; text-decoration: underline; color: #fff; }
#accessability-player { text-align: center; line-height: 25px; font-size: 13px; border-top-width:1px;  border-top-color:#ccc; border-top-style:solid; border-bottom-width:1px; border-bottom-color:#ccc; border-bottom-style:solid;  padding-top:12px; padding-bottom:12px;}
#accessability-player span { display:block; font-size:15px; color:#002e6d; }

/* Effects */
.accessability-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%);	
}

.accessability-invert { -webkit-filter: invert(100%); filter: invert(100%);	 color: #000; }
.accessability-linkHighlight a { text-decoration: underline !important; }
.accessability-regularFont { font-family: Arial, Helvetica, sans-serif !important;}

/* RTL Support */
html[dir="rtl"] #accessability { left: -197px; right: auto; border-right-width: 1px; border-left-width: 0; }
html[dir="rtl"] #accessability.open { right: auto; 	left: 0; }
html[dir="rtl"] #accessability a#accessability-btn { right: -40px; left: auto; }
html[dir="rtl"] #accessability ul li a:before { margin-right: 0; margin-left: 10px; }
.bandw {    -webkit- filter: grayscale(100%);  /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.linksHighLight { background:#39ff14 !important; }
.inverted { -webkit-filter: invert(100%); filter: invert(100%); }

.dyslexie .utilityMenu ul li a {font-family: 'Dyslexie Regular', sans-serif; font-weight: 300;}
.dyslexie .headerWrap p, .dyslexie .headerWrap li, .dyslexie .headerWrap ol, label, .dyslexie .mainContentArea p, .dyslexie .mainContentArea li, .dyslexie .mainContentArea ol, .dyslexie .slider p, .dyslexie .slider li, .dyslexie .slider ol, .dyslexie .callToActionWrap p, .dyslexie .callToActionWrap li, .dyslexie .callToActionWrap ol, .dyslexie .footerWrap p, .dyslexie .footerWrap li, .dyslexie .footerWrap ol, .dyslexie .videoBannerText, .dyslexie .videoBannerText p, .dyslexie .Dialog .mwInput.Button input.mw, .dyslexie .btnWrap input, .dyslexie .Dialog input, .dyslexie .Dialog TEXTAREA, .dyslexie .Dialog SELECT, .dyslexie .Dialog .mwInput .Value, .dyslexie .mainContentArea table tr td, .dyslexie .mainContentArea table tr th, .dyslexie .footer p, .dyslexie .copyright p, .dyslexie table.Dialog select, .dyslexie .sidr ul li a, .dyslexie .sidr ul li span {font-family: 'Dyslexie Regular', sans-serif; }
.dyslexie .headerWrap h1, .dyslexie .headerWrap h2, .dyslexie .headerWrap h3, .dyslexie .headerWrap h4, .dyslexie .headerWrap h5, .dyslexie .headerWrap h6, .dyslexie .slider h1, .dyslexie .slider h2, .dyslexie .slider h3, .dyslexie .slider h4, .dyslexie .slider h5, .dyslexie .slider h6, .dyslexie .videoBanner h2, .dyslexie .mainContentArea h1, .dyslexie .mainContentArea h2, .dyslexie .mainContentArea h3, .dyslexie .mainContentArea h4, .dyslexie .mainContentArea h5, .dyslexie .mainContentArea h6, .dyslexie .callToActionWrap h1, .dyslexie .callToActionWrap h2, .dyslexie .callToActionWrap h3, .dyslexie .callToActionWrap h4, .dyslexie .callToActionWrap h5, .dyslexie .callToActionWrap h6, .dyslexie .footerWrap h1, .dyslexie .footerWrap h2, .dyslexie .footerWrap h3, .dyslexie .footerWrap h4, .dyslexie .footerWrap h5, .dyslexie .footerWrap h6, .dyslexie .stickyDonate a, .dyslexie .donateButton p a, .dyslexie .button p a, .dyslexie .banner p a, .dyslexie .Dialog .mwInput.Button input.mw, .dyslexie .btnWrap input, .dyslexie .sidebarSearch label, .dyslexie .searchHolder label, .dyslexie .twoColumn a.colContentbtn, .dyslexie .dollarSign, .dyslexie .donationBannerInner input.mwFormSubmit, .dyslexie .captionContainer .button p a, .dyslexie .banner h1, .dyslexie .banner h2, .dyslexie .banner h3, .dyslexie .banner h4, .dyslexie .banner h5, .dyslexie .banner h6, .dyslexie .alertOne p, .dyslexie .alertTwo p, .dyslexie .mainMenu ul li a, .dyslexie .mainMenu ul li, .dyslexie .utilityMenu ul li a, .dyslexie .translate, .dyslexie .amountButtonWrap .mwPayment-button.amount, .dyslexie .ui-datepicker td span, .dyslexie .ui-datepicker .ui-datepicker-header, .dyslexie .banner p, .dyslexie .svg-map-tab, .dyslexie .county-title, .dyslexie .svg-map-item-content, .dyslexie #accessability ul li, .dyslexie .headerOne .header .accessibilityButton p  {font-family: 'Dyslexie Regular', sans-serif;font-weight: 600;}