* {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    padding: 0;
    margin: 0;
}

body, html {
  height: 100%;
  width: 100%;
}

body, a {
  background: #00005f;
  color: #ffffff;
}

#uitbl {
  height: 100%;
  width:  100%;
}
                
#uipanel {
  width: 100%;
  vertical-align: middle;
}
                                
#uifooter {
  height: 1px;
  width: 100%;
  text-align: center;
  font-size: 70%;
}
                                                                


#Transport {
  width: 100%;
  padding: 20px 0 20px 0;
  text-align: center;
}

.btn.left {
  border-radius: 90px 30px 30px 90px;
}

.btn.right {
  border-radius: 30px 90px 90px 30px;
}

.btn {
  display: inline-block;
  border: 2px solid #000000;
  border-radius: 30px;
  
  background: #5050ff;
  background: -moz-linear-gradient(top, #5050ff 0%, #0000ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5050ff), color-stop(100%,#0000ff));
  background: -webkit-linear-gradient(top, #5050ff 0%,#0000ff 100%);
  background: -o-linear-gradient(top, #5050ff 0%,#0000ff 100%);
  background: -ms-linear-gradient(top, #5050ff 0%,#0000ff 100%);
  background: linear-gradient(to bottom, #5050ff 0%,#0000ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5050ff', endColorstr='#0000ff',GradientType=0 );
  
  color: white;
  font-size: 20px;
  height: 200px;
  width: 90%;
  box-shadow: inset 6px 6px 9px 0 #d0d0d0,inset -5px -5px 6px 0 #040442,2px 1px 14px 2px #000020;
}

.btn:active, .touched {
  border: 2px inset #909090;
  box-shadow: inset 8px 8px 12px 0 #040424,inset -2px -2px 12px 0 #ABABAB; /*,4px 4px 7px 1px #9E99d7;*/
}

.btn:before {
  content: " ";
  display: inline-block;
  margin-top: 50px;
  box-shadow: 2px 2px 10px 1px #303030;
}

.btn:active:before {
  margin-top: 55px;
  -moz-transform: translate(5px, 5px);
  -webkit-transform: translate(5px, 5px);
  -ms-transform: translate(5px, 5px);
  transform: translate(5px, 5px);
}

.btn.play:before {
  border-style: solid;
  border-width: 40px 0 40px 70px;
  border-color: transparent transparent transparent rgba(240, 240, 255, 1);
  box-shadow: none;
}


.btn.stop:before {
  width: 80px;
  height: 80px;
  background: #f9f9ff;
}                            

.btn.rec:before {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: #ff5050;
}

.current {
  background: #d0d000;
}