
.custom-form-header {
   font: 14px Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   padding: 0 0 20px 0;
}

.custom-form-footer {
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   padding: 30px 0 20px 0;
}

.form-field-div {
   display: block;
   font: 12px Arial, Helvetica, sans-serif;
   text-align: left;
   padding: 2px 2px 6px 5px;
   margin: 2px 0 0 0;
   color: #404040;
}

.form-block {
   display: block;
   padding: 2px;
   border: 1px solid #404040;
}

.required-field {
   font: 18px Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding: 0 0 0 10px;
   color: #ff0000;
}

.required-tip {
   font-weight: bold;
   color: #ff0000;
}

.dynamic-form-list {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}

.dynamic-form-div {
   margin: 10px 0px 0px 0px;
   padding: 5px;
   background: #f4f4f4;
}

.spacer-div {
   background: #ddddff;
}

.dynamic-form-field-div {
   margin: 10px 0px 0px 0px;
   padding: 5px;
   background: #f4f4f4;
}

.div-border {
   border: 1px #a0a0a0 solid;
}

.dynamic-form-label {
   color: #404000;
   font-weight: bold;
}

.form-field-div-error {
   border: 1px solid #ff0000;
   background-color:  #ffe6e6;
}

.fieldset-div {
   background-color:  #ccccdd;
}

legend {
   padding: 2px 10px 2px 10px;
   border: 1px solid #a0a0a0;
   font: 14px Arial, Helvetica, sans-serif;
   font-weight: bold;
   background: #e0e0e0;
}

.dynamic-form-fieldset {
   margin: 20px 0px 0px 0px;
}

.add-field-button {
   width: 250px;
}

.delete-field {
   margin: 0px 0px 0px 5px;
}

.ui-tooltip {
   background: black;
}


