body {background-image: url("../backgrounds/forest.jpg"); background-color: #007700; color: #ffffcc; margin: 0;}

form {margin: 0; padding: 0;}

a {color: #bbbb00}
a:link {color: #bbbb00}
a:visited {color: #aaaa00}
a:hover {background: #bbbb00; color: #222200}
a:active {color: #222200}

a.small {font-weight: normal; font-size: 83%}

.display {background-color: 007700; border: 3px solid #008844; border-collapse: collapse; margin: 0 auto;}

td.title, td.highlight, td.highlightdark {border: 1px solid #008844; padding: 3px;}
td.title {text-align: center; background-color: #004400; font-weight: bold;}
td.highlight {background-color: #006600;}
td.highlightdark {background-color: #006600;}

.floatcontainer {width: 905px; overflow: auto; margin: 32px auto;}
table.game, .note, .sidebox {border: 1px solid #008844; background-color: #005500; border-collapse: separate; border-spacing: 2px;}
table.game {width: 425px; margin: 0 auto;}
.sidebox {padding: 20px; box-sizing: border-box;}
.note {width: 425px; position: initial; margin: 0 auto;}

td.gamestatarea, td.gameheaderarea {padding: 2px 10px; border-style: solid; border-width: 1px; border-color: #008844;}
td.grid {border-style: solid; border-width: 0; !important}
td.gain {background-color: #008800 !important;}
td.loss {background-color: #002200 !important;}

td.gametextarea {background-color: #005500; border: 1px solid #008844; font-size: larger; vertical-align: top; padding: 10px;}

td.gameheaderarea {}
td.gameheaderarea strong {}

h1 {padding: 5px 0; margin: 0; font-size: 18pt; color: #FFFFFF}

div.H, .F {background-color: #004400; border-style: solid; border-color: #006600; padding: 3px; text-align: center; }
div.H {border-width: 0 0 1px 0; margin: 0 0 15px 0; padding-bottom: 10px;}
.F {border-width: 2px 0; margin: 15px 0 0 0; font-size: 10pt; padding: 10px 5px;}

a.nav {font-weight: bold; color: #FFFFFF}
a.nav:hover {color: #222200}
a.nav:visited {color: #FFFFFF}

h2 {font-weight: bold; font-size: 18pt; text-align: center; padding: 0; margin: 0; color: #00aa00}

.mobileonly, .mobileonlytr, .tabletonly {display: none;}
.whitespace {padding: 20px;}

.c {text-align: center;}
.loud {font-size: larger;}
.quiet {font-size: smaller;}

strong {color: #00aa00;}