body {
	background-color : rgb(40,40,40);
}

#main {
	width : 800px;
}

div#screen {
	width : 360px;
	height : 360px;
	border : 1px solid black;
	margin : 10px;
	background-color : black;
	float : left;
	overflow : hidden;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	-webkit-box-sizing : border-box;
	position : relative;
}

#screencanvas {
	width : 360px;
	height : 360px;
	position : absolute;
	z-index : 1;
}

#processcanvas {
	width : 360px;
	height : 360px;
	position : absolute;
	z-index : 1;
}

div#inputlayer {
	width : 360px;
	height : 360px;
	position : absolute;
	z-index : 3;
}

div#output {
	width : 360px;
	height : 360px;
	margin-left : 20px;
	display : inline-block;
	color : white;
	font-family : arial;
	font-size : 12px;
	padding : 5px;
	overflow : hidden;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	-webkit-box-sizing : border-box;
	/*
	border : 1px solid black;
	background-color : black;
	*/
	border : 1px dashed rgb(60,60,60);
}

#status {
	display : inline;
}

.status-error {
	color : rgb(255,128,128);
}

.status-ok {
	color : rgb(128,255,128);
}

#presetctr {
	width : 742px;
	height : 360px;
	margin-top : 15px;
	border : 1px solid black;
	display : inline-block;
	overflow : hidden;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	-webkit-box-sizing : border-box;
}


textarea#presetcode {
	width : 740px;
	height : 358px;
	border : none;
	margin : 0;
	padding : 5px;
	background-color : rgb(20,20,20);
	color : rgb(200,200,200);
}

#presetlist ul {
	margin : 0;
	padding : 0;
	margin-left : 10px;
}

#presetlist ul a {
	color : white;
	text-decoration : none;
}

#presetlist ul a:hover {
	background-color : #666;
}

#presetlist ul li {
	display : inline-block;
	width : 110px;
	height : 18px;
	vertical-align : top;
}

div#screen {
  margin : 0px;
}

body {
  margin : 0;
}

#main {
  width : 100%;
  text-align : center;
}

#ctr {
  width : 742px;
  top : 0;
  margin : 20px auto 0 auto;
  text-align : left;
}