.graticule {
		fill: none;
		stroke: #efefef;
		stroke-opacity:1;
	}

.mesh {
	fill: none;
	stroke: #fff;
}

.zoomButtons {
		width:25px;
		height:25px;
		border-radius: 25px;
		font-size:25px;
		line-height:25px;
		background-color: #bdbdbd;
		text-align: center;
		cursor: pointer;
		font-weight: bold;
		color:#FFFFFF;
	}

	.zoomLocked {
		background-image:url('../img/locked.svg');
	}

	.zoomUnlocked {
		background-image:url('../img/unlocked.svg');
	}

	#zoomIn {
		position: absolute;
		top:20px;
		left:2%;
	}

	#zoomOut {
		position: absolute;
		top:50px;
		left:2%;

	}

	#zoomToggle {
		position: absolute;
		top:80px;
		left:2%;
		background-size: 20px 20px;
  		background-repeat: no-repeat;
  		background-position:49% 49%;
	}

	#statusMessage {
		position: absolute;
		top:20%;
		left:49%;
		pointer-events: none;
	}
	.tooltip {
		background: #FFFFFF;
		max-width:200px;
		font-family: 'Guardian Text Sans Web',Arial;
		padding:10px;
		pointer-events: none;
	}	

	.mapCircle:hover {
		opacity:0.5;
		stroke:black;
		stroke-width:0.5px;
	}