table.treetable {
  border: 1px solid #888;
  border-collapse: collapse;
  line-height: 1;
  margin: .6em 0 1.8em 0;
  width: 100%;
}

table.treetable caption {
  font-weight: bold;
  margin-bottom: .2em;
}

table.treetable thead {
  background: #aaa url(../img/bg-table-thead.png) repeat-x top left;
}

table.treetable thead tr th {
  border: 1px solid #888;
  font-weight: normal;
  padding: .3em 1em;
  text-align: left;
}

table.treetable tbody tr td {
  cursor: default;
  padding: .3em 1em;
}

table.treetable span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: .2em 0 .2em 1.5em;
}

table.treetable span.file {
  background-image: url(../img/file.png);
}

table.treetable span.folder {
  background-image: url(../img/folder.png);
}

table.treetable tr.collapsed span.indenter a {
  background-image: url(../img/expand.png);
}

table.treetable tr.expanded span.indenter a {
  background-image: url(../img/collapse.png);
}

table.treetable tr.branch {
    background-color: #f9f9f9;
}

table.treetable tr.selected {
  background-color: #3875d7;
  color: #fff;
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url(../img/expand-light.png);
}

table.treetable tr.expanded.selected span.indenter a {
  background-image: url(../img/collapse-light.png);
}

table.treetable tr.accept {
  background-color: #a3bce4;
  color: #fff
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url(../img/expand-light.png);
}

table.treetable tr.expanded.accept td span.indenter a {
  background-image: url(../img/collapse-light.png);
}
