/* forms.css 
 * Forms style sheet for tcewf.org
 * -> This is loaded *after* the main stylesheet
 * HISTORY:
 *  23 mar 2007 jw - configured for tcewf.org
 *
  notes:
    comma to list alternates, space to nest.
*/

/* ============================================
   ===== { Forms: =====
   ============================================ */
input {
  font-family:    verdana, helvetica, arial, lucida, sans-serif; 
  background-color: #eeeeee;
}
textarea {
  font-family:    verdana, helvetica, arial, lucida, sans-serif; 
  background-color: #eeeeee;
}
select {
  font-family:    verdana, helvetica, arial, lucida, sans-serif; 
  font-size:   90%;
  background-color: #eeeeee;
}
td.label {
  color:      #006600;
  font-size:   90%;
  text-align:  right;
  line-height: 1.3em;
  border-right: 1px dashed #cccccc;
}
td.form-label {
  color:      #006600;
  font-size:   90%;
  text-align:    right;
  font-weight:   normal;
  padding-right: 1em;
  border-right: 1px dashed #cccccc;
}
td.form-label-req {
  color:      #006600;
  font-size:   90%;
  text-align:    right;
  font-weight:   bold;
  padding-right: 1em;
  border-right: 1px dashed #cccccc;
}
span.form-label-req {
  color:      #006600;
  font-weight:   bold;
}

.label-err-highlight {
    color:  red;
}

input.button-submit {
  color: #ffffff;
  font-weight: bold;
  font-size: 110%;
  letter-spacing: .07em;
  background-color: #33cc00;
  border: 2px groove #000000;
}


/* ============================================
   ===== { Messages: (used in php forms programming =====
   ============================================ */
div.error-message {
  color:     #006633;
  text-align: left;
  border:     2px solid red;
  width:      70%;
  padding:    4px 20px 4px 20px;
  margin-bottom:  12px;
}
div.success-message {
  text-align:  left;
  border:   2px solid #006633;
  width:    70%;
  color:    #000000;
  padding:  4px 20px 4px 20px;
  margin-bottom:  12px;
}
div.message {
  color:     #006633;
  text-align: left;
  border:     2px solid darkblue;
  width:      70%;
  padding:    4px 20px 4px 20px;
  margin-bottom:  12px;
}

dl.error dt {
  color:     #006633;
}

ul.error {
  margin-top:  0em;
}
ul.error ul.error {
  margin-top:  .1em;
  margin-left: -.5em;
}
li.index {
  margin-top: 1em;
  line-height: 120%;
}
li.error {
  color:  red;
  line-height: 120%;
}

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


/* e o f */