Custom Cursor onMouseOver

I have an ItemTemplate that I have change to a pointing finger, but I want to set a custom pointer to a Search-icon.png.I've seen how to set up a CSS like:

.xlink
        {
            cursor: cursor:url("~/Images/Search-icon.png")
        }

But it doesn't seem to work. Here's my html code:

<ItemTemplate><asp:Button ID="TerminalOperatorNumButton" runat="server" Style="cursor: pointer;
        background-color: Transparent; font: Calibri;" Text='<%# Eval("TerminalOperatorNum") %>'
        CommandName="btn" CausesValidation="False" UseSubmitBehavior="false" OnClientClick="this.disabled='true';"
        BorderStyle="None" Font-Names="Calibri" Font-Size="Medium" OnClick="TerminalOperatorNumButton_Click"
        ForeColor="Blue" /></ItemTemplate>

I know there's a way I've seen other websites do this.