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

.treeview ul    {	margin-top: 4px; height: 0px; overflow: hidden; display: none; }
.treeview ul ul { margin-bottom: 10px; height: auto; display: block; } 

.treeview li    { margin: 0; padding: 1px 0 0 10px;}
.treeview ul li.last    { margin-bottom: 2px; }
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: 11px; color: #3e627a }

/* 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 5px; 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) }

/* Expand the anchor to include the + or > */
/*.filetree span a { color: #787878; display: block; width: 100%; padding: 3px 0 3px 20px }*/
.filetree span a { color: #787878; display: block; width: 100%; padding: 3px 0 3px 0 }
.filetree li.expandable span.toplevel { /*background-color: #cfdeed;*/ } 
.filetree li span:hover { background-color: #fff; }
.filetree li.collapsable span.toplevel { background:url(images/bg-pattern-li-toplevel.jpg) repeat-x bottom; }
.filetree li.collapsable span.toplevel a {font-size:12px; font-weight:bold; color:#084897; }
.filetree span.toplevel { }
.filetree span.toplevel img { padding-right: 3px }
.filetree li span.toplevel a { font-size:12px; font-weight:bold; padding-top:8px; color:#084897; }
.filetree li span.toplevel { color:#084897;background:url(images/bg-pattern-li-toplevel.jpg) repeat-x bottom; margin: 0 2px 0 0; height:32px;}

.filetree li.collapsable span.toplevel a{background:url(images/icon-expanded.gif) no-repeat left;}
.filetree li.expandable span.toplevel a{background:url(images/icon-collapsed.gif) no-repeat left;}
.filetree li span.toplevel a{ height:24px;padding:8px 0 0 25px; background:url(images/icon-collapsed.gif) no-repeat left;}