nueva en css para asp c#

[catpaw]

que tal, saludos!!

estoy incursionando en c# y quiero manejar css, tengo buena experiencia en html pero aca me esta costando.

tengo un mini proyecto, hacer una calculadora, hasta ahora en la vista de diseño va así:



y como obvservan no puedo acomodar aun el boton cero ni el boton punto.

mis estilos estan asi:

Código CSS:

.calculator
{
    width:200px;
    height:350px;
    padding:5px;
    margin:10px auto;
    border:1px solid #5d5d5d;
    background-color:#cccccc;
}
.inputDisplay
{
    width:195px;
    height:35px;
    margin:5px auto;
    text-align:right;
    font-size:14px;
}
.botonDefault
{
    width:50px;
    height:50px;
    font-size:14px;
    font-weight:bold;
    float:left;
}
.botonResult
{
    width:50px;
    height:100px;
    font-size:14px;
    font-weight:bold;
    float:left;
    
}
.botonZero
{
    width:100px;
    height:50px;
    font-size:14px;
    font-weight:bold;
    float:left;
}
 

el codigo c# esta:

Código ASP:

<asp:Panel ID="calculator" CssClass="calculator" runat="server">
        <asp:TextBox ID="display" CssClass="inputDisplay" ReadOnly="true" runat="server"></asp:TextBox>
        <asp:Button ID="clean" CssClass="botonDefault" runat="server" Text="C" />
        <asp:Button ID="percent" CssClass="botonDefault" runat="server" Text="%" />
        <asp:Button ID="division" CssClass="botonDefault" runat="server" Text="/" />
        <asp:Button ID="multiplication" CssClass="botonDefault" runat="server" Text="*" />
        <asp:Button ID="seven" CssClass="botonDefault" runat="server" Text="7" />
        <asp:Button ID="eight" CssClass="botonDefault" runat="server" Text="8" />
        <asp:Button ID="nine" CssClass="botonDefault" runat="server" Text="9" />
        <asp:Button ID="resta" CssClass="botonDefault" runat="server" Text="-" />
        <asp:Button ID="four" CssClass="botonDefault" runat="server" Text="4" />
        <asp:Button ID="five" CssClass="botonDefault" runat="server" Text="5" />
        <asp:Button ID="six" CssClass="botonDefault" runat="server" Text="6" />
        <asp:Button ID="sum" CssClass="botonDefault" runat="server" Text="+" />
        <asp:Button ID="one" CssClass="botonDefault" runat="server" Text="1" />
        <asp:Button ID="two" CssClass="botonDefault" runat="server" Text="2" />
        <asp:Button ID="three" CssClass="botonDefault" runat="server" Text="3" />
        <asp:Button ID="result" CssClass="botonResult" runat="server" Text="=" />
        <asp:Button ID="zero" CssClass="botonZero" runat="server" Text="0" />
        <asp:Button ID="point" CssClass="botonDefault" runat="server" Text="." />
    </asp:Panel>
 

2 dudas, porque la clase calculator que le agrego al panel no se ve en el resultado compilado.
y como puedo hacer para acomodar el boton cero y el boton punto en la misma linea?

este es el resultado cuando lo compilo: