body {
  color: #555;
  background: #fff;
  margin: 0;
  padding: 0;
}

a {
  color: #555;
  text-decoration: underline;
}

a:hover {
  color: #555;
  text-decoration: none;
}

a:active, a:focus {
  outline: none;
}

p {
  clear: both;
  margin: 0;
  padding: 3px 3px 6px 3px;
}

.eval-asterisk {
  width: 9px;
  height: 16px;
  background: transparent url(../images/asterisk.gif) left top no-repeat;
}


/* Eval Form */

#eval-form {
  width: 492px;
  height: 325px;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #555;
}

#form-fields {
  height: 229px;
  margin: 0;
  padding: 0 20px;
  background: transparent url(../images/form_bg.gif) left top repeat-y;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

#top-step1 { background: transparent url(../images/form_step1.gif) left top no-repeat; width: 492px; height: 37px; }
#top-step2 { background: transparent url(../images/form_step2.gif) left top no-repeat; width: 492px; height: 37px; }
#top-step3 { background: transparent url(../images/form_step3.gif) left top no-repeat; width: 492px; height: 37px; }
#top-step4 { background: transparent url(../images/form_step4.gif) left top no-repeat; width: 492px; height: 37px; }
#top-step5 { background: transparent url(../images/form_step5.gif) left top no-repeat; width: 492px; height: 37px; }
#no-steps { background: transparent url(../images.aff2/form_blank.gif) left top no-repeat; width: 492px; height: 37px; }

#form-footer {
  height: 50px;
  padding: 0 20px;
  text-align: right;
  background: transparent url(../images/form_bottom.gif) top left no-repeat;
}


/* Step 1 */

#step1 #fieldset-left {
  width: 150px;
  float: left;
}

#step1 #fieldset-right {
  width: 250px;
}


/* Step 2 */

#step2 #fieldset-left {
  width: 200px;
  float: left;
  margin: 10px 0;
}

#step2 #fieldset-right {
  width: 200px;
  margin: 10px 0;
}


/* Step 3 */

#step3 .fieldset-left {
  width: 300px;
  float: left;
  padding: 5px 0 0 0;
  line-height: 19px;
}

#step3 .fieldset-right {
  width: 125px;
  padding: 5px 0 0 0;
  line-height: 19px;
}

#eval-form #step3 input.noBorder, #eval-form #step3 .noBorder input {
  vertical-align: middle;
  padding: 0;
  margin: 0 2px 4px 15px;
  border: 0;
}


/* Step 4 */

#step4 .fieldset-left {
  width: 250px;
  float: left;
  padding: 0;
  margin: 10px 0 0 0;
}

#step4 .fieldset-right {
  width: 180px;
  padding: 2px 0 0 0;
  float: left;
  margin: 10px 0 0 0;
}


/* Step 5 */

#step5 {
  width: 320px;
}

#step5 label {
  float: left;
  display: block;
  width: 100px;
  padding: 4px 0 3px 0;
}

#eval-form #step5 input {
  float: left;
  margin: 3px 0 8px 0;
}

#step5 span {
  float: left;
}


/* Form fields */

#eval-form label {
  vertical-align: middle;
}

#eval-form input {
  padding: 1px;
  margin: 2px 0 1px 0;
  color: #555;
  font-family: verdana, trebuchet ms, arial, tahoma, helvetica, sans-serif;
  font-size: 11px;
  vertical-align: middle;
  border: 1px solid #777;
}

#eval-form input.small { width: 50px; }
#eval-form input.medium { width: 100px; }
#eval-form input.large { width: 170px; }
#eval-form input.xlarge { width: 200px; }

#eval-form input.noBorder, #eval-form .noBorder input {
  border: 0;
  vertical-align: middle;
  margin: 3px 2px;
}

#eval-form textarea {
  color: #555;
  font-family: verdana, trebuchet ms, arial, tahoma, helvetica, sans-serif;
  font-size: 11px;
}


/* Buttons */

#eval-form .next {
  background: transparent url(../images/b-next.gif) left top no-repeat;
  cursor: pointer;
  width: 72px;
  height: 25px;
  float: right;
  border: 0;
}

#eval-form .back {
  background: transparent url(../images/b-back.gif) left top no-repeat;
  cursor: pointer;
  width: 72px;
  height: 25px;
  float: right;
  border: 0;
}

#eval-form .submit {
  background: transparent url(../images/b-submit.gif) left top no-repeat;
  cursor: pointer;
  width: 89px;
  height: 25px;
  float: right;
  border: 0;
}