#top,
#bottom {
 position: fixed;
 left: 0;
 right: 0;
}

#top {
 top: 0;
 height: 25%;
 overflow-y: auto;
}

#bottom {
 bottom: 0;
 height: 75%
}

#map {
 float: left;
 width: 50%;
 height: 100%;
 z-index: 1;
}

#treatform {
 z-index: 1000;
}

#video {
 float: right;
 width: 50%;
 height: 100%;
}

body {
 padding: 0;
 margin: 0;
}

html,
body {
 height: 90%;
}

#chart {
 width: 100%;
 height: 100%;
 overflow: hidden;
}

#videoPlayer {
 position: relative;
 height: 100%;
 width: 100%;
}

.info {
 padding: 6px 8px;
 font: 14px/16px Arial, Helvetica, sans-serif;
 background: white;
 background: rgba(255, 255, 255, 0.8);
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 border-radius: 5px;
}

.info h4 {
 margin: 0 0 5px;
 color: #777;
}