/* forms.css 
 * Forms style sheet for ecotibet.org
 * -> This is loaded *after* the main stylesheet
 * HISTORY:
 *  16 apr 2007 jw - made.
 *
 * notes: see main stylesheet for css notes, standards, etc.
 */

/* ============================================
   ===== { Form parts: =====
   ============================================ */
/*  defined in /lib/ecotibet-forms.css
input {
  font-family:    verdana, helvetica, arial, lucida, sans-serif; 
  background-color: #ffffff;
}
input.checkbox2 {
  background-color: #ffffff;
}
textarea {
  font-family:    verdana, helvetica, arial, lucida, sans-serif; 
  background-color: #ffffff;
}
select {
  font-family:    verdana, helvetica, arial, lucida, sans-serif; 
  font-size:   90%;
  background-color: #ffffff;
}
*/

/* { submit button */
/* this one for stand-alone */
div.submit {
  color: #ffffff;
  background-color: #cc0000; 
  padding: 2ex;
}
/* or */
/* this one in table */
tr.submit td {
  color: #ffffff;
  background-color: #cc0000; 
  padding-bottom: 2ex;
}


/* hide submit button with javascript! */
input.submitHide {
  display: none;
}
input.waitHide {
  display: none;
}
input.submitShow {
  color: #ffffff;
  background-color: #66cc00;
  margin-right: 1em;
}
/* show "please wait" message - (doesn't work yet) */
input.waitShow {
  color: #ffffff;
  background-color: #cc0000; 
  width: 100px;
  height: 50px;
}


/* ============================================
   ===== { Display elements: =====
   ============================================ */
div#form {
  display: table;
  float: left;
  border: 1px dashed #6666cc;
}

div#form h3 {
  color:      #006600; 
  background-color: #ff6600; 
  padding-left: 2em;
  padding-bottom: 6px;
  font-size:   120%;
  clear: both;
  margin: 0;
  margin-top: 1ex;
  margin-bottom: 1ex;
}
div#form h3:first-child {
  margin-top: 0;
}

div#form p,
div#form table {
  margin-left: 10px;
}
div#form table {
  width: 570px;
  float: left;
}


div#form table td.label {
  color:      #006600;
  font-size:   90%;
  text-align:  right;
  line-height: 1.3em;
  border-right: 1px dashed #cccccc;
}
div#form table td {
  padding: 8px 4px 8px 1em;
}
div#form table td:first-child {
  padding-left: 0;
}
div#form table td.form-label {
  color:      #006600;
  font-size:   90%;
  text-align:    right;
  font-weight:   normal;
  padding: 8px 1em 8px 4px;
  border-right: 1px dashed #cccccc;
}
div#form table td.form-label-req {
  color:      #006600;
  font-size:   90%;
  text-align:    right;
  font-weight:   bold;
  padding: 8px 1em 8px 4px;
  border-right: 1px dashed #cccccc;
}
div#form table.fields {
  padding: 0;
  margin-bottom: 1em;
  border-collapse: collapse;
}
div#form table.fields td {
  padding: 0;
  font-size: 90%;
}



div#form span.form-label, 
div#form span.form-label-req, 
div#form table td span.form-label, 
div#form table td span.form-label-req {
  font-size: 90%;
  color:      #006600;
  padding-right: 1em;
}
div#form span.form-label-req {
  font-weight:   bold;
}

.error-highlight {
  color:  #ff0000;
  font-weight:   bold;
}

/* ============================================
   ===== { Messages: (used in php forms programming =====
   ============================================ */
div.error-message {
  color:     #006633;
  text-align: left;
  border:     4px double #cc0000;
  width:      70%;
  padding:    4px 20px 4px 20px;
  margin-bottom:  12px;
}
div.success-message {
  color:    #000000;
  text-align:  left;
  border:     4px double #cc0000;
  width:    70%;
  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 */