/*
	only for realtime dev edits
	move everything in here to styles.css once complete
	these are not included in release builds of the site
*/


/* not working because there are 2 trs for each row. need an outer wrapper or something else
#tblRules tr:hover td {
	background-color: #333;
}
*/

.map-tile, .map-character {
	image-rendering:pixelated;
}
.map-tile-cover:hover {
	background-color: yellow;
	opacity: 0.5;
}

.map-character:hover {
	background-color: red;
	opacity: 0.5;
}