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

.treeview ul {
	background-color: white;
	margin-top:       4px;
}

.treeview .hitarea {
	background:  url(images/treeview-default.gif) -64px -25px no-repeat;
	height:      16px;
	width:       16px;
	margin-left: -16px;
	float:       left;
	cursor:      pointer;
}

.treeview span, .treeview i {
	webkit-touch-callout: none;
	-webkit-user-select:  none;
	-khtml-user-select:   none;
	-moz-user-select:     none;
	-ms-user-select:      none;
	user-select:          none;
}

#vidal #tree span.highlight a {
	color:       #d71344 !important;
	font-weight: bold;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:   none;
}

.treeview li {
	margin:  0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

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

.treeview .hover {
	cursor: pointer;
	color:  #394953;
}

.treeview li {
	background: url(images/treeview-default-line.gif) 0 0 no-repeat;
}
.treeview li.collapsable, .treeview li.expandable {
	background-position: 0 -176px;
}

.treeview .expandable-hitarea {
	background-position: -80px -3px;
}

.treeview li.last {
	background-position: 0 -1766px
}
.treeview li.lastCollapsable, .treeview li.lastExpandable {
	background-image: url(images/treeview-default.gif);
}
.treeview li.lastCollapsable {
	background-position: 0 -111px
}
.treeview li.lastExpandable {
	background-position: -32px -67px
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
	background-position: 0;
}

.treeview-red li {
	background-image: url(images/treeview-red-line.gif);
}
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
	background-image: url(images/treeview-red.gif);
}

.treeview-black li {
	background-image: url(images/treeview-black-line.gif);
}
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
	background-image: url(images/treeview-black.gif);
}

.treeview-gray li {
	background-image: url(images/treeview-gray-line.gif);
}
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
	background-image: url(images/treeview-gray.gif);
}

.treeview-famfamfam li {
	background-image: url(images/treeview-famfamfam-line.gif);
}
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
	background-image: url(images/treeview-famfamfam.gif);
}

.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height:     16px;
	width:      16px;
	display:    block;
}

.filetree li {
	padding: 3px 0 2px 16px;
}
.filetree span.folder, .filetree span.file {
	padding: 1px 0 1px 16px;
	display: block;
}
.filetree span.folder {
	background: url(images/folder.gif) 0 0 no-repeat;
}
.filetree li.expandable span.folder {
	background: url(images/folder-closed.gif) 0 0 no-repeat;
}
.filetree span.file {
	background: url(images/file.gif) 0 0 no-repeat;
}

.treeview li > span {
	margin-left: 2px;
	color:       #476173;
	line-height: 15px;
	font-size:   15px;
}
.treeview li > span.t {
	color:        #333;
	font-weight:  bold;
	margin-right: 5px;
}
.treeview li a {
	color: #333 !important;
}
.treeview li a:hover {
	color: #d71344 !important;
}
.treeview li.selected > span {
	font-weight: bold;
	color:       #d71344;
}
.treeview li * {
	vertical-align: top;
	font-style:     normal;
	font-weight:    normal;
}
.treeview li > i, .treeview li > a {
	cursor:          pointer;
	color:           #333;
	line-height:     14px;
	font-size:       14px;
	text-decoration: underline;
}
.treeview li > b {
	display:     inline-block;
	margin:      1px 0 0 3px;
	font-size:   13px;
	color:       #888;
	font-weight: normal;
}

.treeview-controls a {
	display: inline-block;
	margin:  0 0 8px 8px;
}