html, body {
   margin: 0;
   padding: 0;
  }
  div {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -137px 0 0 -375px;
   width: 750px;
   height: 275px;
   background: url("/gravel/_orange/login.gif") top left no-repeat;
  }
  a {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -23px 0 0 225px;
   width: 120px;
   height: 30px;
  }
  div a {
   display: block;
   margin: 30px 0 0 -130px;
   width: 230px;
   height: 90px;
  }
  table {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -80px 0 0 -115px; 
   width: 220px;
   border-top: 1px solid #767676;
  }
  .gsf {
   padding: 3px;
   padding-right: 10px;
   height: 40px;
   font: normal 8pt Arial, sans-serif;
   color: #767676;
   text-transform: uppercase;
   text-align: right;
   background: #EFEFEF;
   border-left: 1px solid #767676;
  }
  .gsi {
   padding: 3px;
   background: #EFEFEF;
   border-right: 1px solid #767676;
  }
  .gsi input {
   font: normal 8pt Arial, sans-serif;
  }
  .copy {
   padding: 3px;
   font: normal 8pt Arial, sans-serif;
   color: #767676;
   text-align: left;
   border-top: 1px solid #767676;
  }
  .login {
   height: 45px;
   border-top: 1px solid #767676;
   text-align: right;
   vertical-align: bottom;
  }
  .login input {
   margin: 5px 0 0 0;
  }