title: Wordpress plugin z-index override not working
body: <p>I am using a WP plugin called "Post Snippets". This allows you to easily enter code into areas that a client would otherwise have no idea how to do. The code works just fine unless i call it from a model box that has a z-index set higher than itself. Then it shows up behind, leading you to believe it is not working. I can make some adjustments with Firebug and it works just fine. But no matter how i write the css, it will not override it. The Modal that appears is set with a z-index of 160000. The z-index that is somehow set to the Snippets modal is only 100000. 
  <a href="http://grab.by/EZgE" rel="nofollow">http://grab.by/EZgE</a></p>
  
  <p>So when I press Post Snippets from the gallery modal nothing happens because the POst Snippets dialog box show up behind the EnviraGallery modal box. I can see that the Snippets is set by .ui-dilaog and is set to a z-index of 100102. Even though I put this in the css</p>
  
  <pre><code>.ui-dialog {
      z-index:180000 !important;
  }
  </code></pre>
  
  <p>nothing happens. I have tried many variations and still nothing. </p>
  
  <p>The author of the plugin says this:</p>
  
  <blockquote>
    <p>The plugin doesn't have it's own styling for the jQuery dialog, but uses WordPress' default jQuery UI styling (ie, wp-jquery-ui-dialog). What dialog box does it come up behind? </p>
  </blockquote>
  
  <p>There has to be a way to do this right? I am not much of a coder beyond this. Any assistance would be greatly appreciated. </p>
  
  <p>Many thanks,
  Houston</p>