.tableData {
  border: solid 1px #f4f4f4;
  border-collapse: collapse;
}
.tableData > tbody > tr > td {
  border: solid 1px #f4f4f4;
  background-color: #fff;
}
.tableData > tbody > tr:nth-child(odd) > td {
  background-color: #fbfbfb;
}
.tableData > thead > tr > th,
.tableData > tbody > tr > th {
  background-color: #f4f4f4;
  border: solid 1px #f4f4f4;
}
.tableData > tbody > tr:hover > td {
  background-color: #f9f9f9;
}
.tableData > tfoot > tr > th,
.tableData > tfoot > tr > td {
  background-color: #f4f4f4;
}
.tableDataDark {
  border: solid 1px #d8d8d8;
  border-collapse: collapse;
}
.tableDataDark td {
  border: solid 1px #d8d8d8;
  background-color: #fff;
}
.tableDataDark th {
  background-color: #eee;
  border: solid 1px #d8d8d8;
}
.tableDataContainer {
  background-color: #fff;
}
.tableDataVertical {
  border: solid 1px #f4f4f4;
  border-collapse: collapse;
}
.tableDataVertical > tbody > tr:nth-child(odd) {
  background-color: #f4f4f4;
  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;
}
body {
  padding: 0;
}
#main {
  background-color: #FFF;
  overflow: auto;
  padding: 0;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}