body {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 25px;
  letter-spacing: -0.4px;
  word-spacing: -1px;
  color: #111111;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: small-caps;
  text-transform: none;
  background-color: #444444;
  padding: 0px;
  margin: 10px;
}
div.ctlLabel = {
  color: #ffffff;
  font-size: 10px;
}
span.adjacent {
  display: inline-block;
}
#loading {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 99990;
    background-color: black;
    color:white;
}

#dialog {
  z-index: 999;
}

#progressText {

}
#title {
  color:white;
}
#subtitle {
  color:#aaa;
  font-size:60%;
}
#seqContainer {
  position:relative;
}

#seqLabel1 {
  position:absolute;
  top:2%;
  left:1%;
  width:98%;
  color:#666666;
  pointer-events: none;
}
#seqLabel2 {
  position:absolute;
  top:27%;
  left:1%;
  color:#666666;
  pointer-events: none;
}
#seqLabel3 {
  position:absolute;
  top:52%;
  left:1%;
  color:#666666;
  pointer-events: none;
}
#seqLabel4 {
  position:absolute;
  top:77%;
  left:1%;
  color:#666666;
  pointer-events: none;
}

#waveform {
  width:100%;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#bookmarkButton, #downloadButton, #helpButton {
  float:right;
}
#presets {
  float:right;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: -0.4px;
  word-spacing: -1px;
  color: #111111;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: small-caps;
  background-color: #444444;
}

#messagebox {
  color:white;
  background-color:green;
  margin:10px;
  padding:10px;
  border: 1px;
  border-color: black;
  font-variant: none;
  font-size:50%;
}

#messageok {
  float:right;
  display: inline-block;
}
#titleContainer {
  padding-bottom: 10px;
}
.ui-progressbar {
  position: relative;
}

.progress-label {
  position: absolute;
  left: 10px;
  top: 4px;
  font-weight: normal;
  font-size:70%;
  animation: blinker 2s linear infinite;
}
