/*Stylesheet*/

/*
BODY, HTML {
	padding: 			0;
	font-family: 		Arial, Verdana, sans-serif;
    font-size: 12px;
	color: 				#000;
	background-color:	#FFF;
}

BODY {}
*/

#tracing {
	position:absolute;
	height:30px;
	width:80%;
	left:10%;
	top:4px;
	padding: 0px;
	background: #fbfbfb;
  	opacity: 0.8;
  	z-index:10;
  	font-size:9pt;
  	border: 1px solid rgb(200,200,200);
 	box-shadow: 0px 4px 6px #808080;
  	border-radius: 5px;     
  	-moz-border-radius: 5px;    /* css mess */
  	-webkit-border-radius: 5px;
}


svg{
	width:512px;
	height:384px;
	position:absolute;
	top : 55px;
	right : 2px;
}

#imgCanvas {
	position:absolute;
	top : 55px;
	left : 2px;
}

g>path.even{
	fill:#FFCBCB;
}

g>path.odd{
	fill:#454560;
}

#tools {
	top:5px;
	left:5px;
	width:100%;
	height:50px;
}

#loader {
	display: none;
}
.loader {
	width: 100%;
	height: 50px;
	position: absolute;
	text-align:center;
	margin-top: 250px;
	background: url('loader.gif') no-repeat;
	background-position: 50% 50%;
	display: block !important;
}

#error {
	/*display:none;*/
	width: 960px;
	text-align: left;
	padding: 10px;
}