/* forms.css - Style information specific to the MZ Online web forms */

/* FORM CONTAINERS */
.form {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 1px dashed #CCCCCC;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px;
}

.div_textbox {
  height: 30px;
  width: 575px;
  margin-top: 3px;
  padding: 4px 5px 2px 5px;
  float: right;
  background-color: #E6E6E6;
}

.div_textarea {
  width: 575px;
  margin-top: 3px;
  padding: 4px 5px 2px 5px;
  float: right;
  background-color: #E6E6E6;
}

.div_submit {
  border: 1px solid #CCCCCC;
  width: 650px;
  margin-top: 3px;
  padding: 5px 32px 5px 0;
  float: right;
  text-align: center;
}

/* LABELS */

label {
  height: 30px;
  width: 115px;
  margin: 3px 2px 0 0;
  padding: 6px 6px 0 5px;
  float: left;
  display: block;
  font-size: 115%;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.1;
  color: #666666;
  background-color: #CCCCCC;
}

.labelAlt {
  font-size: 85%;
  font-weight: normal;
}


/* USER INPUT */

input, textarea {
  width: 600px;
  margin-bottom: 5px;
}

.textbox {
  width: 545px;
  padding: 3px 5px 3px 20px;
  color: #999999;
  background-color: #FFFFFF;
  background-image: url(/images/formInputA.gif);
  background-repeat: no-repeat;
  background-position: left;
}

.textbox:focus, .textbox:hover {
  color: #06080B;
  background-color: #F0FFE6;
  background-image: url(/images/formInputB.gif);
}

.textarea {
  height: 150px;
  width: 560px;
  padding: 3px 5px 3px 5px;
  font-size: 12px;
  color: #999999;
  background-color: #FFFFFF;
}

.textarea:focus, .textarea:hover {
  color: #06080B;
  background-color: #F0FFE6;
}

/* UTILITY AND SPECIAL */

.specialForm {
  width: 5px;
  visibility: hidden;
}

.submit {
  width: 100px;
  margin: 0;
  padding: 0;
}