body,div {
	padding:0;
	margin:0;
}
body {
	color:#333;
	font-family:monospace;
	line-height:1.2em;
}
html, body, #container { height:100%; }
#container { width:100%; }
#container, #card_table { border-collapse:collapse; }
#copy {
	color:#666;
	margin-left:10px;
}
#left {
	width:654px;
	padding:6px;
}
#right {
	width:280px;
	padding-left:8px;
}
#panel {
	height:580px;
	padding-left:16px;
	margin-right:8px;
	overflow:visible;
}
#panel h1 {
	margin:0;
	margin-bottom:1em;
	margin-top:1em;
	padding:0;
}
#panel div {
	clear:both;
}
table.data {
	background-color:#333;
	border-spacing:1px 1px;
	margin:3px;
}
table.data td {
	background-color:#fff;
	padding:2px;
}
.card {
	display:block;
	padding:1px;
	border:3px solid #fff;
}
.card:hover { border:3px solid #32cd32; }
.card.selected { border-color:#000; }
.card.set { border-color:#000; }
#breakdown, #more { padding:3px; }
.indicator {
	height:.8em;
	margin-right:5px;
}
#about {
	height:578px;
	padding:6px;
	text-align:left;
}