title: customize the style for specific jquery-ui dialog box not all the dialogs?
body: <p>i am using jquery-ui dialog in my application. now i want to customize the signin/sinup dialog i.e. jquery-ui dialog. without customization dialogs are looking like:
  <img src="https://i.stack.imgur.com/ABHOf.jpg" alt="enter image description here"></p>
  
  <p>but when i made following changes to login.jsp page that too in style it is changing all the dialogs of application that i don't want to happen but only signin/signup dialog. CSS code is:</p>
  
  <pre><code>.ui-widget-header {
      background: #343434 !important;
      border: none
  }
  
  .ui-dialog-titlebar-close{
      background: #1C1C1C !important;
  }
  
  .ui-dialog {
      background: #343434 !important;
      border: thin 1px;
  }
  </code></pre>
  
  <p>and js code for this signin dialog (id="signinDialog") is: </p>
  
  <pre><code>$(document).ready(function() {
  $("#signinDialog").dialog({
      width : 600,
      resizable : false,
      modal : true,
      autoOpen : false,
      position : ['top', 157]
  });
  
  
  
   function openLoginPopup() {
      $("#signinDialog").dialog("open");
  }
  </code></pre>
  
  <p>after these changes i am getting signin/signup dialog the way i want but the problem is this is changing jquery-ui dialog css for all application and looking like this:</p>
  
  <p><img src="https://i.stack.imgur.com/NCfnF.jpg" alt="enter image description here"></p>
  
  <p>I have been stuck in this issue from morning and tried lot of ways to resolve, like
  <a href="https://stackoverflow.com/questions/702510/jquery-dialog-theme-and-style">this</a> but all fell flat. Atlast i have to ask this. </p>
  
  <p>I want all dialogs remain same except signin/signup dialog after customization.</p>