.tree {}
.tree ul { list-style:none; margin-top:0; margin-left:1px; padding-left:16px; display:none;}
.tree>ul{padding-left:5px}
.tree li { list-style:none;margin:0; padding:1px 0;}
.tree .itemarea {
	cursor:pointer;
	display:inline-block;
	*display:inline-table;
	/* for ie 7*/
	+display:inline;
	+zoom:1;
	padding:2px 8px 2px 0px;
	border:1px solid #fff;
	background-color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.tree .itemarea:hover {
	border-color:#A4D5FF;
	background-color:#E5F3FF;
}
.tree .active {
	border-color:#83AADA;
	background-color:#DDECFE;
}
.tree .active:hover {
	border-color:#83AADA;
	background-color:#E7F7FE;
}
.tree .hitarea,
.tree .bitarea {
	display:inline-block;
	height:15px;
	width:15px;
	background:url(tree.png) no-repeat;
	vertical-align:middle;
}
.tree .bitarea {
	background-position:-30px 0;
}
.tree .itemarea:hover .bitarea,
.tree .itemarea.active .bitarea {
	background-position:-30px -15px;
}
.tree .expandable .hitarea {
	cursor:pointer;
	background-position:0 0;
}
.tree .expandable .hitarea:hover {
	background-position:0 -15px;
}
.tree .expanded .hitarea {
	background-position:-15px 0;
}
.tree .expanded .hitarea:hover {
	background-position:-15px -15px;
}
.tree .txtarea {
	vertical-align:middle;
}
.tree div.expandable .txtarea {
	
}
.tree div.expanded .txtarea {
	
}
.tree div.active .txtarea {
	
}