body {background-image: url("../backgrounds/bg-well2.jpg"); background-color: #333366; color: #ffffcc; margin: 0;}
a {color: #00ccff}
a:link {color: #00CCFF}
a:visited {color: #6666ff}
a:hover {background: #0000EE; color: #FFFFFF}
a:active {color: #99FFFF}
form {margin: 0; padding: 0}
strong {color: #FFFFcc; font-weight: bold}

h1 {padding: 5px 0; margin: 0; font-size: 18pt; color: #FFFFFF}
div.H, .F {text-align: center; background-color: #222255; border-style: solid; border-color: #444477; padding: 3px;}
div.H {border-width: 0 0 1px 0; margin: 0 0 15px 0; padding-bottom: 10px;}
.F {border-width: 1px 0; margin: 15px 0 0 0; font-size: smaller; padding: 10px 5px;}
.display {border: 3px solid #cccccc; border-collapse: collapse; margin: 0 auto;}
td.title, td.highlight, td.highlightdark {border: 1px solid #cccccc; padding: 3px;}
td.title {text-align: center; background-color: #666666; font-weight: bold;}
td.highlight {background-color: #333366;}
td.highlightdark {background-color: #220044;}
a.nav {font-weight: bold; color: #FFFFFF}
a.nav:visited {color: #FFFFFF}

table.game, .combatcard, .note, .combattextbox {border: 1px solid #111144; background-color: #222255;}
table.game, .combatcard, .note {margin: 0px auto;}
table.game td {}
.combatcard {border-spacing: 3px;}
.combattextbox {margin: 36px auto; border-spacing: 4px;}
.note {max-width: 20%; position: absolute; top: 103px; left: 32px;}

td.gametextarea {color: lightblue; background-color: #444477; border: 1px solid #111144; padding: 3px;}
td.encountertextarea {color: lightblue; background-color: #444477; border: 1px solid #111144; padding: 20px;}
td.gametextarea b, td.encountertextarea b {color: #ADD8E6; font-weight: bold;}
td.gameheaderarea {background-color: #333366; color: lightblue; padding: 2px 10px;}
td.gamestatarea {background-color: #333366; padding: 2px 10px;}
td.gameHeaderarea strong {color: #FFFFcc; font-weight: bold;}
td.gameheaderarea a {font-size: smaller;}
Input.verticalbar { width: 100px; }
Input.verticalbar2 { width: 175px; }
Input.disabled {background-color: #333366; border-color: #111155; border-style: solid;}
.encounterpicbox {float: right; height: 100px; width: 100px; border: 1px solid #111144; margin: 0 0 0 20px;}

h2 {font-weight: bold; text-align: center; color: #FFFFcc; padding: 0; margin: 0;}

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

td.gain,span.gain {!important; background-color: #444499; color: #ffffbb; padding: 2px 10px;}
td.loss,span.loss {!important; background-color: #222244; color: #888888; padding: 2px 10px;}
td.map { padding: 2px 10px;}

.whitespace {padding: 20px;}

.floatcontainer {padding: 0; margin: 32px auto;}
.combatfloatcontainer {margin: 36px auto; padding: 0;}
.mobileonly, .mobileonlytr {display: none};