title: Tooltip CSS For Highlighted Dates On UI Datepicker
body: <p>I have used JQuery UI Datepicker To show/Highlight Holiday Dates of a particular Month along with Holiday Name Shown as tooltip on hovering on Holiday Date.Everything is working perfectly.</p>
  
  <p>I have added tooltip to particular dates using following code:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
    var dates = ['22/01/2012', '23/01/2012']; //
          //tips are optional but good to have
    var tips  = ['some description','some other description'];      
  
    $('#datepicker').datepicker({                
      dateFormat: 'dd/mm/yy',
      beforeShowDay: highlightDays,
      showOtherMonths: true,
      numberOfMonths: 3,
    });
  
    function highlightDays(date) {
      for (var i = 0; i &lt; dates.length; i++) {
          if (new Date(dates[i]).toString() == date.toString()) {              
              return [true, 'gazettedHoliday', tips[i]];
          }
      }
      return [true, ''];
    } 
  
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>But I cannot Add JQuery UI ToolTip Css/Custom CSS To Tooltip Text Added for Holiday Date.</p>
  
  <p>How can I Add A custom CSS/JQueryUI tooltip to Above tooltip text.</p>
  
  <p>Thanks.</p>