﻿html, body
{
	margin: 0;			/* Remove body margin/padding */
	padding: 0;
	overflow: hidden;	/* Remove scroll bars on browser window */
	font-family : Tahoma;
	font-size : 8pt;
	
}

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#MySplitter {
	/* Height is set to match window size in $().ready() below */
	min-width: 500px;	/* Splitter can't be too thin ... */
	min-height: 300px;	/* ... or too flat */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane {
	background-color:AliceBlue;
	padding: 8px;
	overflow: auto;		/* Scroll bars appear as needed */
}
/*
 * Right-side element of the splitter.
 */
#RightPane {
	background: #fff;
	padding: 0px;
	min-width: 100px;
	overflow: auto;
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#MySplitter .vsplitbar
{
	width: 6px;
	background: url(vgrabber.gif) #ffffff no-repeat center 50%;
}
#MySplitter .vsplitbar.active, #MySplitter .vsplitbar:hover {
	background: #e88 url(vgrabber.gif) no-repeat center;
}

.treeview, .treeview ul {  
    padding: 0; 
    margin: 0; 
    list-style: none; 
}     
 
.treeview li {  
    margin: 0; 
    padding: 4px 0 3px 20px; 
} 
 
.treeview li { font-size :xx-small; 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); }