body,html{
	background-color:#fff;
	margin:0px;
	height:100%;
	overflow:hidden;
	background-color:#000;
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
}
.screenNeighbor{
	background-color:#000;
	width:960px;
	height:600px;
	position:absolute;
}


#screen{
	outline:2px solid #fff;
}
#log{
	position:absolute;
	top:0px;
	left:0px;
	font-family:Courier new, monospaced;
    font-size:8pt;
	z-index:2000;
	color:#fff;
	background-color:#000;
	opacity:0.9;
	font-family:monospace;
}

.ui-draggable-dragging{
	z-index:100000;
}
.activeObject, .object.ui-draggable-dragging{
	
	outline:#32e685 solid 2px;
	
}
.selectNeighborForm{
	position:absolute;
	width:200px;
	height:30px;
}
.screenNeighborN{
	top:0px;
	left:960px;
}	
.screenNeighborN .selectNeighborForm{
	left: 380px;
	bottom: 5px;
}

.screenNeighborS{
	bottom:0px;
	left:960px;
}	

.screenNeighborS .selectNeighborForm{
	left: 380px;
	top: 5px;
}

.screenNeighborW{
	top:600px;
	left:0px;
}	

.screenNeighborW .selectNeighborForm{
	right: 5px;
	top: 270px;
}
.screenNeighborE{
	top:600px;
	right:0px;
}	

.screenNeighborE .selectNeighborForm{
	left: 5px;
	top: 270px;
}





.screen{
	background-color:#000;
	background-image:url("../img/screen_grid.png");
	width:960px;
	height:600px;
	position:absolute;
	top:600px;
	left:960px;
	overflow:hidden;
}

#screenWrapper{
	/* 3x3 screens*/
	width:2880px;
	height:1800px;
	position:absolute;
}

.object{
	margin:0px !important;
	display:block;
	position:relative;
}

.object .img{
	width:100%;
	height:100%;
}


#objectCanvas{
	display:none;
	background-color:#fff;
}

#buttons{
	
	clear:both;
}


.objectPosition input{
	width:30px;
}

.noObjectSelected{
	padding:10px 0;
}
.objectName{
	
	
	padding:8px 0;
}
.objectPositionHeader{
	font-weight:bold;
	float:left;
	line-height:27px;
	padding-right:5px;
	clear:left;
	width:80px;
}
.objectPosition{
	line-height:27px;
	font-weight:bold;
	float:left;
}
.objectButtons{
	clear:both;
	padding:5px 0;
}

.clear{
	clear:both;
	padding:10px 0;
}
.toolHeader{
	font-weight:bold;
	float:left;
	line-height:27px;
	padding-right:5px;
	clear:left;
	width:170px;
}

.smallToolHeader{
	font-weight:bold;
	float:left;
	line-height:27px;
	padding-right:5px;
	clear:left;
	width:80px;
}

.smallerToolHeader{
	font-weight:bold;
	float:left;
	line-height:27px;
	padding-right:5px;
	clear:left;
	width:70px;
}



#loadingScreen{
	font-size:15pt;
	font-weight:bold;
	color:#fff;
	line-height:100px;
	text-align:center;
	font-family:Courier new;

}

/* scrollbar */
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    background-color:#000;
}
 
::-webkit-scrollbar-thumb {
	background-color:#333;
}

.screen .ui-draggable{
	cursor:move;
}


#playerStart{
	z-index:10000;
}