body {
  font-family: Verdana, Helvetica, sans-serif;
  color: #ffffff; background-color: #000000;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin: 0px;
}

div#controls { position: absolute; z-index: 2; background-color: #000000; display: none; border: 2px solid white; height: 90px; }
div#lcontrols { position: absolute; z-index: 2; display: none; }
div#rcontrols { position: absolute; z-index: 2; display: none; }
div#slider { position: absolute; top: 50px; left: 0px; width: 72%; padding: 10px; padding-left: 10px; padding-right: 10px; }
div#slidetime { position: absolute; top: 57px; }
div#slide { position: absolute; left: 0px; top: 5px; width: 100%; }

button.bare { background-color: #000000; border-width: 0; margin-top: 3px;  -webkit-tap-highlight-color: rgba(128,128,128,50); }
button.bare:hover { background-color: #444444; }
button.transparent { background-color: transparent; border-width: 0; margin-top: 3px; }
button.transparent:hover { background-color: rgba(255, 255, 255, 0.3); }

.hidden { visibility: hidden; width: 0; height: 0; }
.prefetch { display: none; }
.show { display: block; margin: auto; visibility: visible; text-align: center; }