/* accessability menu */
*:focus { outline: none!important; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.accessability  { position: relative; font-size: 18px; /*margin-right: 1.625em;*/}

.accessibility_title { text-decoration: none!important; }
.accessibility_title i { display: inline-block; margin-left: 0.375em;color:#f00b61;position:fixed;left:10px; }
.accessibility_title span:first-child {margin-left: 9px;}
.accessibility_title span:last-child {    margin-right: 0.2em; margin-left: 0.14em;  position: relative; top: -3px;  font-size: 1.2em;font-weight: 300;color: #7265ad;}
.accessibility_title span:nth-child(3) { margin: 0; padding: 10px 0; }
.accessibility_title:hover span:nth-child(3) { text-decoration: underline; }

#access-menu>li:after, #skip-links-list li:last-child a:after{ display: none; }
#access-menu li { line-height: normal; margin: 0; list-style: none; display: block; clear: both; }

.accessibilty_menu {  display: none;
    position: fixed;
    z-index: 1010;       
    left: 10px;
    margin: 0;
    top: 100px;
    width: 370px;
    padding: 10px 0;
    margin-bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.49);
    -moz-box-shadow: 0 5px 8px rgba(0,0,0,.49);
    box-shadow: 0 5px 8px rgba(0,0,0,.49);
    border: solid 2px #7265ad;}
.accessibilty_menu:hover { cursor: pointer; display: block; }
.accessibilty_menu li > a { display: block; float: right; clear:both; line-height: 30px;  text-align: right; padding-right: 10px; font-size:1rem; width: 100%; font-weight:normal;}
.accessibilty_menu li > a:hover {color: #7265ad;cursor:pointer;text-decoration: underline;}
.sfs {font-size: 0.8889rem;color: #7265ad;text-align: right;padding: 10px;font-weight: normal;}
.sfs:hover { cursor:default!important; text-decoration: none!important; }
i.icon-accessibility_icon { color: #000;}

#skip-links { position:fixed; left: 1%; top: 3%; z-index: 1011; background: #fff; border: 1px solid #000; padding: 10px; width: 390px; }
#skip-links h3 { text-align: center; color: #000!important; }
#skip-links ul { margin: 0; padding: 0; }
#skip-links ul li { display: block; clear: both; width: 100%; text-align: right; padding: 0;}
#skip-links ul li a { display: block; cursor: pointer; }
#skip-links ul li a em { float: left; font-family: arial;}
#keyboard-shortcuts em{ float: left; font-family: arial; margin-left: 10px;}
.navigation_directions {  margin: 10px 0 0 0; text-align: right; color: #000;  }

.grayscaleMode {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.negativeMode {
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	filter: invert(100%);
	background: #000;
}

html.grayscaleMode a:hover,
html.grayscaleMode a:focus,
html.grayscaleMode button:hover,
html.grayscaleMode button:focus,
html.negativeMode a:hover,
html.negativeMode a:focus,
html.negativeMode button:hover,
html.negativeMode button:focus{
	text-decoration: underline!important;
}

html.grayscaleMode .accessibility_title:hover, html.negativeMode .accessibility_title:hover  { text-decoration: none!important; }

body { zoom: 1; }