/* Heart of Texas Bears web stylesheet for the contact us form in the content area (screen/printer). */

div.contactUsForm {
   width: 400px;
   background: #C4C4C4;
   border: 1px dotted #BD6317;
   padding: 5px;
   margin: 0 auto;
}   
   
div.spacer {
   clear: both;
}
  
div.row {
   clear: both;
   padding-top: 10px;
}

div.row span.label {
   float: left;
   width: 100px;
   text-align: right;
}

div.row span.formw {
   float: right;
   width: 290px;
   text-align: left;
}
div.row span.formw input,
div.row textarea {
   max-width: 100%;
}

/* HOT Bear contest application */
div.contestForm {
   width: 500px;
   background: #C4C4C4;
   border: 1px dotted #BD6317;
   padding: 5px;
   margin: 0 auto;
}   

div.contestForm div.row span.label {
   float: left;
   width: 150px;
   text-align: right;
}

div.contestForm div.row span.formw {
   float: right;
   width: 340px;
   text-align: left;
}




/* HOT Bear membership form */
div.membershipForm {
   width: 35em;
   background: #C4C4C4;
   border: 1px dotted #BD6317;
   padding: 4px;
   margin: 0 auto;
}   

/*  Form label (left hand side) formatting) */
div.membershipForm div.row span.label,
div.membershipForm div.row span.labelError,
div.membershipForm div.row span.requiredField,
div.membershipForm div.row span.requiredFieldError {
   float: left;
   width: 9em;
   text-align: right;
}
/*  Required fields use red text */
div.membershipForm div.row span.requiredField,
div.membershipForm div.row span.requiredFieldError {
   color: #F00;
}
/*  Missing/Error fields show up highlighted */
div.membershipForm div.row span.labelError,
div.membershipForm div.row span.requiredFieldError {
   background-color: #FFFFA0;
   border: 2px solid #F00;
}

div.membershipForm div.row span.formw {
   float: right;
   width: 24em;
   text-align: left;
}

div.membershipForm div.row span.button1 {
   float: left;
   width: 16em;
   text-align: right;
}
div.membershipForm div.row span.button2 {
   float: right;
   width: 16em;
   text-align: left;
}

div.membershipForm fieldset {
   margin-top: 1em;
}

div.membershipForm legend {
   color: #5A3C15;
   font-weight: bold;
   background-color: #DDD;
}

div.formSubmitError {
   border: 2px solid #F00;
   padding: 0.5em;
   background-color: #FFFFA0;
}