
/* CSS Tree menu styles */
ol.tree
{
	padding: 0 0 0 30px;
	width: 300px;
        overflow: visible;
        border: none;
}
.tree:before{
        border-left: 1px dotted #fff;
}


	li 
	{
		position: relative;
		margin-left: -15px;
		list-style: none;
		margin-bottom: 13px;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(document.png) 0 0 no-repeat;
			color: #fff;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
		li.file a[href *= '.pdf']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href $= '.js']		{ background: url(document.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
		li input + ol
		{
			background: url(toggle-small-expand.png) 40px 0 no-repeat;
			height: 1em;
			margin-left: -44px;
			margin-top: -31px;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	li label
	{
		/*background: url(tableicon.png) 15px 1px no-repeat;*/
		cursor: pointer;
		display: block;
		padding-left: 13px;
		padding-bottom: 10px;
	}

	li input:checked + ol
	{
		background: url(toggle-small.png) 40px 5px no-repeat;
		margin: -36px 0 0 -44px; /* 20px */
		padding: 27px 0 0 70px;
		height: auto;
	}
		li input:checked + ol > li {display: block;margin: 0 0 6px;  /* 2px */background: url(document.png) 2px 1px no-repeat;padding-left: 26px;}
		li input:checked + ol > li:last-child {margin: 0 0 0.063em; /* 1px */}