/*                                SCROLLS-ACERTA  */
/*------------------------------------------------*/

.scroll-track{
height:8px;
width:10px;
background-image: url('../img/VScrollTrackFill.png');
background-repeat: repeat;
}

.scroll-handle{
border: 0px
height:10px;
width:10px;
background-image: url('../img/BlueVFill.png');
background-repeat: repeat;
cursor:pointer;
}

#scroll-track-top-1{
height:10px;
width:10px;
background-image: url('../img/up.png');
}

#scroll-handle-bot-1{
height:8px;
width:10px;
background-image: url('../img/bot.png');
}

#scroll-handle-top-1{
height:8px;
width:10px;
background-image: url('../img/top.png');
background-repeat: no-repeat;
}

#scroll-track-bot-1{
height:10px;
width:10px;
background-image: url('../img/down.png');

}

.splitpane-divider {
    border: 1px solid black;
    background:#5B207B;
    opacity: .5;
   filter: alpha(opacity=50);
}

/* The classes/ids below are just used in this example. You can use whatever you like */
#parent {
    width: 100%;
    background: #eeeeee;
}

.column {
    float: left; /* This is forces the page content to adjust to changes in height of the columns */
    overflow: hidden; /* As a precaution, all content is clipped to the column width */
    margin: 0; /* This and padding need to be zero */
    padding: 0;
    z-index: 1;
    background:#E7FECD;
    color: #666666;
    width: 33%; /* Default value, overridden by class */
}

														/* Any spacing must be on a child of the column, not the column itself */
														.content {
														    border: 1px solid black;
															    margin: 5px;
																    padding: 5px;
																	}