/* schueler-forms.css 
 *   for forms only.
 *   -> This is loaded *after* the main stylesheet:
 *        it only contains *differences*.
 * history:
 *   03 sep 2005 jw - made for jonschueler.com.
 * notes: see main stylesheet for css notes, standards, etc.
 */


/* -----------------------------------------------------------
    *** { Special Pages: ***
   ----------------------------------------------------------- */

/* ------------ { form parts ------------ */

input {
  font-family:      verdana, helvetica, arial, lucida, sans-serif; 
  background-color: #ffffff;
}
textarea {
  font-family:    verdana, helvetica, arial, lucida, sans-serif; 
  background-color: #ffffff;
}
td.label {
  text-align:  right;
  line-height: 1.3em;
}
td.form-label {
  color:         grey;
  font-weight:   normal;
  text-align:    right;
  padding-right: 1em;
}
td.form-label-req {
  color:         grey;
  font-weight:   bold;
  text-align:    right;
  padding-right: 1em;
}
span.form-label {
  color:         grey;
  font-weight:   normal;
}
span.form-label-req {
  color:       grey;
  font-weight: bold;
}
span.label-err-highlight {
  color:  #cc0000;
}

div.login-form {
  width:    75%;
  border:   1px solid #000000;
  padding:  8px 0px 8px 0px;
}
div.msg-form {
  background-color: #ffffcc;
}
div.admin-form {
  background-color: #eeeeee;
  padding:   2px 0px 8px 0px;
}
input.admin {
  background: #ffff99;
}
input.checkbox {
  background:  #ffffff;
  line-height: 1.2em;
}
input.checkbox2 {
  background:  #ffffff;
  font-size:   .9em;
  line-height: 1.2em;
}
input.radio {
  background: #ffffff;
}
input.button-submit {
  background: #ffffff;
  color: darkblue;
  font-weight: bold;
}
input.button-reset {
  background: #ffff33;
  color: #ff6633;
}

.form-text {
  color: grey;
}

select {
  font-family:  helvetica, arial, lucida, sans-serif;
  color:        #336633;
  font-size:    .9em;
}

/* ------------ { messages ------------ */

div.error-message {
  color:     #006633;
  text-align: left;
  border:     2px solid red;
  width:      70%;
  padding:    4px 20px 4px 20px;
  margin:     12px auto;
}
div.message {
  color:     #006633;
  text-align: left;
  border:     2px solid darkblue;
  width:      70%;
  padding:    4px 20px 4px 20px;
  margin-bottom:  12px;
}

div.error-message dl.error dt {
  color: red;
  padding-top: 1ex;
}
div.error-message dl.error dd {
  color: red;
}

ul.error {
  margin-top:  0em;
}
ul.error ul.error {
  margin-top:  .1em;
  margin-left: -.5em;
}
li.index {
  margin-top: 1em;
  line-height: 110%;
}
div.error-message ul li {
  color:       red;
  padding-top: .5ex;
  line-height: 110%;
}
div.message ul li {
  color:       #006633;
  padding-top: 0ex;
  line-height: 100%;
}

dl.contact-success {
  color:     #006633;
  text-align: left;
}

.error-highlight {
    color:  #cc0000;
}

/* e o f */