body, td, p, div { font-family: arial, sans-serif; font-size: 8pt; }
a { text-decoration: none; color: #3E57C0; }

.sectionhead { padding-bottom: 3px; font-weight: bold; font-style: italic; }

div.container { width: 350px; border: 1px solid #000000; }
div.atwillhead { background-color: #3F754A; font-family: arial, sans-serif; vertical-align: middle; color:#FFFFFF; display: table; width:100%; border-spacing: 0px; }
div.enchead { background-color: #6C101D; font-family: arial, sans-serif; vertical-align: middle; color:#FFFFFF; display: table; width:100%; border-spacing: 0px; }
div.dailyhead { background-color: #2A2C2C; font-family: arial, sans-serif; vertical-align: middle; color:#FFFFFF; display: table; width:100%; border-spacing: 0px;  }
div.powerdesc { background-color: #D1CEB8; font-family: arial, sans-serif; font-size: 8pt; padding: 3px 3px 3px 3px; vertical-align: middle; font-style: italic; color: #000000; }
div.whitebg { background-color: #FFFFFF; font-family: arial, sans-serif; font-size: 8pt; padding: 3px 3px 3px 3px; vertical-align: middle; color: #000000; }
div.tanbg { background-color: #D1CEB8; font-family: arial, sans-serif; font-size: 8pt; padding: 3px 3px 3px 3px; vertical-align: middle; color: #000000; }

span.powername { display: table-cell; text-align: left; font-size: 10pt; padding:2px 2px 2px 2px; font-weight: bold; }
span.powerlv { display: table-cell; text-align: right; font-size: 8pt; padding:2px 2px 2px 2px; font-weight: bold; }

table.border { border: 1px solid #000000; }
table.abilities { border: 1px solid #000000; float: left; }
table.hpdata { border: 1px solid #000000; text-align: center; float: left; position: relative; left: 5px; }
table.skills { border: 1px solid #000000; float: left; }
table.jobtraits { border: 1px solid #000000; float: left; position: relative; left: 5px; }
table.feats { border: 1px solid #000000; position: relative; left: 10px; }

tr.biohead { background-color: #DC7C00; font-weight: bold; color: #FFFFFF; }
tr.abilhead_blue { background-color: #3E57C0; color: #FFFFFF; font-weight: bold; }
tr.abilhead_grape { background-color: #8517D2; color: #FFFFFF; font-weight: bold; }
td.border_low { border-bottom: 1px solid #000000; }
td.border_corner { border-left: 1px solid #000000; border-bottom: 1px solid #000000; }

img.portrait { position: relative; left: 5px; }

