html, body {
		height: 100%;
		}
	
	body {
		margin: 0;
		padding: 0;
		}
	
	#map {
		height: 100%; 
		width: 100%;
		float: left;
		z-index: 1;
		position: relative;
	}
	
	.info_overlay {
		width: 13em;
		margin-left: -14em;
		position: relative;
		float: right;
		z-index: 2;
		pointer-events: auto;
		top: 0.5em;
		
		padding-left: 0.1em;
		padding-right: 0.1em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		
		line-height:1.3em !important;
		font-size: calc(0.2em + 1vw + 1vh);
	}  


	.info_overlay333 {
		width: 200px;
		margin-left: -210px;
		position: relative;
		float: right;
		z-index: 2;
		pointer-events: auto;
		top: 5px;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}  

	.info_overlayOLDDD {
		width: 220px;
		margin-left: -230px;
		position: relative;
		float: right;
		z-index: 2;
		background-color: rgba(255, 255, 255, 0.8);
		pointer-events: auto;
		top: 5px;
		
		border: 1px solid #000000;
		border-radius: 10px 0px 0px 10px;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}  
	
	.color_scale_overlay {
		width: 12em;
		margin-left: -13em;
		position: absolute;
		float: left;
		z-index: 3;
		background-color: rgba(255, 255, 255, 0.9);
		pointer-events: auto;
		top: 85px;
		left: 0px;
		
		border-width: 1px;
		border-style: solid;
		border-color: black;
		border-radius: 0px 10px 10px 0px;

		padding-top: 10px;
		padding-bottom: 0px;
		padding-left: 1px;
		padding-right: 5px;

	}