index.css

*{	
    border:0;
    padding:0;
    margin:0;
}

div{
	position:fixed;
	width:100%;
}

h1{
	color:blue;
    font-family:verdana;
    font-size:300%;		
}

canvas{
	
	position: absolute;	
    top: 100px;
    left:300px;
    border: 10px solid black;
	display:block;
	background-color:black;
}

#btnMve{
    position:absolute;
    top: 150px;
    left: 195px;
	height:100px;
	width:100px;
	
}	

#btnClear {
    position:absolute;
    top: 300px;
    left: 195px;
	height:100px;
	width:100px;
}

#btnMove{
    position:absolute;
    top: 450px;
    left: 195px;
	height:100px;
	width:100px;
}
 
a.tooltipMove span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:250px; margin-left:250px;
    width:200px; line-height:16px;
}

a.tooltipMove:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:250px;border:0;left:270px;}
    
a.tooltipClear span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:400px; margin-left:250px;
    width:200px; line-height:16px;
}

a.tooltipClear:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:400px;border:0;left:270px;}
    
a.tooltipRandom span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:550px; margin-left:250px;
    width:250px; line-height:16px;
}

a.tooltipRandom:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:550px;border:0;left:270px;}	

a.tooltip,.tooltip1,.tooltip3 span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

::selection { background: transparent; }
::-moz-selection { background: transparent; }