@font-face {
    font-family: 'ArcadeClassic';
    src: url('../res/ARCADECLASSIC.TTF');
}

body, html {
	font-family: "Lucida Console", "Courier New", monospace;
	margin: 0;
	width: 100%;
	height: 100%;
	color: white;
}

#game_canvas {
	background-color: #0e0e0e;
	width:100%;
	height:100%;
	display: block;
}

.overlay_panel {
	background-color: black;
	opacity: 0.8;
	margin: 1em;
	padding: 1em;
}

#control_panel {
	position: absolute;
	top: 0;
	left: 0;
}

#control_panel.hidden {
	opacity: inherit;
}

ul {
	padding: 0;
}

li {
	padding: 0;
	list-style-type: none;
}

.cp_section label {
	display: block;
	clear: both;
}

.cp_section label input[type="text"] {
	width: 3em;
	float: right;
	margin-left: 1em;
}

#cp_fps {
	float: right;
}

#cp_fps_counter {
	font-weight: bold;
}

.hidden {
	display: none;
}

.right {
	float: right;
}