Hi,

I have two datepicker elements on my page.  All I want to do is to set the font-size for each datepicker independently.  My attempts so far only change both of them. 

My HTML is:

1. <input type="text" id="FromDate" name="FromDate" value=""/>
   <input type="text" id="ToDate" name="ToDate" value=""/>
   

In the corresponding javascript file I have:

1.   $(document).ready(function(){
   
         //for datepickers
         $("#FromDate").datepicker();
         $("#Meab").datepicker();
   
   
   
   
2.  });
   

I have tried using the CSS elements without success:
 .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font-size:0.8em}

What is the correct format of the CSS in order to change the font-size of one datepicker, but not the other?

I am new to javascript/CSS so please be gentle :)

Thanks in Advance,