*
{
	margin: 0;
	padding: 0;

	background: transparent no-repeat 0% 0%;
}

body
{
	background: #aaa;
}

a
{
	text-decoration: none;
}

ul#tree
{
	margin-left: 1em;
}

#tree li
{
	padding-left: 32px;

	list-style: none;

	border-left: 1px solid #E6F3FA;

	background: transparent no-repeat 0% 50%;

	aborder: 1px solid red;
}

#tree .open-last, #tree .closed-last, #tree .node-last, #tree .leaf-last
{
	border-left: none;
}

#tree .leaf
{
	background-image: url(i/leaf.gif);
}

#tree .leaf-last
{
	background-image: url(i/leaf-last.gif);
}

#tree .node
{
	background-image: url(i/node.gif);
}

#tree .node-last
{
	background-image: url(i/node-last.gif);
}

#tree .open, #tree .closed
{
	padding-left: 18px;
}

#tree .open-last, #tree .closed-last
{
	padding-left: 18px;
}

#tree * span
{
	margin-left: -22px;
	padding-left: 39px;
}

#tree * span a
{
	position: relative;
	left: -39px;

	padding-left: 36px;

	background: transparent no-repeat 0 50%;
}

#tree .open span a
{
	background-image: url(i/open.gif);
}

#tree .open-last span a
{
	background-image: url(i/open-last.gif);
}

#tree .closed span a
{
	background-image: url(i/closed.gif);
}

#tree .closed-last span a
{
	background-image: url(i/closed-last.gif);
}

#tree .closed ul, #tree .closed-last ul
{
	display: none;
}