@font-face {
    font-family: OpenDyslexic;
    src: url("OpenDyslexic-Regular.otf") format("opentype");
}

@font-face {
    font-family: OpenDyslexic;
    font-weight: bold;
    src: url("OpenDyslexic-Bold.otf") format("opentype");
}

.dyslexicfont {
    font-family:OpenDyslexic;
}

a:focus {border:dotted !important;border-width:3px !important;border-color:#ff0000 !important;}

.cm-single-slide {background-color:#777777;}

#readingbar {
  position: fixed;
  width: 100%;
  margin:11px 0 0 0;
  height: 12px;
  background-color: rgba(0,0,0,0.9);
  border:solid;
  border-width:2px 0 2px 0;
  border-color:#4269f5;
  z-index: 9999999;
  visibility:hidden;
}


#mask1 {
  position: fixed;
  width: 100%;
  height: 2000px;
  background-color: rgba(0,0,0,0.6);
  z-index: 9999999;
  visibility:hidden;
}

.mblhide {
    display:block;
}
@media only screen and (max-width: 500px) {
    .mblhide {
        display:none;
    }
}

#mask2 {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 9999999;
  visibility:hidden;
}
.hlinks {
    border:dotted !important;
    border-width:2px !important;
    border-color:red !important;
}

.skipper {
    position:fixed;
    top:-200px;
    left:-200px;
    background-color:#ededed;
    color:#333;
    font-family:arial,verdana,helvetica;
    font-size:18px;
    border:solid;
    border-width:2px;
    border-color:#000;
    padding:10px;
    z-index:999999;
    cursor:pointer;
}

.skipper:focus {
    top:50px;
    left:10px;
    z-index:999999;
}

.grayscaled {
    filter: grayscale(100%);
}

.contrasted {
    filter: contrast(150%);
}

.graycontrasted {
    filter: contrast(150%) grayscale(100%);
}

.inverted {
    filter: invert(100%);
}

.invertedcontrast {
    filter: invert(100%) contrast(150%);
}

.invertedgrey {
    filter: invert(100%) grayscale(100%);
}

.invertedgreycontrast {
    filter: invert(100%) grayscale(100%) contrast(150%);
}

.hidebg {
    background-image: unset;
}

.controls-old {
	position:fixed;
	left:10px;
	bottom:10px;
	cursor:pointer;
	background-color:#4400FF;
	color:#fff;
	padding:5px;
	border:solid;
	border-color:#006699;
	border-width:2px;
	font-family:arial,verdana,helvetica;
	font-size:14px;
	z-index: 999997;
}

.controls {
	position:fixed;
	left:0px;
	bottom:0px;
	cursor:pointer;
	background-color:#ffff;
	color:#fff;
	padding:5px 5px 0px 5px;
	border:solid;
	border-color:#000;
	border-width:1px 1px 0 0;
	border-radius:0px 15px 0px 0px;
	font-family:arial,verdana,helvetica;
	font-size:14px;
	z-index: 999997;
}

.controls-l {
	position:fixed;
	left:53px;
	bottom:0px;
	cursor:pointer;
	background-color:#fff;
	color:#fff;
	padding:5px 5px 0px 5px;
	border:solid;
	border-color:#000;
	border-width:1px 1px 0 1px;
	border-radius:15px 15px 0px 0px;
	font-family:arial,verdana,helvetica;
	font-size:14px;
	z-index: 999997;
}

.controls:hover, .controls-l:hover {
    background-color:#ffff66;
}

a.glink.gt-current-lang {
    background-color:#ffff66;
    display:block;
    padding:5px;
    margin:10px;
    border:dotted 1px #000;
}

.cpanel a {
    display:block;
    padding:5px;
    margin:10px;
}

.cpanel a:hover {
    background-color:#ffff66;
}

.cpanel {
	position:fixed;
	left:0px;
	bottom:0px;
	background-color:#fff;
	border:solid;
	border-color:#000;
	border-width:1px 1px 0 0;
	border-radius:0px 15px 0px 0px;
	padding:10px;
	font-family:arial,verdana,helvetica;
	font-size:14px;
	text-align:left;
	z-index: 999998;
	width:200px;
}

.btn {
	border-radius:4px;
	padding:6px;
	text-align:center;
	border:solid;
	border-width:2px;
	border-color:#006699;
	margin:4px 1px 4px 1px;
	cursor:pointer;
	background-color:#ededed;
	font-weight:normal;
}
.btn:hover, .fbtn:hover, .btn:focus, .fbtn:focus {
	background-color:#99ff99;border-color:#078a00;font-weight:bold;
}

.btnselect:focus, .btnselect:hover {font-weight:bold;}

.btnselect {
	border-radius:4px;
	padding:6px;
	text-align:center;
	border:solid;
	border-width:2px;
	border-color:#006699;
	margin:4px 1px 4px 1px;
	cursor:pointer;
	background-color:#33cc33;
	font-weight:normal;
}

.sml {
	font-size:10px;
}
.med {
	font-size:15px;
}
.lrg {
	font-size:24px;
}
.textbtn {
	padding:6px 0 6px 0;
}
.closeit {
	position:absolute;
	top:2px;
	right:2px;
	color:#fff;
	padding:0 0px 0 0px;
	font-size:18px;
	cursor:pointer;
	border-radius:20px;
	line-height:0;
	margin:0;
}
.closeit:focus, .closeit:hover {background-color:#ff0000;color:#333;}