/* Form fixes */

#pfg-fieldwrapper input[type="text"], #pfg-fieldwrapper textarea {
  height: 40px; 
  font-size: 20px; 
  width: 100%;
  max-width: 600px;
}

#plone-document-byline {display: none}

body.template-fg_base_view_p3 label.formQuestion, div.formQuestion {
  padding: 4px 0px;
  font-size: 18px;
  font-weight: normal;
  color: #333;
  text-shadow: none;
  white-space: normal;
  vertical-align: baseline;
  background-color: transparent;
  border-radius: 3px;
  display: inline;
  line-height: 22px;
}

body.template-fg_base_view_p3 .label {
    margin-left: 0px;
}

.formHelp {
  font-weight: normal;
  padding: 5px 0px 10px;
  font-size: 14px;
  line-height: 18px;
  color: #999;
  display: block;
}

.formHelp:empty {display: none}

textarea {
  width: 100%;
  min-height: 180px;
}

#clearSavedFormInput {display: none}

/* fix dropdowns being huge for small entries, like dates */
select {
  width: auto;
}

/* make form labels more prominent */
div.field label,
body.template-calendar-controlpanel label,
div.configlet label,
ul.configlets label,
body.template-hnfpicker-settings label.horizontal {
  font-size: 14px;
  font-weight: bold;
  margin-left: 0;
}

/* margin fix for radio and checkboxes */
input[type="radio"], input[type="checkbox"] {
  margin: 0 0 6px;
}

input[type="radio"] + label, input[type="checkbox"] + label {
  font-weight: normal;
  margin-left: 8px;
}

/* get rid of crazy ugly gray box */
.label, .badge {
  background-color: transparent;
  color: #666666;
  font-size: 14px;
  text-shadow: 0 1px 0 white;
  line-height: 18px;
  margin-left: -5px;
}


body.template-fg_base_view_p3 div.ArchetypesCalendarWidget {
    width: 100%;
}

.required {margin-right: 20px}

input[type="submit"] {
    width: 200px;
    height: 50px;
}