body
{
	font-family: "Segoe UI" , Tahoma, Sans-Serif;
	font-weight: normal;
	font-size: medium;
}

#pad { width:600px; float:right; }		
#pad pre { font:normal 100% Terminal, Monospace, "Lucida Console"; color:#444 }

ol { list-style: decimal-leading-zero; }


@media screen
{
	body { font:normal 86% "Segoe UI", "Myriad", Tahoma, Sans-serif; color:#000; background:#fff; margin:0; padding:10px; }
	h1, h2, ul, li { margin:0; padding:0; border:0; }
	h1, h2 { font-weight:normal; color:#333; }
	h1 { font-size:230%; padding:5px 0; }
	h2 { font-size:150%; padding:10px 0 5px 0; }
	h2 span { font-size:70%; font-style:italic; }
	input[type^='button'] {
		border:1px solid #ccc;
		background:#fff;
		color:#000;
		padding:5px;
		cursor:pointer;
	}
	
	div.page { width:800px; }	
		
	/* Alternative formatted numbers
	ol { list-style: none; }
	ol li:before { counter-increment: item; content: counter(item) " = "; } 
	*/

}

/* Save ink and optimize the layout to give work space */
@media print
{
	body p, body h1, body h2 { display:none; }
	#pad { width:220px; float:left; }
	#pad pre { font-size:25%; }
	#enc { float:left; width:200px;}
}