@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700,700italic,800,800italic);

body {
  color:#333;
  font-family: 'Merriweather Sans', sans-serif;
}

div#all {
  margin:0 auto;
}

div#all.form-2 {
  max-width:768px;
}

@media only screen and (min-width:850px) {
  div#all {
    width:85%;
  }
}

@media only screen and (max-width:849px) {
  div#all {
    padding:1em;
  }
}

h1#form-logo {
  color:red;
  text-shadow:1px 1px 0px black;
}

@media only screen and (min-width:481px){
  h1#form-logo {
    background-image:url('../img/form_logo.png');
    background-repeat:no-repeat;
    background-position:center left;

    padding-left:80px;
    height:50px;
    line-height:60px;
  }
}

@media only screen and (max-width:480px){
  h1#form-logo {
    font-size:1.7em;
  }
}

.form-1 h2,
.form-1 h3 {
  border-bottom:1px solid #f66;
  padding-bottom:0.5em;
  text-shadow:1px 1px 0px #f99;
}

.form-2 .sig_box {
  padding-bottom:25px;
}

.form-2 .sig_box .sigPad {
  margin:0 auto;
}

.form-2 .sig_box p,
.form-2 .sig_box h1 {
  width:345px;
  margin:0 auto;
}

input.error,
textarea.error,
select.error {
  border:red;
  background-color:#fcc;
}

#all label.error {
  display:none;
}


/* ---------------- FORM-3 ------------------------------------- */
  #wrapper.form-3 {
      width: 883px;
      margin: 0 auto;
      padding: 0 24px 0 27px;
  }

  .form-3 #header {
      font: 16px/19px Arial, Helvetica, sans-serif;
      overflow: hidden;
      padding: 64px 15px 19px 8px;
  }

  .form-3 #header address {
      float: left;
      font-style: normal;
      padding: 31px 0 0;
      font-weight: 600;
  }

  .form-3 #header .logo {
      background: url('../img/dos-logo.gif') no-repeat;
      width: 119px;
      height: 119px;
      text-indent: -9999px;
      overflow: hidden;
      float: left;
      margin: 0 27px 0 0;
  }

  .form-3 .logo a {
      height: 100%;
      display: block;
  }

  .form-3 #header .holder {
      float: right;
      text-align: right;
      padding: 88px 0 0;
      font-weight: 600;
  }

  .form-3 #main {
      overflow: hidden;
      padding: 0 0 30px;
  }

  .form-3 #main h1 {
      border: 2px solid #000;
      border-width: 2px 0;
      font: 900 25px/28px 'Arial Black', Gadget, sans-serif;
      padding: 2px 0 3px;
      margin: 0 0 12px;
      word-spacing: 3px;
  }

  .form-3 .container {
      overflow: hidden;
      text-align: justify;
      margin: 0;
      color: #000;
      font: 18px/22px 'Times New Roman', Times, serif;
      background: #fff;
  }

  .form-3 .container p {
      margin: 0
  }

  .form-3 .container .col {
      float: right;
      width: 428px;
  }

  .form-3 .container .col:first-child {
      float: left
  }

  .form-3 .contract {
      border-bottom: 1px solid #000;
      font: italic 15px/19px Arial, Helvetica, sans-serif;
      margin: 0 0 19px;
      text-indent: 16px;
      word-spacing: 1px;
      padding: 0 0 1px;
      font-weight: 600;
  }

  .form-3 .contract p {
      margin: 0 0 7px
  }

  .form-3 .contract .title {
      font: 900 26px/29px 'Arial Black', Gadget, sans-serif;
      text-align: center;
      display: block;
      padding: 0 12px 4px 0;
      margin: -2px 0 0;
  }

  .form-3 .container h2 {
      font: bold 24px/29px Arial, Helvetica, sans-serif;
      text-align: center;
      margin: 0 0 19px;
      word-spacing: 1px;
  }

  .form-3 .container h3 {
      font: bold 20px/23px Arial, Helvetica, sans-serif;
      margin: 0 0 5px;
      letter-spacing: 1px;
      text-align: left;
      word-spacing: -2px;
  }

  .form-3 .container h3.add {
      margin: 0
  }

  .form-3 .container .section {
      padding: 0 0 15px
  }

  .form-3 .container .col:first-child .section {
      padding: 0 0 18px 1px
  }

  .form-3 .small-holder {
      padding: 0 5px 0 0
  }

  .form-3 .two-cols {
      overflow: hidden;
      padding: 1px 0 0;
  }

  .form-3 .two-cols ul {
      float: left;
      padding: 0 0 0 90px;
      margin: 0;
      list-style: none;
      width: 350px;
  }

  .form-3 .two-cols ul:first-child {
      padding: 0 0 0 27px
  }

  .form-3 .two-cols ul ul {
      padding: 9px 0 0 55px;
      margin: 0;
      list-style: none;
  }

  .form-3 .two-cols ul:first-child ul {
      padding: 9px 0 0 62px
  }

  .form-3 .two-cols ul ul li {
      padding: 0 0 9px
  }

  .form-3 .centered-list {
      padding: 0 0 0 329px;
      margin: -17px 0 -12px;
      list-style: none;
  }

  .form-3 .centered-list li {
      padding: 0 0 13px
  }

  .form-3 .medium-list {
      padding: 9px 0 0 90px;
      margin: 0 0 -5px;
      list-style: none;
  }

  .form-3 .medium-list li {
      padding: 0 0 9px
  }

  .form-3 .add-section {
      line-height: 35px
  }

  .form-3 .two-areas {
      overflow: hidden;
      margin: 0 -20px 18px 0;
  }

  .form-3 .two-areas .col {
      float: left;
      width: 430px;
  }

  .form-3 .two-areas .col:first-child {
      margin: 0 40px 0 10px;
      width: 414px;
  }

  .form-3 .two-areas .label {
      float: left;
      margin: 107px -50px 0 0;
      position: relative;
      background: #fff;
      padding: 0 0 0 11px;
      width: 40px;
  }

  .form-3 .two-areas .col:first-child .label {
      margin: 107px 4px 0 0;
      padding: 0;
  }

  .form-3 .two-areas .area {
      background: url(/images/dos-bg-area.gif) 0 38px repeat-x;
      width: 364px;
      height: 138px;
      overflow: hidden;
      padding: 17px 5px 0 55px;
      float: left;
  }

  .form-3 .two-areas .area input[type="text"] {
      font-size: 15px;
      line-height: 18px;
      height: 18px;
      border: none;
      width: 409px;
      margin: 0;
      padding: 0;
  }

  .form-3 .two-areas .col:first-child .area {
      width: 360px;
      padding: 17px 5px 0;
  }

  .form-3 .two-areas .col .row.add input[type="text"],
  .form-3 .two-areas .col:first-child .area input[type="text"] {
      width: 360px
  }

  .form-3 .two-areas .row:first-child {
      margin: 0 0 23px -50px
  }

  *+html .form-3 .two-areas .row:first-child {
      margin: 0 0 22px -50px
  }

  .form-3 .two-areas .row {
      margin: 0 0 30px -50px
  }

  *+html .form-3 .two-areas .row {
      margin: 0 0 28px -50px
  }

  .form-3 .two-areas .col:first-child .row:first-child {
      margin: 0 0 23px
  }

  *+html .form-3 .two-areas .col:first-child .row:first-child {
      margin: 0 0 22px
  }

  .form-3 .two-areas .col:first-child .row,
  .form-3 .two-areas .row.add {
      margin: 0 0 30px
  }

  *+html .form-3 .two-areas .col:first-child .row {
      margin: 0 0 28px
  }

  .form-3 .revision {
      font: 12px/15px Arial, Helvetica, sans-serif;
      display: block;
  }

  .form-3 .line {
      text-align: justify;
  }

  .form-3 .line:after {
      content: "";
      display: inline-block;
      width: 100%;
  }

  #wrapper2.form-3 {
      width: 883px;
      margin: 0 auto;
      padding: 0 24px 0 27px;
  }

  .form-3 #main2 {
      margin: 10px;
      white-space: nowrap;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12pt;
      line-height: 25pt;
  }

  .form-3 input {
      font-weight: bold;
      font-size: 13px;
      border-top: none;
      border-left: none;
      border-right: none;
      padding-left: 0px;
      border-bottom: 1px solid black;
      -webkit-border-radius: 0;
      -webkit-appearance: none;
      -webkit-text-size-adjust: none;
  }

  .form-3 .sign_here,
  .form-2 .sign_here {
      position: absolute;
      top: 10px;
      color: #AAA;
      font-weight: bold;
      font-size: 11pt;
      padding-left: 10px;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
  }

  .form-3 .clear a,
  .form-2 .clear a {
      position: absolute !important;
      top: 0;
      right: 10px;
      font-size: 10px;
      color: #33F;
      font-weight: bold;
  }

  .form-3 .sign_here:hover,
  .form-2 .sign_here:hover {
      display: none
  }

  .form-3 .sig_error,
  .form-2 .sig_error {
      display: none
  }

  .form-3 .err {
      border: 2px solid red
  }