title: Specify jQuery UI Tooltip CSS styles
body: <p>I am using jquery ui 1.9 in an ajax based website.</p>
  
  <p>I have the following code:</p>
  
  <pre><code>This is a &lt;span title="Some warning" class="warning"&gt;warning&lt;/span&gt; message&lt;br /&gt;
  This is a &lt;span title="Some info" class="info"&gt;info&lt;/span&gt; message
  </code></pre>
  
  <p>Using jquery ui tooltip would work, even for dynamic content:</p>
  
  <pre><code>$(function() {
      $( document ).tooltip();
  });
  </code></pre>
  
  <p>But I want different tooltip styles for each of this message-types. For example red color for warning and blue for info and it should work for dynamic content too. </p>
  
  <p>Any ideas?</p>