ul.tree {
	display: block;
	margin-left: 2;
	padding-left: 2;
	padding:0;
	
}

ul.tree ul {
	display: block;
	margin-left: 0;
	padding-left: 0;
	margin-top: 5;
	margin-bottom: 5;
	margin-left: 2;
	padding-left: 2;
}

ul.tree li {
	display: block;
      padding:8px 9px 6px 20px;
      background: url(../images/arrow.gif) no-repeat left center;
      color:#FFFFFF;
      text-decoration:none;
      border-bottom:1px solid #B83737;
}

ul.tree li.closed {
	background-position: left top;
	background-repeat: no-repeat;
      background: url(../images/arrow.gif) no-repeat left center;         	
}

ul.tree li.opened {
       background: url(../images/arroww.gif) no-repeat left center;
       padding:10px 0px 0px 20px;
}

ul.tree li a {
      text-decoration: none;
	cursor: pointer;
	color:#FFFFFF;
      display: block;
}

ul.tree li a.folder {
      display: block;
      cursor: pointer;
}

ul.tree li a.active {
      display: block;
	color: black;
	margin-top: 0;
	margin-bottom: 0;
}

ul.tree li a:hover {
      text-decoration: underline;
	color:#fff;
      background:;
}