<link type="text/css" href="css/style.css" rel="stylesheet"  />
<title>CSA</title>
<style>
* {
  box-sizing: border-box;
}

#myInput {
  background-image: url('/css/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 0px solid #ddd;
  margin-bottom: 5px;
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 0px solid #ddd;
  font-size: 12px;
}

#myTable th, #myTable td {
  text-align: left;
  padding: 4px;
}

#myTable tr {
  border-bottom: 0px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
}
</style>
<form action="loginproc.php" method="post" id="login">
  <table width="100%" height="90%" align="center" class="input">
    <tr>
      <td width="80%" height="300" valign="top">&nbsp;</td>
      <td width="20%" align="center" valign="top" bgcolor="#FFFFFF"><p><img name="" src="images/wlha.jpg" width="180" height="180" alt="" /></p>
        <table class="form_body" id="myTable" width="300" border="0" align="center">
        <tr>
          <td>Id user</td>
          <td>:</td>
          <td><input type="text" id="id" name="id" class="form_body" required="required"  /></td>
        </tr>
        <tr>
          <td width="75">Kode unit</td>
          <td width="3">:</td>
          <td width="144"><input name="kode_unit" type="text" class="form_body" id="kode_unit" required="required"  /></td>
        </tr>
        <tr>
          <td width="75">Password</td>
          <td width="3">:</td>
          <td width="144"><input type="password"  id="password" name="password" required="required"/></td>
        </tr>
        <tr>
          <td align="left">Bulan</td>
          <td align="center">:</td>
          <td align="left"><label for="bulan"></label>
            <select class="form_body_sk" name="bulan" id="bulan">
              <option value="Januari">Januari</option>
              <option value="Februari">Februari</option>
              <option value="Maret">Maret</option>
              <option value="April">April</option>
              <option value="Mei">Mei</option>
              <option value="Juni">Juni</option>
              <option value="Juli">Juli</option>
              <option value="Agustus">Agustus</option>
              <option value="September">September</option>
              <option value="Oktober">Oktober</option>
              <option value="November">November</option>
              <option value="Desember">Desember</option>
            </select></td>
        </tr>
        <tr>
          <td align="left">Tahun</td>
          <td align="center">:</td>
          <td align="left"><label for="tahun"></label>
            <input name="tahun" type="text" id="tahun" size="4" maxlength="4" class="form_body" required="required" />
            <input name="smt" type="hidden" id="smt" value="-" /></td>
        </tr>
        <tr>
          <td height="44" align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="left"><input name="submit" type="submit" id="submit" class="button" value="Login" /></td>
        </tr>
      </table></td>
    </tr>
  </table>
</form>
