.dist-marker {
	font-size: 10px;
	border: 1px solid #ff00ff;
	border-radius: 12px;
	text-align: center;
	color: white;
	background: #ff00ff;
}

.dist-mark00 {
	font-size: 10px;
	border: 1px solid #000000;
	border-radius: 12px;
	text-align: center;
	color: black;
	background: #00ff00;
}

.dist-mark01 {
	font-size: 10px;
	border: 1px solid #ff8000;
	border-radius: 12px;
	text-align: center;
	color: white;
	background: #ff8000;
}

.dist-mark02 {
	font-size: 10px;
	border: 1px solid #000000;
	border-radius: 12px;
	text-align: center;
	color: white;
	background: #000000;
}

.dist-mark03 {
	font-size: 10px;
	border: 1px solid #000000;
	border-radius: 12px;
	text-align: center;
	color: black;
	background: #00ffff;
}

.dist-mark04 {
	font-size: 10px;
	border: 1px solid blue;
	border-radius: 12px;
	text-align: center;
	color: white;
	background: blue;
}

.dist-marker_p {
	height: 16px;
	width: 16px;
	font-size: 14px;
	border: 1px solid #ff00ff;
	border-radius: 16px;
	text-align: center;
	color: white;
	background: #ff00ff;
}

.dist-mark00p {
	height: 16px;
	width: 16px;
	font-size: 14px;
	border: 1px solid #000000;
	border-radius: 16px;
	text-align: center;
	color: black;
	background: #00ff00;
}

.dist-mark01p {
	height: 16px;
	width: 16px;
	font-size: 14px;
	border: 1px solid #ff8000;
	border-radius: 16px;
	text-align: center;
	color: white;
	background: #ff8000;
}

.dist-mark02p {
	height: 16px;
	width: 16px;
	font-size: 14px;
	border: 1px solid #000000;
	border-radius: 16px;
	text-align: center;
	color: white;
	background: #000000;
}

.dist-mark03p {
	height: 16px;
	width: 16px;
	font-size: 14px;
	border: 1px solid #000000;
	border-radius: 16px;
	text-align: center;
	color: black;
	background: #00ffff;
}

.dist-mark04p {
	height: 16px;
	width: 16px;
	font-size: 14px;
	border: 1px solid blue;
	border-radius: 16px;
	text-align: center;
	color: white;
	background: blue;
}