/* 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; /*margin-right: 1.625em;*/}

.accessibility_title { text-decoration: none!important; }
.accessibility_title i { display: inline-block; margin-left: 0.375em; }
.accessibility_title span:first-child {margin-left: 9px;}
.accessibility_title span:last-child { position: relative; top: -3px; margin: 0px 4px 0px 3px;   color: rgb(138, 138, 138);   font-size: 21px;}
.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;  background: #fff; border:2px solid #ff7f0c;  -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); padding: 5px 10px; left: 9.46%; margin: 0; top: 70px;  width: 370px;}
.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;    color: #1a1a1a;}
.accessibilty_menu li > a:hover { color:#ff7f0c; cursor:pointer; text-decoration: underline;}
.sfs { font-size: 0.8889rem;  color: #ff7f0c;  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; }
#skip-links a,#skip-links a:hover, #skip-links a:focus { color: black; }

#skiplist { list-style: none; position: fixed; top: 0; right: 0; z-index: 10000; }
#skiplist a { text-align: center; background: #fff; color: #000; position: absolute; right: -170px; width: 170px; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; font-size: 18px; padding: 10px 5px; }
#skiplist a:focus { right:0; border: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #ff2121!important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #ff2121!important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #ff2121!important; outline: 2px solid #ff0000!important; display: inherit; }

@media(max-width: 1199px) and (min-width: 992px){.accessibilty_menu{right:15px;}}