@import url(tree-custom.css);

.tree *
{
	margin: 0;
	padding: 0;
}

.tree
{
	margin-left: 1em;
}

.tree *
{
	display: block;
}

.tree li
{
	list-style: none;

	border-left-width: 1px;
	border-left-style: solid;
	background: transparent no-repeat 0 50%;
}

/* last node have no border */
.tree .last-node, .tree li.last
{
	border-left: 0;
}

/* leaf node - */
.tree .leaf
{
	background-image: url(../image/tree/line.gif);
}

/* last leaf node - */
.tree .last
{
	background-image: url(../image/tree/line-last.gif);
}

/* leaf node icon */
.tree i
{
	font-style: normal;

	width: 85%;

	margin-left: 11px;
	padding-left: 16px;	/* icon size */

	background: transparent 0 50% no-repeat;
}

[class].tree * i
{
	width: auto;
}

/* last leaf icon */
.tree .last i
{
	margin-left: 12px; /* 'margin' from 'leaf node icon' + missed border */
}

/* leaf text */
.tree i a
{
	margin-left: 1px;
	padding: 0 0.2em;
}

/* node */
.tree .open, .tree .closed
{
	padding-left: 18px;
}

/* ordinal node */
.tree div,
/* first node in last node */
.tree span
{
	margin-left: -20px;
	background: transparent url(../image/tree/line-last.gif) no-repeat 1px 50%;

	/* msie collapse/expand bug workaround */
	height: 1px;
}

/* msie collapse/expand bug workaround */
[class].tree div, [class].tree span
{
	height: auto;
}

/* first node in last node */
.tree span
{
	/* 'margin' from 'first node in last node' + missed border */
	margin-left: -19px;
}

/* ordinal node switcher */
.tree div b,
/* first node in last node switcher */
.tree span b
{
	font-weight: normal;

	position: relative;
	left: -3px;

	padding-left: 16px;	/* icon size */

	background: transparent no-repeat 0 50%;
}

/* node expanded */
.tree .open b, .tree .open b
{
	background-image: url(../image/tree/open.gif);
}

/* node collapsed */
.tree .closed b, .tree .closed b
{
	background-image: url(../image/tree/closed.gif);
}

/* node icon */
.tree div i, .tree span i
{
	margin-left: 0;
}

/* collapsed node content */
.tree .closed ul
{
	display: none;
}