div.example {
  background-color: #fff;
  border: dashed 2px #ccc;
  margin: auto 4em;
  padding: 1em;
}

ul.tree, ul.tree ul {
  list-style-type: none;
  background: url(../images/css/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree ul {
  margin-left: 10px;
}

ul.tree li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  color: #369;
  font-weight: bold;
  background: url(../images/css/node.png) no-repeat;
}

ul.tree li.last {
  background: #fff url(../images/css/lastnode.png) no-repeat;
}


/* --- tree-2 --- */

ul.tree-2, ul.tree-2 ul {
  list-style-type: none;
}


/* --- tree-3 --- */

ul.tree-3, ul.tree-3 ul {
  list-style-type: none;
  background: url(../images/css/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree-3 ul {
  margin-left: 10px;
}

ul.tree-3 li {
  margin: 0;
  padding: 0 12px;
}


/* --- tree-4 --- */

ul.tree-4, ul.tree-4 ul {
  list-style-type: none;
  background: url(../images/css/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree-4 ul {
  margin-left: 10px;
}

ul.tree-4 li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url(../images/css/node.png) no-repeat;
  color: #369;
  font-weight: bold;
}


/* --- tree-5 --- */

ul.tree-5, ul.tree-5 ul {
  list-style-type: none;
  background: url(../images/css/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree-5 ul {
  margin-left: 10px;
}

ul.tree-5 li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url(../images/css/node.png) no-repeat;
  color: #369;
  font-weight: bold;
}

ul.tree-5 li.last {
  background: #fff url(../images/css/lastnode.png) no-repeat;
}


/* --- tree-a --- */

ul.tree-a, ul.tree-a ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.tree-a ul {
  margin-left: 10px;
  background: url(../images/css/vline.png) repeat-y left bottom;
}

ul.tree-a li {
  margin: 0;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
  color: #369;
  font-weight: bold;
}

ul.tree-a ul li {
  background: url(../images/css/node.png) no-repeat;
}

ul.tree-a ul li.last {
  background: #fff url(../images/css/lastnode.png) no-repeat;
}