How to customize the plus/minus jQuery UI accordion images

http://jqueryui.com/demos/accordion/#custom-icons

I want to add those up down arrow icons in my Accordian below. How should I modify my code ? Need help badly. Thnx

<cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true"  Visible="true" AutoSize="None"SelectedIndex="0" RequireOpenedPane="false"  TransitionDuration="250" 
HeaderCssClass="accordionHeader toggler" 
     HeaderSelectedCssClass="accordionHeader toggler-expanded" ContentCssClass="accordionContent">
                <HeaderTemplate>

                    <b style="color: Black">

                        <%#Eval("Ques")%>
                    </b>
                <ContentTemplate>
                <p> <%#Data开发者_运维百科Binder.Eval(Container.DataItem, "QuesAns")%></p>

                </ContentTemplate>
            </cc1:Accordion>

---

change :

.toggler {         
     background:url("/images/icons/plus.png") no-repeat left center transparent;    
}         

.toggler-expanded {         
     background-image:url("/images/icons/minus.png");
}

to:

.toggler {         
     background:url("path/to/yourimage.png") no-repeat left center transparent;    
}         

.toggler-expanded {         
     background-image:url("path/to/yourimage.png");
}

But you should take a look at jQuery theming.