#map {
	text-align: center;
}

.popup {
	border: solid 1px #666666;
	width: 20em;
	padding: 0.5em;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	top: 20px;
	left: 90px;
	background-color: #ffffff;
	text-align: left;
}

.regions {
	margin-top: 20px
}

.region {
	width: 20em;
	padding: 0.5em;
	top: 20px;
	left: 90px;
	background-color: #ffffff;
	float: left;
	margin: 2px;
}

.purple {
	border: solid 2px #A44599;;
	background-color: #F5E7F3;
}

.green {
	border: solid 2px #05AA4E;;
	background-color: #E2FEEF;
}

.yellow {
	border: solid 2px #FEDD02;;
	background-color: #FFF9CC;
}

.orange {
	border: solid 2px #FA9022;;
	background-color: #FEEAD6;
}

.red {
	border: solid 2px #D20000;;
	background-color: #FFEAEA;
}

.blue {
	border: solid 2px #0000CC;;
	background-color: #ECECFF;
}