title: How to add a close button to jquery Lightbox?
body: <p>I recently made a Lightbox and I want to add a close button to it.  Here is what I have:</p>
  
  <pre><code>    &lt;style&gt;
          .black_overlay{
              display: none;
              position: absolute;
              top: 0%;
              left: 0%;
              width: 100%;
              height: 100%;
              background-color: black;
              z-index:1001;
              -moz-opacity: 0.8;
              opacity:.80;
              filter: alpha(opacity=80);
          }
  
  
          .white_content {
          width:600px;
          height:560px;
          padding: 16px;
           top: 5%;
           left: 25%;
           position: absolute;
           display: none;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border-radius: 20px;
          border:2px solid #FFFFFF;
          background-color:#FFFFFF;
          -webkit-box-shadow: #C9C9C9 8px 8px 8px;
          -moz-box-shadow: #C9C9C9 8px 8px 8px;
          box-shadow: #C9C9C9 8px 8px 8px;
          z-index:1002;
          overflow: auto;
  
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;p&gt;&lt;a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"&gt;here.................................................................................................&lt;/a&gt;&lt;/p&gt;
          &lt;div id="light" class="white_content"&gt;&lt;center&gt;&lt;img src="http://theamazingmonth.pusku.com/files/Help.png"&gt;
  &lt;br&gt;
  &lt;!--- Text for Help.&lt;/---&gt;
  &lt;p align="left"&gt;
  &lt;div class="tilt pic"&gt;
      &lt;img src="http://theamazingmonth.pusku.com/clues/Envelope.png" height="114" width="193" alt=""&gt;
    &lt;/div&gt;
  
  &lt;a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"&gt;x&lt;/a&gt;&lt;/div&gt;
          &lt;div id="fade" class="black_overlay"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>How can I add a close button to the top corner of the popup window?</p>