body, html {
	border: none;
	margin: 0;
	padding: 0;
	background-color: #222;
	color: #e0d0d0;
	background-image:url('./img/bg.gif');
	font-size: 1em;
	font-family: sans-serif
}
h1 {
	text-align: center;
	margin: 0;
}
h2 {
	text-align: center;
	margin: 0;
	margin-bottom: 16px;
	page-break-after: avoid;
}
div.window {
	margin: auto;
	width: 50em;
}
p {
	text-align: justify;
	margin: auto;
}
a:link, a:active, a:visited {
	color: #ffffff;
	font-weight: normal;
}
div.result {
	display: table-cell;
}
table {
	border: none;
	margin: auto;
}
h2, h3 {
	page-break-after: avoid;
}
table.recipe {
	page-break-inside: avoid;
}
.recipe tr {
	page-break-before: avoid;
	page-break-inside: avoid;
	page-break-after: avoid;
}
.recipe td {
	page-break-before: avoid;
	page-break-inside: avoid;
	page-break-after: avoid;
}
td {
	border: none;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	color: #404040;
	font-size: small;
}
td.label {
	text-align: left;
	font-size: medium;
	vertical-align: bottom;
	min-height: 16px;
	height: 16px;
	max-height: 16px;
}
tr.spaceh {
	min-height: 4px;
	height: 4px;
	max-height: 4px;
}
td.spacev1, td.spacev2 {
	min-width: 2px;
	width: 2px;
	max-width: 2px;
}
td.spacev {
	min-width: 4px;
	width: 4px;
	max-width: 4px;
}
td.border_tl, td.border_tr, td.border_bl, td.border_br {
	width: 8px;
	height: 8px;
}
td.border_t,td.border_b {
	width: 8px;
}
td.border_l, td.border_r {
	height: 8px;
}
td.border_tl {
	background: url(./img/bg/border_tl.png);
}
td.border_t {
	background: url(./img/bg/border_t.png) #C6C6C6;
}
td.border_tr {
	background: url(./img/bg/border_tr.png);
}
td.border_l {
	background: url(./img/bg/border_l.png) #C6C6C6;
}
td.border_r {
	background: url(./img/bg/border_r.png) #C6C6C6;
}
td.border_bl {
	background: url(./img/bg/border_bl.png);
}
td.border_b {
	background: url(./img/bg/border_b.png) #C6C6C6;
}
td.border_br {
	background: url(./img/bg/border_br.png);
}
td.crafting_bg {
	background: #C6C6C6;
}
.arrow_16 {
	min-width: 52px;
	min-height: 36px;
	width: 52px;
	height: 36px;
	max-width: 52px;
	max-height: 36px;
}
.arrow_24 {
	min-width: 68px;
	min-height: 52px;
	width: 68px;
	height: 52px;
	max-width: 68px;
	max-height: 52px;
}
.grid_16 {
	background: url(img/bg/grid_16.png);
	min-width: 36px;
	min-height: 36px;
	width: 36px;
	height: 36px;
	max-width: 36px;
	max-height: 36px;
	text-align: center;
	vertical-align: middle;
}
.grid_24 {
	background: url(img/bg/grid_24.png);
	min-width: 52px;
	min-height: 52px;
	width: 52px;
	height: 52px;
	max-width: 52px;
	max-height: 52px;
	text-align: center;
	vertical-align: middle;
}