rlm@8: /* RESETS */
rlm@8: body,html{overflow:hidden;}
rlm@8: body,html,ul,ol,h1,h2,h3,h4,h5,h6,div,span,table,tr,td,input{margin:0;padding:0;font:12px Arial,Helvetica,Verdana,sans-serif}
rlm@8: ul{list-style-type:none;}
rlm@8: 
rlm@8: h1{font-size:170%;margin-right:1em;color:#026;display:block;margin-bottom:6px;}
rlm@8: h3{font-weight:bolder;display:inline;}
rlm@8: 
rlm@8: /* MAIN BODY */
rlm@8: body{padding:6px;padding-top:75px;}
rlm@8: 
rlm@8: 
rlm@8: #footer{position:absolute;left:6px;bottom:6px;right:6px;padding:4px 0px;padding-left:6px;}
rlm@8: #result{display:inline;color:#333;}
rlm@8: 
rlm@8: 
rlm@8: #header{position:absolute;top:3px;left:6px;right:6px;
rlm@8: background:#8be;
rlm@8: 
rlm@8: height:60px;
rlm@8: overflow:hidden;
rlm@8: padding:8px;
rlm@8: padding-bottom:0px;
rlm@8: padding-right:0px;
rlm@8: }
rlm@8: #header *{vertical-align:middle;}
rlm@8: 
rlm@8: 
rlm@8: img { border: none; } 
rlm@8: 
rlm@8: /* OUTPUT */
rlm@8: #out1{
rlm@8: 	border:1px solid #888;
rlm@8: 	position:absolute;left:6px;top:75px;right:6px;bottom:32px;
rlm@8: 	display:block;
rlm@8: 	overflow-y:auto;
rlm@8: 	overflow-x:hidden;
rlm@8: 	text-align:center;
rlm@8: 	vertical-align:middle;
rlm@8: 	padding-top:16px;
rlm@8: }
rlm@8: 
rlm@8: #out1 img {
rlm@8: 	padding:2px;
rlm@8: 	width:18%;
rlm@8: }
rlm@8: 
rlm@8: 
rlm@8: /* UI */
rlm@8: #radiobuttons{display:inline;}
rlm@8: #radiobuttons a{text-decoration:none;color:#000;font-size:14px;margin-left:2px;margin-right:.6em;}
rlm@8: #b2{font-size:15px;padding:4px 2px;margin-left:4px;margin-top:-4px;}
rlm@8: 
rlm@8: 
rlm@8: 
rlm@8: 
rlm@8: /*THEMES */
rlm@8: #out1{background:#fff url("./pkb.jpg") no-repeat;background-position:bottom right;}
rlm@8: 
rlm@8: 
rlm@8: #header,#footer,#rules{background:#e0eeff;border:1px solid #c3d9ff;}
rlm@8: 
rlm@8: /*#header,#footer{background:#f66;border:none;}
rlm@8: #header{border-bottom:2px solid #000;}
rlm@8: h1{color:#000}*/