html,body {
	margin:0px;
	overflow:hidden;
	background-color:#869ca7;
	color:#0B333C;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
}
.header, .footer {
	position:absolute;
	height:2em;
	left:1em;
	right:1em;
	padding:2px;
}
.left, .right {
	position:absolute;
	top:2em;
	bottom:2em;
	width:50%;
}
.left { left:0em;}
.right {right:0em;}
.header { top:0px; }
.footer {bottom:0px;}

.input,.output,.console {
	position:absolute;
	height:50%;
	width:100%;
}
.input {
	top:0px;
}
.output {
	bottom:0px;
}
.console {
	top:0px;
	height:100%;
}
.bar {
	position:absolute;
	top:0px;
	left:1em;
	right:1em;
	height:2em;
}
.text {
	position:absolute;
	top:3em;
	bottom:1em;
	right:1em;
	left:1em;
}
textarea {
	width:100%;
	height:100%;
}
button {
	width:8em;
	margin-left:1em;
}
.links {
	float:right;
}
a {
	padding:6px;
	text-decoration: none;
	font-weight: bold;
	color:#0B333C;
}
a:hover {
	background-color:#b6ccd7;
}