#t {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 0;
  width: 90%;
  margin-left: 5%;
}
#t thead tr {
  background-color: black;
  color: #f7fffe;
  border: 1px solid black;
  border-bottom: none;
}
#t thead th {
  text-align: left;
  border-right: 1px solid #f7fffe;
  padding-left: 4px;
}
#t thead th.expcontrol {
  text-align: center;
}
tr.odd {
  background-color: #d8ddd7;
}
tr.even {
  background-color: #ebf9e8;
}

tr.detail {
  color: #008000;
}
tr.detailClosed {
  display: none;
}
tr.detailOpen {
  display: block;
}
th.expcontrol:hover {
  color: red;
  cursor: pointer;
}
tr.odd td.expclosed {
  background: #d8ddd7 url(right.gif) center left no-repeat;
  border: 1px transparent;
}
tr.even td.expclosed {
  background: #ebf9e8 url(right.gif) center left no-repeat;
  border: 1px transparent;
}
tr.odd td.expopen {
  background: #d8ddd7 url(down.gif) center left no-repeat;
  border: 1px transparent;
}
tr.even td.expopen {
  background: #ebf9e8 url(down.gif) center left no-repeat;
  border: 1px transparent;
}
td.expopen:hover, td.expclosed:hover {
  color: red;
  cursor: pointer;
  border: 1px solid red;
}