/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}
html {font-family:helvetica;background:#555;/*background-image:url('background-1.gif');background-size:cover;*/}
.key {float:left;background:rgba(255,255,255,.0);text-transform:uppercase;opacity:0;font-size:14px;color:rgba(255,255,255,1);/*background-color:rgba(0,0,0,.1);*/z-index:150;position:relative;font-style:italic;outline:1px dashed rgba(255,255,255,.8);}
.key-inner {text-align:left;z-index:100;padding:10px 0 0 10px;}
#view {overflow:hidden;position:absolute;top:0;left:0;}
#arena {overflow:hidden;position:absolute;top:0;left:0;}
#arena img {position:absolute;}
.swipePoint {width:12px;height:12px;background:#aaa;position:absolute;z-index:200;}
.testsquare {position:absolute;top:100px;left:100px;height:250px;width:250px;background:rgba(255,0,0,.2);border:2px solid red;}