/* These are esiential */

#tree1,
#tree1 ul  {
	font-size:16px;
	font-family:Tahoma, sans-serf;
	margin:0;
	padding:0;
}

#tree1 ul {
	margin:0;
	padding:0;
}

#tree1 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	clear:both;
	height:20px;
	white-space:nowrap;
}

#tree1 li:focus {
	speak:normal;
}
#tree1 *:focus {
	outline:0;
}

#tree1 li:focus ul {
	speak:none;
}

#tree1 li.odd {
	background-color:#f5f7f8;
}

#tree1 li.even {
	background-color:#ffffff;
}

#tree1 li.focused {
	background-color:#b2b4bf;
	speak:normal;
}

#tree1 .indent {
	height:20px;
	width:30px;
	padding:0;
	background:url(/images/webapps/tree/bar.gif) repeat-y;
	float:left;
}

* html #tree1 .indent {
	float:left;
}

#tree1 .last-indent {
	height:12px;
	float:left;
}

* html #tree1 .last-indent {
	position:relative;
	top:-8px;
}

#tree1 .spacer-indent {
	float:left;
	height:20px;
	width:30px;
}

#tree1 .bar {
	background:url(/images/webapps/tree/dot.gif) repeat-x center center;
	display:inline;
	padding-left:30px;
	padding-bottom:2px;
}

* html #tree1 .bar {
	float:left;

	width:30px;
}

#tree1 .icon {
	padding:0 1px;
	margin-right:10px;
	vertical-align:middle;
	margin-left:-7px;
	display:inline;
	padding-left:12px;
	background:url('/images/webapps/tree/file.png') no-repeat center center;
}

* html #tree1 .icon {
	float:left;
	margin-left:-9px;
	width:16px;
}

#tree1 .folder-icon {
	padding-left:16px;
	background:url('/images/webapps/tree/folder-closed.png') no-repeat center center;
}

#tree1 .folder-open-icon {
	padding-left:16px;
	background:url('/images/webapps/tree/folder-open.png') no-repeat center center;
}

#tree1 .twisty {
	padding-left:9px;
	display:inline;
	position:relative;
	margin:5px -5px 5px -5px;
}

* html #tree1 .twisty {
	width:9px;
	height:9px;
	float:left;
	margin:0px -5px 0px -5px;

}

#tree1 .garbage {
	display:inline;
}
#tree1 .container {
	height:20px;
}

* html #tree1 .container {
	margin-bottom:-1px;
}

* html .garbage {
	float:left;
}

#tree1 .twisty-open {
	background:url('/images/webapps/tree/twisty-open.png') no-repeat center center;
}

#tree1 .twisty-closed {
	background:url('/images/webapps/tree/twisty-clsd.png') no-repeat center center;
}

.tree-wrapper {
	width:250px;
	height:400px;
	overflow:auto;
	margin:20px;
}