<style type="text/css">
.xbody_<%=model.class%> {
  padding-left:0;
  width:100%;
}
.xformcontainer.xelem<%=model.class%> .container, .xform_title {
  padding-left:29px;
  padding-right:30px;
}
.xformcontainer.xelem<%=model.class%> textarea.sql {
  width:100%;
  min-width:800px;
  height:150px;
  white-space:nowrap;
  margin-right:0px;
  margin-left:0px;
  box-sizing:border-box;
  font-family:monospace;
}
.xformcontainer.xelem<%=model.class%> .rslt_container {
  border:1px solid black;
  min-width:800px;
  height:450px;
  overflow:scroll;
}
.xformcontainer.xelem<%=model.class%> .rslt {
  padding:10px 15px;
  margin-top:20px;
  font-family:monospace;
}
.xformcontainer.xelem<%=model.class%> .rslt table { border-collapse: collapse; }
.xformcontainer.xelem<%=model.class%> .rslt table td,
.xformcontainer.xelem<%=model.class%> .rslt table th { padding:3px 10px; border:1px solid black; }
.xformcontainer.xelem<%=model.class%> .rslt table td .null { color:#999; font-style:italic; }
.xformcontainer.xelem<%=model.class%> .rslt table th { background-color:#f6f6f6; }
.xformcontainer.xelem<%=model.class%> .rslt h1 { font-family:monospace; font-size:18px; }
</style>
<div class="container">
  <div class="dbselect">
    Database:
    <select autocomplete="off" class="db"></select>
  </div>
  <div class="run" style="display:none;">
    <table width="100%">
      <tr>
        <td></td>
        <td align="right">
          Samples:
          <select autocomplete="off" class="samples" style="margin-right:0px;"></select>
        </td>
      </tr>
    </table>
    <textarea autocomplete="off" class="sql"></textarea><br/>
    <a href="#" class="runas_toggle">Run as database user &gt;</a><br/>
    <div class="runas" style="display:none;">
      <label>User:</label> <input autocomplete="off" type="text" class="user" />
      <label>Password:</label> <input autocomplete="new-password" type="password" class="password" />
      <label><input autocomplete="off" type="checkbox" class="nocontext" /> No Context</label>
    </div>
    <input type="button" class="runsql" value="Run SQL" /> <input type="button" class="exportcsv" value="Export CSV" />
    <br/>
    <div class="rslt_container"><div class="rslt"></div></div>
  </div>
</div>