.contactbl input, .contactbl textarea, .contactbl select {
		padding: 3px;
		border: 1px solid #666;
		width: 200px;
		margin: 0 20px 0 10px;
}
.contactbl textarea {
		width: 500px;
		height:100px;
}
.contactbl select {
		width:209px;
}
.contactbl input.submit {
		width:137px;
		height:31px;
		padding: 0;
		border:0;
}

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; line-height:1.25em;  }
form.small-label {}
 
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 { 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 { 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 #EC782A; background-color: #504C4D; width: auto; cursor: pointer; color: #fff; font-weight: bold; }
form.f a.button:hover { text-decoration: none; }
 
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
{
  color: #000;
  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;
}