@charset "UTF-8";

section.range-slider {
	position: relative;
	width: 600px;
	height: 50px;
	
	text-align: center;
}

section.range-slider input {
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 25px;
	width: 600px;
	outline: none;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 1;
}


section.range-slider input::-webkit-slider-thumb {
	-webkit-appearance: none;
	 appearance: none;
	pointer-events: all;
	position: relative;
	z-index: 1;
	outline: 0;
	width: 80px;
	height: 80px;

}

section.range-slider input::-moz-range-thumb {
	pointer-events: all;
	position: relative;
	z-index: 1;
	-moz-appearance: none;
	width: 40px; /* Set a specific slider handle width */
    height: 40px; /* Slider handle height */

}

section.range-slider input::-moz-range-track {
	position: absolute;
	z-index: 1;
	border: 1;
	cursor: default;
	-moz-appearance: none;
	outline: 0;
	height: 1px;
}

canvas { border: 1px solid black; }



.box {
	float: left;
	padding: 20px;
}

.centerCol {
	clear: both;
	background: green;
}

.map {
	float: left;
	height: 480px;
	width: 600px;
	border: 1px solid black; 
}