style.css

@CHARSET "ISO-8859-1";
html, body{
	background: #505050;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
}
.control {
	position: fixed;
	bottom: 50px;
	left: 5px;
}
.control-buttons span a{
	padding: 5px;
}
.control-buttons .play.white a{
	background: url("images/play_white.png") left top no-repeat;
	width: 16px;
	height: 18px;
	text-indent: -999px;
	outline: 0;
	display: block;
	float: left;
	cursor: pointer;
}
.control-buttons .pause.white a{
  background: url("images/pause_white.png") left top no-repeat;
  width: 16px;
  height: 18px;
  text-indent: -999px;
  outline: 0;
  display: block;
  float: left;
  cursor: pointer;
}
.control-buttons .reset.white a{
  background: url("images/stop_white.png") left top no-repeat;
  width: 16px;
  height: 18px;
  text-indent: -999px;
  outline: 0;
  display: block;
  float: left;
  cursor: pointer;
}
.scale-container div.min {
	display: block;
	float:left;
}
.scale-container {
	background: #FFF;
	overflow: hidden;
	padding: 10px 0 10px 10px;
	border: solid 1px #4C4C4C;
}
.scale-band {
	display: block;
	padding: 10px;
	float: left;
}
.legend{
  color: #222222;
  clear: right;
  border-bottom: solid 1px #4C4C4C;
  margin: 0 0 10px 0;
}