.yay { color: green; } /* for praise */
.boo { color: red; } /* for warning */
h1 { text-align: center; margin: 0; padding: 0; }
body { width: 1000px; margin: 5px auto 400px;
 background-color: #ffff99; background-image: url(/losers/Summer_Fruits.jpg);
 background-attachment: fixed; background-size: 100% auto; background-repeat: no-repeat; }
.cloud { width: 100%; border: thin black double; margin: 5px auto; padding: 15px;
 background-color: rgba(255,255,255,0.8); }
.box { margin: -20px 0 0 0; border: thin black solid; padding: 5px; }
h1.hdr { text-align: left; }
input[type=text] { font-size: 120%; background-color: #ccffcc; }
input[type=password] { font-size: 120%; background-color: #ccffcc; }
input[type=submit].tight { margin: 0; padding: 0; border-radius: 1px; width: auto; }
/* div styling */
div.msg1 { margin: 0; padding: 0; }
div.msg2 { margin: 0; border: thin red solid; padding: 5px; background-color: aqua; }
div.msg2 p { margin: 6px 3px; padding: 0; } /* we also have margin collapse */
div.msg2 p:first-of-type { margin: 3px; }
div.msg2 p:last-of-type { margin: 3px; }
div.stt1 { font-size: 64%; font-family: courier, sans-serif; } /* stats */
/* table styling in general */
table { table-layout: fixed; width: 100%; }
th, td { margin: 0; border: thin solid black; padding: 0 3px; height: 2.5em;
 text-align: left; box-sizing: border-box; white-space: nowrap; overflow: hidden; }
tr:hover { background-color: rgba(128,255,128,0.5); }
tr.th td { text-align: center; font-weight: bold; background-color: silver; }
input:hover { background-color: rgba(128,255,128,0.5); }
th:hover, td:hover { white-space: normal; }