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, .encounter {border: 2px solid #553377; background-color: #553377; margin: 0 auto; border-collapse: separate; border-spacing: 1px;}
table.game {width: 950px; margin-top: 30px; margin-bottom: 30px;}
.note {max-width: 400px; width: initial !important; margin-top: 16px;}
.encounter {margin-top: 40px; margin-bottom: 40px;}

td.gametextarea {vertical-align: top; padding: 20px; 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: #110033; padding: 3px 10px;}
td.gain {background-color: #665588; padding: 3px 10px; color: #ffff66;}
td.loss {background-color: #333355; padding: 3px 10px; color: #dddddd;}

.controlbox {background-color: #110033; padding: 5px; vertical-align: top;}
.infobox {background-color: #222255; padding: 10px;}

.controlbox table td {padding-right: 5px;}
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;}
input.enc {width: 100px;}
input.encm {width: 150px;}
input.encl {width: 200px;}
div.full {background-color: #554477; display: inline; color: #ffffbb;}
div.empty {background-color: #332255; display: inline;}

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

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

table.inwardnav {border-collapse: separate; border-spacing: 0; padding: 0;}
table.inwardnav td {padding: 0 3px;}

div.ConvertBox {border-width: 1px; border-color: #775599; border-style: solid none; margin: 10px 0px; padding: 10px 0px;}

table.placeinfo {border-collapse: collapse;}