@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) {
	html { overflow:hidden; }
}
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;
			 background-color:#000000;}
a { color:#FFFFFF; }
.ui-button {
	display: inline-block;
	height: 40px;
	width: 40px;
  cursor: pointer;
	background-size: 40px 40px;
	background-repeat: no-repeat;
  -webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
.settings-button {
	background-image: url("/live-spaces/assets/img/Icon settings.png");
}
.settings-button:hover {
	background-image: url("/live-spaces/assets/img/Icon settings hover.png");
}
.share-button {
	background-image: url("/live-spaces/assets/img/Icon share.png");
}
.share-button:hover {
	background-image: url("/live-spaces/assets/img/Icon share hover.png");
}
.subtitles-button {
	background-image: url("/live-spaces/assets/img/Icon subtitles.png");
}
.subtitles-button:hover {
	background-image: url("/live-spaces/assets/img/Icon subtitles hover.png");
}
.subtitles-button-off {
	background-image: url("/live-spaces/assets/img/Icon subtitles off.png");
}
.music-button {
	background-image: url("/live-spaces/assets/img/Icon music.png");
}
.music-button:hover {
	background-image: url("/live-spaces/assets/img/Icon music hover.png");
}
.music-button-off {
	background-image: url("/live-spaces/assets/img/Icon music off.png");
}
.sound-button {
	background-image: url("/live-spaces/assets/img/Icon sound.png");
}
.sound-button:hover {
	background-image: url("/live-spaces/assets/img/Icon sound hover.png");
}
.sound-button-off {
	background-image: url("/live-spaces/assets/img/Icon sound off.png");
}
.windowexpand-button {
	background-image: url("/live-spaces/assets/img/Icon window expand and arrow.png");
}
.windowexpand-button:hover {
	background-image: url("/live-spaces/assets/img/Icon window expand and arrow hover.png");
}
.windowcontract-button {
	background-image: url("/live-spaces/assets/img/Icon frame contract.png");
}
.windowcontract-button {
	background-image: url("/live-spaces/assets/img/Icon frame contract hover.png");
}
.map-button {
	background-image: url("/live-spaces/assets/img/Icon map.png");
}
.avm-button {
	background-image: url("/live-spaces/assets/img/AVM.png");
	width: 60px;
	height: 30px;
	background-size: 60px 30px;
}
.map-button:hover {
	background-image: url("/live-spaces/assets/img/Icon map hover.png");
}
#ui-top-left {
	position: absolute;
	top: 0px;
	left:0px;
	padding: 5px;
	padding-left: 20px;
	z-index: 1;
	align-content: center;
}
#ui-top-right {
	position: absolute;
	top: 0px;
	right:0px;
	padding: 5px;
	padding-right: 20px;
	z-index: 1;
}
#ui-bottom-right {
	position: absolute;
	bottom: 0px;
	right:0px;
	padding: 5px;
	padding-right: 20px;
	z-index: 1;
}
#ui-bottom-left {
	position: absolute;
	bottom: 0px;
	left:0px;
	padding: 5px;
	padding-left: 20px;
	z-index: 1;
}
#room-name {
	color: #FFFFFF;
	font-size: 20px;
	padding: 10px;
}

.non-pano-overlay-fix {
		height: 0%;
		width: 100%;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		overflow-y: hidden;
}