body {
    margin: 0;
    padding: 0;
}

#container {
    width: 700px;
    height: 550px;
    position: absolute;
    background: transparent;
}

#controlOverlay {
	background: transparent;
    width: 100%;
    height: 100%;
}

span{
	position: absolute;
	top: 20px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
}
#osc1HzLabel{
	left: 10px;
}

#lfo1HzLabel{
	left: 120px;
}

#lfo1AmountLabel{
	left: 210px;
}

#osc2HzLabel{
	left: 320px;
}

#lfo2HzLabel{
	left: 420px;
}

#lfo2AmountLabel{
	left: 510px;
}

#volumeLabel{
	left: 625px;
}

#osc1HzSlider, #osc2HzSlider, #lfo1HzSlider, #lfo2HzSlider, #lfo1AmountSlider, #lfo2AmountSlider, #volumeSlider {
    position: absolute;
    height: 330px;
    top: 50px;
}

#osc1HzSlider {
    left: 40px;
}

#lfo1HzSlider {
    left: 142px;
}

#lfo1AmountSlider{
	left: 240px;
}	

#osc2HzSlider {
    left: 340px;
}

#lfo2HzSlider {
    left: 443px;
}

#lfo2AmountSlider {
	left: 542px;
}

#volumeSlider{
	left: 640px;
}

#waveFormButton{
	position: absolute;
	left: 18px;
	top: 480px;
	width: 80px;
	height: 30px;
}

#waveFormLabel{
    position: absolute;
    left: 9px;
    top: 450px;
    color: #ccc;
}

#lfo1WaveFormButton{
	position: absolute;
	left: 133px;
	top: 480px;
	width: 80px;
	height: 30px;
}

#lfo1WaveFormLabel{
    position: absolute;
    left: 122px;
    top: 450px;
    color: #333;
}

#lfo2WaveFormButton{
	position: absolute;
	left: 253px;
	top: 480px;
	width: 80px;
	height: 30px;
}

#lfo2WaveFormLabel{
    position: absolute;
    left: 242px;
    top: 450px;
    color: #ccc;
}

#remarks{
	font-family: Helvetica, Arial, Sans-Serif;
	color: #ccc;
	position: absolute;
	right: 0px;
	bottom: 70px;
	height: 30px;
	width: 330px;
	font-size: 9pt;
}

#share{
	font-family: Helvetica, Arial, Sans-Serif;
	position: absolute;
	right: 0px;
	bottom: 10px;
	font-size: 9pt;
	color: #ccc;
	width: 330px;
}

#url{
    width: 300px;    
    height: 40px;
    font-size: 8pt;
}

a:link, a:visited{
    color: #9999ff;
}