#splitter {
    width: 100%;
    height: 100%;
}

.spacer
{
    padding: 20px 10px;
}

.spliter_panel {
  position: relative;
}
.spliter_panel .vspliter {
	cursor: col-resize;
	z-index:900;
	width: 10px;
	background: #c1c1c1 url(images/vg.gif) no-repeat center;
}

.spliter_panel .hspliter {
	background-color: #5F5F5F;
	cursor: row-resize;
	z-index: 800;
	height: 4px;
}
.spliter_panel .vspliter, .spliter_panel .left_panel, .spliter_panel .right_panel,
.spliter_panel .hspliter, .spliter_panel .top_panel, .spliter_panel .bottom_panel {
	position: absolute;
	overflow: auto;
}
.spliter_panel .vspliter, .spliter_panel .left_panel, .spliter_panel .right_panel {
  height: 100%;
}
.spliter_panel .hspliter, .spliter_panel .top_panel, .spliter_panel .bottom_panel {
  width: 100%;
}
.spliter_panel .top_panel, .spliter_panel .left_panel, .spliter_panel .vspliter {
   top: 0;
}
.spliter_panel .top_panel, .spliter_panel .bottom_panel, .spliter_panel .left_panel, .spliter_panel .hspliter {
   left: 0;
}
.spliter_panel .bottom_panel {
   bottom: 0;
}
.spliter_panel .right_panel {
   right: 0;
}