html, body {
 width: 100%;
 height: 100%;
}

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

div#timelinecontainer {
 position: absolute;
 top: 0px;
 bottom: 75%;
 width: 100%;
}

div#timeline {
 height: 100%;
 font-size: 8pt;
}

div#mapcontainer {
 position: absolute;
 bottom: 0;
 height: 75%;
 width: 100%;
}

div#map {
 width: 100%;
 height: 100%;
}

div#buttons {
 visibility: hidden;
}

div.button {
 background-color: white;
 font-family: sans-serif;
 font-size: small;
 border: 1px solid black;
 margin-right: 5px;
 padding: 2px;
 text-align: center;
 width: 7em;
 cursor: pointer;
}

div.buttonselected {
 background-color: white;
 font-family: sans-serif;
 font-size: small;
 font-weight: bold;        
 border: 2px solid black;
 margin-right: 5px;
 padding: 1px;
 text-align: center;
 width: 7em;
 cursor: pointer;
}

div#follow form {
 display: inline;
 text-align: center;
}

div#follow input {
 margin: 0;
}

div.title {
 font-weight: bold;
}

.small-green {
    background-color: green;
}

.small-yellow {
    background-color: yellow;
}

.small-red {
    background-color: red;
}