.bonsai,
.bonsai li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.bonsai li {
  position: relative;
  padding-left: 1.3em; /* padding for the thumb */
}

li .thumb {
  margin: 0 0 0 -1.2em; /* negative margin into the padding of the li */
  position: absolute;
  cursor: pointer;
}

li.has-children {
  margin-bottom: 5px;
}

li.has-children > .thumb:after {
  content: '►';
}

li.has-children.expanded > .thumb:after {
  content: '▼';
}

li.collapsed > ol.bonsai {
  height: 0;
  overflow: hidden;
}

.bonsai .all,
.bonsai .none {
  cursor: pointer;
}

.expand-all {
  margin-bottom: 10px;
}
.expand-all a {
  -webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
  box-shadow:inset 0px 39px 0px -24px #e67a73;
  background-color:#e4685d;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:13px;
  padding:6px 16px;
  text-decoration:none;
  text-shadow:0px 1px 0px #154682;
  border: 1px solid #e4685d;
}
.expand-all a:first-child {
  -moz-border-radius:4px 0 0 4px;
  -webkit-border-radius:4px 0 0 4px;
  border-radius:4px 0 0 4px;
}

.expand-all a:last-child {
  -moz-border-radius:0 4px 4px 0;
  -webkit-border-radius:0 4px 4px 0;
  border-radius:0 4px 4px 0;
}
.expand-all a:hover {
  -webkit-box-shadow:inset 0px 39px 0px -24px #e4685d;
  box-shadow:inset 0px 39px 0px -24px #e4685d;
  background-color: #D54242;
}
.expand-all a:active {
  -webkit-box-shadow:inset 0px 39px 0px -24px #D54242;
  box-shadow:inset 0px 39px 0px -24px #D54242;
}