title: jquery UI disable theme styling
body: <p>I was wondering, how can I make jquery UI not to adds any class when it initializes the <code>$.tabs()</code> ?</p>
  
  <p>This is my html structure</p>
  
  <pre><code>&lt;link href="smoothness/jquery-ui-1.8.20.custom.css" rel="stylesheet" type="text/css" /&gt;
  ...
  &lt;link href="estilos_scoreboard.css" rel="stylesheet" type="text/css" /&gt;
  ...
  
  &lt;div id="tab_container"&gt;
      &lt;ul class="ui-tabs-nav"&gt;
          &lt;li&gt;&lt;a href="#tab_equipos"&gt;&lt;span&gt;Equipos&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab_jugadores"&gt;&lt;span&gt;Jugadores&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab_partidos"&gt;&lt;span&gt;Partidos&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab_directos"&gt;&lt;span&gt;Directos&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div id="tab_equipos"&gt;... cargando ...&lt;/div&gt;
      &lt;div id="tab_jugadores"&gt;... cargando ...&lt;/div&gt;
      &lt;div id="tab_partidos"&gt;... cargando ...&lt;/div&gt;
      &lt;div id="tab_directos"&gt;... cargando ...&lt;/div&gt;       
  &lt;/div&gt;
  </code></pre>
  
  <p>javascript code:</p>
  
  <pre><code>$(document).ready(function(){
      $('div#tab_container').tabs();
      $('div#tab_equipos').load('lv_equipos.php');
  });
  </code></pre>
  
  <p>In <code>estilos_scoreboard.css</code> I have my css styles which works great if I don't load <code>smoothness/jquery-ui-1.8.20.custom.css</code></p>
  
  <p>So I was wondering, is there any way to tell <code>$.tabs()</code> not to apply none of its styling? </p>
  
  <p>//note: I am asking this because I'm not the one that code it this way, but the one to apply quick fixes and I need <code>smoothness/jquery-ui-1.8.20.custom.css</code> for jquery UI Autocomplete and other features</p>