jQuery UI dialog box fontsize

jQuery UI dialog box fontsize

I am using jQuery UI - v1.8.23 with jQuery v1.8.1 (with ThemeRoller UI-Lightness )

My button sizes were huge. I found that the button are rendered big because of the huge fonts. So I have overridden the font size in my project specific css file like below.

  1. .ui-widget {
        font-family: Arial,Verdana,sans-serif;
        font-size: 0.7em;
    }


Now buttons looks great.

But my jQuery UI dialog text are also small as 'ui-widget' class affects in other places as well.

Is there some way to make the dialog box font alone bigger.