.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


.treeview .hitarea {
	height: 17px;
	width: 17px;
	float: right;
	cursor: pointer;
  position:relative;
  margin:5px 0;
}

.treeview .hitarea:before { position:absolute; width:1px; height:11px; left:8px; top:0; bottom:0; text-align:center; line-height:30px; content:""; background:#ffffff; margin:auto; }
.treeview .hitarea:after { position:absolute; width:11px; height:1px; left:0; top:8px; right:0; text-align:center; line-height:30px; content:""; background:#ffffff; margin:auto;  }

.treeview .hitarea.collapsable-hitarea:before { display:none; }


.treeview li {
	margin: 0;
}

.treeview li a { padding:5px 10px 5px 0; display:block; }
.treeview ul {
  padding-left:15px;
}
.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #1A9DD3; cursor: pointer; }

.treeview li {  }
.treeview li.collapsable, .treeview li.expandable { }



.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }