.numberCircle {
	border-radius:50%;
        margin : 8px;
	width: 72px;
	background: #fff;
        font-size: 32px;
	border: 1px solid #eee;
        display: inline-block;
}
.numberCircle span {
	text-align: center;
	line-height: 72px;
	display: block;
}
.numberCircle a {
text-decoration: none;
}
.numberCircle:hover {
	background: #eee;
}
.emptyCircle {
border-radius:50%;
        margin : 8px;
        width: 72px;
        background: #fff;
        font-size: 32px;
        border: 2px solid #fff;
        display: inline-block;
}

.fullCircle {
border-radius:50%;
        margin : 8px;
        width: 72px;
        background: #5bc236;
        color: white;
        font-size: 32px;
        border: 2px solid #5bc236;
        display: inline-block;
}
.fullCircle span {
        text-align: center;
        line-height: 72px;
        display: block;
        color: #000;
}
.redCircle {
border-radius:50%;
        margin : 8px;
        width: 72px;
        background: #e64522;;
        color: white;
        font-size: 32px;
        border: 2px solid #e64522;;
        display: inline-block;
}
.redCircle span {
        text-align: center;
        line-height: 72px;
        display: block;
        color: #000;
}