Resize or Reduce Dialog of jQuery UI DatePicker plugin using CSS

Dear all
Here is a new problem that all of us can we fix and after some time we forget how to do this again so i would  like to share it with all of you
which is how to increase or decrease the JQuery date picker dialog size thorough JQuery CSS class or our CSS class by the code below as it is

In our class

<style type = "text/css">

.ui-datepicker { font-size:9pt !important}

</style>

 

Or in the jQuery UI Calendar CSS file

.ui-datepicker { font-size:9pt !important}