#directReportSplitter {
	height: 500px;
	margin: 10px;
	border: 4px solid #A6A6A6;
	position:absolute;
	/* No padding allowed */
}
/*
 * 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: #F7F7F7;
	padding: 0px;
	overflow: auto;
	width: 120px;		/* optional, initial splitbar position */
	/* min-width: 50px; */	/* optional */
	/* No margin or border allowed */
}

#directReportSplitter #LeftPane{
	padding: 5px;
}

/*
 * Right-side element of the splitter.
 */
#RightPane {
	background: #fff;
	padding: 0px;
	min-width: 100px;
	width:810px;
	overflow:scroll;
	position:absolute;
	height: 100%;
	/* 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.
 */
#directReportSplitter .vsplitbar {
	width: 10px;
	position: absolute;
	background: #A6A6A6 url(../Images/vgrab.gif) no-repeat center;
}
#directReportSplitter .vsplitbar.active, #directReportSplitter .vsplitbar:hover {
	width: 10px;
	position: absolute;
	background: #888 url(../Images/vgrab.gif) no-repeat center;
}