/* 
 * 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; padding: 1px 0 0 0px; }

/*Add padding så button doesn't mess with img-border*/
.filetree li {	padding: 0 0 0 5px; }
ul.filetree > li { padding: 0 0 0 5px; }

.treeview a.selected { /*background-color: #eee;*/ color: #FF7C07; background-color: none; }
.treeview a { text-decoration: none; }
.treeview .hitarea { display: none }

/* fix for IE6 */
* html .hitarea {	display: inline; float: right; margin-top: 5px; }
.hitarea { background: none; }
#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); }

ul.treeview li, ul.treeview li.last { background: url(images/menu_inactive.jpg) top left no-repeat; }
ul.treeview li.lastCollapsable, ul.treeview li.collapsable { background: url(images/menu_active.jpg) top left no-repeat; }
ul.treeview li.collapsable ul li { background: none; }



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

/* 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);*/background-image: none; }
/*.filetree li span.folder { background-image: url(images/listCollapsed.png) }*/
/*.filetree li.collapsable > span.folder { background-image: url(images/listExpanded.png) }*/
.filetree li span.folder { background-image: url(images/pluss.gif);background-position: 0 4px; }
.filetree li span.folder.sublevel {background-image: none; }
.filetree li.collapsable > span.folder { background-image: url(images/minus.jpg) }

/* Expand the anchor to include the + or > */
/*.filetree span a { line-height: 15px;color: #FF7C07;font-size: 11px; display: block; width: 100%; padding: 3px 0 3px 20px }*/
.filetree span a, .filetree span a:visited { line-height: 15px;font-size: 11px;color: #787878; display: block; width: 100%; padding: 5px 0 3px 10px }
.filetree span a.active, .filetree span a:hover, .filetree span a:active { line-height: 15px;font-size: 11px; color: #FF7C07; }
.filetree li.expandable span.toplevel { height: 30px;/*background-color: #cfdeed;*/ background: url(images/menu_inactive.jpg) no-repeat top left; } 
.filetree li span:hover { background-color:none; color: #FF7C07; }
.filetree li.collapsable span.toplevel { background-color: none; color: #FF7C07; }
.filetree li.collapsable span.toplevel a { color: #FF7C07; }
.filetree span.toplevel { height: 30px;/*border-bottom: dotted 1px #ccc*/ background: url(images/menu_inactive.jpg) 0 0 no-repeat; }
.filetree span.toplevel img { padding-right: 3px;}