.site_pos {position: absolute}
.site {
	display: table-cell;
	height: 33px;
	width: 33px;
	color: #222;
	font-family: serif;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url("/images/wind-arrows.png");
	background-position: 0 0;
	border: transparent;
	border-radius: 16px;
	text-decoration: none;
}

.site:hover {text-decoration: underline; cursor: pointer}
[data-color=red].site {box-shadow: inset 0 0 3px #a22}
[data-color=green].site {box-shadow: inset 0 0 3px #282}
[data-color=blue].site {box-shadow: inset 0 0 3px #22a}
[data-color=brown].site {box-shadow: inset 0 0 3px #862}
[data-color=black].site {box-shadow: inset 0 0 3px #222}
[data-amount=double][data-color=red].site {box-shadow: inset 0 0 9px #a22}
[data-amount=double][data-color=green].site {box-shadow: inset 0 0 9px #282}
[data-amount=double][data-color=blue].site {box-shadow: inset 0 0 9px #22a}
[data-amount=double][data-color=brown].site {box-shadow: inset 0 0 9px #862}
[data-amount=double][data-color=black].site {box-shadow: inset 0 0 9px #222}
[data-amount=triple][data-color=red].site {box-shadow: inset 0 0 27px #a22}
[data-amount=triple][data-color=green].site {box-shadow: inset 0 0 27px #282}
[data-amount=triple][data-color=blue].site {box-shadow: inset 0 0 27px #22a}
[data-amount=triple][data-color=brown].site {box-shadow: inset 0 0 27px #862}
[data-amount=triple][data-color=black].site {box-shadow: inset 0 0 27px #222}
.selected.site {box-shadow: 0 0 5px #02A4D7}