.tree
{
	overflow:visible; 
	height:420px;
	width:180px;
	text-align:left;
	letter-spacing:-1px;
	float:left;
	z-index:400;
	position:relative;
margin-left:15px;

}
.tree a
{
	color:#fff;
	text-decoration:none;
	z-index:401;
}
.tree li, .tree ul
{
	list-style: none;
	z-index:401;
}

.root li
{
	padding:0px 0px 0px 30px;
	line-height:17px;
	margin: 0;
	cursor: default;
	white-space: nowrap;
	z-index:401;
}

.tree ul
{
	margin:0 0 0 -13px;
	padding:0;
	z-index:401;
}
.tree ul#root 
{
	position:absolute;
	bottom:0px;
	z-index:401;
}
.tree li.leaf
{
	background: url(images/leaf.gif) no-repeat 13px 0 ;
	z-index:450;
}
.tree li.leaf-last
{
	background: url(images/leaf-last.gif) no-repeat 13px 0 ;
	z-index:402;
}

.tree .folder-close
{
	background: url(images/expandable.gif) no-repeat 13px 0 ;
	z-index:402;
}
.tree .folder-close-last
{
	background: url(images/expandable-last.gif) no-repeat 13px 0 ;
	z-index:402;
}
.tree .folder-open
{
	background: url(images/collapsable.gif) no-repeat 13px 0 ;
	z-index:402;
}
.tree .folder-open-last
{
	background: url(images/collapsable-last.gif) no-repeat 13px 0 ;
	z-index:402;
}
.tree .root{
	z-index:402;

}
.tree .toggler
{
	float:left;
	margin-left:-34px;
	height:16px;
	width:32px;
	background-image:url(images/spacer.gif);
	cursor:pointer;
	z-index:404;
}
.tree ul.ajax
{
	background: url(images/spinner.gif) no-repeat 0 0 ;
	height: 16px;
}
.tree ul.ajax li
{
	display:none;
}
.tree .ttext{text-align:left}
.tree .active{
	background-color:#F7BE77;
	padding:1px 2px;
	border: 1px dashed #444;
}