body {background-color: #ffffff;color: #000000;font-family:serif;margin:1px 8px 0px 8px;font-size: 16; }

/* villain characters, main style */

a:link { color: #AA0000; text-decoration: none; }
a:visited { color: #990000; text-decoration: none; }
a:hover { color: #FF0000; background-color: #dddddd; }
a:active { color: #FFFFFF; }

p { font-family:serif; }

pre {color: #000000;font-family:"Courier New",monospace;font-size: 13;
    -webkit-margin-after: 12px;
}
.pbreak { page-break-before: always; }
pre.box7 {
    tab-size: 7;
    -moz-tab-size: 7;
    -o-tab-size:  7;
}

.pri {color: #000000;font-family:"Courier New",monospace;font-size: 13;}

table.traits {
  border-collapse: collapse;
  border: #000000 solid 1px;
  width: 651;
  background-color: #ffbbbb;
}

table.traits tr {
   border: #000000 solid 1px;
}

table.traits td {
   border: #000000 solid 1px;
}

table.info {
  font-size: 13px;
  border: #333333 solid 1px;
  border-style: hidden;
  border-collapse: collapse;
  width: 651;
  background-color: #ffffff;
}

table.bgnd {
  font-size: 13px;
  border: #333333 solid 1px;
  border-style: hidden;
  border-collapse: collapse;
  width: 95%;
  background-color: #ffffff;
}

table.lopic, lopic.td {
  font-size: 16px;
  border: #333333 solid 1px;
  border-style: hidden;
  border-collapse: collapse;
  width:100%;
  background-color: #ffffff;
}

table.chart {
  border-collapse: collapse;
  border: #000000 solid 2px;
  width: 99%;
  background-color: #ffffff;
}
table.chart th {
  background-color: #775588;
  font-size: 11pt;
  text-align: center;
  border: #333333 solid 1px;
  border-bottom: #000 solid 2px;
  color: #ffffff;
}
table.chart tr { background-color: #eeccff; }

table.chart tr:nth-child(4n+2) {background-color: #ddbbee; font-weight: bold;}

table.chart td {
  font-size: 9pt;
  text-align: center;
  border: #cccccc solid 1px;
}

table.grid {
  border-collapse: collapse;
  border: #000000 solid 2px;
  width: 651;
  background-color: #ffffff;
}
table.grid th {
  background-color: #557788;
  font-size: 11pt;
  text-align: center;
  border: #333333 solid 1px;
  border-bottom: #000 solid 2px;
  color: #ffffff;
}
table.grid tr { background-color: #cceeff; }

table.grid tr:nth-child(2n+2) {background-color: #bbddee; font-weight: bold;}

table.grid td {
  font-size: 9pt;
  text-align: center;
  border: #cccccc solid 1px;
}
.blok { background-color: #ffffff; }

.init { background-color: #ffffaa; }

.pic { background-color: #ffffff; }

.gpic { background-color: #b6b8b7; }

.gpic { background-color: #bcbcbc; }

.dark { background-color: #000000; color: #666666  }

@media print {
    table, p, div {page-break-inside: avoid;};
}