#divStudentSplitter {
	height: 100%;
	width: 100%;
	border: 0px solid #cca;
	/* No padding allowed */
}
/*
 * Top element of the splitter. Use pixel units for the
 * min-height and max-height; the splitter plugin parses them to
 * determine the splitter movement limits. Set the height to
 * the desired initial height of the element; the plugin changes
 * the height of this element dynamically.
 */
#TopPane {
	background: #ffe;
	overflow: auto;
	/* Initial/min/max height for this pane */
	height: 100px;
	min-height: 50px;
	max-height: 200px;
	/* No margin or border allowed */
}
/*
 * Bottom element of the splitter; the plugin changes the top
 * position and height of this element dynamically.
 */
#divStudentSplitter {
	background: #ffd;
	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. 
 */
#divStudentSplitter .hsplitbar {
	height: 6px;
	background: #cca url('hgrabber.gif?v=20160512') no-repeat center;
	/* No margin, border, or padding allowed */
}
#divStudentSplitter .hsplitbar.active, #divStudentSplitter .hsplitbar:hover {
	background: #e88 url('hgrabber.gif?v=20160512') no-repeat center;
}

#divStudentSplitter div {
	background-color:White;
}