.tree {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tree li {
  white-space: nowrap;
}
.tree li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tree-node {
  height: 24px;
  white-space: nowrap;
  cursor: pointer;
}
.tree-hit {
  cursor: pointer;
}
.tree-expanded,
.tree-collapsed,
.tree-folder,
.tree-file,
.tree-checkbox,
.tree-indent {
  display: inline-block;
  width: 22px;
  height: 24px;
  vertical-align: top;
  overflow: hidden;
}
.tree-expanded {
  background: url('tree_icons24.png') no-repeat -24px 0px;
}
.tree-expanded-hover {
  background: url('tree_icons24.png') no-repeat -68px 0px;
}
.tree-collapsed {
  background: url('tree_icons24.png') no-repeat 0px 0px;
}
.tree-collapsed-hover {
  background: url('tree_icons24.png') no-repeat -44px 0px;
}
.tree-lines .tree-expanded,
.tree-lines .tree-root-first .tree-expanded {
  background: url('tree_icons24.png') no-repeat -198px 0;
}
.tree-lines .tree-collapsed,
.tree-lines .tree-root-first .tree-collapsed {
  background: url('tree_icons24.png') no-repeat -176px 0;
}
.tree-lines .tree-node-last .tree-expanded,
.tree-lines .tree-root-one .tree-expanded {
  background: url('tree_icons24.png') no-repeat -110px 0;
}
.tree-lines .tree-node-last .tree-collapsed,
.tree-lines .tree-root-one .tree-collapsed {
  background: url('tree_icons24.png') no-repeat -88px 0;
}
.tree-line {
  background: url('tree_icons24.png') no-repeat -242px 0;
}
.tree-join {
  background: url('tree_icons24.png') no-repeat -264px 0;
}
.tree-joinbottom {
  background: url('tree_icons24.png') no-repeat -220px 0;
}
.tree-folder {
  background: url('tree_icons24.png') no-repeat -286px 0;
}
.tree-folder24 {
  background: url('tree_icons24.png') no-repeat -286px 0;
}
.tree-folder-open {
  background: url('tree_icons24.png') no-repeat -308px 0;
}
.tree-folder-open24 {
  background: url('tree_icons24.png') no-repeat -308px 0;
}
.tree-file {
  background: url('tree_icons24.png') no-repeat -330px 0;
}
.tree-file24 {
  background: url('tree_icons24.png') no-repeat -330px 0;
}
.tree-loading {
  background: url('loading.gif') no-repeat center center;
}
.tree-checkbox0 {
  background: url('tree_icons24.png') no-repeat -286px -24px;
}
.tree-checkbox1 {
  background: url('tree_icons24.png') no-repeat -308px -24px;
}
.tree-checkbox2 {
  background: url('tree_icons24.png') no-repeat -330px -24px;
}
.tree-title {
  font-size: 12px;
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 2px;
  height: 24px;
  line-height: 24px;
}
.tree-node-proxy {
  font-size: 12px;
  line-height: 20px;
  padding: 0 2px 0 20px;
  border-width: 1px;
  border-style: solid;
  z-index: 9900000;
}
.tree-dnd-icon {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 24px;
  left: 2px;
  top: 50%;
  margin-top: -9px;
}
.tree-dnd-yes {
  background: url('tree_icons24.png') no-repeat -352px 0;
}
.tree-dnd-no {
  background: url('tree_icons24.png') no-repeat -352px -24px;
}
.tree-node-top {
  border-top: 1px dotted red;
}
.tree-node-bottom {
  border-bottom: 1px dotted red;
}
.tree-node-append .tree-title {
  border: 1px dotted red;
}
.tree-editor {
  border: 1px solid #ccc;
  font-size: 12px;
  height: 14px !important;
  height: 24px;
  line-height: 24px;
  padding: 1px 2px;
  width: 80px;
  position: absolute;
  top: 0;
}
.tree-node-proxy {
  background-color: #666;
  color: #fff;
  border-color: #000;
}
.tree-node-hover {
  background: #777;
  color: #fff;
}
.tree-node-selected {
  background: #0052A3;
  color: #fff;
}
.tree-node-hidden {
  display: none;
}
.treefolder {background: url('tree_icons24.png') no-repeat -286px 0;}
.treefolderopen {background: url('tree_icons24.png') no-repeat -308px 0;}