/*Final Project
**Playing with Fire
**May 18, 2014
*/

body{margin: 0 auto;font-family: sans-serif;}
.title{font-size: 1.8em;text-align: center;}
.subTitle{font-size: 1.2em;font-weight: 200;text-align: left;}
#wrapper{width: 100%;margin: 0 auto;}
.background{fill:none; pointer-events:all;}
.state{stroke: #000; opacity: 1;}
#leftCol{width: 58%;float: left; text-align: center; margin: 2%;}
#rightCol{width: 38%;float: right;}
#lineGraph{width: 100%; margin: 0 auto;}
#mainMap{border: 1px solid #000; overflow: hidden; pointer-events: all; }
#slider{width: 100%; height: 10px; margin: 10px;}
.dropDown{-webkit-appearance: none; -moz-appearance: none; background: #ccc; padding: 5px; width: 150px; height: 30px; text-indent: 10px; cursor: pointer;}
#selectYear, #chooseRadius{float: left; padding: 5px;}
#listHolder{clear: both; float: left; position: relative;}
#fireSelect{text-align: center;width:100%;}
#fire-info, #lookout-info{float: left; width: 90%; }
td{background: #ccc; pacity: 0.7; padding: 10px;}

.hidden{display: none;}
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('loader.gif') 50% 50% no-repeat rgb(249,249,249);
}