/*********************************** forms *****************************************/

#livevalidation {
    width: 550px;
}


#livevalidation input, #livevalidation select {
  width:125px;
}

#livevalidation input, #livevalidation textarea, #livevalidation select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(images/inputBg.gif) top left no-repeat;
  margin-top:2px;
}

#livevalidation input.checkbox {
  width:15px;
  background:none;
  border:0;
}

#livevalidation input.radio_button {
  width:15px;
  background:none;
  border:0;
}

#livevalidation input.tiny, #livevalidation select.tiny {
  width:25px;
}

#livevalidation input.small, #livevalidation select.small {
  width:50px;
}

#livevalidation input.large, #livevalidation select.large {
  width:200px;
}

#livevalidation input.extra_large, #livevalidation select.extra_large {
  width:300px;
}

#livevalidation input:hover, #livevalidation textarea:hover, #livevalidation select:hover {
  border:1px solid #888888;
}

#livevalidation input:active, #livevalidation textarea:active, #livevalidation select:active {
  border:1px solid #888888;
}

#livevalidation input.submit {
  background:#ffffff url(images/submitBg.png) -20px 0 no-repeat;
  color:#ffffff;
}

#livevalidation input.submit:hover {
  cursor: pointer;
}

#livevalidation textarea {
  width:250px;
  height: 200px;
}

#livevalidation textarea.deep {
  height:350px;
}

#livevalidation textarea.shallow {
  height:50px;
}

#livevalidation fieldset {
  padding:2%;
  border:0;
  margin:0;
}

#livevalidation legend {
  font-weight:bold;
  font-size: 120%;
  color:#9D391C;
  border-bottom: 1px solid #9D391C;
}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#000000;
}

.LV_invalid {
	color:#CC0000;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/*********************************** structure **************************************/
.required, .optional { margin: 0 0 10px 0; padding: 0; }
label { width: 100px; height: 20px; display: block; float: left; text-align: right; padding: 6px 5px 0 0; }
label.small { width: 150px !important; }
label.medium { width: 220px !important;}
label.large { width: 350px !important; }
label.xlarge { width: 400px !important; }
.required label { font-weight: bold; }

