body {
  overflow:hidden;
}
#heading {
    font-size: x-large;
    color: #000000;

}
#main{
    margin-left: auto;
    margin-right: auto;
    float: left;
    overflow: hidden;
}
#controls {
  /*float: left;*/
  opacity: .8;
  position: fixed;
  right: 0px;
  top: 0px;
  background: #DDE3c5;
  height: 100%;
  width: 205px;
  overflow-y:auto;
}
#advanced-controls {
  opacity: .8;
  position: fixed;
  right: 205px;
  top: 0px;
  background: #C5E3DA;
  height: 100%;
  width: 205px;
  /*display: none;*/
  overflow-y:auto;
}
#presetDropdown {
  width: 170px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 5px;
}
#in {
  width: 165px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#control-container ,#advanced-container{
    padding:15px;
}
#framerate {
  top: 0px;
  left: 10px;
  position: fixed;
  opacity: .85;
  font-weight: bold;
  font-size: 10;
}

canvas {
    background: #fff;
/*    border-style: solid;*/
    margin-left: 10px;
/*    border-width: 5px;*/
}
button {
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
} 
input {
    margin-top: 2px;
    margin-bottom: 2px;
} 

.spanButton {
  width:170px;
  padding: 5px;
}
.spanMini {
  width: 80px;
}