@CHARSET "UTF-8";

input[type=range] {
  /*-webkit-appearance: none;*/
  width: 80px;
  vertical-align: middle;
}

body {
    padding: 0;
    margin: 0;
}

html, body, #map {
    height: 100%;
}

canvas {
    background-color: transparent;
    position: absolute;
    z-index: 9999;
}

table td {
    background-color: white;
}

#map {
    width: 65%;
    float: right;
}

#chartImageContainer {
    float: left;
    width: 35%;
 }
 
 #tile {
    height: 220px;
    width: 100%;
    background-color: white;
 }
 
 #tileText {
    width: 50%;
    float: left;
    line-height: 200px;
    text-align: center;
    font-size: 20;
 }
 
 #tileImage {
    width: 50%;
    float: right;
    position: relative;
    top: 10px;
    left: 20px;
 }

#chart {
    height: 100%;
 }
 
.inputVal {
    width: 30px;
    font-size: 15px;
}