#fileTreePanel {
    width:100%;
    float:left;
}

.pageContent .treeview, .pageContent .treeview ul,.pageContent .treeview ul li {
	padding: 0;
	margin: 0 0 8px 0;
	list-style: none;
}
.pageContent #fileTreePanel ul li {
    list-style-type:none;
}

.pageContent #fileTreePanel ul li ul {
	padding:12px 0 ;
}

.pageContent #fileTreePanel ul li ul li {
	padding-left:20px;
}

.treeview ul {
	background-color: transparent;
	margin-top: 4px;
}

.treeview .hitarea {
	height: 32px;
	width: 32px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 4px;
        line-height:1.6;
}



.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover {
    cursor: pointer
}

.filetree span.Folder, .filetree span.File {
    padding: 1px 0 1px 36px; display: block;
}
.filetree li.expandable span.Folder {
    background: url(../images/file-icons/folder-closed.png) top left no-repeat;
}
.filetree span.Folder {
    background: url(../images/file-icons/folder.png) top left no-repeat; 
    height:39px;
    padding: 12px 0 0 66px;
    font-weight:bold;
    margin-bottom:0;
}

.treeview li span, .treeview li a {padding-left:20px;}


.filetree span.File { background: url(../images/file-icons/blank.png) top left no-repeat; }
.treeview span.jpg,.treeview span.JPG, .treeview span.jpeg{ background:url(../images/file-icons/jpg.png) no-repeat left top; }
.treeview span.mov, .treeview span.mp4{ background:url(../images/file-icons/video.png) no-repeat left top; }
.treeview span.mp3 { background:url(../images/file-icons/mp3.png) no-repeat left top; }
.treeview span.ppt, .treeview span.pptx{ background:url(../images/file-icons/blank.png) no-repeat left top; }
.treeview span.doc, .treeview span.docx{ background:url(../images/file-icons/doc.png) no-repeat left top; }
.treeview span.png{ background:url(../images/file-icons/png.png) no-repeat left top; }
.treeview span.gif{ background:url(../images/file-icons/gif.png) no-repeat left top; }
.treeview span.xls, .treeview span.xlsx{ background:url(../images/file-icons/xls.png) no-repeat left top; }
.treeview span.pdf{ background:url(../images/file-icons/pdf.png) no-repeat left top; }
.treeview span.csv{ background:url(../images/file-icons/csv.png) no-repeat left top; }

span.greyed {color:silver;}

.filetree ul, .filetree ul ul {
    margin-bottom:.5em;
}
