.filetree {
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

.filetree li {
	padding:0;
	border-bottom:dotted 1px rgba(0,0,0,0.1);
	list-style: none;
}
.filetree li a {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:35px;
	background-position:10px 10px;
	background-repeat:no-repeat;
	text-decoration:none;
}
.filetree li a:hover {
	background-color:rgba(9, 78, 169,0.1);
}



.filetree.grid li {
	display:inline-block;
	vertical-align:top;
	width:25%;
	box-sizing:border-box;
	padding:10px;
	margin:0;
	border:none;
	
}
.filetree.grid li a {
	display:block;
	border:solid 1px rgba(0,0,0,0.1);
	padding:0;
	text-align:center;
	position:relative;
	background-image:none;
}
.filetree.grid li .ico {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:30px;
	background-size:auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#FFF;		
}

.filetree.grid li p {
	display:block;
	padding:5px;
	font-size:12px;
	margin:0;
	color:#000;
}
.filetree.grid li figure {
	display:block;
	height:150px;
	margin:10px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

.filetree.list {
	padding:0;	
}
.filetree.list li {
	list-style:none;	
}

.filetree.list li a .ico,
.filetree.list li a figure
 {
	display:none;
}
.filetree.list li a p {
	display:block;
	padding:0;
	margin:0;
	font-size:14px;
	color:#000;
}



/* Core Styles */
.filetree li.directory a{ background-image: url(images/directory.png) ; }
.filetree li.expanded a{ background-image: url(images/folder_open.png) ; }
.filetree li.file a{ background-image: url(images/file.png) ; }
.filetree li.wait a{ background-image: url(images/spinner.gif) ; }


.filetree li.directory a .ico{ background-image: url(images/directory.png) ; }
.filetree li.expanded a .ico{ background-image: url(images/folder_open.png) ; }
.filetree li.file a .ico{ background-image: url(images/file.png) ; }
.filetree li.wait a .ico{ background-image: url(images/spinner.gif) ; }


/* File Extensions*/
.filetree li.ext_3gp a{ background-image: url(images/film.png) ; }
.filetree li.ext_afp a{ background-image: url(images/code.png) ; }
.filetree li.ext_afpa a{ background-image: url(images/code.png) ; }
.filetree li.ext_asp a{ background-image: url(images/code.png) ; }
.filetree li.ext_aspx a{ background-image: url(images/code.png) ; }
.filetree li.ext_avi a{ background-image: url(images/film.png) ; }
.filetree li.ext_bat a{ background-image: url(images/application.png) ; }
.filetree li.ext_bmp a{ background-image: url(images/picture.png) ; }
.filetree li.ext_c a{ background-image: url(images/code.png) ; }
.filetree li.ext_cfm a{ background-image: url(images/code.png) ; }
.filetree li.ext_cgi a{ background-image: url(images/code.png) ; }
.filetree li.ext_com a{ background-image: url(images/application.png) ; }
.filetree li.ext_cpp a{ background-image: url(images/code.png) ; }
.filetree li.ext_css a{ background-image: url(images/css.png) ; }
.filetree li.ext_doc a{ background-image: url(images/doc.png) ; }
.filetree li.ext_docx a{ background-image: url(images/doc.png) ; }
.filetree li.ext_exe a{ background-image: url(images/application.png) ; }
.filetree li.ext_gif a{ background-image: url(images/picture.png) ; }
.filetree li.ext_fla a{ background-image: url(images/flash.png) ; }
.filetree li.ext_h a{ background-image: url(images/code.png) ; }
.filetree li.ext_htm a{ background-image: url(images/html.png) ; }
.filetree li.ext_html a{ background-image: url(images/html.png) ; }
.filetree li.ext_jar a{ background-image: url(images/java.png) ; }
.filetree li.ext_jpg a{ background-image: url(images/picture.png) ; }
.filetree li.ext_jpeg a{ background-image: url(images/picture.png) ; }
.filetree li.ext_js a{ background-image: url(images/script.png) ; }
.filetree li.ext_lasso a{ background-image: url(images/code.png) ; }
.filetree li.ext_log a{ background-image: url(images/txt.png) ; }
.filetree li.ext_m4p a{ background-image: url(images/music.png) ; }
.filetree li.ext_mov a{ background-image: url(images/film.png) ; }
.filetree li.ext_mp3 a{ background-image: url(images/music.png) ; }
.filetree li.ext_mp4 a{ background-image: url(images/film.png) ; }
.filetree li.ext_mpg a{ background-image: url(images/film.png) ; }
.filetree li.ext_mpeg a{ background-image: url(images/film.png) ; }
.filetree li.ext_ogg a{ background-image: url(images/music.png) ; }
.filetree li.ext_pcx a{ background-image: url(images/picture.png) ; }
.filetree li.ext_pdf a{ background-image: url(images/pdf.png) ; }
.filetree li.ext_php a{ background-image: url(images/php.png) ; }
.filetree li.ext_png a{ background-image: url(images/picture.png) ; }
.filetree li.ext_ppt a{ background-image: url(images/ppt.png) ; }
.filetree li.ext_pptx a{ background-image: url(images/ppt.png) ; }
.filetree li.ext_psd a{ background-image: url(images/psd.png) ; }
.filetree li.ext_pl a{ background-image: url(images/script.png) ; }
.filetree li.ext_py a{ background-image: url(images/script.png) ; }
.filetree li.ext_rb a{ background-image: url(images/ruby.png) ; }
.filetree li.ext_rbx a{ background-image: url(images/ruby.png) ; }
.filetree li.ext_rhtml a{ background-image: url(images/ruby.png) ; }
.filetree li.ext_rpm a{ background-image: url(images/linux.png) ; }
.filetree li.ext_ruby a{ background-image: url(images/ruby.png) ; }
.filetree li.ext_sql a{ background-image: url(images/db.png) ; }
.filetree li.ext_swf a{ background-image: url(images/flash.png) ; }
.filetree li.ext_tif a{ background-image: url(images/picture.png) ; }
.filetree li.ext_tiff a{ background-image: url(images/picture.png) ; }
.filetree li.ext_txt a{ background-image: url(images/txt.png) ; }
.filetree li.ext_vb a{ background-image: url(images/code.png) ; }
.filetree li.ext_wav a{ background-image: url(images/music.png) ; }
.filetree li.ext_wmv a{ background-image: url(images/film.png) ; }
.filetree li.ext_xls a{ background-image: url(images/xls.png) ; }
.filetree li.ext_xlsx a{ background-image: url(images/xls.png) ; }
.filetree li.ext_xml a{ background-image: url(images/code.png) ; }
.filetree li.ext_zip a{ background-image: url(images/zip.png) ; }





/* File Extensions*/
.filetree li.ext_3gp a .ico{ background-image: url(images/film.png) ; }
.filetree li.ext_afp a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_afpa a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_asp a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_aspx a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_avi a .ico{ background-image: url(images/film.png) ; }
.filetree li.ext_bat a .ico{ background-image: url(images/application.png) ; }
.filetree li.ext_bmp a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_c a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_cfm a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_cgi a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_com a .ico{ background-image: url(images/application.png) ; }
.filetree li.ext_cpp a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_css a .ico{ background-image: url(images/css.png) ; }
.filetree li.ext_doc a .ico{ background-image: url(images/doc.png) ; }
.filetree li.ext_docx a .ico{ background-image: url(images/doc.png) ; }
.filetree li.ext_exe a .ico{ background-image: url(images/application.png) ; }
.filetree li.ext_gif a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_fla a .ico{ background-image: url(images/flash.png) ; }
.filetree li.ext_h a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_htm a .ico{ background-image: url(images/html.png) ; }
.filetree li.ext_html a .ico{ background-image: url(images/html.png) ; }
.filetree li.ext_jar a .ico{ background-image: url(images/java.png) ; }
.filetree li.ext_jpg a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_jpeg a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_js a .ico{ background-image: url(images/script.png) ; }
.filetree li.ext_lasso a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_log a .ico{ background-image: url(images/txt.png) ; }
.filetree li.ext_m4p a .ico{ background-image: url(images/music.png) ; }
.filetree li.ext_mov a .ico{ background-image: url(images/film.png) ; }
.filetree li.ext_mp3 a .ico{ background-image: url(images/music.png) ; }
.filetree li.ext_mp4 a .ico{ background-image: url(images/film.png) ; }
.filetree li.ext_mpg a .ico{ background-image: url(images/film.png) ; }
.filetree li.ext_mpeg a .ico{ background-image: url(images/film.png) ; }
.filetree li.ext_ogg a .ico{ background-image: url(images/music.png) ; }
.filetree li.ext_pcx a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_pdf a .ico{ background-image: url(images/pdf.png) ; }
.filetree li.ext_php a .ico{ background-image: url(images/php.png) ; }
.filetree li.ext_png a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_ppt a .ico{ background-image: url(images/ppt.png) ; }
.filetree li.ext_pptx a .ico{ background-image: url(images/ppt.png) ; }
.filetree li.ext_psd a .ico{ background-image: url(images/psd.png) ; }
.filetree li.ext_pl a .ico{ background-image: url(images/script.png) ; }
.filetree li.ext_py a .ico{ background-image: url(images/script.png) ; }
.filetree li.ext_rb a .ico{ background-image: url(images/ruby.png) ; }
.filetree li.ext_rbx a .ico{ background-image: url(images/ruby.png) ; }
.filetree li.ext_rhtml a .ico{ background-image: url(images/ruby.png) ; }
.filetree li.ext_rpm a .ico{ background-image: url(images/linux.png) ; }
.filetree li.ext_ruby a .ico{ background-image: url(images/ruby.png) ; }
.filetree li.ext_sql a .ico{ background-image: url(images/db.png) ; }
.filetree li.ext_swf a .ico{ background-image: url(images/flash.png) ; }
.filetree li.ext_tif a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_tiff a .ico{ background-image: url(images/picture.png) ; }
.filetree li.ext_txt a .ico{ background-image: url(images/txt.png) ; }
.filetree li.ext_vb a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_wav a .ico{ background-image: url(images/music.png) ; }
.filetree li.ext_wmv a .ico{ background-image: url(images/film.png) ; }
.filetree li.ext_xls a .ico{ background-image: url(images/xls.png) ; }
.filetree li.ext_xlsx a .ico{ background-image: url(images/xls.png) ; }
.filetree li.ext_xml a .ico{ background-image: url(images/code.png) ; }
.filetree li.ext_zip a .ico{ background-image: url(images/zip.png) ; }