html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  font-family: sans-serif;
  font-size: 90%;
}

#map {
  position: absolute;
  left: 0;
  top: 0;
  width: 70%;
  height: 100%;
}

#sidebar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 1em 0.5em;
}

p {
  font-size: 90%;
  margin-top: 0;
}

.zone {
  clear: left;
  margin: 1px;
/*
  margin: 1px 0 1px 3.5em;
  text-indent: -3.5em;
*/
}
.key {
  display: block; 
  float: left; 
  width: 3em; 
  height: 1em; 
  border: 1px solid; 
  margin-right: 0.5em;

  opacity: 0.60;
  -moz-opacity: 0.60; 
  filter: alpha(opacity=60); 
}
.time em {
  font-style: normal;
}
.yesterday {
  color: red;
}
.tomorrow {
  color: green;
}
.time span {
  font-variant: small-caps;
}