body {background-image: url("../backgrounds/Stars2.jpg"); background-color: #111111; color: #ffffcc; margin: 0;}
a {color: #00ccff}
a:link {color: #00CCFF}
a:visited {color: #6666ff}
a:hover {background: #0000BB; color: #FFFFFF}
a:active {color: #99FFFF}

form {margin: 0; padding: 0;}

.display {border: 3px solid #aa88cc; border-collapse: collapse; margin: 0 auto;}

.highlight, .highlightdark {border: 1px solid #aa88cc; padding: 3px;}
.highlight {background-color: #220044;}
.highlightdark {background-color: #110033;}

table.game, .note {border: 2px solid #553377; background-color: #553377; border-collapse: separate; border-spacing: 1px; box-sizing: border-box;}
table.game {margin: 32px auto; width: 250px;}
.note {max-width: 30%; position: absolute; top: 103px; left: 32px;}
.floatcontainer {margin: 0 auto; width: 850px;}

td.gametextarea {vertical-align: top; padding: 10px; background-color: #442266; font-size: larger;}
td.gametextarea b {font-weight: bold; color: #ffff66;}

td.gameheaderarea {background-color: #220044; padding: 3px 10px;}

td.gameheaderarea strong {font-weight: bold; color: ffff66;}
td.gameheaderarea a {font-size: smaller;}
td.gamestatarea {background-color: #221144; padding: 3px 10px;}
td.gain {background-color: #665588; padding: 3px 10px;}
td.loss {background-color: #110033; padding: 3px 10px; color: #999999}

strong {font-weight: bold; color: #ffff66;}

td.title {border: 1px solid #442266; text-align: center; background-color: #8844aa; font-weight: bold}

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

div.H, .F {background-color: #220044; border: solid #442266; 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:visited {color: #FFFFFF}

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

.headline {color: #FFFF66; font-weight: bold;}

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

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

.stage1, .stage2, .stage3 {margin: 0 auto; border: 2px solid #666699; border-collapse: collapse;}
.stage1 td, .stage2 td, .stage3 td {padding: 3px; border: 2px solid #666699; border-collapse: collapse;}
.stage1 {background-color: #333366;}
.stage2 {background-color: #FFFFFF;}
.stage3 {background-color: #a7a1a1;}

.picbox {border: 1px solid #553377;}