html, body {
  width: 100%;
  height: 100%;
  font-family: Arial,Helvetica,FreeSans,Clean,sans-serif; }

html {
  overflow: hidden; }

body {
  margin: 0 0 0 0;
  padding: 0 0 0 0; }

#map {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1; }

#menu {
  position: absolute;
  top: 100px;
  right: 20px;
  width: 100px;
  bottom: 100px;
  z-index: 2; }
  #menu #new_camera_link {
    font-size: 10em;
    color: #008000;
    text-decoration: none; }
  #menu #new_camera_link:hover {
    color: #00FA00; }

#cameras_new {
  position: absolute;
  top: 25px;
  left: 200px;
  right: 200px;
  z-index: 2; }

#sessions_new {
  position: absolute;
  top: 25px;
  left: 200px;
  z-index: 2; }

#users_show {
  position: absolute;
  top: 30px;
  right: 10px;
  z-index: 2; }

#users_new {
  position: absolute;
  top: 30px;
  right: 10px;
  z-index: 2; }

.window {
  z-index: 2;
  background-color: white;
  padding: 1em;
  border-style: solid;
  border-width: 2px;
  border-color: #E3FDB9; }

.box {
  z-index: 2;
  background-color: white;
  padding: 1em;
  border-style: solid;
  border-width: 10px;
  border-color: #E3FDB9; }
  .box a.close_box_link {
    position: absolute;
    top: -0.25em;
    right: 2px;
    font-size: 1.5em;
    color: #E41A00;
    text-decoration: none; }
  .box a.close_box_link:hover {
    color: #E36760; }

.bubble {
  width: 300px;
  height: 100px; }