.treeview,.treeview ul{padding:0;margin:0;list-style:none}
.treeview ul{margin-top:4px}
.treeview .hitarea{background:url(images/treeview-default.gif) -64px -25px no-repeat;height:16px;width:16px;margin-left:-16px;float:left;cursor:pointer;}
* html .hitarea{display:inline;float:none}
.treeview li{margin:0;padding:3px 0 3px 16px}
.treeview a.selected{color:#08c}
#treecontrol{margin:1em 0;display:none}
.treeview .hover{color:red;cursor:pointer}
.treeview li{background:url(images/treeview-default-line.gif) 0 0 no-repeat;display: block;}
.treeview li.collapsable,.treeview li.expandable{background-position:0 -176px}
.treeview .expandable-hitarea{background-position:-80px -3px}
.treeview li.last{background-position:0 -1766px}
.treeview li.lastCollapsable,.treeview li.lastExpandable{background-image:url(images/treeview-default.gif)}
.treeview li.lastCollapsable{background-position:0 -111px}
.treeview li.lastExpandable{background-position:-32px -67px}
.treeview div.lastCollapsable-hitarea,.treeview div.lastExpandable-hitarea{background-position:0}
.treeview-red li{background-image:url(images/treeview-red-line.gif)}
.treeview-red .hitarea,.treeview-red li.lastCollapsable,.treeview-red li.lastExpandable{background-image:url(images/treeview-red.gif)}
.treeview-black li{background-image:url(images/treeview-black-line.gif)}
.treeview-black .hitarea,.treeview-black li.lastCollapsable,.treeview-black li.lastExpandable{background-image:url(images/treeview-black.gif)}
.treeview-gray li{background-image:url(images/treeview-gray-line.gif)}
.treeview-gray .hitarea,.treeview-gray li.lastCollapsable,.treeview-gray li.lastExpandable{background-image:url(images/treeview-gray.gif)}
.treeview-famfamfam li{background-image:url(images/treeview-famfamfam-line.gif)}
.treeview-famfamfam .hitarea,.treeview-famfamfam li.lastCollapsable,.treeview-famfamfam li.lastExpandable{background-image:url(images/treeview-famfamfam.gif)}
.treeview .placeholder{background:url(images/ajax-loader.gif) 0 0 no-repeat;height:16px;width:16px;display:block}
.filetree li{padding:3px 0 2px 16px}
.filetree li a{padding-left: 5px;}
.filetree span.file{height:18px;width:18px;display:block;margin:0 3px}
.filetree span.folder{background:url(images/folder.gif) 0 0 no-repeat;text-overflow: ellipsis;white-space: nowrap;height:20px;width:auto;background-size:contain;padding-left:22px;font-size:16px;display:block;margin:0 3px;margin-top:-3px}
.filetree li.expandable span.folder{background:url(images/folder-closed.gif) 0 0 no-repeat;height:18px;width:auto;background-size:contain}
.filetree span.file{background:url(images/file.png) 0 0 no-repeat;height:18px;width:18px;background-size:contain}
.filetree li .finfo{margin-top:-5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;height:26px;font-size:16px;color:#585d6c;white-space: nowrap;}
.filetree li .finfo .fname{font-size: 16px;-webkit-text-size-adjust: none;}
.filetree li .finfo em{color:#999;font-size:12px;margin-left:10px;font-style:normal}