.tableData {
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}
.tableData > tbody > tr > td {
  border: solid 1px #e8eef4;
  background-color: #fff;
}
.tableData > tbody > tr:nth-child(odd) > td {
  background-color: #baccde;
}
.tableData > thead > tr > th,
.tableData > tbody > tr > th {
  background-color: #e8eef4;
  border: solid 1px #e8eef4;
}
.tableData > tbody > tr:hover > td {
  background-color: #e8eef4;
}
.tableDataDark {
  border: solid 1px #8db2d8;
  border-collapse: collapse;
}
.tableDataDark td {
  border: solid 1px #8db2d8;
  background-color: #fff;
}
.tableDataDark th {
  background-color: #8db2d8;
  border: solid 1px #8db2d8;
}
.tableDataContainer {
  background-color: #fff;
}
.tableDataVertical {
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}
.tableDataVertical > tbody > tr:nth-child(odd) {
  background-color: #e8eef4;
  margin: 0;
  padding: 0;
}
.tableDataVertical > tbody > tr > th.name {
  width: 170px;
  text-align: right;
}
.tableDataVertical table.sub > tbody > tr:not(:first-child) > th,
.tableDataVertical table.sub > tbody > tr:not(:first-child) > td {
  border-top: 1px dashed #aaa;
}
.tableDataVertical table.sub > tbody > tr > th {
  font-weight: normal;
  text-align: right;
}
.tableDataVertical table.sub > tbody > tr > th.name {
  text-align: right;
}
.icon16 {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-left: 2px;
  cursor: pointer;
}
.subtleUntilHover {
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.subtleUntilHover:hover {
  -moz-opacity: 1;
  opacity: 1;
}
