ul.bbtreeview {
  background-image: url("line.png");
  background-repeat: repeat-y;
  list-style: none;
  padding: 0;
  margin: 0 0 0 8px;
}
ul.bbtreeview ul {
  background-image: url("line.png");
  background-repeat: repeat-y;
  list-style: none;
  margin: 0 0 0 22px;
  padding: 0;
}
ul.bbtreeview li {
  background-repeat: no-repeat;
  cursor: default;
  display: block;
}
ul.bbtreeview li div.icon.expand {
  margin-right: 2px;
}

ul.bbtreeview .c > ul {
  display: none;
}
ul.bbtreeview div.li {
  height: 1.2em;
}
ul.bbtreeview div.li.highlighted {
  background-color: rgb(169, 201, 249, 0.7);
}


ul.bbtreeview div.li > span {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  padding-left: 6px;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

ul.bbtreeview div.li > span.noicon {
  padding-left: 0px !important;
}




ul.bbtreeview div.icon {
  background-position-x: 0px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}

ul.bbtreeview .c > div > div.icon.expand {
  background-image: url("sprite.png");
  background-position-y: -64px;
}

ul.bbtreeview .e > div > div.icon.expand {
  background-image: url("sprite.png");
  background-position-y: -48px;
}

ul.bbtreeview .nc > div > div.icon.expand {
  /* background-image: none; */
  background-image: url("sprite.png");
  background-position-y: -80px;
}

ul.bbtreeview .o > div > div.icon.checkbox {
  background-image: url("sprite.png");
  background-position-y: -16px;
}

ul.bbtreeview .x > div > div.icon.checkbox {
  background-image: url("sprite.png");
  background-position-y: 0px;
}

ul.bbtreeview div.icon.folder {
  background-image: url("sprite.png");
  background-position-y: -32px;
}