ul.milestonelist, ul.milestonelist ul, ul.milestonelist li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.milestonelist ul { padding-left: 0.3em; }

span.mlistitem {
  font-weight:bold;
  font-size:12px;
}

ul.milestonelist li {
  border-left: 1px dotted #000;
  padding-left: 13px;
  background: url(http://www.howtocreate.co.uk/styles/images/dotted.gif) scroll no-repeat 1px 0.8em;
}
ul.milestonelist li.last {
  border-left-width: 0px;
  padding-left: 14px;
  background: url(http://www.howtocreate.co.uk/styles/images/dottedangle.gif) scroll no-repeat left top;
}
ul.milestonelist li.complete {
  border-left: 1px dotted #000;
  padding-left: 13px;
  color: #1da712;
  background: url(http://www.howtocreate.co.uk/styles/images/dotted.gif) scroll no-repeat 1px 0.8em;
  }
  ul.milestonelist li.design {
  border-left: 1px dotted #000;
  padding-left: 13px;
  color: #4682b4;
  background: url(http://www.howtocreate.co.uk/styles/images/dotted.gif) scroll no-repeat 1px 0.8em;
  }
  ul.milestonelist li.inprogress {
  border-left: 1px dotted #000;
  padding-left: 13px;
  color: #ff8400;
  background: url(http://www.howtocreate.co.uk/styles/images/dotted.gif) scroll no-repeat 1px 0.8em;
  }
  ul.milestonelist li.notimplemented {
  border-left: 1px dotted #000;
  padding-left: 13px;
  color: #ff0000;
  background: url(http://www.howtocreate.co.uk/styles/images/dotted.gif) scroll no-repeat 1px 0.8em;
  }
  ul.milestonelist li.lastcomplete {
  border-left-width: 0px;
  padding-left: 14px;
  color: #1da712;
  background: url(http://www.howtocreate.co.uk/styles/images/dottedangle.gif) scroll no-repeat left top;
  }
  ul.milestonelist li.lastinprogress {
  border-left-width: 0px;
  padding-left: 14px;
  color: #ff8400;
  background: url(http://www.howtocreate.co.uk/styles/images/dottedangle.gif) scroll no-repeat left top;
  }
  ul.milestonelist li.lastnotimplemented {
  border-left-width: 0px;
  padding-left: 14px;
  color: #ff0000;
  background: url(http://www.howtocreate.co.uk/styles/images/dottedangle.gif) scroll no-repeat left top;
  }
  ul.milestonelist li.lastdesign {
  border-left-width: 0px;
  padding-left: 14px;
  color: #4682b4;
  background: url(http://www.howtocreate.co.uk/styles/images/dottedangle.gif) scroll no-repeat left top;
  }