﻿canvas#SeqTrace{
	position: absolute;
	display: none;
}

div#SeqCont{
	position: absolute;
}

div#Beat{
	position: absolute;
	width: 20px;
	height: 20px;
	left: 290px;
	top: 290px;
	cursor: pointer;
}

canvas.CtrlC{
	position: absolute;
	cursor: pointer;	
}

canvas#Mrk{
	position: absolute;
}

div.Cont{
	position: absolute;
	width: 80px;
	height: 40px;

	color: rgb(255, 255, 192);

	cursor: pointer;
}

div.LabelUpper{
	position: absolute;
	width: 100%;
	height: 15px;
	margin-top: 18px;
	
	font-size: 10pt;
	font-family: "Arial Black";
	line-height: 100%;

	text-align: center;
}

div.LabelLower{
	position: absolute;
	width: 100%;
	height: 15px;
	margin-top: 8px;
	
	font-size: 10pt;
	font-family: "Arial Black";
	line-height: 100%;

	text-align: center;
}

table.MenuTable{
	position: absolute;
	display: none;
	
	width: 80px;

	border-style: solid;
	border-width: 1px;
	
	background-color: #FFFFFF;
}

td.MenuTd{
	width: 80px;
	cursor: pointer;
	
	font-size: 10pt;
	font-family: "Arial Black";
	line-height: 100%;

	text-align: center;
}

td.TagTd{
	width: 80px;
	cursor: default;
	
	font-size: 10pt;
	font-family: "Arial Black";
	line-height: 100%;

	text-align: center;
	
	color: #FFFFFF;
}

div#AmpCont{
	left: 0px;
	top: 0px;
}

table#AmpTable{
	left: 0px;
	top: 0px;
}

div#FreqCont{
	left: 0px;
	top: 41px;
}

table#FreqTable{
	left: 0px;
	top: 41px;
}

div#PhaseCont{
	left: 520px;
	top: 0px;
}

table#PhaseTable{
	left: 520px;
	top: 0px;
}

div#DelayCont{
	left: 520px;
	top: 41px;
}

table#DelayTable{
	left: 520px;
	top: 41px;
}

div#WaveCont{
	left: 0px;
	top: 419px;
}

table#WaveTable{
	left: 0px;
	top: 419px;
}

div#SyncCont{
	left: 0px;
	top: 460px;
}

table#SyncTable{
	left: 0px;
	top: 460px;
}

/*
div#ShotCont{
	left: 0px;
	top: 460px;
}

table#ShotTable{
	left: 0px;
	top: 460px;
}
*/

div#EnableCont{
	left: 520px;
	top: 419px;
}

div#SeqEnableCont{
	left: 520px;
	top: 460px;
}

div#SeqEnableCont{
	left: 520px;
	top: 460px;
}

/*BPM-----------------------------------------*/
div#UpperDispCont{
	position: absolute;
	left: 120px;
	top: 70px;
	width: 360px;
	height: 70px;
}

canvas#UpperDisp{
	position: absolute;
}

div#UpperDispLabel{
	position: absolute;
	width: 360px;
	margin-top: 20px;
	
	font-size: 13pt;
	font-family: "Arial Black";
	line-height: 100%;

	text-align: center;
	
	cursor: pointer;
}

div#ModeDispLabel{
	position: absolute;
	width: 100%;
	margin-top: 210px;
	
	font-size: 60pt;
	font-family: "Arial Black";
	color: rgb(0, 255, 128);
	opacity: 0.3;
	line-height: 100%;

	text-align: center;
}

canvas#ZWave{
	position: absolute;
	left: 205px;
	top: 150px;
}

canvas#YWave{
	position: absolute;
	left: 245px;
	top: 150px;
}

canvas#XWave{
	position: absolute;
	left: 285px;
	top: 150px;
}

canvas#Cycle{
	position: absolute;
	left: 325px;
	top: 150px;
}

canvas#Vanish{
	position: absolute;
	left: 365px;
	top: 150px;
}

/*ALL RESET-----------------------------------------*/
canvas#AllReset{
	position: absolute;
	left: 230px;
	top: 380px;
}

/*Return-----------------------------------------*/
canvas#Return{
	position: absolute;
	left: 280px;
	top: 380px;
}

/*Play/Pause-----------------------------------------*/
canvas#PlayPause{
	position: absolute;
	left: 330px;
	top: 380px;
}