title: CSS not working for jquery ui datepicker using different themes themes
body: <p>I'm trying to use the jquery datepicker within wordpress. I'm using different jquery ui themes and follow the tutorial at <a href="http://filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/" rel="nofollow noreferrer">http://filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/</a>. Sadly, the widget is not rendering correctly, i.e. taking another css definitions.</p>
  
  <p>This is the the style block:</p>
  
  <pre><code>&lt;!-- PAGE: Home --&gt;
  &lt;link rel="alternate" type="application/rss+xml" title="Sperta &amp;raquo; Home Kommentar-Feed" href="http://localhost/wordpress/home/feed/" /&gt;
  &lt;link rel='stylesheet' id='admin-bar-css'  href='http://localhost/wordpress/wp-include /css/admin-bar.min.css?ver=3.5.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='jqueryui_css-css'  href='http://localhost/wordpress/wp-content/themes/Lotus/css/jqueryui/custom.css?ver=1.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='screen_css-css'  href='http://localhost/wordpress/wp-content/themes/Lotus/css/screen.css?ver=1.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='fancybox_css-css'  href='http://localhost/wordpress/wp-content/themes/Lotus/js/fancybox/jquery.fancybox-1.3.0.css?ver=1.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='videojs_css-css'  href='http://localhost/wordpress/wp-content/themes/Lotus/js/video-js.css?ver=1.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='vim_css-css'  href='http://localhost/wordpress/wp-content/themes/Lotus/js/skins/vim.css?ver=1.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='jquery_ui_smoothness_css-css'  href='http://localhost/wordpress/wp-content/themes/Lotus/css/smoothness/custom.css?ver=1.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='mycss_css-css'  href='http://localhost/wordpress/wp-content/themes/Lotus/css/mycss.css?ver=1.1' type='text/css' media='all' /&gt;
  &lt;link rel='stylesheet' id='agm_google_maps_user_style-css'  href='http://localhost/wordpress/wp-content/plugins/wordpress-google-maps/css/google_maps_user.css?ver=3.5.1' type='text/css' media='all' /&gt;
  </code></pre>
  
  <p>This is the input for datepicker:</p>
  
  <pre><code>&lt;tr&gt;&lt;td class="left-column"&gt;&lt;label for="starts-at"&gt;Starts at:&lt;/label&gt;&lt;div class="smoothness"&gt;&lt;input id="starts-at" class="required" name="starts-at" type="text" style="width:80px;"/&gt;&lt;/div&gt;&lt;/td&gt;
  </code></pre>
  
  <p>Anyway, the datepicker is getting the tr, th etc. definitions from the screen.css instead of the smoothness theme.</p>
  
  <p>This is the firebug output:</p>
  
  <p><img src="https://i.stack.imgur.com/TmKZI.jpg" alt="Firebug Output"></p>
  
  <p>This is how it is been rendered.</p>
  
  <p><img src="https://i.stack.imgur.com/7KqEB.jpg" alt="The way it is rendered"></p>
  
  <p>What I'm doing wrong?</p>
  
  <p>Ant.</p>