.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*[class$="clearfix"] { display: inline-block } /* ie7, ignored by opera 8 */
* html>body .clearfix { width: 100%; } /* ie mac only */
* html .clearfix { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }

body { font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:0; padding:1em 1em 3em }
h1, h2, p { text-align:center; margin:0 auto; padding:0 }
h1 { font-size:1.6em }
h2 { font-size:1.2em; margin-bottom:.4em }
p { width:66%; font-size:.8em }
p a { color:#FF0066; font-weight:bold; text-decoration:none }
p a:hover { text-decoration:underline }
table { border-left:1px solid black; border-top:1px solid black; margin:0 auto; width:12em; height:12em }
form { width:12em; margin:1em auto; display:block }
td, input { width:1em; height:1em; text-align:center }
input { border:0; vertical-align:middle; font-size:1em; display:block }
td { border-bottom:1px solid black; border-right:1px solid black }
td.majcol { border-right-width:3px }
td.majrow { border-bottom-width:3px }
input#submit { width:12em; height:1.5em;  border:1px solid black; background-color:white; margin-top:.5em }
input#clear, input#reset { height:1.5em; width:5.7em; margin:.5em .25em 1em 0; border:1px solid black; background-color:white }
input#reset { float:left }
input#clear { float:right; margin-right:0 }
.borderless {border:none;}