/* Formatting for the key value tables.
 */
/* The <div> that contains the key table. */
.key-table {
	padding: 0 15px 0 30px;
}

.key-value-table {
	width: 100%;
}

/* The cell in a key table that contains the key name. */
.key-table-key {
	vertical-align: top;
}

/* Formatting for the event sequence tables.
 */
.event-sequence-table th {
	background:none repeat scroll 0 0 #E8EDFF;
	color:#003399;
	font-weight:normal;
	padding: 0.25em 0.5em 0.25em 0.5em;
}

.event-sequence-table td {
	background:none repeat scroll 0 0 #ffffff;
	color:#666699;
	padding: 0 0.5em 0 0.5em;
}

.event-sequence-table tr:hover td {
  background:none repeat scroll 0 0 #E8EDFF;
  color:#333399;
}

/* Formatting for the legacy key tables in the Appendix.
 */
.legacy-key-table th {
	background:none repeat scroll 0 0 #E8EDFF;
	color:#003399;
	font-weight:normal;
	padding: 0.25em 0.5em 0.25em 0.5em;
}

.legacy-key-table td {
	background:none repeat scroll 0 0 #ffffff;
	color:#666699;
	padding: 0 0.5em 0 0.5em;
}

.legacy-key-table tr:hover td {
  background:none repeat scroll 0 0 #E8EDFF;
  color:#333399;
}

.cell-center {
	text-align: center;
}

.cell-number {
	text-align: right;
	min-width: 3em;
}

/* 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;
}