title: How to make jQuery ui dialog box look like the default JavaScript confirmation box?
body: <p>When a user needs to confirm something I use a simple confirmation box created with <code>confirm</code>, but some of my pages require "Yes" and "No" buttons instead of "Ok" and "Cancel" buttons, thus I use jQuery dialog on those pages.  I want to make sure the styles of my message boxes are the same for my users across my entire application.</p>
  
  <p>How do I make my jQuery dialog boxes look exactly like the JavaScript <code>confirm</code> box?  Surely I can change the CSS of the dialog box enough to make the two look the same... right?</p>
  
  <p><strong>Confirmation box as generated by Grails in Firefox:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/4j605.png" alt="enter image description here"></p>
  
  <p><strong>Dialog box as generated by Grails in Firefox:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/NVzOm.png" alt="enter image description here"></p>
  
  <p>So I want to completely remove the title bar from the dialog box, remove the rounded corners, change the striped background to grey, and change a bit of other coloring.  I'm no CSS master, but I'm gonna try to muddle through it.  Any CSS magician know how to do this quickly I would appreciate it.</p>