html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #061c40;
}

.toolbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	color: #3e372a;
	background: #cdc9c3;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 16px;
	border-top: 2px solid #e7e1da;
	border-bottom: 2px solid #71706a;
	z-index: 1;
}
 

.view {
	margin: 50px 0 0 0;
}

.boardTop {
	position: relative;
	background-image: url("boardTop.png");
}

.component, .component-highlight, .component-blink {
	width: 10px;
	height: 10px;
	background: #888;
}

.component-highlight {
	background: #24ff00;
}

.component-blink {
	background: #f00;
}

.comboBoard {
	width: 150px;
}

.comboZoom {
	margin-right: 50px;
}

.comboComp {
	width: 150px;
	margin-right: 10px;
}