Call external css to my login button

See more:

ASP.NET4

Am building a web application for a clinic using VS2012Express(web).
I want to change look and feel on the default log in page, so i create css for roundcorner on the Site.css file call:round-coner.When i call in in the login page.The formating still remain the same. i have testing in some other application i built using aptana studio and it working.Could some one tell me what am doing wrong.

<%@ Page Title="Log in" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Practice_project.Account.Login" %>
<%@ Register Src="~/Account/OpenAuthProviders.ascx" TagPrefix="uc" TagName="OpenAuthProviders" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <hgroup class="title">
        <h1><%: Title %>.</h1>
    </hgroup>
    <style type="text/css">

        </style>
        <link href="Content\Site.css" rel="stylesheet" type="text/css" />
        
        <header>
    
    
        </header>
        <section id="loginForm">
            <h2>Wel come back,Please login.</h2>
            <asp:Login runat="server" ViewStateMode="Disabled" RenderOuterTable="false">
                <LayoutTemplate>
                    <p class="validation-summary-errors">
                        <asp:Literal runat="server" ID="FailureText" />
                    </p>
                    <fieldset>
                        <legend>Log in Details:</legend>
                        <ol>
                            <li>
                                <asp:Label runat="server" AssociatedControlID="UserName">User name</asp:Label>
                                <asp:TextBox runat="server" ID="UserName" />
                                <asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="The user name field is required." />
                            </li>
                            <li>
                                <asp:Label runat="server" AssociatedControlID="Password">Password</asp:Label>
                                <asp:TextBox runat="server" ID="Password" TextMode="Password" />
                                <asp:RequiredFieldValidator runat="server" ControlToValidate="Password" CssClass="field-validation-error" ErrorMessage="The password field is required." />
                            </li>
                            <li>
                                <asp:CheckBox runat="server" ID="RememberMe" />
                                <asp:Label runat="server" AssociatedControlID="RememberMe" CssClass="checkbox">Remember me?</asp:Label>
                            </li>
                        </ol>
                        <asp:Button runat="server" CommandName="Login" Text="Log in" class="round-button" />
                    </fieldset>
                </LayoutTemplate>
            </asp:Login>
            <p>
                <asp:HyperLink runat="server" ID="RegisterHyperLink" ViewStateMode="Disabled">Register</asp:HyperLink>
                if you don't have an account.
            </p>
        </section>
    
        <section id="socialLoginForm">
            <h2>Use another service to log in.</h2>
            <uc:OpenAuthProviders  runat="server" ID="OpenAuthLogin" />
        </section>
    </asp:Content>

<pre lang="here is my CSS: .round-button {<br />
        background-color: #006699;<br />
        color: #FFF;<br />
        width: 70px;<br />
        cursor: pointer;<br />
        -moz-border-radius: 10px;<br />
        -webkit-border-radius: 10px;<br />
        -khtml-border-radius: 10px;<br />
         padding: 5px;<br />
         border-radius: 10px;<br />
    }"></pre>