*{margin:0;padding:0;}
html,body{height:100%;}
body{background:#145c00 url(/f/1.jpg);color:#eee;font-family:helvetica,arial,sans-serif;text-align:center;}
a{color:#fff;text-decoration:none;}
.menu{list-style:none;}
#panel .menu{position:absolute;right:0;top:0;}
#panel{position:fixed;right:20px;top:20px;width:300px;height:200px;}
#panel:hover{opacity:0.9;}
#output{position:fixed;bottom:20px;left:20px;text-align:left;}
#canvas{position:relative;background:#145c00 url(/f/1.jpg);width:100%;height:100%;margin:0 auto;overflow:hidden;transition:background-position 0.03s;}
#canvas a{color:#000;font-weight:bold;position:absolute;}
a.person img{height:56px;}
a.person .icon{position:relative;width:60px;margin:0 auto;min-height:60px;}
a.person .talk{position:absolute;bottom:64px;left:50px;max-height:300px;max-width:300px;margin-right:-300px;background:#ffd;color:#665;overflow:hidden;
border:1px solid #665;padding:3px 7px;border-radius:20px 20px 20px 0;opacity:0.8;z-index:65535;}
a.person .name{margin:-15px -420px 0;color:#0ff;opacity:0.6;}

label{display:inline-block;width:190px;text-align:right;margin-right:10px;}
input,select{width:200px;margin:2px 0;}
.info{padding:20px 30px 30px;margin:30px auto;background:#030;display:inline-block;}
#errors{color:#c00;}
#latency{font-weight:bolder;}

#talk{position:fixed;top:0;z-index:-1;}