:root {
	--borderActive: #c85;
	--borderDefault: #555;
	--borderButton: #a0a0a0;
	--panel-height: 38px;
}
@font-face {
	font-family: Droid Sans Mono;
	src: url(DroidSansMono.ttf);
}
body {
	font-family: Droid Sans Mono;
	font-size: 100%;
	margin: 0;
	background: #1c1a21;
	color: #a0a0a0;
}
span {
	white-space: pre;
}
.panel {
	height: var(--panel-height);
	background: #2b2b2b;
	position: relative;
}
.button, .buttonRight, .buttonClose {
	float: left;
	position: relative;
	background: #1c1a21;
	border-color: var(--borderButton);
	border-style: solid;
	border-width: 1px;
	border-radius: 7px;
	margin: 4px;
	margin-bottom: 0px;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	user-select: none;
}
.buttonRight, .buttonClose {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}
.buttonClose {
	background: #231212;
	padding-left: 9px;
	padding-right: 9px;
}
.button:hover, .buttonRight:hover, .buttonClose:hover {
	background: #321658;
}
#centerB {
	left: calc(50% - 6px);
	position: absolute;
	height: 3px;
	width: 1px;
	color: rgba(0,180,0,1);
	border-color: #cca080;
	background: #cc0;
	font-size: 200%;
}
#letter0 {
	position: absolute;
	top: -1px;
	right: 0px;
}
#letter1 {
	position: absolute;
	top: -1px;
	right: 0px;
}
#desktop {
	position: relative;
	height: calc(100% - var(--panel-height));
}
#master {
	position: relative;
	overflow: hidden;
	height: 100%;
	background: #252328;
	float: left;
}
#stacking {
	position: relative;
	overflow: hidden;
	height: 100%;
	background: #252328;
	float: right;
}
.border {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
	outline: none;
}
.background {
	position: relative;
	overflow: auto;
	height: calc(100% - 2px);
	width: calc(100% - 2px);
	top: 1px;
	left: 1px;
	background: #1c1a21;
}
.scrollContainer {
	position: relative;
	overflow: auto;
	height: 100%;
}