/* this works with scrollbar.js */
.scroll-track{
width: 10px;
height: 420px;
background-color: #f7f7f7;
}

.scroll-handle{
width: 10px;
height: 20px;
background-color: #87b2cf;
cursor: move;
}


/* this works with slider.js */
#scrollable1 {
float: left;
width: 210px;
height: 430px;
overflow: hidden;
}

/* vertical track */
#track1 {
float: left;
width: 10px;
height: 420px;
margin: 10px 0 0 10px;
background-color: #f1f1f1;
}

/* vertical track handle */
#handle1 {
width: 10px;
height: 20px;
background-color: #87b2cf;
cursor: move;
}

#scrollable2 {
float: left;
width: 194px;
height: 465px;
overflow: hidden;
}

/* vertical track */
#track2 {
float: left;
width: 10px;
height: 455px;
margin: 10px 0 0 0;
background-color: #f1f1f1;
}

/* vertical track handle */
#handle2 {
width: 10px;
height: 20px;
background-color: #87b2cf;
cursor: move;
}