pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }

*.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	
	/*
	 Introduced in IE 10.
	 See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
	 */
	-ms-user-select: none;
	user-select: none;
}

body{
    margin:0;
}

#canvas {
	width: 100%;
	position: relative;
	z-index: 1;
	cursor:ew-resize;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#GS-copyright {
	z-index: 3999;
	float: right;
	position: fixed;
	right: 0px;
	width: 100px;
	color: #ffffff;
	background-color: rgba(220, 0, 49, 0.701961);
	font-size: 11px;
	font-family: Trebuchet MS,sans-serif;
	padding-left: 2px;
}

#GS-menuNavigation {
	position: fixed;
	cursor: pointer;
	z-index: 3998;
}

#GS-TurnRight, #GS-TurnLeft {
	z-index: 3998;
	float: left;
	position: relative;
	right: 0px;
	cursor: pointer;
}

.hidden{
	display:none;
 }

.buttonView {
    color: #DC0031;
    text-align: right;
    background-color: #ffffff;
    border: 3px solid #DC0031;
    margin: 5px;
    cursor: pointer;
    z-index: 4000;
    float: left;
    position: absolute;
    top: 0px;
    width:17%;
}

.squareButton {
    margin: 5px;
}

.buttonBordered {
    border: 3px solid #DC0031;
}

.buttonViewSelected {
    color: #ffffff;
    text-align: right;
    background-color: #DC0031;
    border: 3px solid #DC0031;
    margin: 5px;
    cursor: pointer;
    z-index: 4000;
    float: left;
    position: absolute;
    top: 20px;
    width:17%;
}

.appartmentViewButtonImageOff {
    float: right;
    background-image: url("../images/menu/BuildingViewButton_off.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.appartmentViewButtonImageOn {
    float: right;
    background-image: url("../images/menu/BuildingViewButton_on.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.extentViewButtonImageOff {
    float: right;
    background-image: url("../images/menu/ExtentViewButton_off.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.extentViewButtonImageOn {
    float: right;
    background-image: url("../images/menu/ExtentViewButton_on.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.horizontal-layout-center-item {
    display: inline-block;
    vertical-align: middle;
}

img.opacity-hover {
	opacity: 0.65 !important;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.15s ease-in-out 0s;
	-moz-transition: opacity 0.15s ease-in-out 0s;
	-o-transition: opacity 0.15s ease-in-out 0s;
	transition: opacity 0.15s ease-in-out 0s;
}

img.opacity-hover:hover {
	opacity: 1 !important;
}