/* 
 * May be used instead of the default jquery.treeview.css to customize the appeareance of treeview
*/
.filetree, .filetree ul { margin: 0 0 0 16px }
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }

.treeview ul    { margin-top: 4px; }
.treeview li    { margin: 0; padding: 1px 0 0 10px; }
ul.treeview >li { margin: 0 0 0 -2px; padding: 0; }

.treeview a.selected { background-color: #ccc; }
.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: 13px; 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: 2px; }
.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) }

/* Expand the anchor to include the + or > */
.filetree span a { color: #787878; display: block; width: 100%; padding: 2px 0 0px 0 }
.filetree li.expandable span.toplevel { /*background-color: #cfdeed;*/ } 
.filetree li span:hover { background-color: #e0e0e0; }
.filetree li.collapsable span.toplevel { background-color: #7697b8; }
.filetree li.collapsable span.toplevel a { color: white; }
.filetree li.collapsable span.toplevel a.selected { background-color: #7697b8; }
.filetree span.toplevel { border-bottom: dotted 1px #ccc }
.filetree span.toplevel img { padding: 0 2px 0 0; vertical-align: middle; }
.filetree span.sublevel { font-size: 12px; }
