title: different jquery ui buttons at the same time
body: <p>Is there a proper way to have 2 differently styled jquery ui buttons on the same page?</p>
  
  <p>I am able to copy css around for the second button but there are a lot of different !important styles that I keep needing to add a second !important after the first in order to change the style. </p>
  
  <p>for ex:</p>
  
  <pre><code> .ui-state-active {
      background:none !important;
      background-color:#E1E1E1 !important; 
      color:#000 !important;
   }
  </code></pre>
  
  <p>I will then have to go and add right after (and it needs to be after</p>
  
  <pre><code> .new-theme.ui-state-active {
      background:none !important;
      background-color:red !important; 
      color:#000 !important; 
   }
  </code></pre>
  
  <p>the problem is these important styles are all over for each state so I have to mind where they go. Is this normal or is this usually handled a different way?</p>