/* 
 * May be used instead of the default jquery.treeview.css to customize the appeareance of treeview
*/
.filetree, .filetree ul { margin: 0 0 0 6px }
.treeview, .treeview ul { padding: 0; margin: 10px; list-style: none; }

.treeview ul    { margin-top: 4px; }
.treeview li    { margin: 0; padding: 1px 0 0 4px; }
ul.treeview >li { margin: 0; padding: 1px 0 0 0px; }

.treeview a.selected { background-color: #eee }
.treeview .hitarea { display: none }

/* fix for IE6 */
* html .hitarea {	display: inline; float: right; margin-top: 5px; }

#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { cursor: pointer; }

.treeview li { background: url(images/treeview-nolines-line.gif) 0 0 no-repeat; }
.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-nolines.gif); }  

.filetree { font-size: 12px; color: #787878 }

/* Expand the anchor to include the + or > */
.filetree span { background-position: left center; background-repeat: no-repeat; vertical-align: middle; display: block } 
/*.filetree span { background-position: left center; background-repeat: no-repeat; vertical-align: middle; padding: 0 0 0 20px; display: block }*/
.filetree span.custom { padding-left: 3px; }
.filetree span.custom a { display: inline; }
/*.filetree span.file { background-image: url(images/listItemArrow.png); }
.filetree li span.folder { background-image: url(images/listCollapsed.png) }*/
/*.filetree li.collapsable > span.folder { background-image: url(images/listExpanded.png); background-color:#b8cee9 }*/
.filetree li.collapsable > span.folder { background-color:#ec7813; }
.treeview li.collapsable > span.folder { background-color:#ec7813; }

/* Expand the anchor to include the + or > */
.filetree span a { color: #fff; display: block; width: 100%; padding: 4px 0 4px 4px }
/*.filetree span a { color: #787878; display: block; width: 100%; padding: 3px 0 3px 0 }*/
.filetree li.expandable span.toplevel { background-color: #ec7813; } 
.filetree li span:hover { background-color: #ec7813; }
.filetree li.collapsable span.toplevel { background-color: #ec7813; }
.filetree li.collapsable span.toplevel a { color: white; }
.filetree span.toplevel { border-bottom: dotted 1px #4d90dc }
.filetree span.toplevel img { padding-right: 3px }