html, body, #holder_systemMessage {
	margin: 0 0 .5rem 0;
	padding: 0;
	text-align: center;
	position: relative;
	}
#holder_systemMessage span {
	display: block;
	background-color: #ffc;
	margin: 0;
	padding: .5rem;
	border-bottom: 1px solid #fc6;
	text-align: center;
	}
select {
	position: relative;
	z-index: 2;
	font-size: 1.25rem;
	margin: .5rem;
	}
#holder_compass {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 320px;
	height: 320px;
	margin: 0px auto;
	padding: 0px;
	background-image: url('_images/compass_dial.svg');
	background-repeat: no-repeat;
	transition: all 500ms;
	-o-transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	}
#compass_needle {
	margin: 0px;
	transition: all 2s;
	-o-transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transform-origin: 160px 160px 0;
	-moz-transform-origin: 160px 160px 0;
	-webkit-transform-origin: 160px 160px 0;
	}