/* GENERAL FORM STYLES */
.form-public-h1 {
  margin-top: 0.5em;
  font-size:1.4em;
  line-height:1.1em;
}
.form-wrapper {
  margin: 2em auto 0 auto;
  padding:1em;
  line-height:1.25em;
  color:#000;
  font-family:Georgia,"Times New Roman",Times,"Century Schoolbook L","URW Bookman L",serif;
  font-size:1em;
  border-radius:15px;
  background-color: #fbf8f5;
  border:2px solid #925d00;
  max-width: 568px;
}
.form-rubric-wrapper {
  margin: 1em auto 0 auto;
  padding:1em;
  line-height:1.25em;
  color:#000;
  font-family:Georgia,"Times New Roman",Times,"Century Schoolbook L","URW Bookman L",serif;
  font-size:1em;
  max-width: 568px;
  background-color:#ffffff;
}
.form-rubric {
  margin:0 5em 1em 0;
  font-weight:normal;
  font-size:1.1em;
  line-height:1.4em;
}
.form-narrowbutton, .form-widebutton {
  width:8em;
  height:2em;
  margin: 0.2em 2em 0.5em 0;
  font-family:Arial,Tahoma,Helvetica,'URW Gothic L','DejaVu Sans',sans-serif;
}
.form-widebutton {
  width:12em;
  height:3em;
  margin:1em 1em 0.5em 0;
}
.form-section {
  color: #925d00;
  font-size:1.1em;
  font-weight:700;
  margin: 0 0 1em 0;
  padding-top:0.5em;
  border-top:0.15em dotted #a96c00;
}
.form-note {
  margin:0 0 1em 0;
  padding-bottom:.75em;
  line-height:1.4em;
  font-style:italic;
}
.form-fieldtitle {
  font-weight:bold;
  line-height:1.2em;
  margin: 0 0 0 0;
}
.form-fieldrubric {
  margin: 0 0 0.2em 0;
  font-style:italic;
}
.form-fielderrmsg {
  color:red;
  margin: 0.1em 0 1.5em 0;
  font-size:1em;
  min-height:1em;
}
.form-errormsg-top, .form-errormsg-bottom {
  color:red;
  font-size:1em;
  margin:1.5em 0 1.5em 0;
}
.form-errormsg-bottom {
  margin: 1em 0 0 0;
  width:95%;
  display:none;
}
.form-reqflag,  .form-reqflag-illus {
  color:red;
  font-size:2em;
  line-height:0.5em;
  font-weight:bold;
  vertical-align:-50%;
  margin: 0 0.2em 0 0;
}
.form-reqflag-illus {
  margin:0;
  vertical-align:-65%;
  line-height: 0.5;
}
.form-textbox {
  width:98%;
  font-size:1em;
  font-family:Georgia,"Times New Roman",Times,"Century Schoolbook L","URW Bookman L",serif;
  height:1.7em;
  border: 1px solid #999999;
  background-color: #ffffff;
}
.form-textarea {
  display:inline-block;
  height:8em;
  vertical-align:top;
  width: 98.7%;
  font-family:Georgia,"Times New Roman",Times,"Century Schoolbook L","URW Bookman L",serif;
  font-size:1.2em;
  resize:vertical;
  border: 1px solid #999999;
}
.form-checkbox {
  list-style:none;
  margin: 0.2em 0 0.5em 0;
  background-color:#ffffff;
  border:1px solid #aaaaaa;
  padding: .5em 0 .6em .5em;
  font-size:1em;
  min-height:1em;
  overflow:scroll;
  overflow-x:auto;
  overflow-y:auto;
}
.form-checkbox label {
  margin-left:2px;
  vertical-align:7%;
}
.form-dropdown {
  margin:0;
  height:1.7em;
  line-height: 1.5em;
  font-size: 1em;
}
.form-radio {
  margin:0;
}
.form-radio + label {
  vertical-align: 8%;
  margin: 0 1em 0 0.4em;
}
.form-nocookies {
  font-weight:bold;
  margin-bottom:6em;
  display:none;
}
.form-nojs {
  font-weight:bold;
  margin-bottom:6em;
  line-height: 1.3em;
  margin-bottom: 6em;
}
.form-datetable {
  width:98%;
  margin:-2em 0 1em 0;
}
.form-datetable td:nth-child(odd) {
  padding-right:3em;
}
.form-hide, .form-telefax {
  display:none;
}
.form-bottom-banner 
{
  background-color:#fff;
  margin: 0 auto 1em auto;
  padding:1em 2% 1em 2%;
  font-size:0.8em;
  line-height:1.1em;
  text-align:center;
  max-width:562px;
}
.form-toptext p {
  margin-top:1em;
}
.form-toptext p:last-child {
  margin-bottom:1em;
}
.form-wordcntr {
  margin: 0.1em 0.2em 0 0;
  color:#006400;
  text-align:right;
  font-weight:bold;
  font-size: 1em;
  float: right;
}
.form-hiddenlabel {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}
fieldset {
  border:none;
  margin:0;
  padding:0;
}

/* CATEGORIES */
.form-cat-listing {
  background-color: #f9e6c6;
  width: 97.3%;
  min-height:1.4em;
  margin:0 0 0.3em 0;
  padding:0.3em 0.3em 0.2em 0.3em;
}
.form-cat-listing-counter{
  font-style:italic;
}
.form-cat-parentblock {
  float:left;
  width: 45%;
  margin:0;
}
.form-cat-parent {
  cursor:pointer;
  background-color:#f9e6c6;
  text-align:center;
  font-family:Arial,Tahoma,Helvetica,"URW Gothic L","DejaVu Sans",sans-serif;
  font-size:1em;
  line-height:1.4em;
  padding:0;
  margin: 0 0 0.25em 0;
}
.form-cat-rightarrow {
  float:right;
  margin: -1.45em -8% 0 0;
  width:0;
  height:0;
  border-style:solid;
  border-width:9px 0 12px 15px;
  border-color:transparent transparent transparent darkgreen;
  display:none;
}
.form-cat-checkbox, .cat-checkbox-vfo {
  float:left;
  list-style:none;
  width:48%;
  height:16em;
  margin: 0 0 0 5%;
  padding: 0 0 0 0.3em;
  font-size:1em;
  font-family:Arial,Helvetica,sans-serif;
  background-color:#f9e6c6;
  overflow:auto;
  line-height: 1.4em;
}
.form-cat-checkbox label {
  margin: 0 0 0 0.2em;
  font-size: 1em;
  position: relative;
  top:4px;
}
.form-cat-checkbox input[type="checkbox"] {
  margin: 0 0 0 0.3em;
  margin-right:0;
  vertical-align:bottom;
}
.form-cat-clearboth {
  clear:both;
  line-height:0px;
  margin:0;
  padding:0;
}

/* AVAILABILITY MATRIX */
.form-avail-table {
  font-family:Arial,Tahoma,Helvetica,'URW Gothic L','DejaVu Sans',sans-serif;
  font-size:0.8em;
  background-color:#fff;
  height:100%;
  margin:0;
  width: 99%;
  border:2px solid #fff3db;
}
.form-avail-toprow {
  cursor:pointer;
  background-color:#fff3db;
  height:2em;
}
.form-avail-tophead {
  width:5.38em;
  vertical-align:middle;
  text-align:center;
  font-style:italic;
  color:#000;
  font-weight:700;
}
.form-avail-row {
  height:3em;
  padding:0;
}
.form-avail-rowhead, .form-avail-topleft {
  cursor:pointer;
  background-color:#fff3db;
  vertical-align:middle;
  padding-left: .2em;
  font-style:italic;
  color:#000;
  font-weight:700;
}
.form-avail-topleft {
  width:6em;
}
.form-avail-checkbox {
  text-align:center;
  vertical-align:middle;
}

/* CHOOSE A LOCATION */
.form-areaorplace {
  margin: -0.5em 2em 0 2em;
  display:none;
}
.form-specificloc {
  margin: -0.5em 2em 0 2em;
  margin-right:0;
  display:none;
}

/* ERROR AND ACK FORMS */
#errform h1, #ackform h1 {
  margin:0.3em 0 0.5em 0.3em;
}
#errform p, #ackform p {
  margin:0 0 0.5em 0.3em;
}

/* CONTACT AND MAILING LIST FORMS */
.form-securitycode {
  margin:0 0 0 0.5em;
  vertical-align:5%;
  border:1px solid #000000;
  padding:5px 7px 0px 8px;
  font-size:1.1em;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  height:1.4em;
}
.form-cf-scode {
  margin:0 2px 0 0;
}
.form-scode-num {
  font-weight:bold;
  border:1px solid #000000;
  padding:3px 6px 3px 6px;
  margin:0 3px 0 3px;
}
.form-cf-code {
  text-align:center;
  width:10%;
  height:1.5em;
  margin:0 3px 0 3px;
}
#ackmsg h1 {
  margin-top:0.5em;
}
.ackmsg p {
  margin:1em 0 1em 0;
}
.ackmsg p:last-child {
  margin:1em 0 3em 0;
}

/* SPECIFIC FORM INPUTS */
.form-S5 {
  margin-top:2.5em;
}
.orgreg #mailinglist {
  overflow:hidden;
  height:2.4em;
}
.form-orgreg-ischarity {
  display:inline-block;
  width:50%;
  vertical-align:top;
}
.form-orgreg-charity_no {
  display:inline-block;
  width:49%;
  vertical-align:top;
}
#oppreg #mailinglist {
  overflow:hidden;
  height:1.2em;
}
.form-mintimereq {
  display:inline-block;
  margin:0 0.7em 0 0.5em;
  font-size:1em;
}


/* VOLFINDOPP */
.form-vfo-wrapper {
  margin-top:1em;
}


/* RESPONSIVE DESIGN */
@media all and (max-width:640px)
{
  .form-wrapper {
    margin:2em 0 0;
  }
  .availability-rowhead {
    padding-left: .4em
  }
}
@media all and (max-width:620px)
{
  .form-checkbox {
    width:98% !important;
  }
}
@media all and (max-width:480px)
{
  .form-wrapper {
    padding:0.3em;
    margin: 1em 0 0 0;
  }
  .availability-rowhead {
    padding-left: .2em
  }
  .places_available {
    width:10%;
  }
}
