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

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

table.treetable thead { font-size:1em; }

table.treetable thead tr th { padding:2px 4px; border:1px solid #999; font-weight:bold; text-align:left; }

table.treetable tbody tr td { cursor:default; padding:2px 4px; line-height:16px; }
table.treetable td { color:#333; }

table.treetable span.indenter {
  background-position: center right;
  background-repeat: no-repeat;
  padding:0 0 0 14px;
}
table.treetable span.indenter a { width: 16px; }

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

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

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

table.treetable .tree-id-col { width:200px; }

table.treetable tr td.tbl-short-txt { max-width:140px; overflow:hidden; }
table.treetable tr td.tbl-short-txt span { display:block; height:18px; }
table.treetable .TreeAjax-cell-data { border-left:1px solid #999; }
table.treetable .TreeAjax-cell-indenter { min-width:100px; white-space:nowrap; }