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

.treeview ul { color: #000; margin-top: 4px;}

.treeview .hitarea { background-image: url(../images/treeview-default.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: -64px -25px; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

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

.treeview .menutop {
	visibility: visible;
	font-weight: bold;
	text-decoration: none;
	display: block;
	box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Safari and Chrome */
	text-align: left;
	border-radius: 20px;
	vertical-align: text-top;
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,0.8);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding-left: 10px;
	}
	
.treeview a.selected {
	
	display: block;
	color: rgba(255,255,255,1);
	border-radius: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,1)', endColorstr='rgba(51,51,51,1)'); for IE */
	/*black*/
	background-color:rgba(0,0,0,1);
	background: -webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,1)), to(rgba(51,51,51,1))); /* for webkit browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(51,51,51,1) );
	background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(51,51,51,1) );
	-webkit-transition-property: background;
	-webkit-transition-duration: 1000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 1000ms;
	-o-transition-property: background;
	-o-transition-duration: 1000ms;
	box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Safari and Chrome */
	-moz-transform:scale(1.05); /* Firefox */
	-webkit-transform:scale(1.05); /* Safari Chrome */
	-o-transform:scale(1.05);  /* Opera */
}
.treeview a.selected:hover{
	
}

.treeview li.collapsable .collapsableON a{
	/*blue*/
	background-color: rgba(0,0,0,1);
	display: block;
	color: #FFFFFF;
	border-radius: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
}

.treeview li.collapsable .collapsableON a:hover{
	
}
.treeview li.lastCollapsable .collapsableON a {
	/*green*/
	background-color: rgba(0,0,0,1);
	display: block;
	color: #FFFFFF;
	border-radius: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
}
.treeview li.lastCollapsable .collapsableON a:hover{
	
}
.treeview li.expandable .collapsableON a {
	/*red*/
	background-color: rgba(255,255,255,0.8);
	display: block;
	border-radius: 8px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	color: #000000;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
}
.treeview li.expandable .collapsableON a:hover {
	
}
.treeview li.lastExpandable .collapsableON a {
	/*yellow*/
	background-color: rgba(255,255,255,0.8);
	display: block;
	border-radius: 8px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	color: #000000;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
}
.navlinktreev {
	visibility: visible;
	border-radius: 8px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style:  none;
	border-top-color: #000000;
	border-right-color:#000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	display: inline;
	opacity:0.80;
}
.navlinktreev a {
	visibility: visible;
	font-weight: bold;
	text-decoration: none;
	display: block;
	box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Safari and Chrome */
	text-align: left;
	border-radius: 8px;
	vertical-align: text-top;
	opacity:0.80;
	color: #000000;
	background-color: rgba(255,255,255,0.8);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding-left: 12px;
}
.navlinktreev a:hover, .treeview li.collapsable .collapsableON a:hover, .treeview a.selected:hover, .treeview li.lastCollapsable .collapsableON a:hover, .treeview li.expandable .collapsableON a:hover {
	color: rgba(0,0,0,1);
	font-weight: bold;
	visibility: visible;
	display: block;
	vertical-align: middle;
	
	border-radius: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,1)', endColorstr='rgba(51,51,51,1)'); for IE */
	 background: rgba(204,204,204,1);
	 background: -webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,1)), to( rgba(0,0,0,1))); /* for webkit browsers */
	 background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(51,51,51,1) ); 
	 background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(51,51,51,1) );
	 -webkit-transition-property: background;
	-webkit-transition-duration: 1000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 1000ms;
	-o-transition-property: background;
	-o-transition-duration: 1000ms;
	box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Safari and Chrome */
	-moz-transform:scale(1.05); /* Firefox */
	-webkit-transform:scale(1.05); /* Safari Chrome */
	-o-transform:scale(1.05);  /* Opera */
}

.visibleOFF{
	display:none !important;
}
#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #000; font-weight: bold; cursor: pointer; }

.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); } 


.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; }
.ul[style="display: block;] {
	background-color:#666;
}