html { height: 100% }
body { margin: 0; padding-top: 60px; padding-bottom: 40px; overflow: hidden; }
#map { height: 500px; overflow: hidden }
#eventpane { width: 300px; float: left; max-height: 80vh; overflow-y: scroll; }
.eventheader {
  text-decoration: underline;
  background-color: beige;
  font-weight: bold;
  font-variant: small-caps;
}
.eventtime {
  text-align: right;
  float: right;
  font-size: xx-small;
}
.event {
  cursor: pointer;
  cursor: hand;
  font-size: xx-small;
}
.event:nth-child(even){
  background-color: aliceblue;
}
.backbutton{
  text-align: left;
  float: left;
  cursor: pointer;
  cursor: hand;
}
.forwardbutton{
  text-align: right;
  float: right;
  overflow: hidden;
  cursor: pointer;
  cursor: hand;
}
.pagingheader{
  display: block;
}