/* TreeView folder skin...
 */
span.treeView {
    background-color:#eef;
    border:solid 1px #bbb;
    padding:25px;
    margin:15px;
    margin-top:0px;
    display:block;
    overflow:visible;
    -moz-user-select:none;
}

/* Folder style
 */
.treeViewFolder {
	font-size:12px;
	color:#333;
	padding-left:6px;
	height:16px;
	overflow:hidden;
}
.treeViewFolder span.plus {
	color:#777;
	position:absolute;
	background:Transparent url(TreeViewFolder/treeViewBgItem.png) repeat-x 0px 8px;
	width:10px;
}
.treeViewFolder span.plus:hover {
	color:Orange;
}
.treeViewFolder span.text {
	cursor:pointer;
	padding-left:17px;
	margin-left:9px;
	background:Transparent url(TreeViewFolder/folder.png) no-repeat;
}
.treeViewFolder span.text:hover {
	background:#ddd url(TreeViewFolder/folder.png) no-repeat;
	color:Orange;
}
.treeViewFolder span.selected {
	cursor:pointer;
	padding-left:17px;
	margin-left:9px;
	text-decoration:underline;
	background:Transparent url(TreeViewFolder/folder.png) no-repeat;
}
.treeViewFolder_children {
	margin-left:18px;
	background:Transparent url(TreeViewFolder/treeViewBg.png) repeat-y 4px 0px;
}


/* Files style
 */
.treeViewFile {
	font-size:12px;
	color:#333;
	padding-left:4px;
	height:16px;
	overflow:hidden;
}
.treeViewFile span.plus {
	color:#777;
	position:absolute;
	background:Transparent url(TreeViewFolder/treeViewBgItem.png) repeat-x 0px 8px;
	width:10px;
}
.treeViewFile span.text {
	cursor:pointer;
	padding-left:17px;
	margin-left:9px;
	background:Transparent url(TreeViewFolder/file.png) no-repeat;
}
.treeViewFile span.text:hover {
	background:#ddd url(TreeViewFolder/file.png) no-repeat;
	color:Orange;
}
.treeViewFile span.selected {
	cursor:pointer;
	padding-left:17px;
	margin-left:9px;
	text-decoration:underline;
	background:Transparent url(TreeViewFolder/file.png) no-repeat;
}


/* Files - SELECTED (through context-menu)
 */
.treeViewFileSelected {
	font-size:12px;
	color:#b77;
	padding-left:4px;
	height:16px;
	overflow:hidden;
}
.treeViewFileSelected span.plus {
	color:#777;
	position:absolute;
	background:Transparent url(TreeViewFolder/treeViewBgItem.png) repeat-x 0px 8px;
	width:10px;
}
.treeViewFileSelected span.text {
	cursor:pointer;
	padding-left:17px;
	margin-left:9px;
	background:Transparent url(TreeViewFolder/fileSelected.png) no-repeat;
}
.treeViewFileSelected span.text:hover {
	background:#ddd url(TreeViewFolder/fileSelected.png) no-repeat;
	color:Orange;
}
.treeViewFileSelected span.selected {
	cursor:pointer;
	padding-left:17px;
	margin-left:9px;
	text-decoration:underline;
	background:Transparent url(TreeViewFolder/fileSelected.png) no-repeat;
}

/* Common hoover parts
 */
.hoverDragger {
	background-color:#ddf;
}