a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
th { padding: 3px; border-style: solid; color: black; font: 8pt verdana; background-color: #ddddff; text-align: left; }
td { padding: 3px; border-style: solid; color: black; font: 8pt verdana; }

table.pq { border: clear }
.small td, .small th { font-size: 10pt; font-family: sans-serif; }
.pq th, .blue { background-color: #ddddff; text-align: left; }
.pq td, .pq th, .blue { padding: 3px; border-style: solid; color: black }
.blue { border-width: 1 }

tr.sel td { background-color: #ffffa0; }

td.Good    { background-color: white; color: navy }
td.Neutral { background-color: #a0a0a0; color: black }
td.Evil    { background-color: #404040; color: red }

.main { position: absolute; overflow: auto; top: 70px; bottom: 0px; left: 0px; right: 0px; }
.menu { position: fixed; top: 0px; bottom: 70px; left: 0px; right: 0px; width: 100%; }
.menuItem { width: 50%; border: 1px solid gray; text-align: center; }