/*
	Debug
*/

#debugOut {position: fixed; left: 0px; top: 0px; z-index: 8192; border-style: none; margin: 0px; padding: 0px; vertical-align: top; font-family: sans-serif; font-weight: bold; font-size: 11px;}
#debugOut pre {margin: 2px 4px 0px 4px; color: #303030; text-shadow: 0px 1px 2px #ffffff; background-color: rgba(255,255,255,.75);}

#debugOut.negative pre {color: #e8e8e8; text-shadow: 0px 1px 2px #000; background-color: rgba(0,0,0,.25);}

/*
	Display
*/

.sprite {position: absolute; margin: 0px; padding: 0px; left: 0px; top: 0px; -webkit-font-smoothing: antialiased;}
img.sprite, .fast-sprite {image-rendering: optimizeQuality; -webkit-perspective: 10px; -webkit-perspective-origin: 50% 50%; -moz-perspective: 10px; -moz-transform:translateZ(100px);}

.shape {pointer-events: none; -webkit-touch-callout: none;}
.button {cursor: pointer;}

.shape, .unselectable, .button {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


object, embed {width: 100%; height: 100%}
object:focus, embed:focus {outline: none;}

.textbox.fullwidth {width: 100%}

div.horizontal-ruler {
	position: absolute;
	
	left: 0; top: 0;
	width: 100vw;
	height: 1px;
	
}

div.vertical-ruler {
	position: absolute;
	
	left: 0; top: 0;
	width: 1px;
	height: 100vh;
	
}

/*
	UI
*/

body.point * {
	cursor: pointer;
	
}

body.grab * {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
	
}