﻿
.rdot {
	height: 6px;
	width: 6px;
	background-color: red;
	border-radius: 50%;
	display: block;
	margin-bottom: -5px;
	margin-right: -5px;
}

.gdot {
	height: 6px;
	width: 6px;
	background-color: green;
	border-radius: 50%;
	display: block;
	margin-bottom: -5px;
	margin-right: -5px;
}

.numberCircle {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	padding: 1px;
	background-color: blue;
	color: #fff;
	text-align: center;
	font: 7px Arial, sans-serif, bold;
	display: block;
	transform: translate(-15px, -15px);
}

