body {background-image: url("../backgrounds/rock wall.jpg"); background-color: #222222; color: #FFFFCC; margin: 0;}
a {color: #444411}
a:link {color: white}
a:visited {color: #ffffaa}
a:hover {background: #EEEEEE; color: #222222}
a:active {color: #444444;}

a.nav {font-weight: bold;}
a.nav:visited {}

a.small {font-weight: normal; font-size: 83%}

.display {border: 3px solid #446666; border-collapse: collapse; margin: 0 auto;}

td.title, td.highlight, td.highlightdark {border: 1px solid #446666; padding: 3px;}
td.title {text-align: center; background-color: #555555; font-weight: bold;}
td.highlight {background-color: #333333;}
td.highlightdark {background-color: #111111;}

h1 {padding: 5px 0; margin: 0; font-size: 18pt;}

div.H, .F {background-color: #224444; border: solid #446666; 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;}

table.game, .note {border: 1px solid #446666; background-color: #113333; border-collapse: separate; border-spacing: 2px;}
table.game {width: 500px; margin: 32px auto;}
.note {max-width: 315px; margin: -16px auto 32px auto;}

table.game td {padding: 2px 5px; border: 1px solid #446666;}
table.game td table td {border-width: 0 !important;}

td.gametextarea {background-color: #113333; border: 1px solid #446666; padding: 10px !important; vertical-align: top;}
td.gameheaderarea {}

div.full {background-color: #ddddaa; display: inline; color: black;}
div.empty {background-color: #ff0000; display: inline;}
.fhide {color: #ddddaa;}
.ehide {color: #ff0000;}

input.verticalbar { width: 125px; }
input.disabled {background-color: #002222; border: solid #113333;}
.gain {background-color: #335555 !important;}
.loss {background-color: #002222 !important;}

h2 {font-weight: bold; font-size: 18pt; text-align: center; color: #BBBBBB; padding: 0; margin: 0;}

strong {color: #ff8c00;}
.headline {color: #ff8c00;}

.c {text-align: center;}
.loud {font-size: larger;}
.quiet {font-size: smaller;}
.shout {font-size: 150%;}
.whitespace {padding: 20px;}
.mobileonly, .mobileonlytr {display: none;}