/* forms.css
 *   for forms only.
 *   -> This is loaded *after* the main stylesheet:
 *        it only contains *differences*.
 * notes: see main stylesheet for css notes, standards, etc.
 * history:
 *   2005 aug 28 jw - changed _ to - in classes.
 *   2005 jun 9  jw - modified for design changes; changed the separator comments.

 *   2005 jun 1 jw - modified for new design.
 *   2005 jan 5 jw - modified news index for colors.
 *   2004 xx xx jw - posted for musictibet.
*/


/* -----------------------------------------------------------
  *** { Forms only *** 
   ----------------------------------------------------------- */

/* -------- { Generic Form parts: -------- */
table.form {
  background-color:   #d1e5ef;
  border: 1px solid #9cbad6;
  border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  -khtml-border-radius: 10px; 
  box-shadow: 8px 8px #ccc;
  -moz-box-shadow: 8px 8px #ccc;
  -webkit-box-shadow: 8px 8px #ccc;
  -khtml-box-shadow: 8px 8px #ccc;
}
div#infos {
  display: table;
  margin-top: 30px;
  padding: 8px;
  border: 1px solid #9cbad6;
  border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  -khtml-border-radius: 10px; 
}

fieldset, 
legend {
  -moz-border-radius: 8px;
}
legend {
  background-color: #ff0000;
  color: #ffffff;
  padding: 4px 8px;
  font-weight: bold;
  border: 1px solid #cccccc;
}

.form-label {
  text-align: right;
}
.form-label-req {
  font-weight: bold;
}

.label-err-highlight {
  color: #cc0000;
  font-weight: bold;
}

textarea {
  background: #ffffff;
  -moz-border-radius: 8px;
}
input, 
select, 
option, 
checkbox {
  background: #ffffff;
  -moz-border-radius: 8px;
}
input.admin {
  background: #ffff99;
}
input.button-submit {
  background-color: #336699;
  color:      #ffffff;
  font-weight: bold;
}
input.button-reset {
  background: #0099ff;
  color:      #ffffff;
}

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


/* -------- { Generic Messages: -------- */
div.error-message {
  text-align:  left;
  border:      2px solid #3399ff;
  width:       70%;
  color:       #cc0000;
  padding:     4px 20px 4px 20px;
  margin-bottom:  12px;
}
div.success-message {
  text-align:  left;
  border:      2px solid #cc0000;
  width:       70%;
  color:       #3399ff;
  padding:     4px 20px 4px 20px;
  margin:      auto;
  margin-bottom:  12px;
}
div.message {
  width:    70%;
  text-align:  center;
  border:   2px solid #3399ff;
  color:    #3399ff;
  padding:  20px 0px 20px 0px;
}
ul.error {
  margin-top:  1ex;
}
ul.error ul.error {
  margin-top:  .1em;
  margin-left: -.5em;
}
li.error {
  margin-top: 1ex;
}
dl.error dt {
  margin-top:  .5em;
}
dl.contact-success {
  text-align:  left;
  /* goes totally bonkers on MSwindows:
     margin-left:  15%;
   */
}

/* -------- { Vote form only: -------- */
a.voteform {
  color:           #ffffff;
  text-decoration: none;
}
div#voteform fieldset {
  -moz-border-radius: 8px;
  width: 80%;
  margin: auto;
}
div#voteform table {
  border-collapse: collapse;
  margin: auto;
}
div#voteform table th {
  background-color: #ffffcc;
  border-bottom: 1px dashed #cccccc; 
  padding-bottom: 1ex;
  -moz-border-radius: 8px;
}
div#voteform table th, 
div#voteform table td {
  padding: 8px;
}
/* -------- } Vote form only. -------- */


/* -------- { Contact Form only: -------- */
td.content-form-left {
  padding: 8px 8px 8px 8px;
  background-color: #000066;
  color:            #ffccff; 
}
td.content-form-right {
  padding: 8px 8px 8px 8px;
  background-color: #66ccff;
  color:            #000066; 
}
td.content-form-box {
  padding: 8px 8px 8px 8px;
  background-color: #ffccff;
  color:            #000066; 
}
h3.content-form-box {
  color:            #000066; 
}


/* e o f */