Cambie CSS de un rico: DataScroller

Question

Quiero cambiar los estilos que utiliza DataScroller para mostrar la página seleccionada.¿Es posible?

<f:facet name="footer">
    <a4j:form>        
        <rich:datascroller styleClass="wrap-paginacao" for="estabelecimentoGrid" boundaryControls="hide" stepControls="show"  fastControls="hide"  >
            <f:facet name="previous">
                <h:graphicImage value="/home/img/previous.png"/>
            </f:facet>

            <f:facet name="next">
                <h:graphicImage value="/home/img/next.png"/>
            </f:facet>
        </rich:datascroller>
    </a4j:form>  
</f:facet>

actualización

Estilos predeterminados:

estilos que quiero:

Answer 1

override .rf-ds-act class of richfaces to whatever you want..

if this does not suffice you right click scroller component and click on inspect element using firebug you will get which css to override.