interface.html

<div id="container">

  <!-- overlay box -->
  <div id="overlay" 
       style="display:none; position:absolute; width:100%; height:100%; text-align:center; background-color:#FFFFFF; border:0px solid #FFFFFF;">
    <div id="messages" style="position:relative; top:40%; float:center;"></div>
  </div>
  <!-- /overlay box -->

 <div id="bartop">
  <div style="float:left; margin-left:10px; margin-top:9px;"><b>aartifact light 2013.1</b></div>
  <div style="float:right; margin-right:10px; margin-top:9px;">
      <a href="https://www.google.com/chrome">latest version of Google Chrome</a>
    | <a href="http://www.mozilla.org/firefox/fx/">latest version of Mozilla Firefox</a>
    | <a href="interface.html">refresh</a>
    | <a href="http://www.aartifact.org/">about</a>
  </div>
 </div>
 
 <!-- wrapper to hide interface on IE -->
 <!--[if IE]>
   <div style="width:100%; margin:30px; padding:20px; text-align:center; float:center; background-color:#F2D5D5; border:2px solid firebrick;">
   This tool is currently incompatible with Internet Explorer.
   Please download the latest version of 
     <a href="http://www.mozilla.org/firefox/fx/">Mozilla Firefox</a> 
     or <a href="http://www.google.com/chrome">Google Chrome</a>.
   </div>
   <div style="display:none;">
 <![endif]-->
 
 <table id="panels">
  <tr>
   <td style="width:50%; vertical-align:top; text-align:right;"></td>
   <td style="width:50%; vertical-align:top;"></td>
  </tr>
  <tr>
   <td style="width:50%; vertical-align:top; text-align:right;">
    <div style="display:inline; float:right; margin-top:9px; margin-bottom:-30px; padding-bottom:2px; 
                font-size:12px; font-family:Verdana,Arial,sans-serif">
    <!--update breakdown automatically <input type="checkbox" id="automatic"/> -->
    </div>
    <div id="panel_in" style="margin-top:33px;">
     <div style="height:100%; width:100%;">
      <div id="input_widget_container"></div>
     </div>
    </div> <!--/panel_in -->
    <img style="height:10px; width:100%;" src="images/shadow_btm.png"/>
    <!-- acknowledgements -->
    <div style="text-align:left; float:left; color:#BBBBBB; font-size:10px; font-family:Tahoma,Arial,Sans-serif; margin:5px;">
     This software is built and maintained with support from  
     NSF Grants No.<br/> 0820138 and No. 0720604 and the Hariri Institute at Boston University.
    </div>
    <!-- /acknowledgements -->
   </td>
   <td style="width:50%; vertical-align:top;">
    <div id="panels_tabbed"></div>
    <img style="height:10px; width:100%;" src="images/shadow_btm.png"/>
    <!--<div style="display:block; background-image:url('images/shadow_btm.png'); height:10px;"></div>-->
   </td>
  </tr>
  <tr><td></td><td></td></tr>
 </table>
  
 <!--[if IE]>
   </div> 
 <![endif]-->
 <!-- /wrapper to hide interface on IE -->
  
</div> 
<!--eof-->