Change Zoombar to smallest possible

Hi,
I would very much change the Zoombar to only having up-down and not the big bar.
Something like in this map: http://geojavaflex.blogspot.com/2009/11/adding-order-and-delete-capabili...

I try to do this through openlayers.css, but somehow unsuccesfull. This is the piece of code I would like to change (firebug):

element.style {
    background-image: url("http://openlayers.org/api/2.10/img/zoombar.png");
    height: 209px;
    left: 13px;
    position: absolute;
    top: 81px;
    width: 18px;
}

I tried the following for starters to remove the bar seeing the div-id in firebug, but unsuccesfull.

.OpenLayers_Control_PanZoomBar_ZoombarOpenLayers {
    //background-image: url("http://openlayers.org/api/2.10/img/zoombar.png");
    height: 100px;
    left: 13px;
    position: absolute;
    top: 81px;
    width: 14px;
}

How can I get the minimum zoombar please?
Thanks a lot in advance for your reply!

Greetings,
Martijn