asp.net - How to apply CSS style on an Accordion

Design an Accordion with css3 in asp.net ajax
AccordionCSS3.aspx

<%@ Page Language="C#" AutoEventWireup="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html>
<script runat="server">
    
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>How to create and design Accordion with css3 in asp.net ajax</title>
    <style type="text/css">
        .HeaderCSS
        {
            background:MediumVioletRed;
         padding: 5px 10px 6px;
         color: Snow;
         font-family:Courier New;
         font-size:medium;
         text-decoration: none;
         -moz-border-radius: 6px;
         -webkit-border-radius: 6px;
         -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
         border-bottom: 1px solid rgba(0,0,0,0.25);
         position: relative;
         cursor: pointer            
            }
        .HeaderSelectedCss
        {
            background:Purple;
         padding: 5px 10px 6px;
         color: Snow;
         font-family:Courier New;
         font-size:medium;
         text-decoration: none;
         -moz-border-radius: 6px;
         -webkit-border-radius: 6px;
         -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
         border-bottom: 1px solid rgba(0,0,0,0.25);
         position: relative;
         cursor: pointer            
            }
        .ContentCss
        {
            background-color:Violet;
            padding:15px 15px 15px 15px;
         -moz-border-radius: 6px;
         -webkit-border-radius: 6px;
         -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
            }                        
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkBlue; font-style:italic;">
            Ajax Accordion css3 example - How to create and design
            <br /> Accordion with css3 in asp.net
        </h2>
        <hr width="600" align="left" color="LightBlue" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:Accordion 
            runat="server" 
            ID="Accordion1" 
            HeaderCssClass="HeaderCSS" 
            HeaderSelectedCssClass="HeaderSelectedCss"
            ContentCssClass="ContentCss"
            Width="600"
            BorderColor="LawnGreen"
            >
            <Panes>
                <cc1:AccordionPane runat="server" ID="AccordionPane1">
                    <Header>Pane 1: Giraffe</Header>
                    <Content>
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/Image/Giraffe.JPG" Height="250" />
                    </Content>
                </cc1:AccordionPane>
                <cc1:AccordionPane runat="server" ID="AccordionPane2">
                    <Header>Pane 2: Gnu</Header>
                    <Content>
                        <asp:Image ID="Image2" runat="server" ImageUrl="~/Image/Gnu.jpg" Height="250" />
                    </Content>
                </cc1:AccordionPane>
                <cc1:AccordionPane runat="server" ID="AccordionPane3">
                    <Header>Pane 3: Goat</Header>
                    <Content>
                        <asp:Image ID="Image3" runat="server" ImageUrl="~/Image/Goat.jpg" Height="250" />
                    </Content>
                </cc1:AccordionPane>
            </Panes>
        </cc1:Accordion>
    </div>
    </form>
</body>
</html>