body{
	padding:0;
	margin:0;
	border:0;
}
#ui{
	background:#c0c0c0;
	border:0;
	border-bottom-color:#404040;
	border-right-color:#404040;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:430px;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	width:520px;
}
#ui>div,#ui.on>span,#ui>svg{display:none;}
#ui.on>div,#ui>span,#ui.on>svg{display:block;}
#ui>span{
	margin:-100px 0 0 -100px;
	position:absolute;
	top:50%;left:50%;
	width:200px;
}
#ui>span a{
	display:block;
	height:28px;
	margin:5px 0 5px 50px;
	width:100px;
}
#ui>span a>b{
	background:#c0c0c0;
	height:25px;
	line-height:25px;
	width:97px;
}
#ui>div{
	margin:0;
	text-align:center;
	width:75px;
}
#bands{
	background:url(style.png) -425px 0;;
	height:67px;
	margin-bottom:7px;
	overflow:hidden;
	position:relative;
}
#bands:active{
	background-position:-425px -70px;
}

#band{
	background:url(style.png) -425px -300px;
	display:none;
	height:46px;
	position:absolute;
	width:31px;
}

a{
	border:solid 1px #fff;
	border-bottom-color:#000;
	border-right-color:#000;
	cursor:default;
	display:inline-block;
}
a>b{
	border:solid 1px rgba(0,0,0,0);
	border-bottom-color:#808080;
	border-right-color:#808080;
	display:block;
	margin:1px;
}
a:active{
	background:#808080;
	border-color:#000;
}

#colors a{
	height:33px;
	width:33px;
}
#colors b{
	height:30px;
	width:30px;
}
#colors a.green>b{	background:#57ee4f;}
polygon.green{fill:#57ee4f;}
polygon.yellow{fill:#ffff00;}
polygon.blue{fill:#64bfff;}
polygon.cyan{fill:#00ffff;}
polygon.gray{fill:#c0c0c0;}
polygon.white{fill:none;}
#lines{fill:none!important;}
polygon.crs,.touch #lines{stroke:rgba(0,128,0,0);stroke-width:20px;fill:none!important;}
circle.crs{fill:rgba(128,0,0,0);stroke-width:0;}

#colors a.yellow>b{	background:#ffff00;}
#colors a.blue>b{	background:#64bfff;}
#colors a.cyan>b{	background:#00ffff;}
#colors a.gray>b{	background:#c0c0c0;}
#colors a.white>b{	background:#ffffff;}

#btnDelete,#btnClear,#btnBack{
	height:29px;
	margin:3px 0;
	width:73px;
}
#btnDelete b,#btnClear b,#btnBack b{
	background:#c0c0c0;
	height:26px;
	line-height:26px;
	width:70px;
}
#btnBack{
	font-size:24px;
	font-weight:100;
	margin-top:-3px;
}

#measures{
	background:url(style.png) -425px -140px;
	height:91px;
	line-height:20px;
	margin-top:4px;
	overflow:hidden;
	padding-top:6px;
	text-align:center;
	width:74px;
}
#measures b{color:#000080;}

#gfx{
	background:#fff url(style.png);
	display:block;
	margin:0!important;
	position:absolute;
	top:8px;right:8px;
	width:422px!important;
	height:414px;
}

circle{cursor:pointer;fill:#ff0000;}
ellipse{cursor:pointer;stroke:#0000ff;stroke-width:1;fill:rgba(0,0,0,0);}
line{stroke:#c0c0c0;stroke-width:1;}
path{fill:#fff;}
polygon{cursor:pointer;stroke:#0000ff;stroke-width:1}
rect{fill:red;}
.u3 rect:hover{stroke:red;stroke-width:2;}

#sel{stroke-width:2!important;}
#dot{stroke:#000;stroke-width:1;}
#dot.sel{fill:#000!important}
#dot.Sel{fill:#ff0000!important;stroke:#ff0000!important}

#Dot circle{fill:none;stroke:#000;}
#Dot .center{fill:#ff0000;stroke:none;}
#line {fill:none}

#pos{
	display:none;
	position:absolute;
	text-align:center;
	width:30px;
}

.touch #Sel circle{
	stroke:rgba(128,0,0,0);
	stroke-width:15px
}