<style>
   #sqlbox {
      position: absolute;
      right: 20px;
      bottom: 40px;
      width: 35px;
      height: 35px;
      overflow: auto;
      border-style: solid;
      border-color: #999933;
      border-width: 1px;
      scrollbar-face-color: #BBBB55;
      scrollbar-shadow-color: #BBBB55;
      scrollbar-highlight-color: #EEEE88;
      scrollbar-3dlight-color: #BBBB55;
      scrollbar-darkshadow-color: #BBBB55;
      scrollbar-track-color: #DDDD77;
      scrollbar-arrow-color: #000000;
      font-family: Courier New;
      font-size: 8pt;
      color: #000000;
      background-color: #EEEE88;
      padding: 3px;
      z-index: 10;
      cursor: default;
      text-align: left;
   }
</style>

<script language='JavaScript'>
   function sqlbox_show (obj)
   {
      if (obj.style.width != '500px')
      {
         obj.style.width  = '500px';
         obj.style.height = '350px';
      }
       else
      {
         obj.style.width  = '35px';
         obj.style.height = '35px';
      }
   }

   function sqlbox_hide (obj)
   {
      obj.style.display= 'none';
   }
</script>

<div id='sqlbox' onclick='sqlbox_show(this);' ondblclick='sqlbox_hide(this);'>
 <pre>

<?php
   echo $sqlbox;
?>
 </pre>
</div>