/**
 * @file
 * The CSS file for the contact page.
 *
 */


/***************
*  CONTACT US  *
***************/

/* - Custom Settings - */

.radio_webform {
  background: url(../images/radio_un.png) 0 0 no-repeat;
  border: none;
  float: left;
  height: 18px;
  margin-right: 15px;
  width: 18px;
}

.radio_webform.checked {
  background: url(../images/radio.png) 0 0 no-repeat;
  border: none;
  height: 18px;
  width: 18px;
}

.form-required {
  display: none;
}

/* - Header Image - */
article.node-14 .field-name-field-header-image {
  margin: 0 auto;
  width: 944px;
  margin-bottom: 30px;
}

  article.node-14 .field-name-field-header-image img {
    display: block;
    height: auto;
    width: 100%;
  }


/* - Form - */
form.webform-client-form {
  border-top: 1px solid #e6e6e6;
  margin: 0 auto;
  padding: 40px 50px 0 50px;
  width: 944px;
}

  form.webform-client-form .title {
    color: #01224d;
    font-style: italic;
    letter-spacing: 0.1em;
    margin: 0 0 40px;
    text-align: center;
    text-transform: uppercase;
  }

  form.webform-client-form .errors {
    display: none;
    margin: 0 0 30px;
    padding: 12px;
  }

  form.webform-client-form .error {
    background: #fbefef;
    border: 1px solid #ebb3b3 !important;
    color: #bf0000;
    font-size: 0.8em;
  }

  form.webform-client-form .fields {
    overflow: hidden;
  }

    form.webform-client-form input:focus,
    form.webform-client-form textarea:focus {
      outline: 0 none;
    }

    form.webform-client-form .webform-component label {
      color: gray;
      font-size: 0.8em;
      font-style: italic;
    }

    form.webform-client-form .info {
      color: #bf0000;
      font-size: 0.8em;
      font-style: italic;
      margin: 0 0 10px;
    }

    form.webform-client-form .webform-component-radios,
    form.webform-client-form .webform-component-textfield {
      clear: left;
      float: left;
    }

    form.webform-client-form .webform-component-radios {
      border: 1px solid #e6e6e6;
      padding: 15px;
      width: 45%;
    }

      form.webform-client-form .webform-component-radios .form-type-radio {
        margin: 15px 0;
      }

        form.webform-client-form .webform-component-radios .form-radios label {
          color: #01224d;
        }

    form.webform-client-form .webform-component-textarea {
      float: right;
      width: 49%;
    }

      form.webform-client-form .webform-component-textarea textarea {
        color: gray;
        border: 1px solid #e6e6e6;
        font-family: "Georgia",Times New Roman,Times,serif;
        font-size: 0.9em;
        font-style: italic;
        letter-spacing: 0.1em;
        height: 164px;
        padding: 15px;
        resize: none;
      }

    form.webform-client-form .webform-component-textfield {
      border: 1px solid #e6e6e6;
      margin-top: 10px;
      padding: 10px;
      width: 46%;
    }

      form.webform-client-form .webform-component-textfield input {
        background: transparent;
        color: gray;
        font-family: "Georgia",Times New Roman,Times,serif;
        font-size: 0.9em;
        font-style: italic;
        letter-spacing: 0.1em;
      }

    form.webform-client-form .placeholder {
      color: gray;
      font-size: 0.8em;
      font-style: italic;
      letter-spacing: 0.1em;
      padding: 0;
    }

    form.webform-client-form .placeholder.e {
      color: #bf0000;
      font-size: 1em;
      font-style: italic;
      letter-spacing: 0.1em;
      padding: 0;
    }

    /* Placeholder style for Firefox, Chrome, Safari, IE10+ */
    form.webform-client-form input::-webkit-input-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; }
    form.webform-client-form input::-moz-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; } firefox 19+
    form.webform-client-form input:-ms-input-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; } ie
    input:-moz-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; }
    form.webform-client-form textarea::-webkit-input-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; }
    form.webform-client-form textarea::-moz-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; } firefox 19+
    form.webform-client-form textarea:-ms-input-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; } ie
    textarea:-moz-placeholder { padding: 0; color: gray; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; }

    form.webform-client-form input.e::-webkit-input-placeholder { padding: 0; color: #bf0000; font-size: 1em; font-style: italic; letter-spacing: 0.1em; }
    form.webform-client-form input.e::-moz-placeholder { padding: 0; color: #bf0000; font-size: 1em; font-style: italic; letter-spacing: 0.1em; } firefox 19+
    form.webform-client-form input.e:-ms-input-placeholder { padding: 0; color: #bf0000; font-size: 1em; font-style: italic; letter-spacing: 0.1em; } ie
    input.e:-moz-placeholder { padding: 0; color: #bf0000; font-size: 1em; font-style: italic; letter-spacing: 0.1em; }
    form.webform-client-form textarea.e::-webkit-input-placeholder { padding: 0; color: #bf0000; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; }
    form.webform-client-form textarea.e::-moz-placeholder { padding: 0; color: #bf0000; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; } firefox 19+
    form.webform-client-form textarea.e:-ms-input-placeholder { padding: 0; color: #bf0000; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; } ie
    textarea.e:-moz-placeholder { padding: 0; color: #bf0000; font-size: 0.8em; font-style: italic; letter-spacing: 0.1em; }

  form.webform-client-form .form-actions {
    margin: 30px 0 0;
    position: relative;
    text-align: center;
  }

    form.webform-client-form .form-actions input {
      background: url(../images/button.png);
      color: #FFF;
      cursor: pointer;
      font-family: "Georgia",Times New Roman,Times,serif;
      height: 45px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      width: 139px;
    }

    form.webform-client-form .form-actions div.confirm {
      color: #01224D;
      font-style: italic;
      left: 560px;
      position: absolute;
      top: 13px;
    }

  form.webform-client-form .copyright {
    margin: 50px 0 0;
  }

    form.webform-client-form .copyright p {
      color: #01224d;
      font-size: 0.8em;
      font-style: italic;
      letter-spacing: normal;
      margin: 30px 0;
    }

    form.webform-client-form .copyright p.mail {
      color: #bf0000;
    }

.node-webform .field-name-field-footer {
  font-style: italic;
  margin: 0 auto;
  padding: 0 50px 40px 50px;
  width: 944px;
}

  .node-webform .field-name-field-footer p {
    font-size: 0.9em;
  }