/**
 * Style item container.
 * Remove all margin, padding, border, etc.
 * Set default list-style to leaf (has no children - no plus or minus).
 */
.treeview .container {
	margin: 0; padding: 0; border: none;
}

/**
 * Fix alignment of child-containers in an item.
 */
.treeview .container .container {
	margin-left: 18px;
}

/**
 * Make sure everything is aligned against the top (looks better).
 */
.treeview img, .treeview .content {
	vertical-align: top;
}

/**
 * Style items.
 * Remove all margin, padding, border, etc.
 * Make sure there is a continues line to the left of an item.
 */
.treeview .item {
	margin: 0; padding: 0; border: none;
	background-image: url(/images/treeview/line.gif);
	background-repeat: repeat-y;
	cursor: default;
}

/**
 * Make sure that the continues line to the left ends at the last child
 * in an container.
 */
.treeview .item.last-child {
	background-image: url(/images/treeview/end.gif);
	background-repeat: no-repeat;
}

/**
 * Style markers and the list items containing them.
 * We want them to be 100x2 and black.
 */
.treeview .marker {
	font-size: 0; line-height: 0;
	padding-left: 24px;
	text-align: left;
	background-image: url(/images/treeview/line.gif);
	background-repeat: repeat-y;
}
.treeview .marker div {
	margin: 0; padding: 0; border: none;
	width: 100px; height: 2px;
}
.treeview .after-last-child {
	background-image: none;
}

.treeview .item {
	background-image: none;
	background-repeat: no-repeat;
}
.treeview .item.last-child {
	background-image: none;
	background-repeat: no-repeat;
}
.treeview .marker {
	background-image: none;
	background-repeat: no-repeat;
}