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}*/