* {	margin: 0;padding: 0;font-family: "Courier New", Courier, monospace;font-size:12px;}

body {background: #1c1c1c;color: #fff;padding: 20px;overflow-y:hidden;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select:none;}
#container { height:720px; position: absolute; left:50%; top:50%;}
#inner_container { position: relative;top:-50%;left:-50%;}

#legend { position:absolute;width:20px;top:0;left:-20px}
#legend span {margin-right: 2px; font-size: 14px; padding: 0 4px;cursor:pointer;}
#legend.active span:not(.active) {background: transparent;}
#legend>div {transform: rotate(90deg);transform-origin:0% 100%;-ms-transform: rotate(90deg);-ms-transform-origin:0% 100%;-webkit-transform: rotate(90deg);-webkit-transform-origin:0% 100%;-moz-transform: rotate(90deg); -moz-transform-origin:0% 100%;-o-transform: rotate(90deg);-o-transform-origin:0% 100%;}

#files { width:1280px; height:720px; overflow:hidden; position:relative; border:dashed 1px #ccc; cursor: pointer;}
#files div {position:absolute;}
#canvas {-webkit-backface-visibility:hidden;transform: scale(1);transform-origin:0% 0%;-ms-transform: scale(1);-ms-transform-origin:0% 0%;-webkit-transform: scale(1);-webkit-transform-origin:0% 0%;-moz-transform: scale(1); -moz-transform-origin:0% 0%;-o-transform: scale(1);-o-transform-origin:0% 0%;}
#canvas .target {width:4px; height:4px; background: rgba(0,0,0,0);border-radius: 4px;}
#canvas .target.hover { background:white;box-shadow: 0 0 4px white;}

#floater {position: absolute; width: 0px; height: 0px; display: none;}
#floater div {position: absolute; width:144px; left:-84px; bottom:12px; background: black; padding: 8px 12px; word-break:break-all; word-wrap:break-word; pointer-events:none;}

.jpdup { background: #d00000;}
.xiach { background: #0080ff;}
.jgoshi { background: #00c020;}
.jmeyer { background: #ffa000;}
.smarison { background: #6020ff;}
.robertos { background: #808080;}