/* jQuery TreeTable Core 2.0 stylesheet
 *
 * This file contains styles that are used to display the tree table. Each tree
 * table is assigned the +treeTable+ class.
 * ========================================================================= */

/* jquery.treeTable.collapsible
 * ------------------------------------------------------------------------- */
table.names.treeTable tr td .expander {
/*  background-position: left center;*/
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
  zoom: 1; /* IE7 Hack */
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 1px;
}

.treeTable tr.container.collapsed td .expander {
  height: 14px;
background: url(../../css/images/types.png) no-repeat 0 -1px;
}

.treeTable tr.container.expanded td .expander {
  height: 14px;
background: url(../../css/images/types.png) no-repeat 0 -19px;
}

.treeTable tr.service-group.collapsed td .expander {
  height: 19px;
background: url(../../css/images/types.png) no-repeat 0 -35px;
}

.treeTable tr.service-group.expanded td .expander {
  height: 19px;
background: url(../../css/images/types.png) no-repeat 0 -125px;
}
 /* ------------------------------------------------------------------------ *
  * jquery.treeTable.sortable
  * ------------------------------------------------------------------------- */
table.names.treeTable tr.selected, .treeTable tr.accept {
  background-color: #444;
  color: #fff;
}

table.names.treeTable tr.collapsed.selected td .expander, .treeTable tr.collapsed.accept td .expander {
  background-image: url(../images/toggle-expand-light.png);
}

table.names.treeTable tr.expanded.selected td .expander, .treeTable tr.expanded.accept td .expander {
  background-image: url(../images/toggle-collapse-light.png);
}

table.names.treeTable .ui-draggable-dragging {
  color: #000;
  z-index: 1;
}