@charset "UTF-8";
/*
-----------------------------------------------
GEO Certification Programme CSS
-----------------------------------------------
/*

1. GLOBAL STYLES
-------------------------------------------------------------------
1.0 Main block elements
1.1 Links, Titles & Icons
1.2 Forms
1.3 Form validation


2. MAIN SITE ELEMENTS
-------------------------------------------------------------------
2.0 Subnav
2.1 My Account
2.2 Contact tables
2.3 Language icons
2.4 Facility details form
2.5 Certification Report forms
2.6 Tidying up Certification form elements
2.7 Certification form H2 principle logos
2.8 Verifiers Report
2.9 Change password



3. SPECIFIC PAGES
-------------------------------------------------------------------
3.0 Certification/Registration submission page
3.1 Nature
3.2 GEO Certification account notes
3.3 Individual form field fixes
3.4 Select verifier
3.5 Add/Edit Facility
3.6 Fixes for specific individual form elements


/*
1. GLOBAL STYLES
------------------------------------------------------------------- */

/* 1.0 Main block elements
----------------------------------------------- */
#wrapper.certification-section #main {
  padding-top:0;
  overflow:visible;
}
#wrapper.certification-section #header {
	padding-bottom:45px;
}
ul#user_details {
  color:#777;
  float:right;
  margin:-23px 5px 0 0;
	position:relative;
}
ul#user_details li {
	background: none;
  float:left;
  margin:0 5px;
	list-style-type: none;
	padding-left: 0;
}
ul#user_details li a {
  color:#727E20;
}
#wrapper.certification-section #main h1 {
  color:#9B8900;
  font-size:2.35em;
	position:relative;
}
#wrapper.certification-section #main h2 {
  color:#000;
  font-size:2.35em;
  margin:0;
}
#wrapper.certification-section #main h3 {
	background: none;
	clear: none;
	padding-left: 0;
	border-bottom: none;
	font-size: 2em;
}
#wrapper.certification-section #main #top h3 {
	font-size: 1.8em;
}
#wrapper.certification-section #main h4 {
	background: #F1F1F1;
	border-bottom: 1px dashed #CFD0CB;
	padding: 5px;
	font-size: 1.4em;
	color: #000;
	margin-bottom: 0.5em;
	clear: left;
	float: left;
	width: 640px;
}
/* Fixes a "Safari bug" */
#wrapper.certification-section #main h4 + table {
	clear: left;
}
#cert_header {
  background:#fff;
  margin-left:-20px;
  width:940px;
  height:50px;
  float:left;
  background:#ddd;
  border-left:40px solid #fff;
}
#cert_header h1 a {
  background:#353924;
  padding:15px;
  float:left;
  display:block;
  margin-right:30px;
  height:15px;
  width:210px;
  border-top:5px solid #ddd;
}
#cert_header h2 {
	float: left;
  padding:8px 0;
  border-top:5px solid #ddd;
}
#cert_subnav {
  width:210px;
  padding:15px;
  display:block;
  float:left;
}
#cert_subnav ul.course_sections li {
	margin-right: 0;
}
#cert_header ul.cert_header_item {
	float:right;
	position:relative;
	margin-top:24px;
	margin-right:10px;
}
#cert_header ul.cert_header_item li {
	background: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#wrapper.certification-section #main #top {
  width:260px;
  padding-right:0px;
  padding-top:0;
  }
#wrapper.certification-section #main #primary {
  width:650px;
  margin:20px 0 0 8px;
  padding:0;
}
#wrapper.certification-section #main #primary p {
	clear: both;
	padding: 0.6em 0;
}
img#ss_left {
  margin-top:-50px;
}
ul.expanded li {
	background: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

/* 1.1 Links, Titles & Icons
----------------------------------------------- */
a.addnew {
  text-transform:uppercase;
  color:#336633;
  padding:1px 23px 3px 0;
  float:right;
  background: url(/assets/images/page/addnew_plus.gif) top right no-repeat;
}
a.info {
  text-indent:-10000px;
  padding:0;
  width:12px;
  height:12px;
  margin-left: 4px;
  float:right;
  background: url(/assets/images/page/qmark_tooltip.gif) top right no-repeat;
	outline:0;
}

span.inline_link {
	float: right;
	margin-top: -30px;
	font-size: 1.1em;
	margin-right: 1em;
}

/* 1.2 Forms
----------------------------------------------- */
#wrapper.certification-section #main #primary.certification-form form {
	width: 425px;
	float: left;
	margin: -20px 0 0 0;
	padding: 0;
	position: relative;
}
#wrapper.certification-section #main form label {
	font-size: 1.05em;
	margin: 0.5em 0;
}
#wrapper.certification-section #main form h3 {
	border-bottom: 1px dashed #ccc;
	display: block;
	padding-bottom: 0.2em;
	margin-top: 1em;
	margin-bottom:-5px;
	width: 650px;
	float: left;
	clear: left;
}
#wrapper.certification-section #main form h4 {
	border-bottom: none;
	color: #333;
	font: normal 1.1em "Lucida Grande",Verdana,Arial,Helvetica,Sans-serif;
	font-weight: bold;
	padding: 0;
	width: 650px;
	margin-top: 1em;
	background: none;
}
#wrapper.certification-section #main form input {
	background: #fafafa;
	border: 1px solid #ccc;
	float: left;
	padding: 3px;
	color:#333;
}
#wrapper.certification-section #main form input.submitButton
	 {
	background: #353924;
  border: 0;
  color: #fff;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 5px 7px;
  width: auto;
	font-size:1.2em;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	float:left;
	margin-left:167px;
}

#wrapper.certification-section .continue 
{
	background: #353924;
  border: 0;
  color: #fff;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 5px 7px;
  width: auto;
    font-size:1.2em;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    float:left;
    
}


#wrapper.certification-section #main form input:hover.submitButton {
  background: #353924;
  border: 0;
  color: #9b8900;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 5px 7px;
  width: auto;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin-left:167px;
}

#wrapper.certification-section #main form input.checkbox_field {
	border: none;
	background: none;
	padding: 0;
}
#wrapper.certification-section #main form textarea {
	width: 413px;
	height: 140px;
	padding: 5px;
	background: #fafafa;
	border: 1px solid #ccc;
	font-size: 1.05em;
	margin: 0.5em 0;
	float: left;
	clear: left;
}
#wrapper.certification-section #main form textarea.disabled {
	border: 1px solid #a6a6a6;
	background: #c2c2c2;
	color: #999;
}
#wrapper.certification-section #main form span.charcount_wrapper {
	clear: both;
	display: block;
	padding: .4em;
	text-align: right;
}
#wrapper.certification-section #main form span.toolong {
	background: #933;
	color: #fff;
}
#wrapper.certification-section #main form table {
	width: 650px;
	float: left;
	margin: 1em 0 1.6em 0;
}
#wrapper.certification-section #main form table tr th, #wrapper.certification-section #main form table tr td {
	padding: 3px 5px 3px 0;
	text-align: left;
}
#wrapper.certification-section #main form table tr th {
	font-size: 1.1em;
	font-weight: bold;
}
div.ctrlHolder, #wrapper.certification-section #main form fieldset {
	width: 100%;
	float: left;
	clear: left;
	margin: 0.6em 0;
}
table div.ctrlHolder {
	width: auto;
	margin: 0;
}
.uniForm div.ctrlHolder {
	margin:0.3em 0;
	padding:1px 0;
}
fieldset div.ctrlHolder p {
	float:left;
	color:#777;
}
#wrapper.certification-section #main #primary form fieldset.inlineLabels label {
	width:auto;
}
#wrapper.certification-section #main #primary p.suffix {
	clear: none;
	float: left;
	margin: 0;
	padding: 3px 0 0 8px;
	position: relative;
}
#wrapper.certification-section #main form input#line_form_save, #wrapper.certification-section #main form input#line_app_form_save_validate {
	padding: 4px;
	font-size: 1.1em;
	background:#79AB76 none repeat scroll 0 0;
	color:#FFFFFF;
	text-transform:uppercase;
	border-top: 1px solid #A4AC60;
	border-left: 1px solid #A4AC60;
	border-bottom: 1px solid #484F11;
	border-right: 1px solid #484F11;
	cursor: pointer;
	margin-top: 2em;
	margin-left:0;
}
#wrapper.certification-section #main form input#line_form_save {
	background: #4C5311;
	margin-right: 1em;
	margin-left:0;
}
#wrapper.certification-section #main form span.label_width_01 label {
	width: 150px;
	float: left;
	vertical-align: middle;
	text-align: right;
	margin-right: 1em;
}
#wrapper.certification-section #main form span.label_width_01 input {
	vertical-align: middle;
	margin-top: 0.2em;
	width: 180px;
}
#wrapper.certification-section #main form span.checkbox_width_01 label, #wrapper.certification-section #main form span.checkbox_width_02 label, #wrapper.certification-section #main form span.checkbox_width_03 label {
	width: 150px;
	float: left;
	vertical-align: middle;
	text-align: left;
	margin-left: 0.5em;
}
#wrapper.certification-section #main form span.checkbox_width_02 label {
	width: 300px;
}
#wrapper.certification-section #main form span.checkbox_width_03 label {
	width: 350px;
}
#wrapper.certification-section #main form span.checkbox_width_01 input, #wrapper.certification-section #main form span.checkbox_width_02 input, #wrapper.certification-section #main form span.checkbox_width_03 input {
	float: left;
	margin-top: 0.55em;
	vertical-align: middle;
}
#wrapper.certification-section #main form em {
	color: #990000;
}
#wrapper.certification-section #main form table.hide_labels label {
	display: none;
}

#wrapper.certification-section #main #primary form label {
	text-align:right;
	width:150px;
	margin-right:10px;
	color:#333;
}
#wrapper.certification-section #main #primary form textarea {
	clear:none;
}
#wrapper.certification-section #main #primary.certification-form table#ecological_surveys label {
	float: left;
}
#wrapper.certification-section #main #primary.certification-form input.checkbox_field {
	float: left;
}
#wrapper.certification-section #main #primary.certification-form table label {
	margin: 0 0 0 5px;
}
.uniForm fieldset.inlineLabels div.ctrlHolder {
	margin: 0;
	padding: 0;
}



/* 1.3 Form validation
----------------------------------------------- */
#wrapper.certification-section #errors, #wrapper.certification-section .formHint ul li {
	background:#F5E5E5;
}
#wrapper.certification-section #errors h2, #wrapper.certification-section #errors ul li span {
	color:#cc0000;
}
#wrapper.certification-section #errors {
	padding:8px 12px;
	margin-bottom:20px;
	display:block;
	border:1px dashed #cc0000;
}
#wrapper.certification-section #errors h2 {
	padding-bottom:10px;
	font-size:2em;
}
#wrapper.certification-section #errors ul li {
	font-size:1.1em;
	color:#000;
	list-style-type:disc;
	margin-left:15px;
	font-weight:bold;
	padding-bottom:10px;
}
#wrapper.certification-section #errors span {
	font-size:1em;
	display:block;
	font-weight:normal;
}
#wrapper.certification-section .formHint {
	margin:0;
}
#wrapper.certification-section #primary .formHint {
	margin-left:160px;
	margin-top:3px;
}
#wrapper.certification-section .formHint ul li {
	font-size:1em;
	margin-left:0;
	padding:4px 6px;
}
#wrapper.certification-section table td.title {
	width:200px;
}
#wrapper.certification-section #main #primary.certification-form .formHint {
	background: #ece8cf;
	color: #333;
	margin: 0.6em 0;
	padding: 7px 10px;
}
#wrapper.certification-section #main #primary.certification-form .formError ul li {
	background: #F5E5E5;
	margin-left: 0;
	padding: 2px 5px;
}


/*
2. MAIN PAGE ELEMENTS
------------------------------------------------------------------- */

/* 2.0 Subnav
----------------------------------------------- */
#cert_subnav ul.course_sections {
	width: 210px;
}
#cert_subnav ul.course_sections li.on a {
	background-position: 0 0;
}

/* 2.1 My Account
----------------------------------------------- */
.course_info {
	width: 650px;
	float: left;
	margin-bottom: 2em;
}
.course_info dl {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 650px;
}
.course_info dl dt {
	font-weight: bold;
	color:#333;
}
.course_info dl dt.date {
	width: 150px;
	float: left;
}
.course_info dl dd.date {
	width: 150px;
	float: left;
	clear: left;
}
.course_info dl ul li {
	float: left;
	background: url(/assets/images/page/course_info_arrow.gif) center right no-repeat;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	padding-right: 15px;
	margin-right: 3px;
}
.course_info dl ul li.last {
	margin-right: 0;
	padding-right:0;
	background: none;
}
.course_info dl ul li.current {
	color: #9B8900;
	font-weight: bold;
}
.course_info dl ul li.done {
	color: #336633;
	font-weight: bold;
}
ul.course_sections {
	float: left;
	clear: left;
	width: 650px;
	margin: 0 0 1em 0;
}
ul.course_sections li {
	background: none;
	width: 206px;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.15em;
	height: 30px;
}
ul.course_sections li a,
ul.course_sections li .stage {
	width: 171px;
	height: 30px;
	padding-left: 35px;
	display: block;
	background-position: 0 -30px;
	background-repeat: no-repeat;
}
ul.course_sections li a span,
ul.course_sections li .stage span,
#primary.certification-form span.status,
#primary.facility-form span.status
{
	float: left;
	font-size: 0.7em;
	clear: both;
	text-transform: uppercase;
}
ul.course_sections li a em, ul.course_sections li span em {
	display: block;
	font-style: normal;
}
ul.course_sections li span.new, #primary.certification-form span.status.new,  #primary.facility-form span.status.new {
	color: #666;
}
ul.course_sections li span.incomplete, #primary.certification-form span.status.incomplete, #primary.facility-form span.status.incomplete{
	color:#cc0000;
}
ul.course_sections li span.complete, #primary.certification-form span.status.complete, #primary.facility-form span.status.complete {
	background: #588B56;
	color: #fff;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
ul.course_sections li.sec_facility a,
ul.course_sections li.sec_facility .stage {
	background-image: url(/assets/images/icons/30_facility_inv.gif);
}

ul.course_sections li.sec_nature a,
ul.course_sections li.sec_nature .stage {
	background-image: url(/assets/images/icons/30_nature_inv.gif);
}
ul.course_sections li.sec_landscape a,
ul.course_sections li.sec_landscape .stage {
	background-image: url(/assets/images/icons/30_landscape_inv.gif);
}
ul.course_sections li.sec_water a,
ul.course_sections li.sec_water .stage {
	background-image: url(/assets/images/icons/30_water_inv.gif);
}
ul.course_sections li.sec_turf a,
ul.course_sections li.sec_turf .stage {
	background-image: url(/assets/images/icons/30_turf_inv.gif);
}
ul.course_sections li.sec_waste a,
ul.course_sections li.sec_waste .stage {
	background-image: url(/assets/images/icons/30_waste_inv.gif);
}
ul.course_sections li.sec_energy a,
ul.course_sections li.sec_energy .stage {
	background-image: url(/assets/images/icons/30_energy_inv.gif);
}
ul.course_sections li.sec_education a,
ul.course_sections li.sec_education .stage {
	background-image: url(/assets/images/icons/30_education_inv.gif);
}
ul.course_sections li.sec_management a,
ul.course_sections li.sec_management .stage {
	background-image: url(/assets/images/icons/30_management_inv.gif);
}
ul.course_sections li a:hover {
	background-position: 0 0;
	text-decoration: none;
	height: 30px;
}
a.button, button, a.preview-application, span.button {
	background: #353924;
	border-bottom:1px solid #456D41;
	border-left:1px solid #353924;
	border-right:1px solid #456D41;
	border-top:1px solid #353924;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	overflow: visible;
	text-transform: uppercase;
	padding: 0.5em 1em;
	margin: 1em 0;
	float: left;
	clear: left;
	width: auto;
	text-align: center;
}
span.button {
	background: #ccc;
	border: 0;
	color: #fff;
	cursor: auto;
}
a:hover.button, button:hover, a.preview-application {
	color: #9B8900;
	text-decoration: none;
}
.app_submit {
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0.5em 1em;
	margin: 0 0.6em 1em 0;
	float: left;
	clear: left;
	width: auto;
	overflow: visible;
	text-align: center;
}
a.app_submit, a.app_submit:visited {
	background: #588B56;
	color: #fff;
	border-bottom:1px solid #456D41;
	border-right:1px solid #456D41;
}
a.app_submit:hover {
	background: #79AB76;
	color: #fff;
	text-decoration: none;
}
span.app_submit {
	background: #ccc;
	color: #fff;
	cursor: default;
}
a.preview-application {
	background: #eee url(/assets/images/icons/preview-application.gif) no-repeat 5px 5px;
	border: none;
	border-bottom:1px solid #eee;
	float: left;
	margin: 18px 0 0 10px;
	padding-left: 28px;
	white-space: nowrap;
}
a:hover.preview-application {
	background: #e6e6e6 url(/assets/images/icons/preview-application.gif) no-repeat 5px 5px;
}
a.preview-application.edit {
	background: #eee url(/assets/images/icons/edit-application.gif) no-repeat 5px 5px;
}
.documents {
	float: left;
	margin-top: 1em;
	clear: left;
	width: 100%;
}
.documents p {
	margin-bottom: 0;
}
.documents ul li {
	margin: 0.6em 0;
}
.documents ul li a {
	padding: 2px 0 2px 20px;
}
.documents ul li.pdf a {
	background: url(/assets/images/icons/pdf.gif) 0 0 no-repeat;
}
ul#add_application {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin-top:15px;
}
ul#add_application li {
	float:left;
	margin:0;
	padding:0;
	height:50px;
	background: url(/assets/images/certification/add_application_right.jpg) top right no-repeat;
}
ul#add_application li a {
	display:block;
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	background: url(/assets/images/certification/add_application_left.jpg) top left no-repeat;
	padding:14px 54px 20px 20px;
}
ul#add_application li a:hover {
	text-decoration:none;
	color:#353924;
}
ul#facility_actions {
  font-size: 11px;
	width:auto;
	height: 30px;
	margin: 22px 0 0 0;
  padding:0;
	float:right;
	position:relative;
	padding-right:10px;
}
ul#facility_actions li {
	background: none;
	margin: 0;
	padding: 0;
  display: inline;
  list-style-type: none;
  float:none;
}
ul#facility_actions li a:link, ul#facility_actions li a:visited {
	float: left;
	background: #f0f0f0;
	font-size: 1em;
	line-height: 14px;
	font-weight: bold;
	padding: 7px 11px;
	margin-right: 4px;
	text-decoration: none;
	color: #9B8900;
	/* Mozilla */
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  /* Webkit */
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
}
ul#facility_actions li a:link.active, ul#facility_actions li a:visited.active {
	background: #fff;
	color: #444;
}
ul#facility_actions li a:hover {
	background: #fff;
	color:#444;
}
ul#flash_messages {
	background:#E2F9E3 url(/assets/images/certification/tick.gif) no-repeat 10px center;
	border-color:#BCDFBD;
	color:#006600;
	margin-bottom:20px;
	padding:7px 5px 7px 35px;
	text-align:left;
	font-size:1.1em;
	display:block;
}
ul#flash_messages li {
	background: none;
	padding-left: 0;
}
ul#flash_messages.error {
	background:#E6B8BD url(/assets/images/certification/cross.gif) no-repeat 10px center;
	border-color:#E6B8BD;
	color:#cc0000;
}
#application-submit-buttons {
	display: block;
	float: left;
	margin: 20px 0 0 0;
	width: 100%;
}
#application-submit-buttons a {
	clear: none;
	margin: 0 15px 0 0;
}
#wrapper.certification-section #main .account-note h4 {
	background: none;
	border: 0;
	color: #444;
	font-size: 2em;
	margin: 0;
	padding: 0;
	width: auto;
}
#wrapper.certification-section #main .account-note p {
	font-size: 1.1em;
}


/* 2.2 Contact tables
----------------------------------------------- */
.contacts {
	padding-bottom: 2em;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2em;
}
.contacts:last-child {
	border-bottom:none;
}
.contacts table {
	width: 210px;
	font-size: 1.1em;
}
.contacts table tr td, table.contacts tr th {
	padding: 5px 3px 0 0;
}
.contacts table tr th {
	font-weight: bold;
}
.contacts table tr td.edit {
	text-align: right;
}


/* 2.3 Language icons
----------------------------------------------- */
ul#language {
	float: right;
	list-style: none;
	margin: 20px 0 0 0;
	padding:0;
	visibility: hidden;
}
ul#language li {
	float: left;
	margin:0 10px 0 0;
	padding:0;
	list-style: none;
	width:13px;
	height:9px;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
}
ul#language li a {
	text-indent:-10000px;
	display:block;
	outline:0;
	padding:0;
	width:13px;
	height:9px;
}
ul#language li#lan_en {
	background: url(/assets/images/icons/flag_en.gif) 0 50% no-repeat;
}
ul#language li#lan_de {
	background: url(/assets/images/icons/flag_de.gif) 0 50% no-repeat;
}
ul#language li#lan_fr {
	background: url(/assets/images/icons/flag_fr.gif) 0 50% no-repeat;
}
ul#language li#lan_it {
	background: url(/assets/images/icons/flag_it.gif) 0 50% no-repeat;
}
ul#language li.on a {
	font-weight: bold;
	color: #011E6E;
	text-decoration: none;
}

/* 2.4 Facility details form
----------------------------------------------- */
fieldset#fieldset-group_location legend {
	padding-left:100px;
	display:block;
	text-align:right;
}


/* 2.5 Certification Report forms
----------------------------------------------- */
/*
Whole thing is given its own wrapper, as these forms have to be
displayed in the admin as well as the front end
*/
#wrapper.certification-section #main #primary.certification-form #certification-report {
	margin-top:-107px;
	position:relative;
}
#wrapper.certification-section #main #primary.certification-form #certification-report h2.principle-title {
	margin-top:1.4em;
	border-top:1px dashed #ddd;
	padding-top:20px;
	background-position:left 22px;
}
#wrapper.certification-section #main #primary.certification-form #certification-report h2.principle-title.nature {
	border-top:0;
}
#certification-report p, #certification-report ul, #certification-report ol, #certification-report table {
	font: normal 1.1em "Lucida Grande",Verdana,Arial,Helvetica,Sans-serif;
	margin-bottom:2em;
}
#certification-report ol#contentys li {
	background: none;
	list-style-type: none;
	margin: 0.3em 0;
	padding-left: 0;
}
#certification-report table td, #certification-report table th {
	padding:2px 5px;
}
#certification-report h1, #certification-report h2, #certification-report h3, #certification-report h4, #certification-report p.positive-response {
	font-family: Georgia, "Times New Roman", Times, serif;
}
#certification-report p {
	margin-top:0;
	margin-bottom:0.8em;
	line-height:140%;
}
h2#about_this_report, h2#scope_of_application {
	background:transparent url(/assets/images/page/arrow-heading-blackonwhite.gif) no-repeat scroll 0 6px;
	color: #000;
	font-size: 1.8em;
	padding-left:13px;
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:10px;
}
#certification-report h2.principle-title {
	background-repeat: no-repeat;
	border-bottom: 2px solid #000;
	color: #000;
	display: block;
	font-size: 2.8em;
	height: 65px;
	margin: 2em 0 0.5em 0;
	padding-bottom: 0.1em;
	padding-left: 60px;
	position: relative;
}
#certification-report h3 {
	margin-bottom:0;
	margin-top:1.2em;
	padding-bottom:3px;
}
#wrapper.certification-section #main #certification-report h4 {
	background: none;
	border: 0;
	font-size: 1.5em;
	margin-bottom: 0;
}
#certification-report ul {
	clear:both;
	line-height:170%;
	margin-bottom:1.6em;
}
#certification-report ul li {
	background: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#certification-report ul.checklist li {
	background:url(/assets/images/icons/certification-report-tick1.gif) no-repeat 0 6px;
	padding-left:17px;
}
#certification-report p.positive-response, #certification-report p.section-intro {
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color:#555;
	padding: 0.6em 0 0 0;
}
#certification-report p.neutral-response {
	display: block;
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	padding-top: 0.3em;
}
#certification-report table th.title, #certification-report table th.author, #certification-report table th.date {
	font-weight:bold;
	color:#000;
	padding-bottom:7px;
}

/* Certification Report Preview */
#wrapper.certification-section #main #primary.certification-form #certification-report.preview  h2.principle-title {
	position: relative;
}
#wrapper.certification-section #main #primary.certification-form #certification-report.preview {
	margin-top: -30px;
}


/* 2.6 Tidying up Certification form elements
----------------------------------------------- */
#wrapper.certification-section #main #primary form input.yesnoradio_field, #wrapper.certification-section #main #primary form input.yesnoradio_field label {
	clear: both;
	float:left;
	display:block;
}
#wrapper.certification-section #main #primary form input.yesnoradio_field {
	border: 0;
	margin: 3px 5px 0 0;
	background: #fff;
	position: relative;
}
#wrapper.certification-section #main #primary form label.yesnoradio_label {
	border: 0;
	margin: 0px 5px -8px 0;
	display: block;
	position: relative;
}
#wrapper.certification-section #main #primary.certification-form label {
	text-align:left;
}
#wrapper.certification-section #main #primary.certification-form label.required,
#wrapper.certification-section #main #primary.certification-form label.optional

 {
	display:block;
	font-weight: bold;
	width:100%;
	float:none;
}
#wrapper.certification-section #main #primary.certification-form table label.required,
#wrapper.certification-section #main #primary.certification-form table label.optional,
#wrapper.certification-section #main #primary.certification-form label.checkbox-label,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_water_activities_consumption label,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_water_activities_quality label,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_turf_feeding label,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_employee_education label,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_environmental_communication label,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_external_environmental_communication label,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_partnerships label
{
	font-weight: normal;
}

#wrapper.certification-section #main #primary.certification-form #fieldset-group_turf_grasses th,
#wrapper.certification-section #main #primary.certification-form #fieldset-group_turf_grasses td {
	width: 33%;
}
#wrapper.certification-section #main #primary.certification-form #fieldset-group_turf_grasses td select {
	width: 230px;
}

#wrapper.certification-section #main #primary.certification-form label.checkbox-label {
	display:inline;
	float:left;
	width:auto;
}


#wrapper.certification-section #main #primary.certification-form .hide_labels label.required,
#wrapper.certification-section #main #primary.certification-form .hide_labels label.optional

 {
	display:none;
}



#wrapper.certification-section #main #primary.certification-form fieldset#fieldset-group_cultural_heritage_designations_checkboxes label {
	width:auto;
}
#wrapper.certification-section #main #primary.certification-form ul.expanded li {
	clear: both;
	display: block;
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}
#wrapper.certification-section #main #primary.certification-form .show__fieldset-group_environmental_management_plan_checkboxes label, #wrapper.certification-section #main #primary.certification-form .show__group_working_group_checkboxes label {
	clear: both;
}

/* 2.7 Certification form H2 principle logos
----------------------------------------------- */
#wrapper.certification-section #main #primary.certification-form h2.principle-title,
#wrapper.certification-section #main #primary.facility-form h2.principle-title
{
	background-position: left 2px;
	background-repeat: no-repeat;
	height:65px;
	margin: 0;
	padding-left:60px;
	position:relative;
	width: 500px;
}
#wrapper.certification-section #main #primary.facility-form h2.principle-title.facility, #certification-report h2#facility {
background-image:url(/assets/images/icons/52_facility_black.gif);
}

#wrapper.certification-section #main #primary.certification-form h2.principle-title.nature, #certification-report h2#nature {
	background-image:url(/assets/images/icons/52_nature_black.gif);
}
#wrapper.certification-section #main #primary.certification-form h2.principle-title.landscape, #certification-report h2#landscape_and_culture {
	background-image:url(/assets/images/icons/52_landscape_black.gif);
}
#wrapper.certification-section #main #primary.certification-form h2.principle-title.water, #certification-report h2#water {
	background-image:url(/assets/images/icons/52_water_black.gif);
}
#wrapper.certification-section #main #primary.certification-form h2.principle-title.turf, #certification-report h2#turf {
	background-image:url(/assets/images/icons/52_turf_black.gif);
}
#wrapper.certification-section #main #primary.certification-form h2.principle-title.waste, #certification-report h2#waste {
	background-image:url(/assets/images/icons/52_waste_black.gif);
}
#wrapper.certification-section #main #primary.certification-form h2.principle-title.energy, #certification-report h2#energy {
	background-image:url(/assets/images/icons/52_energy_black.gif);
}
#wrapper.certification-section #main #primary.certification-form h2.principle-title.education, #certification-report h2#education_and_awareness {
	background-image:url(/assets/images/icons/52_education_black.gif);
}
#wrapper.certification-section #main #primary.certification-form h2.principle-title.management, #certification-report h2#management_planning {
	background-image:url(/assets/images/icons/52_management_black.gif);
}

#primary.certification-form span.status {
	font-size: 0.9em;
	margin:-39px 0 0 60px;
	position: relative;
}

/* 2.8 Verifiers Report
----------------------------------------------- */
#certification-report.verifiers-report h2#nature,
#certification-report.verifiers-report h2#landscape_and_culture,
#certification-report.verifiers-report h2#water,
#certification-report.verifiers-report h2#turf,
#certification-report.verifiers-report h2#waste,
#certification-report.verifiers-report h2#energy,
#certification-report.verifiers-report h2#education_and_awareness,
#certification-report.verifiers-report h2#management_planning {
	background-image:none;
	background:transparent url(/assets/images/page/arrow-heading-blackonwhite.gif) no-repeat scroll 0 6px;
	padding-left:13px;
}
#certification-report.verifiers-report h2.principle-title {
	background:transparent url(/assets/images/page/arrow-heading-blackonwhite.gif) no-repeat scroll 0 6px;
	padding-left:13px;
	border-bottom:1px dashed #ccc;
	font-size: 1.8em;
	height: auto;
	margin: 0;
	padding: 0 0 3px 0;
	position:relative;
	width: 500px;
}
#primary.certification-form span.status,
#primary.facility-form span.status
{
	font-size: 0.9em;
	margin:-39px 0 0 60px;
	position: relative;
}
#main #certification-report.verifiers-report h3 {
	background: none;
	margin-bottom: 0.4em;
	padding-left: 0;
}
#main #certification-report.verifiers-report h4 {
	margin-top: 0.4em;
}
#verification-meta {
	display: block;
}
#verification-meta h1 {
	line-height: 120%;
}
#verification-meta span {
	color: #333;
 	display: block;
	font-size: 1.1em;
	line-height: 150%;
}
#main #certification-report.verifiers-report .report_box {
	padding-bottom: 0;
}


/* 2.9 Change password
----------------------------------------------- */
#wrapper.certification-section #white_wrap.password-reset,
#wrapper.certification-section #white_wrap.password-reset #main,
#white_wrap.password-reset fieldset,
#white_wrap.password-reset div.ctrlHolder {
	width: 400px;
}
#wrapper.certification-section #white_wrap.password-reset #main fieldset.inlineLabels div.ctrlHolder label {
	display: block;
	text-align: left;
}
#wrapper.certification-section #white_wrap.password-reset #main form input.submitButton {
	margin-left: 0;
}


/*
3. SPECIFIC PAGES
------------------------------------------------------------------- */

/* 3.0 Certification/Registration submission page
----------------------------------------------- */
#wrapper.submission #submission-titles {
	background: #eee;
	border-bottom: 2px solid #ddd;
	clear: both;
	float: left;
	margin-bottom: 20px;
	padding: 0 15px;
	width: 870px;
}
#wrapper.submission #submission-titles h1 {
	float: left;
	padding: 15px 0;
	position: relative;
}
#wrapper.submission #submission-titles h5 {
	color: #555;
	float: right;
	font-size: 1em;
	font-weight: normal;
	margin-top: 20px;
}
#wrapper.submission form#submission-form {
	float: left;
	width: 100%;
}
#wrapper.submission form#submission-form .submit {
	float: left;
}
#wrapper.submission #submission-buttons {
	border-top: 1px dashed #ccc;
	display: block;
	float: left;
	margin-top: 20px;
	padding-top: 20px;
	width: 100%;
}
#wrapper.submission #submission-buttons a, #wrapper.submission #submission-buttons button {
	clear: none;
	display: inline;
	float: left;
	margin: 0 15px 0 0;
}

/* 3.1 Nature
----------------------------------------------- */
#wrapper.certification-section #main #primary #types_of_designation .ctrlHolder {
	margin:0;
}
#wrapper.certification-section #main #primary fieldset#fieldset-group_nature_checkboxes label {
	text-align:left;
	position:relative;
}
#wrapper.certification-section #main #primary.certification-form table#habitats td.title {
	width:350px;
}
#wrapper.certification-section #main #primary.certification-form table#habitats td.hide_labels .ctrlHolder {
	margin-bottom: -7px;
	position: relative;
}

/* 3.2 GEO Certification account notes
----------------------------------------------- */
#wrapper.certification-section #main #certification-welcome, #wrapper.certification-section #main .account-note {
	background: #FFF7D9;
	border: 1px dashed #F2CB32;
	display: inline;
	float: left;
	padding: 20px 20px 10px 20px;
}
#wrapper.certification-section #main #certification-welcome h4 {
	background: none;
	border: none;
	font-size: 1.7em;
	margin: 0 0 1em 0;
	padding: 0;
	width: auto;
}
#wrapper.certification-section #main #certification-welcome h5 {
	font-size: 1.2em;
	margin-bottom: 0.2em;
}
#wrapper.certification-section #main #certification-welcome p {
	margin: 0 0 1.6em 0;
}
#wrapper.certification-section #main #certification-welcome ul {
	font-size:1.1em;
	line-height: 1.8em;
	margin-bottom: 1.6em;
	padding-left: 30px;
}
#wrapper.certification-section #main #certification-welcome ul li {
	list-style-type: none;
}

/* 3.3 Individual form field fixes
----------------------------------------------- */
#wrapper.certification-section #main #primary form fieldset.inlineLabels .show__fieldset-group_energy_audit_details label, #wrapper.certification-section #main #primary form .show__ label {
	float: none;
}


/* 3.4 Select verifier
----------------------------------------------- */
#select-verifier {
	width: 960px;
}
#wrapper.certification-section #main #select-verifier h1 {
	font-size: 2.6em;
	margin-bottom: 0.8em;
}
#wrapper.certification-section #main #select-verifier h2 {
	font-size: 1.9em;
	margin-bottom: 0.3em;
}
#wrapper.certification-section #main #select-verifier p {
	font-size: 1.1em;
	margin: 0;
}
#wrapper.certification-section #main #select-verifier ul {
	clear: left;
}
#wrapper.certification-section #main #select-verifier li {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
	width: 220px;
}
#wrapper.certification-section #main #select-verifier form, #wrapper.certification-section #main #select-verifier form .submit, #wrapper.certification-section #main #select-verifier form .submit button {
	float: left;
	margin: 0;
	padding: 0;
}
#wrapper.certification-section #main #select-verifier form .submit button {
	margin: 1em 0;
	padding: 0.5em 1em;
}


/* 3.5 Add/Edit Facility
----------------------------------------------- */
form#add-facility.uniForm div.ctrlHolder {
	width: 500px;
}

#wrapper.certification-section #main #primary form#add-facility p.formHint {
	display: block;
	float: none;
}
#wrapper.certification-section #main form input#LINE_FORM_SAVE {
	margin-left: 0;
}


/* to be sorted */

#wrapper.certification-section #main #primary.certification-form table.hide_labels label.required,
#wrapper.certification-section #main #primary.certification-form table.hide_labels label.optional
 {
    display:none;
}

table .weight input {
    width:30px;
}

.report_box {
	padding-bottom: 2em;
}


/* 3.6 Fixes for specific individual form elements
----------------------------------------------- */
#wrapper.certification-section #main form #fieldset-group_pesticide_use table {
	margin-left: -70px;
	position: relative;
	z-index: 900;
}
#wrapper.certification-section #main #primary.certification-form .activities label {
	color: #555;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 0;
	padding: 5px 5px 3px 0;
	text-align: left;
}
#wrapper.certification-section #main form .activities textarea {
	float: none;
	margin-top: 2px;
}
#wrapper.certification-section #main form .activities .charcount_wrapper {
	display: block;
	margin-bottom: 1em;
}
#edit_contact .formHint {
	float: none;
}
#edit_contact .buttonHolder {
	padding-left: 160px;
}


