/*
 * This is VG TreeMenu - CSS code.
 */
 
div.vg-treemenu {
	display: block;
}
div.vg-treemenu .treeview,
div.vg-treemenu .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
div.vg-treemenu .treeview ul {
	margin-top: 4px;
}
div.vg-treemenu .treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}
div.vg-treemenu .treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}
div.vg-treemenu .treeview a.selected {
	text-decoration: underline;
}
div.vg-treemenu .treecontrol { 
	margin: 1em 0;
	display: none; 
}
div.vg-treemenu .treeview .hover { 
	color: red;
	cursor: pointer;
}
div.vg-treemenu .treeview li { 
	background: url(../images/treeview-default-line.gif) 0 0 no-repeat;
}
div.vg-treemenu .treeview li.collapsable, 
div.vg-treemenu .treeview li.expandable {
	background-position: 0 -176px;
}
div.vg-treemenu .treeview .expandable-hitarea {
	background-position: -80px -3px;
}
div.vg-treemenu .treeview li.last {
	background-position: 0 -1766px 
}
div.vg-treemenu .treeview li.lastCollapsable, 
div.vg-treemenu .treeview li.lastExpandable { 
	background-image: url(../images/treeview-default.gif);
}  
div.vg-treemenu .treeview li.lastCollapsable {
	background-position: 0 -111px;
}
div.vg-treemenu .treeview li.lastExpandable {
	background-position: -32px -67px;
}
div.vg-treemenu .treeview div.lastCollapsable-hitarea, 
div.vg-treemenu .treeview div.lastExpandable-hitarea { 
	background-position: 0;
}
div.vg-treemenu.red li { 
	background-image: url(../images/treeview-red-line.gif);
}
div.vg-treemenu.red .hitarea, 
div.vg-treemenu.red li.lastCollapsable, 
div.vg-treemenu.red li.lastExpandable { 
	background-image: url(../images/treeview-red.gif);
} 
div.vg-treemenu.black li { 
	background-image: url(../images/treeview-black-line.gif);
}
div.vg-treemenu.black .hitarea, 
div.vg-treemenu.black li.lastCollapsable, 
div.vg-treemenu.black li.lastExpandable { 
	background-image: url(../images/treeview-black.gif);
}
div.vg-treemenu.grey li { 
	background-image: url(../images/treeview-gray-line.gif);
}
div.vg-treemenu.grey .hitarea, 
div.vg-treemenu.grey li.lastCollapsable, 
div.vg-treemenu.grey li.lastExpandable {
	background-image: url(../images/treeview-gray.gif);
} 
div.vg-treemenu.famfamfam li { 
	background-image: url(../images/treeview-famfamfam-line.gif);
}
div.vg-treemenu.famfamfam .hitarea, 
div.vg-treemenu.famfamfam li.lastCollapsable, 
div.vg-treemenu.famfamfam li.lastExpandable { 
	background-image: url(../images/treeview-famfamfam.gif);
} 
div.vg-treemenu.filetree li {
	padding: 3px 0 2px 16px;
}
div.vg-treemenu.filetree span.folder, 
div.vg-treemenu.filetree span.file { 
	padding: 1px 0 1px 16px;
}
div.vg-treemenu.filetree span.folder { 
	background: url(../images/folder.gif) 0 0 no-repeat;
}
div.vg-treemenu.filetree li.expandable span.folder {
	background: url(../images/folder-closed.gif) 0 0 no-repeat;
}
div.vg-treemenu.filetree span.file {
	background: url(../images/file.gif) 0 0 no-repeat;
}
div.vg-treemenu .active > a {
	text-decoration: underline;
}