/* Enquiry Form */

.enquiry-form {
  font-size: 0.8125em;
}

.enquiry-form a:hover
{
  color: #fff;
}

.enquiry-form label {
  text-transform: uppercase;
}

.enquiry-form input, .enquiry-form select {
  width: 170px;
  border: #000 solid 1px;
  margin: 0 0 10px 0;
  padding: 2px;
}

.highlight-wide .enquiry-form span {
  float: left;
  width: 170px;
  margin: 0 20px 0 0;
}

input.checkbox {
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
}

.feature-list {
  width: 170px;
  float: left;
  margin: 0 20px 0 0;
}

.enquiry-form textarea {
  width: 360px;
  border: #000 solid 1px;
}

input.submit {
  display: block;
  background: transparent url('../images/g-button-fixed.png') no-repeat;
  height: 55px;  
  color: #000;
  text-align: right;
  padding: 0 30px 0 0;
  text-transform: uppercase;
  width: 210px;    
  float: right;
  cursor: pointer;
  border: none;
  font-weight: bold;  
}

input:hover.submit {
  background-position: bottom left;
}


input.valid-form-field, textarea.valid-form-field
{
  background-image: url('../include/modules/optional/formgeneration/images/field-verified-tick.png');
  background-repeat: no-repeat;
  background-position: 100% 3px;
}

input.invalid-form-field, textarea.invalid-form-field
{
  background-color: #FFCCC8;
}

form.f div.field-validation-rules
{
  display: inline-block;
  margin: 5px 0 0 100px;
  
  font-size: 0.7em;
  padding: 0.2em 1em;
  background-color: #f55;
  color: #fff;
  
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}

form.f { font-size:0.85em; width: 450px; padding:10px; margin: 1em 0; border: 1px solid #DDDDDE; line-height:1.25em;  }
form.small-label { background:#F2F2F2 url('../images/g-bg-form-small.gif') repeat-y;}
 
form.f p { clear:right; padding-top:4px; }
 
form.f div { clear:right; padding:5px 0; margin: 0; }
form.f div div { clear:none; padding:0; }
#content form.f div div p { font-size:1em; margin:0 0 1em 0; }
form.f label { width:80px; display:block; float:left; margin:0 20px 0 0;}
form.f input, form.f textarea { line-height:1.25em; border:#ccc solid 1px; padding:2px; font-size:1em;}  
form.f select { line-height:1.25em; border:#ccc solid 1px; font-size:1em; padding:2px 0;}  
form.f select.country { width: 250px; }  
form.f input { width:250px; }
form.f textarea { width:320px; height:9em;}
form.f textarea.large { width:450px; height:16em; }
form.f textarea.address { width: 250px; height: 2.8em; }
form.f span.note { display: inline-block; font-size: 0.85em; vertical-align: baseline; }
 
form.f .field { display: block; margin: 0 0 0 100px;}
form.f input.checkbox { width:auto; vertical-align:middle; border:0;}
form.f input.small, form.f select.small { width:55px; }
form.f input.medium, form.f select.medium { width:130px; }
form.f input.large, form.f select.large { width:250px; }
form.f input.checkbox-group { margin:0 0 0 100px;}
 
form.f div.inline-field label { width:80px; display:inline; float:none; margin:0 10px 0 0;}
form.f div.inline-field { margin:0 0 0 100px; color:#585757; }
form.f div.buttons,form.f p.buttons { margin: 20px 0 0 100px; }
 
form.medium-label .field { display: block; margin: 0 0 0 150px; }
form.medium-label { background:#F2F2F2 url('../images/g-bg-form-medium.gif') repeat-y; width:510px;}
form.medium-label label { width:130px;}
form.medium-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.medium-label div.inline-field { margin:0 0 0 150px;}
form.medium-label .checkbox-group { margin:0 0 0 150px; font-size:1em;}
form.medium-label textarea { width:320px; height:9em;}
form.medium-label div.buttons,form.medium-label p.buttons { margin: 20px 0 0 150px; }
 
form.large-label .field { display: block; margin: 0 0 0 200px; }
form.large-label { background:#F2F2F2 url('../images/g-bg-form-large.gif') repeat-y; width:700px;}
form.large-label label { width:180px;}
form.large-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.large-label div.inline-field { margin:0 0 0 200px;}
form.large-label .checkbox-group { margin:0 0 0 200px; font-size:1em;}
form.large-label div.buttons,form.large-label p.buttons { margin: 20px 0 0 200px; }
 
form.f input.submit, form.f a.button, form.f input.button { padding: 0.25em 1em; border: 1px solid #98C23E; background-color: #A3C852; width: auto; cursor: pointer; color: #000; }
form.f a.button:hover { text-decoration: none; }
form.f input.submit { background-color: #A3C852; border: 1px solid #98C23E; color: #000; background-image: none; line-height: normal; height: auto; text-transform: none; display: inline; text-align: center; width: auto; float: none; font-weight: normal; }
 
label.rhs_label {display: inline !important; float: none !important; width: auto !important; margin:0 !important;}
form.f .field ul { margin: 0 0 1em 2em; padding: 0; }
form.f .field ul li { margin: 0; padding: 0; }
 
form.f table { width:28em; border:#ccc solid 1px; border-collapse: collapse;}
form.f td, th { padding:4px 6px;}
form.f table thead { background-color:#ccc;}
form.f th { text-align:left; width:60%; }
form.f tbody th {border-right:#eee solid 1px;}
form.f table tfoot { background-color:#eee;}

 
form.f div.form-section { padding-top:0; }
 
form.auto { width:auto; border:0; padding:0; }
form.auto table { width:100% }
form.auto td, th { padding:2px; }
form.auto th { width:auto; }


/**** calendar colours ****/
form.f div.calendar
{
  background-color: #fff;
  border: 1px solid #5E5E5E;
}

form.f div.calendar-header
{
  background-color: #A40233;
  color: #fff;
}

form.f div.calendar-days
{
  background-color: #F2F2F2;
}

form.f div.calendar-cells a
{
  color: #000;
  border-left: 1px solid #DDDDDE; /* note: MUST be a 1px border-left */
  border-top: 1px solid #DDDDDE;  /* note: MUST be a 1px border-top */
}

form.f div.calendar-cells a:hover, form.f div.calendar-cells a.selected
{
  background-color: #A40233;
  color: #fff;
  font-weight: bold;
}

form.f div.calendar-cells a.other-month
{
  background-color: #F2F2F2;
}

form.f div.calendar-cells a.other-month:hover
{
  background-color: #F2F2F2;
}

form.f div.calendar-cells a.today
{
  background-color: #DDDDDE;
}

form.f div.calendar-cells a.today:hover
{
  background-color: #A40233;
}


/**** calendar layout ****/
form.f div.calendar
{
  display: inline;
  position: absolute;
  width: 210px;
  
  /* drop shadow in supported browsers to give "depth of field" */
  -webkit-box-shadow: 0px 4px 35px rgba(0,0,0,0.5);;
}

form.f div.calendar-header
{
  height: 20px;
}

form.f div.calendar-header a
{
  display: block;
  float: left;
  width: 20px;
  text-align: center;
  
  text-decoration: none;
  color: #fff;
}

form.f div.calendar-header a:hover
{
  font-weight: bold;
}

form.f div.calendar-header span
{
  display: block;
  float: left;
  width: 170px;
  text-align: center;
  font-size: 0.9em;
}

form.f div.calendar-days
{
  line-height: 22px;
  height: 22px;
}

form.f div.calendar-days span
{
  display: block;
  float: left;
  width: 30px;
  text-align: center;
  
  font-size: 0.9em;
  font-weight: bold;
}

form.f div.calendar-cells a
{
  display: block;
  float: left;
  width: 29px;
  line-height: 22px;
  text-align: center;
  
  text-decoration: none;
  font-size: 0.9em;
}

form.f div.calendar-cells a.other-month:hover
{
  background-color: #F2F2F2;
}

form.f div.treeselector
{
  display: inline-block;
}

form.f div.treeselector select
{
  margin: 0.5em;
}

form.f div.treeselector div.treeselect_descendants
{
  padding: 0 0 0 2em;
}