.TTREE ul { 
   list-style-type: none; 
   list-style-position: none; 
}
.TTREE ol { 
   list-style-type: none; 
   list-style-position: inside; 
}
.TTREE ul ul, ol ul { 
   list-style-type: none; 
   list-style-position: none; 
   margin-left: 20px; 
}
.TTREE ol ol, ul ol { 
   list-style-type: none; 
   list-style-position: inside; 
   margin-left: 20px; 
}
    
.TTREE ul li{
	padding-left:10px;
}
.TTREE ul li div{	
    padding: 2px;	
	font-size:15px;
	color:black;
	cursor:pointer;
	border:0px dashed #01DFD7;
	height:20px;
}
.TTREE ul li.directory {
	background: url(../images/folder-close.png);
	background-repeat: no-repeat;	
	background-size: 20px 20px;	
	background-position: 0px 0px;	
}
.TTREE ul li.directory.open {	
	background: url(../images/folder-open.png);
	background-repeat: no-repeat;	
	background-size: 20px 20px;	
	background-position: 0px 0px;	
}
.TTREE ul li.directory div {
	background:none;
	color:black;
	margin:10px;
	
}
.TTREE ul li.directory div:hover {
	background:silver;
	color:black;
}
.TTREE ul li.directory div:active {
	background:darkorange;
	color:white;
}
.TTREE ul li.directory div.open {		
	background:darkred;
	color:white;
}

.TTREE ul li.file {
	background: url(../images/file-close.png);
	background-repeat: no-repeat;	
	background-size: 20px 20px;	
	background-position: 0px 0px;	
	margin:5px;		
}
.TTREE ul li.file.open {	
	background: url(../images/file-open.png);
	background-repeat: no-repeat;	
	background-size: 20px 20px;	
	background-position: 0px 0px;	
}
.TTREE ul li.file div {
	background:none;
	color:black;
	margin-left:10px;	
}
.TTREE ul li.file div:hover {
	background:silver;
	color:black;
}
.TTREE ul li.file div:active {
	background:darkorange;
	color:white;
}
.TTREE ul li.file div.open {		
	background:#01DFD7;
	color:black;
}