@if user.agent ie6 {
	.listTreeItem {
		vertical-align: bottom;
	}
}

.listTreeItem {
	margin: 2px 0;
	display: block;
	clear: both;
	list-style-type: none;
}

.listTreeItemOpener {
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
	outline: none;
}

.listTreeItemOpener, .listTreeItemOpener *{
line-height:12px;
}

.listTreeItemOpener > img {
	background-position: center !important;
}

@if user.agent ie6 {
	.listTreeItemOpener {
		display: inline;
		vertical-align: bottom;
	}
	
	.listTreeItemOpener * {
		display: inline;
	}
} @else {
	.listTreeItemOpener {
		display: inline-block;
	}
}

@sprite .plus {
	gwt-image: "gwtImages.plusImage";
	margin: 2px 0 3px;
}

@sprite .minus {
	gwt-image: "gwtImages.minusImage";
	margin: 2px 0 3px;
}


.listTreeItemContent {
	
}

.listTreeItemChildren {
	list-style-type: none;
	margin:0px 0px 0px 25px;
	padding-left: 0px;
}

ul.list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.list, ul.listTreeItemChildren{
	list-style-image: none;
	list-style-position: outside;
}

.listTreeItemOpen {
	
}



.listTreeItemClosed ul.listTreeItemChildren {
	display: none;
}

li.listTreeItemLeaf ul.listTreeItemChildren{
	display: none;
}

.listTreeItemLeaf .listTreeItemOpener {
	/* we do not use display: none  because otherwise a leaf's first content widget
	would line up with the handler icon of a non-leaf at the same level. */ 
	visibility: hidden;
}

.listTreeItemInternal {
}



.listTreeItemNoOpeners .listTreeItemOpener {
	display: none;
}

.listTreeItemNoOpeners .listTreeItemChildren {
	display: list-item ;
}

.listScrollable {
	height: 100%;
	overflow: auto;
}
