
.split-panes {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
}

.split-panes > .split-handler {
    background: transparent;
    position: absolute;
    z-index: 999;
}

/* Horizontal */

.split-panes.horizontal > .split-handler {
    width: 4px;
    top: 0px;
    left: 50%;
    bottom: 0px;
    cursor: ew-resize;
}

.split-panes.horizontal > .split-pane1,
.split-panes.horizontal > .split-pane2 {
    position: absolute;
    height: 100%;
    overflow: auto;
}

.split-panes.horizontal > .split-pane1 {
    width: 50%;
}

.split-panes.horizontal > .split-pane2 {
    left: 50%;
    right: 0px;
    border-left: 1px solid #aaa;
}

/* Vertical */

.split-panes.vertical > .split-handler {
    height: 4px;
    top: 50%;
    left: 0px;
    right: 0px;
    cursor: ns-resize;
    opacity: 0.4;
    background-image: url(../img/hgrabber.gif);
    background-color: #000000;    
    background-repeat: no-repeat;
    background-position: center;
}

.split-panes.vertical > .split-pane1,
.split-panes.vertical > .split-pane2 {
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.split-panes.vertical > .split-pane1 {
    height: 50%;
}

.split-panes.vertical > .split-pane2 {
    top: 50%;
    bottom: 0px;
/*
    border-top: 1px solid #aaa;
*/
}