@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
#outer {
  /*background-image: url('../img/back_large.png');*/
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#pano {
  position: relative;
  left: 0;
  top: 0;
  padding: 25px;
  height: 100%;
  box-sizing: border-box;
}
.square {
  width: 25px;
  height: 25px;
  background-color: #ec5787;
  position: absolute;
}
.topleft { left: 0; top: 0; }
.topright { right: 0; top: 0; }
.bottomleft { left: 0; bottom: 0; }
.bottomright { right: 0; bottom: 0; }

.warn {
  position: absolute;
}
.warn-vertical {
  top: 50%;
  margin-top: -950px;
}
.warn-horizontal {
  left: 50%;
  margin-left: -1400px;
}