body .scrollpanel {
  float: left;
  height: 430px;
}
body .scrollpanel .sp-scrollbar {
  width: 5px;
  background-color: rgba(0,0,0,0.05);
  cursor: pointer;
  
   -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
body .scrollpanel .sp-scrollbar .sp-thumb {
  background-color: rgba(0,0,0,0.3);
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  
  
   -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
body .scrollpanel .sp-scrollbar.active .sp-thumb {
  background-color: rgba(0,0,0,0.5);
 
}
body .no2 .sp-scrollbar,
body .no4 .sp-scrollbar {
  margin: 4px;
}
body .no3,
body .no4 {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
body .no3 .sp-scrollbar,
body .no4 .sp-scrollbar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .no3 .sp-scrollbar .sp-thumb,
body .no4 .sp-scrollbar .sp-thumb {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .foo {
  min-height: 30px;
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 1em;
  padding: 1em;
}