title: how to remove content border in Modal Window
body: <p>does anyone know how to remove border of the content in the Modal Window?</p>
  
  <p>Here is the picture, as you can see, for the first image+font, there's a orange border (Todo).</p>
  
  <p><img src="https://i.stack.imgur.com/SLX9T.jpg" alt="enter image description here"></p>
  
  <p>My Sample Modal Window code is here <a href="http://jsfiddle.net/bfwUh/1/" rel="nofollow noreferrer">Modal Window</a></p>
  
  <p>This is my code for css</p>
  
  <pre><code>table.ui-widget-content {
  background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: #aaaaaa double 1px;
  -moz-box-shadow:rgba(0,0,0,0.15) 0 0 10px;
  -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 10px;
  box-shadow:rgba(0,0,0,0.15) 0 0 10px;
  z-index: 180;
  }
  </code></pre>
  
  <p>As you can see, when you click on the HOME text, it will show a modal window, inside the modal window i did put an image and word, just wonder by default why there's a orange color border on the image + font. How can I remove it?</p>
  
  <p>Thanks.</p>