input[type="text"].input-small,
textarea.input-small {
  width: 150px;
}
input[type="text"].input-short,
textarea.input-short {
  width: 250px;
}
input[type="text"].input-medium,
textarea.input-medium {
  width: 450px;
}
input[type="text"].input-long,
textarea.input-long {
  width: 100%;
}
/*
    <dl class="form">
      <dt><label for="Name">Name</label></dt>
      <dd>
        <input type="text" id="Name">
      </dd>
    </dl>
    <dl class="form">
      <dt><label for="Message">Message</label></dt>
      <dd>
        <textarea></textarea>
      </dd>
    </dl>
    <dl class="form">
      <dt><label for="Select">Example Select</label></dt>
      <dd>
        <select id="Select">
          <option>Select an option</option>
        </select>
      </dd>
    </dl>


*/
.form dd {
  padding-bottom: 0;
}
.form label {
  padding: 0;
}
.form dt {
  padding-bottom: 5px;
}
label {
  padding-bottom: 15px;
  padding-right: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
input[type="text"],
textarea {
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border: 1px #c7c7c7 solid;
  border-radius: 4px;
  color: #333;
  padding: 6px;
  width: 400px;
  color: #777;
}
input[type="text"]:active,
input[type="text"]:focus,
textarea:active,
textarea:focus {
  color: #222;
}
textarea {
  padding: 8px 7px;
}
button[type="submit"],
.button,
.button:visited,
.submit,
#goog-wm-sb {
  border: none;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 6px 20px;
  background: #cc342c;
}
.form .inlineInput {
  padding-right: 15px;
}
.form .blockInput {
  display: block;
  padding-bottom: 10px;
}
button[type="submit"]:hover,
.button:hover {
  background: #b12c25;
  background: -moz-linear-gradient(-90deg, #b12c25, #a02823);
  background: -webkit-linear-gradient(-90deg, #b12c25, #a02823);
  background: -ms-linear-gradient(-90deg, #b12c25, #a02823);
  background: -o-linear-gradient(-90deg, #b12c25, #a02823);
}
/* Mobile Form */
.mobileform label {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 20px;
}
.mobileform strong {
  /*font-weight:normal;*/

}
/*
    <input type="text" id="Name" class="input-medium error">
    <span class="errorlabel">This field is required</span>
*/
/*
    <textarea class="error"></textarea>
    <span class="errorlabel">This field is required</span>
*/
.error {
  border-color: #cc0000 !important;
}
.errorlabel {
  color: #cc0000;
  font-size: 11px;
  background: url(../img/error-arrow.png) left no-repeat;
  padding-left: 12px;
  margin: 5px;
  display: block;
}
/*
    <dl class="form">
      <dt><label for="Name">Name</label></dt>
      <dd>
        <input type="text" id="Name" class="error">
        <span class="errorlabel">This field is required</span>
      </dd>
    </dl>
    <dl class="form">
      <dt><label for="Message">Message</label></dt>
      <dd>
        <textarea class="error"></textarea>
        <span class="errorlabel">This field is required</span>
      </dd>
    </dl>
    <dl class="form">
      <dt><label for="Select">Example Select</label></dt>
      <dd>
        <select id="Select" class="error">
          <option>Select an option</option>
        </select>
        <span class="errorlabel">This field is required</span>
      </dd>
    </dl>

*/