body {
	padding: 0;
	margin: 0;
}

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

table,
td {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #e9e9e9;
	padding: 5px;
}

.evenrowcol {
	background-color: #f6f6f6;
}

.legend {
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: white;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	line-height: 18px;
	color: #555;
}

.legend i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 8px;
}

.legend table,
.legend td {
	border: none;
}

.value {
	border: none;
	padding: 0px 0px 0px 8px;
	text-align: left;
	vertical-align: middle;
}

.circle {
	border: none;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.shape {
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.ln {
	stroke: #0033ff;
	stroke-width: 5;
	stroke-opacity: 0.5;
	stroke-linecap: round;
}

.plgn {
	fill: #0033ff;
	fill-opacity: 0.5;
	stroke: #0033ff;
	stroke-width: 4;
	stroke-opacity: 0.5;
	stroke-linejoin: round;
}

.mrks {
	padding: 0px;
	text-align: center;
	height: 30px;
}

.mrkm {
	padding: 0px;
	text-align: center;
	height: 40px;
}

.mrkl {
	padding: 0px;
	text-align: center;
	height: 52px;
}

.info {
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: white;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.info h4 {
	margin: 0 0 5px;
	color: #777;
}

.legend {
	text-align: left;
	line-height: 18px;
	color: #555;
}

.legend i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 8px;
	opacity: 0.7;
}