body {
  font-family: arial, helvetic, sans-serif;
  color: #c0c0c0;
  background-color: #333;
}
.type {
  text-decoration: underline;
  margin-left: 8px;
}
.panel {
  position: fixed;
  top: 4px;
  z-index: 3;
  opacity: 0.8;
  border: solid 2px #ccc;
  background-color: #666;
  overflow: auto;
  color: #ccc;
  width: 300px;
  padding: 8px;
  border-radius: 6px;
}
.panel.minimized {
  opacity: 0.2;
}
.panel.minimized:hover {
  opacity: 0.4;
}
.panel a {
  color: #ccf
}
.panel a:visited {
  color: #ecf
}
.panel h2 {
  margin: 0;
  font-size: 22px;
}
.panel hr {
  border-color: #888;
}
#message {
  display: none;
  top: 25%;
  bottom: 25%;
  left: 30%;
  right: 30%;
  width: 40%;
  z-index: 5;
  text-align: center;
  background-color: #8a9;
  color: #333;
  border: solid 2px #cec;
  padding: 8px 8px;
  font-weight: bold;
  font-size: 24px;
  opacity: 0.85;
}
.close-message {
  color: #444;
  float: right;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  padding: 4px 10px 2px 10px;
  font-size: 20px;
  border: solid 2px #444;
  border-radius: 4px;
  background-color: #aab;
  cursor: pointer;
}
.close-message:hover {
  background-color: #ccd;
}
.message-content {
  display: none;
  overflow: auto;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
}
#message .message-content {
  display: block;
}
#controls {
  right: 4px;
  font-size: 13px;
}
#notes {
  left: 4px;
  max-height: 400px;
}
.key-reference {
  margin-top: 8px;
  font-size: 80%;
}
.etc {
  text-align: center;
}
.key-reference ul {
  margin-top: 0;
}
#view {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.status {
  color: #c0c0c0;
}
.frameRate {
  color: #888;
}
.minimize {
  float: right;
  background-color: #777;
  font-size: 16px;
  padding: 0 8px;
  border: solid 2px #ccc;
  font-weight: bold;
  cursor: pointer;
 }
.minimize:hover {
  background-color: #aaa;
}
.forMode {
  display: none;
}
.toggleButton {
}
.tb-next, .tb-prev {
  font-size: 80%;
  color: #808080;
  font-weight: bold;
}
.tb-next:hover, .tb-prev:hover {
  color: #0080c0;
}
.toolbar button {
  color: #808080;
}
button {
  cursor: hand;
}
button:hover {
}
.toolbar button:hover {
  color: #008000;
  font-weight: bold;
}
.toolbar {
  float: right;
  margin-right: 8px;
}