@charset "utf-8";
/* CSS Document */
/* Hiding class, making content visible only to screen readers but not visually */
/* "sr" meaning "screen-reader" */

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

.infoBox {
  background-color:#333333; 
  height: 34px; 
  width: 99.7%; 
  position:fixed; 
  right:0px; 
  top:0px; 
  border-width: 2px 0px 0px 2px;
  border-color: #999999;
  border-style: solid;
  border-radius: 4px 4px 0px 0px; 
  padding: 1px;
  opacity: 1;
  pointer-events: none;
}


.infoLeft {
    position:fixed;
    right:145px;
    top:8px;
	width:30px;
	height:23px;
    cursor:pointer;
    pointer-events:all;
	display: block;
	padding: 0px;
}

.infoRight {
    position:fixed;
    right:60px;
    top:8px;
	width:30px;
	height:23px;
    cursor:pointer;
    pointer-events:all;
	display: block;
	padding: 0px;
}

.infoOpen {
    position:fixed;
    right:105px;
    top:6px;
	width:27px;
	height:27px;
    cursor:pointer;
    pointer-events:all;
	display: block;
	padding: 0px;
}

img {
  pointer-events: none;
}

img:hover {
  pointer-events: all;
}