<style>
  .fixed {
      position: fixed;
      bottom:0;
      left:0;
   }
</style>

<!-- AWS Info
================================================== -->
<section id="AWSInfo">
  <div class="sub-header">
    <h2>AWS Info</h2>
  </div>
  <form class="form-horizontal" id="myform">
    <div class="row-fluid">
      <div class="span12">
        <div class="alert alert-block">
          An AWS key is required for posting new HITs to mechanical turk as well as
          monitoring existing HITs. You receive your key when you open an Amazon Web
          Services account.

          If you already have an AWS account, your key can be retreived from:
          <a href="http://aws-portal.amazon.com/gp/aws/developer/account/index.html?action=access-key" target="_blank">http://aws-portal.amazon.com/gp/aws/developer/account/index.html?action=access-key</a>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="aws_access_key_id" >Your Access Key Id</label>
        <div class="controls">
          <input type="password" class="input-large" value="<%= input.aws_access_key_id %>"  name="aws_access_key_id" id="aws_access_key_id">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="aws_secret_access_key">Secret Access Key</label>
        <div class="controls">
          <input type="password" class="input-large" value="<%= input.aws_secret_access_key %>" name="aws_secret_access_key" id="aws_secret_access_key">
        </div>
      </div>
    </div>
    <div class="offset2 span2">
      <button type="submit" id="aws-info-save" class="btn btn-primary save save-data" data-section="AWS Access">Save changes</button>
    </div>
  </form>
</section>
