/*
	Accessibility styles
	chris@inathought.com
*/
.focusable:focus {
    outline: none !important;
}

.has-focus {
    background: yellow;
}

@-moz-document url-prefix() {
    /*.a11y-toggle-grayscale { display:none !important; }*/
}

.a11y-toolbar {
    position: fixed;
    z-index: 99999;
    top: 43%;
    left: 0;
}

.a11y-toolbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.a11y-toolbar ul li {
    display: block;
}

.a11y-toolbar ul li a {
    font-size: 1.6em;
    padding: .25em;
}

.a11y-toolbar a {
    color: #000 !important;
}

.a11y-toolbar a.active {
    color: #fff !important;
}

.a11y-toolbar ul li a {
    display: block;
    background: #e2e2e2;
    text-align: center;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #d2d2d2;
}

.a11y-toolbar ul li a:hover {
    background: #fff;
}

.a11y-toolbar ul li a.active {
    background: #181818;
    border-bottom: 1px solid #525252;
}

.a11y-toolbar ul li:first-child a {
    border-top-right-radius: 4px;
}

.a11y-toolbar ul li:last-child a {
    border-bottom-right-radius: 4px;
}

.a11y-toolbar .offscreen, .a11y_stylesheet_path {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* a11y toolbar RTL */
.a11y-toolbar.rtl {
    right: 0;
    left: auto;
}

.a11y-toolbar.rtl ul {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.a11y-toolbar.rtl ul li:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
}

.a11y-toolbar.rtl ul li:last-child a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.desaturated {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -webkit-filter: grayscale(1) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    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") !important;
    filter: gray !important;
}

.fontsize, .fontsize h1, .fontsize h2, .fontsize h3, .fontsize h4, .fontsize h5, .fontsize h6, .fontsize p, .fontsize li, .fontsize label, .fontsize input, .fontsize select, .fontsize textarea, .fontsize legend, .fontsize code, .fontsize pre, .fontsize dd, .fontsize dt, .fontsize blockquote {
    font-size: 125% !important;
    line-height: 1.4;
}

.fontsize li li {
    font-size: 110% !important;
}

.fontsize .a11y-toolbar ul li {
    font-size: 75% !important;
}