.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9,
.grid_10, .grid_11, .grid_12 {
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background-color: rgb(204, 204, 204);
}

.grid_1:hover, .grid_2:hover, .grid_3:hover, .grid_4:hover, .grid_5:hover, 
.grid_6:hover, .grid_7:hover, .grid_8:hover, .grid_9:hover, .grid_10:hover, 
.grid_11:hover, .grid_12:hover {
	background: #AAA;
}

.active .grid_1, .active .grid_2, .active .grid_3, .active .grid_4, 
.active .grid_5, .active .grid_6, .active .grid_7, .active .grid_8, 
.active .grid_9, .active .grid_10, .active .grid_11, .active .grid_12 {
	background-color: red;
}

.active .grid_1:hover, .active .grid_2:hover, .active .grid_3:hover, .active .grid_4:hover, 
.active .grid_5:hover, .active .grid_6:hover, .active .grid_7:hover, .active .grid_8:hover, 
.active .grid_9:hover, .active .grid_10:hover, .active .grid_11:hover, .active .grid_12:hover {
	background-color: darkred;
}