body {
  background:#000000;
  color:#CCCCCC;
  font-family:sans-serif;
  font-size:16pt;
}
a{color:#6699ff;text-decoration:none;font-size:10pt;}

select {
background-color: #6699ff;
    border-radius:6px;
    border-width:2px;
    border-color:#FFFFFF;
    font-size: 16pt;
    color:#000000;
}
button {
background-color: #6699ff;
    border-radius:6px;
    border-width:2px;
    border-color:#FFFFFF;
    font-size: 24pt;
    color:#000000;
}
.modechange{
	background-color: #6699FF;
    border-radius:6px;
    border-width:2px;
    border-color:#FFFFFF;
    font-size: 14pt;
    color:#000000;
}
  #tableContainer-1 {
    height: 100%;
    width: 100%;
    display: table;
        border-width:0px;

  }
  #tableContainer-2 {
    vertical-align: middle;
    display: table-cell;
    height: 100%;
            border-width:0px;
  }
  #myTable {
  	 text-align:center;
    margin: 0 auto;
    width:600;
        border-width:0px;
  }

.range-slider {
  width:300px;
  height:20px;
  margin:0 auto 1em;
  position:absolute;
  cursor:e-resize;
}
.range-slider:before {
  content:"";
  display:block;
  position:absolute;
  top:9px;
  left:0;
  width:100%;
  height:2px;
  background-color:#FFFFFF;
}
.range-slider span {
  display:block;
  height:inherit;
  position:relative;
  z-index:2;
  background-color:#FF0000;
  cursor:inherit;
}
td.bpm
{border-style:solid;
border-width:1px;
font-size:20pt;
width:60px;}

td.notefig
{border-style:solid;
border-width:1px;
border-color:#6699FF;
background:#999999;
vertical-align:bottom;
width:90px;
height:65px;
text-align:left;}

.but {
position:relative;
text-align:left;
 font-family:sans-serif;
 font-size:25pt;
 top:4px;
 left:16px;
}
#LightBulb {
    position: absolute;
    width: 50px;;
    height: 50px;
    background: #000000;
  text-align:center;
  font-family:sans-serif;
  font-size:30px;
  color:#000000;
}

.warning{
	text-align:left;
	color:#FF0000;
	font-size:8pt;
}

/* Test result */
.test-result {

  color:#CCCCCC;
  font-family:sans-serif;
}
.barcount {

  color:#AAAAAA;
  font-family:sans-serif;
}
.temponame {
  position:relative;
  top:-10px;
  left:10px;
  color:#0066CC;
  font-family:sans-serif;
  text-align:left;
  font-size:14pt;
}
.timesign {
	  position: relative;
  top:10px;
  left:10px;
}
.balk {
  position: relative;
  border-style:solid;
  border-width:2px;
  border-color:#FF3333;
  left:0px;
top:50px;
z-index:0;
width:356px;
  height:110px;
  background-color:#DDDDDD;

}
.putbar{
	 position: relative;
  z-index:2;
}

#animatedElem {
    position: absolute;
  top:150px;
    width: 20px;
    height: 20px;
    background: #000000;
  z-index:1;
}
#float {
    position: relative;
    width: 8px;
    height: 20px;
    top:10px;
    background: #000000;
  z-index:1;
  opacity:0;
}
#floatShadow {
    position: relative;
    width: 8px;
    height: 16px;
    top:-7px;
    background: #000000;
  z-index:0;
    opacity:0;
}
.grid {
    position: relative;
    top:10px;
  z-index:1;
  opacity:0;
}