EntityGridView Footer Font Formatting

New to .nettiers but so far have got everything working fine with reading online. Got a small pesky issue here. 

I tried everything I can think of so far to get these fonts looking right but they just keep displaying wrong. I want the footer fonts to match the rest of the grid and site. (see image)

<data:EntityGridView id="dgMembers" CssClass="normal" Width="862px" Runat="server" CellSpacing="1" AllowPaging="True" CellPadding="4" BorderWidth="0px" DataSourceID="dsMembers" Height="47px" AutoGenerateColumns="False" AllowSorting="True" Font-Names="Arial,Helvetica,sans-serif" Font-Size="11px" GridLines="None" ShowFooter="True">

I am using CSS for the site design, not templates or themes. EntityGridView has a class assigned to it:

font-family:Arial, Helvetica, sans-serif;

padding:10px;

 Try the following:

<data:EntityGridView id="dgMembers" CssClass="normal" Width="862px" Runat="server" CellSpacing="1" AllowPaging="True" CellPadding="4" BorderWidth="0px" DataSourceID="dsMembers" Height="47px" AutoGenerateColumns="False" AllowSorting="True" Font-Names="Arial,Helvetica,sans-serif" Font-Size="11px" GridLines="None" ShowFooter="True"
PagerStyle-CssClass="grid-pager"
>
    <AlternatingRowStyle CssClass="grid-alternating-row-style" />
    <RowStyle CssClass="grid-row-style" /> 

</data:EntityGridView>


.grid-pager, .grid-alternating-row-style, .grid-row-style
{

    font-size:12px;
}
 

Thanks for that - so close to completly fixing it, acceptable actually in my eyes, not sure if the client will complain. Now only the number in the right after the "Show Page:" is big, everything else is fixed up. I used my own style on them instead of the one you suggested called "normal" and you can see below it effected every cell but that one with the numbers.

<table border="0">
<tbody>
<tr>
<td class="normal" style="white-space: nowrap;">Show Page: </td>
<td>
<span>1</span>
</td>
<td class="normal" style="white-space: nowrap;">  (Total Records: 2)</td>
<td class="normal" style="width: 100%;"/>
<td class="normal" style="white-space: nowrap;">
</td>
<td class="normal" align="right" style="white-space: nowrap;">Records Per Page: </td>
<td class="normal" align="right">
</td>
</tr>
</tbody>
</table>

Is there a specific style name for that one ?

Chris,

 That should do the trick:

.normal SPAN
{
    border:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:10px;
    line-height:18px;vertical-align:top;
}

Thanks Mike for the solution !