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

.filetree li ul { margin: 0 0 6px 0; padding: 0 0 6px 0 }

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

.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; color:#fff }

.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: 10px; color: #787878 }

.filetree li .sublevel {
		background-color:#fff;
		font-size: 9px;
		margin:0;
		padding:0;
}

.filetree li .sublevel a {
		font-size: 9px;
		margin:0;
		padding:2px 0 2px 4px;
}

/* 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: #232c33; display: block; width: 100%; padding: 2px 0 1px 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; color:#fff}
.filetree li.collapsable span.toplevel { background-color: #ec7813;}
.filetree li.collapsable span.toplevel a { color: white; }
.filetree span.toplevel { border-bottom: none }
.filetree span.toplevel img { padding-right: 3px }