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