body {
    background-color: #FFF;
    font-family: 'Helvetica, Arial, Ariel,sans-serif;'
  }
  
  h1 {
      font-size: 32px;
  }
  
  h2 {
      font-size: 18px;
      color: #ff2900;
  }
  
  #content {
      position: absolute;
      left: 48%;
      top: 40%;
      min-height: 240px;
      width: 620px;
    margin-top: -120px;
    margin-left: -300px;
  
  
    border: 2px solid #ff2900;
    padding: 30px;
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */
  
  }
  
  #content_left {
      float: left;
    width: 240px;
  }
  
  #content_right {
      padding-left: 240px;
  }
  
  .button-link {
      padding: 5px 10px;
      background: #000;
      color: #FFF;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      border: solid 1px #20538D;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
  }
  .button-link:hover {
      background: #7f5d38;
      border: solid 1px #2A4E77;
      text-decoration: none;
  }
  .button-link:active {
      -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
      background: #7f5d38;
      border: solid 1px #203E5F;
  }
  
  
  
  p, ol, ul, td {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
  }
  
  p.small {
    font-size: 11px;
  }
  
  pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
  }
  
  a {
    text-decoration: none;
    color: #000;
    &:visited {
      color: #000;
    }
    &:hover {
      color: #fff;
      background-color: #7f5d38;
    }
  }
  
  div {
    &.field, &.actions {
      margin-bottom: 10px;
    }
  }
  
  #notice {
    color: green;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    min-height: 18px;
  }
  
  #error_explanation {
    width: 320px;
    border: 2px solid red;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
    h3 {
      text-align: left;
      font-weight: bold;
      padding: 5px 5px 5px 15px;
      font-size: 14px;
      margin: -1px;
      margin-bottom: 0px;
      background-color: #c00;
      color: #fff;
    }
    
    ul li {
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      list-style: square;
    }
  }
  
  .contact-entry {
    margin-bottom: 10px;
    label {
      width: 35%;
      float: left;
      text-align: right;
      margin-right: 2em;
      font-size: 14px;
    }
  }