@CHARSET "UTF-8";
html, body {height:100%; margin: 0; padding: 0; }

html>body {
	font-size: 16px; 
	font-size: 68.75%;
} /* Reset Base Font Size */
	
body {
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 68.75%;
	background: #fff;
	color: #333;
	padding-left: 20px;
} /* Reset Font Size */

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}	
.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}
		
ul.dir li { padding: 2px 0 0 16px; }

.treeview li { background: url(images/tv-item.gif) 0 0 no-repeat; }
.treeview .collapsable { background-image: url(images/tv-collapsable.gif); }
.treeview .expandable { background-image: url(images/tv-expandable.gif); }
.treeview .last { background-image: url(images/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(images/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(images/tv-expandable-last.gif); }
	  	
#red.treeview li { background: url(images/red/tv-item.gif) 0 0 no-repeat; }
#red.treeview .collapsable { background-image: url(images/red/tv-collapsable.gif); }
#red.treeview .expandable { background-image: url(images/red/tv-expandable.gif); }
#red.treeview .last { background-image: url(images/red/tv-item-last.gif); }
#red.treeview .lastCollapsable { background-image: url(images/red/tv-collapsable-last.gif); }
#red.treeview .lastExpandable { background-image: url(images/red/tv-expandable-last.gif); }
	  	
#black.treeview li { background: url(images/black/tv-item.gif) 0 0 no-repeat; }
#black.treeview .collapsable { background-image: url(images/black/tv-collapsable.gif); }
#black.treeview .expandable { background-image: url(images/black/tv-expandable.gif); }
#black.treeview .last { background-image: url(images/black/tv-item-last.gif); }
#black.treeview .lastCollapsable { background-image: url(images/black/tv-collapsable-last.gif); }
#black.treeview .lastExpandable { background-image: url(images/black/tv-expandable-last.gif); }
	  	
#gray.treeview li { background: url(images/gray/tv-item.gif) 0 0 no-repeat; }
#gray.treeview .collapsable { background-image: url(images/gray/tv-collapsable.gif); }
#gray.treeview .expandable { background-image: url(images/gray/tv-expandable.gif); }
#gray.treeview .last { background-image: url(images/gray/tv-item-last.gif); }
#gray.treeview .lastCollapsable { background-image: url(images/gray/tv-collapsable-last.gif); }
#gray.treeview .lastExpandable { background-image: url(images/gray/tv-expandable-last.gif); }
	  	
#treecontrol { margin: 1em 0; } 
