table {
  font-size: smaller;
  line-height: 110%;
  margin-bottom: 5em;
  color: black;
  text-transform: none;
}

tr, th, td {
  color: inherit;
  font-size: inherit;
  background-color: inherit;
  text-transform: inherit;
  font-weight: inherit;
}

th {
  text-align: center;
  text-transform: none;
  border-bottom: 1px solid black;
  padding: .1em .5em;
}

tr.tr0 {
  background-color: #DDDDFF;
}

tr.tr1 {
  background-color: #DDFFDD;
}

td {
  font-family: monospace;
  text-align: left;
  padding: .1em .5em;
}

span.unicode, span.char {
  color: red;
}
span.unicode, td div:hover span.char {
  font-family: "Arial Unicode MS",Arial,sans-serif;
}

td div, td div {
  margin: 0;
}
td div:hover, td div:hover {
  position: absolute;
  margin: -1em 0;
  height: 2em;
  padding: 0 2em;
}
td div:hover span.unicode, td div:hover span.char {
  font-size: 3em;
  background-color: #9999FF;
  border: 1px solid blue;
}

.rb {
  border-right: 1px solid black;
}

td.char div.char {
  color: red;
  width: 100%;
}