body {
  counter-reset: table;
}

/* default alignment for tables */
table {
  margin-bottom: 1em;
}

table > caption {
  counter-increment: table;
}

table > caption:before {
  content: "Table " counter(table) ": ";
}

td {
  vertical-align: middle;
}

.constant-name {
  color: black;
  background-color: #DDFFD2;
}

.example-title {
  font-family: sans-serif;
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 0.5em;
  white-space: normal;
  font-weight: bold;
}

.example-text {
  font-family: sans-serif;
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 0.5em;
  white-space: normal;
}

.example-comment {
  font-family: sans-serif;
  font-size: 0.8em;
  font-style: italic;
  white-space: normal;
}

.key-code {
  color: midnightBlue;
  background-color: powderBlue;
}

.glyph {
  color: midnightBlue;
  background-color: moccasin;
}

.keycap {
  color: white;
  background-color: orchid;
  padding: 2px 3px 2px 3px;
}

.phonetic {
  font-style: italic;
}

.full-width {
  width:100%;
}

/* formatting for data tables (including the keyboard codes) */
.data-table {
  border-collapse:collapse;
  text-align:left;
  width: 100%;
}

.data-table th {
  background:none repeat scroll 0 0 #B9C9FE;
  border-bottom:1px solid #FFFFFF;
  border-top:4px solid #AABCFE;
  color:#003399;
  font-weight:normal;
  padding: 2px;
  padding-left: 0.5em;
}

.data-table td {
  background:none repeat scroll 0 0 #E8EDFF;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid transparent;
  color:#666699;
  padding: 2px;
  padding-left: 1em;
}

.data-table tr:hover td {
  background:none repeat scroll 0 0 #D0DAFD;
  color:#333399;
}

/* figure formatting */
.figure {
  /* align:center; */
}

.figure-title {
  /* align:center; */
}