body {
			background-color:#CCC;
			margin:0px;
			padding:0px;
			height:100%;
			width:100%;
			font-family: Trebuchet MS, Verdana;
			font-size:0.9em;

		}
		.canvasContainer {
			width:950px;
		}
		.canvas {
			margin-left:3px;
			margin-right: 2px;
			margin-bottom: 5px;
			margin-top:10px;
			width:420px;
			height:420px;
			background-color:#EEE;
			float:left;
			position:relative;
			background-repeat:no-repeat;
			border:1px solid #555;
		}
		.canvasUser{
			position:relative;
			top:5px;
			padding:5px;
			cursor: crosshair;
		}
		.canvasSeparator{

			height:400px;
			width:5px;
			float:left;
			background-color:#CCC;
		}
		.drawingPoint{
			background-image: url('../images/blue-circle.gif');
			background-repeat:no-repeat;
			position:absolute;
			width:5px;
			height:5px;
		}
		.drawingPointUser{
			background-image: url('../images/red-circle.gif');
		}
		.bigCircle {
			width:15px;
			height:15px;
			position:absolute;
			background-image: url('../images/big-circle.gif');
		}
		#resultDiv{
			font-weight:bold;
			color: green;
			margin:5px;
		}
		#instructions{
			margin:5px;
			font-style: italic;
			font-size: 0.8em;
			width:800px;
			}
		.highscoreDiv{
			font-size:0.8em;
			width : 470px;
			height: 530px;
			background-color : #FFF;
			position: absolute;
			left : 50%;
			top:  50%;
			margin-left: -240px;
			margin-top: -265px;
			padding:2px;
			z-index : 2000;
			border : 1px solid #000;
		}

		.highscoreDiv thead td{
			font-weight:bold;
			color:#FFF;
		}
		.highscoreDiv thead tr{
			background-color:#000;
			}
		.highscoreDiv td{
			border:1px solid #000;
		}
		.userResult{
			font-size:0.8em;

		}