Font sizes in heading/pager of jQuery plugin JGrid
<p>As a new user of jgrid ... and relatively new to jquery, I have come across a problem which I really can't get to the bottom of.</p>

<p>I am having a problem with font sizes within the column headings and pager/footer of my jGrid.</p>

<p>The url where it can be seen is <a href="http://www.upland.co.uk/hcs/" rel="nofollow">http://www.upland.co.uk/hcs/</a></p>

<p>I have now corrected the font size in the rows of the grid by adding a class of "ui-jqgrid" to the table itself.  But I still have the ongoing issue with CSS of the headings and the pager of the grid. </p>

<p>ie – pager and headings are too large … and pager page number is misplaced.
Any advice would be appreciated.</p>

<p>This is viewing in Google Chrome</p>

<p>Thanks</p>

<p>This is what I see in Chrome dev tools:</p>

<pre><code>font-size: 16px;
table - medium                     user agent stylesheet
table - medium                     user agent stylesheet
.ui-jqgrid - 11px                  ui.jqgrid.css:2
.ui-widget - 1.1em                 jquery-ui-1.8.16.custom.css:59
html, body - 75%                   /admin
html, body - 75%                   /admin
</code></pre>

<p>(all crossed out apart from the top 2 lines)</p>
