body {background-image: url("../backgrounds/PRuins5.jpg"); background-color: #ddaa50; color: #000000; margin: 0;}
a {color: #00ccff}
a:link {color: #993333}
a:visited {color: #660000}
a:hover {background: #777711; color: #ffee90}
a:active {color: #eedd88}

a.nav {font-weight: bold}
a.small {font-size: smaller;}

oldstrong {color: #FFFF80; font-weight: bold}

strong {font-weight: bold;}

.display {border: 3px solid #bb8830; border-collapse: collapse; margin: 0 auto;}
hr {height: 1px; border: 0; color: gray; background-color: gray;}
form {margin: 0; padding: 0;}
td.title {border: 1px solid #bb8830}
td.title {text-align: center; background-color: #ffff80; font-weight: bold;}
.highlight {background-color: #FFFF80;}
td.highlightdark {background-color: #ffcc70;}

table.game, .leftfloatbox, .note, .encounterbox {border: 1px solid #cc8035; background-color: #cc8035;}
table.game, .leftfloatbox, .note {margin: 0 auto;}
.encounterbox {margin: 32px auto;}
.leftfloatbox {border-collapse: separate; border-spacing: 1px; width: 150px; float: left; margin-right: 50px;}
.note {max-width: 400px; margin-top: 16px;}
.picbox {border: 1px solid #cc8035;}

.ebox {width: 200px; height: 200px; background-color: #cc8035; border-width: 1px; border-style: solid; border-color: #cc8035; margin: 10px;}
.etitle, .etext, .estat {border-width: 1px; border-style: solid; border-color: #cc8035;  padding: 10px;}
.etitle, .estat {height: 25px; font-size: larger;}
.etitle	{background-color: black; color: #FFFF80; font-weight: bold;}
.estat {background-color: #FFFF80; text-align: center;}
.etext {height: 85px; background-color: #FFee90; vertical-align: top; overflow: auto;}
.eresultbox {margin: 0 auto; border: 2px solid #cc8035; padding: 10px; background-color: #FFFF80;}

td.gametextarea {background-color: #ffee90; border: 1px solid #bb8830;}
td.gameheaderarea {background-color: black; color: #ADD8E6; padding: 1px 10px;}
td.gameheaderarea strong {color: #FFFF80; font-weight: bold;}

td.gamefooterarea {background-color: #ffcc70; padding: 1px 10px; border: 1px solid #ffcc70;}
td.gamestatarea {border-style: solid; border-width: 1px; border-color: #ffff80 !important; background-color: #FFFF80; padding: 1px 10px;}

td.gamecontroldark {background-color: #ddcc70;}

td.gain {border: 1px solid #ffff00 !important; background-color: #ffffcc; color: black; padding: 1px 10px;}
td.loss {border: 1px solid #aaaa30 !important; background-color: #dddd60; color: #555555; padding: 1px 10px;}
span.gain {background-color: #ffffcc; color: black; width: 100%;}
span.loss {background-color: #dddd60; color: #555555; width: 100%;}

div.full {background-color: #bbbb88; display: inline; color: black;}
div.empty {background-color: #222222; display: inline;}

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

Input.verticalbar {width: 100px;}
Input.verticalbar2 {width: 85px;}
Input.verticalbar3 {width: 110px;}

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

b.item {font-weight: bold;}
.floatcontainer {padding: 0; margin: 32px auto; width: 1000px; overflow: auto;}

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

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