#app {
	position:absolute;
	/*
	 background-image:url("../images/snow_256.png");
	 */
	top:0px;
	left:0px;
	margin:0px;
	width:100%;
	height:1200px;
}
#column {
	z-index:10;
	position:absolute;
	left:0;
	right:0;
	top:0px;
	left:0px;
	width:800px;
	height:600px;
	/*
	 margin:20px auto;
	 border:solid rgba(240, 240, 255, .3) 5px;
	 box-shadow:2px 2px 18px rgba(20, 50, 70, .7);
	 */
}
#view {
	z-index:20;
	top:0px;
	left:0px;
	position:absolute;
	width:800px;
	height:600px;
}
#buttons {
	z-index:30;
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:30px;
}
button {
	font-size:12px;
	background-color:rgba(130, 150, 200, 1);
	border-radius:15px;
	border:0;
	color:white;
	cursor:pointer;
	cursor:hand;
	pointer-events:all;
}
button:active {
	background-color:rgba(220, 220, 240, 1);
}
button:hover {
	background-color:rgba(130, 150, 240, 1);
}
button:focus {
	outline:none;
}
#details {
	position:absolute;
	text-align:center;
	z-index:60;
	width:100%;
	height:60px;
	border-radius:15px;
	bottom:-75px;
	left:0;
	right:0;
	background-color:rgba(220,225,230,0.5);
}
#announcement {
	visibility:hidden;
	font-family:'Lato',sans-serif;
	position:absolute;
	text-align:center;
	z-index:60;
	width:280px;
	height:60px;
	border-radius:15px;
	top:0px;
	font-size:14px;
	right:-280px;
	color:grey;
	background-color:rgba(220,225,230,0.5);
	box-shadow:2px 2px 18px rgba(20, 50, 70, .7);
}
#title {
	font-family:'Lato',sans-serif;
	font-family:'Pacifico',cursive;
	font-size:20px;
	text-shadow:2px 4px 3px rgba(0,0,20,0.2);
	color:white;
}
.copyright {
	font-size:10px;
	font-family:'Lato',sans-serif;
	text-align:center;
	color:grey;
}
#greetingTop {
	pointer-events:none;
	font-family:'Pacifico',cursive;
	font-size:60px;
	text-shadow:2px 4px 8px rgba(0,0,20,0.5);
	text-align:center;
	z-index:60;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	width:100%;
	color:white;
}
#greetingBottom {
	pointer-events:none;
	font-family:'Pacifico',cursive;
	font-size:40px;
	text-shadow:2px 4px 8px rgba(0,0,20,0.5);
	text-align:center;
	z-index:60;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	width:100%;
	color:white;
}
.testControl {
	float:left;
	font-family:'Lato',sans-serif;
	color:black;
}
.controls {
	float:left;
	font-family:'Lato',sans-serif;
	color:white;
}
#sharingDetails {
	background-color:rgba(200, 200, 240, 1);
}
.slider {
	width:120px;
	height:30px;
}
.sliderValue {
	font-size:10px;
}
.noSelect {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.sliderBar {
	margin:6px;
	height:10px;
	width:100px;
}