#ol.tree
    {
    	padding: 0 0 0 30px;
    	width: 300px;
    }
    li
  	{ 
  		position: relative; 
  		margin-left: -15px;
  		list-style: none;
  	}
  	li.root_folder
  	{
  		margin-left: -2px;	
  	}
  	
  	li.file
  	{
  		margin-left: -1px;
  		color:#677a83;
  		background: url(../images/document.png) 0 0 no-repeat;
  		padding-left: 21px;
  	  text-decoration: none;
 
  	}
  	li.non_expanding_folder
  	{
  		margin-left: -1px;
  		color:#677a83;
   		background: url(../images/folder-horizontal.png) 1px 1px no-repeat;
  		padding-left: 24px;
  	  text-decoration: none;
  	}

/* 	
 		li.file a
  		{
  			background: url(../images/document.png) no-repeat;
  			color:#677a83;
  			padding-left: 21px;
  			text-decoration: none;
  			display: block;
  		}
  		li.file a[href *= '.pdf']	{ background: url(../images/document.png) 0 0 no-repeat; }
  		li.file a[href *= '.html']	{ background: url(../images/document.png) 0 0 no-repeat; }
  		li.file a[href $= '.css']	{ background: url(../images/document.png) 0 0 no-repeat; }
  		li.file a[href $= '.js']		{ background: url(../images/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(../images/toggle-small-expand.png) 40px 0 no-repeat;
  		margin: -0.938em 0 0 -44px; 
  		height: 1em;
  	}		
  		
  	li input + ol > li { display: none; margin-left: -14px; padding-left: 1px; }
  	li label
  	{
  		background: url(../images/folder-horizontal.png) 15px 1px no-repeat;
  		cursor: pointer;
  		display: block;
  		padding-left: 37px;
  	}
  
  	li input:checked + ol
  	{
  		background: url(../images/toggle-small.png) 40px 5px no-repeat;
  		margin: -1.25em 0 0 -44px; 
  		padding: 1.563em 0 0 80px;
  		height: auto;
  	}
  		li input:checked + ol > li { display: block; margin: 0 0 0.125em;}
  		li input:checked + ol > li:last-child { margin: 0 0 0.063em;}