/* begin reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
html, body, input textarea{
padding: 0;
margin: 0;
color: #333;
font-family: Arial, Helvetica, sans-serif;}
:focus {outline: 0;}
input[type="hidden"] {display:none;}
/* end reset */

html
{
	font-size: 100%;
	height: 100%;
}

body
{
	height: 100%;
    font-size: 62.5%;    
    font-family: arial, helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	background-color: #c0c0c0;
}

textarea, input, select
{
    font-size: 1em;    
    font-family: arial, helvetica, sans-serif;
}

/* skip links */
#skiplinks
{
    position:absolute;
    left:-1000em;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

#contentArea, #contentAreaHelp
{
	width: 102.4em;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#contentArea
{
	height: 80em;
	overflow: hidden;
}

#contentArea
{
}


#contentAreaInner
{
	padding-left: 3.7em;
	padding-top: 2.7em;
}

#contentAreaHelp #contentAreaInner
{
	padding-right: 3.7em;
}

#hgcaLogo
{
	width: 5.8em;
	height: 7.4em;
}

#naturalEnglandLogo
{
	width: 10.8em;
	height: 7.4em;
	float: right;
}
#bePreciseLogo
{
	margin-left: 2.5em;
	width: 13.6em;
	height: 7.3em;
}

hr
{
	width: 100%;
	color: #96a062;
	background-color: #96a062;
	height: 2em;
	overflow: hidden;
	position: relative;
	left: -3.7em;	
	width: 102.4em;
	
}

hr.inputPage
{
	height: 0.1em;
}

#homePageHeader
{
	position: relative;
}

#helpButtonHomePage, #helpButtonInputPage
{
	position: absolute;
	right: 5em;
	width: 4.4em;
	height: 4.4em;
}

#helpButtonHomePage
{
	right: 12em;
}

#helpButtonHomePage img
{
	width: 4.4em;
	height: 4.4em;
}

#helpButtonHomePage
{
	top: 9.3em;
}

#helpButtonInputPage
{
	top: 4em;	
}

.navButtonHolder
{
	position: absolute;
	width: 9.9em;
	height: 3.6em;
	top: 4.4em;	
	margin: 0px;
	padding: 0px;
}

.navButtonHolder img
{
	width: 9.9em;
	height: 3.6em;	
	margin: 0px;
	padding: 0px;
}

.navButtonHolder p
{
	margin: 0px;
	padding: 0px;
	width: 9.9em;
	text-align: center;
	line-height: 3.6em;	
	height: 3.6em;
	position: absolute;
	top: 0em;
	left: 0em;
}
.navButtonHolder .normalNavButton
{
	width: 7.07em;
	height: 2.57em;
	font-family: arial, helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #758230;
	margin: 0px;
	padding: 0px;
	background-image: none;
	background-color: Transparent;
	border-style: none;
	position: absolute;
	top: 0em;
	left: 0em;
}

.navButtonHolder p span
{
	font-family: arial, helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #758230;
	margin: 0px;
	padding: 0px;
}

.navButtonHolder p span.current
{
	font-family: arial, helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #acb483;
}


#systemButton
{
	right: 11em;
}

#variationButton
{
	right: 23em;
}

#costsButton
{
	right: 35em;
}

#farmButton
{
	right: 47em;
}

#introButton
{
	right: 59em;
}

#homeButton
{
	right: 71em;
}

#homePageBottomImage
{
	width: 102.4em;
	height: 24.6em;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.mainBody
{
	height: 56em;
	overflow: auto;
}

#inputPageBottomImage
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#inputPageBottomImage img
{
	width: 102.4em;
	height: 15.1em;
}

h1
{
    font-size: 4.0em;    
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
	padding-top: 1em;
	padding-bottom: 0.2em;
}

h2
{
    font-size: 3.6em;    
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
}

span.homeP, p.homeP
{
    font-family: arial, helvetica, sans-serif;
    font-size: 1.4em;
}

p.homeP
{    
    margin-top: 0.5em;
    margin-right: 4em;
}

.previousButton, .nextButton
{
	position: absolute;
	bottom: 10em;
}

.previousButton
{
	right: 8em;
}

.nextButton
{
	right: 4em;
}

.previousButton input, .nextButton input
{
	width: 3.4em;
	height: 3.3em;
}

.restartButton
{
	position: absolute;
	bottom: 0em;
	right: 12em;	
}

.restartButton input
{
	width: 29.3em;
	height: 7em;
}


.leftPanel
{
}

.rightPanel
{
	float: right;
}

.rightPanel img
{
	width: 36.5em;
	height: 42.4em;
}

.mapImage
{
	width: 18.25em;
	height: 21.2em;
}

.popupMapDiv .mapImage
{
	width: 27.375em;
	height: 31.8em;
}



.leftPanel p, .riskAssessPanel p
{
	font-size: 1.4em;
}

.leftPanel p.small
{
	font-size: 1em;
	font-weight: bold;
}

.leftPanel p.last
{
	margin-bottom: 7em;	
}

.riskAssessPanel p.bottom
{
	margin-bottom: 1em;
}

.leftPanel .label, .riskAssessPanel .label
{
	float: left;
	width: 10em;
}

.leftPanel .label label, .riskAssessPanel .label label
{
	font-size: 1.4em;
}

.leftPanel input, .riskAssessPanel .row input
{
	font-size: 1.6em;
	width: 20em;
	background-color: #dddddd;
}

.leftPanel .row, .riskAssessPanel .row
{
	margin-bottom: 2em;
	margin-left: 7em;
}

.leftPanel .buttons, .riskAssessPanel buttons
{
	width: 42.5em;
	text-align: center;
}

.leftPanel .buttons a, .riskAssessPanel .buttons a
{
	font-size: 1.8em;
	color: #758230;
	text-decoration: none;
	font-weight: bold;
}

.clear
{
	clear: both;
}

.errors
{
	color: Red;
	font-size: 1.2em;
	font-weight: bold;
}

.popupMapDiv
{
	position: absolute;
	top: 9em;
	right: 2em;
	display: none;
	border-style: solid;
	border-width: 0.2em;
	border-color: Black;
}

.close
{
	position: absolute;
	top: 1em;
	right: 1em;
	font-size: 1.2em;
	color: #758230;		
}
.riskAssessPanel
{
	position: relative;
}

.popupMap
{
	font-size: 0.6em;
	color: #758230;		
}

.assessTable
{
	margin-left: 7em;
	color: Black;
/*	border-style: solid;
	border-width: 0.1em;
	border-color: Black; */
}
.assessTable .colOne div
{
	width: 14em;
}

.assessTable thead
{
	color: White;
	background-color: #758230;
	padding: 0.5em;
}

.assessTable thead th, .assessTable tbody td
{
	font-size: 1.6em;	
	border-style: solid;
	border-width: 0.05em;
	border-color: Black;
	
}

.assessTable thead th
{
	font-weight: bold;
	padding: 0.5em;
}

.assessTable tbody td
{
	padding: 0.1em;
}

.assessTable select, .assessTable input
{
	width: 22em;
}

.assessTable input
{
	border-style: none;
	background-color: Transparent;
}

td
{
	background-color: #ffcc99;
}

td.colTwo
{
	background-color: #ffff99;
}

.totalRow td
{
	background-color: #758230;
	color: White;
}

.assessTable tbody tr.totalRow td.colTwo input
{
	text-align: center;
	color: White;
}


.column
{
	float: left;
}

.factor
{
	width: 16em;
}

.details .rowTitle, .details .colTitle
{
	width: 23em;
}

.risk
{
	width: 5em;	
	overflow: hidden;
}

.score
{
/*	width: 10em; */
}

.score .rowTitle, .score .colTitle, .score .subtotal
{
	width: 10em;
}

.outer
{
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: 0.1em;	
}


.subTotalTitle
{
	width: 43.9em;
	background-color: #758230;
	color: White;
	text-align: right;
	border-left-color: Black;
	border-left-style: solid;
	border-left-width: 0.1em;	
	border-right-color: black;
	border-right-width: 0.1em;
	border-right-style: solid;
}

.subTotalTitle span
{
	font-size: 1.4em;
}

.colTitle
{
	background-color: #758230;
	color: White;
	font-weight: bold;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom-style: solid;
	border-bottom-color: Black;
	border-bottom-width: 0.1em;
	border-top-color: black;
	border-top-width: 0.1em;
	border-top-style: solid;
}

.colTitle span
{
	font-size: 1.6em;	
}

.borderBottom
{
}


.rowTitle
{
	text-align: center;
	border-color: Black;
	border-width: 0.1em;
	background-color: #ffcc99;
}

.score .rowTitle
{
	background-color: #ffff99;
}
.risk .rowTitle, .score .rowTitle
{
	border-right-style: none;
	
}

.rowTitle span
{
	font-size: 1.6em;
}

.factor .colTitle, .factor .rowTitle
{
	border-left-color: black;
	border-left-width: 0.1em;
	border-left-style: solid;
}

.risk .colTitle, .risk .rowTitle, .score .colTitle, .score .rowTitle
{
	border-right-color: black;
	border-right-width: 0.1em;
	border-right-style: solid;
}
.factor .colTitle, .factor .rowTitle, .borderBottom
{
	border-right-color: black;
	border-right-width: 0.1em;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-color: Black;
	border-bottom-width: 0.1em;
}

.details .colTitle, .details .rowTitle, .borderRight
{
	border-right-color: black;
	border-right-width: 0.1em;
	border-right-style: solid;
}

.borderLeft
{
	border-left-color: black;
	border-left-width: 0.1em;
	border-left-style: solid;
}

.details .rowTitle span, .risk .rowTitle span
{
	font-size: 1em;
}

.one
{
	height: 1.4em;
}

.score .one
{
	line-height: 1.4em;
}

.oneBig
{
	height: 2em;
	line-height: 2em;
}

.finishedSubtotal span
{
	font-size: 1.6em;
	font-weight: bold;	
}

.two
{
	height: 2.8em;
}

.score .two
{
	line-height: 2.8em;
}

.three
{
	height: 4.2em;
}

.score .three
{
	line-height: 4.2em;
}

.four
{
	height: 5.6em;
}

.score .four
{
	line-height: 5.6em;
}

.five
{
	height: 7em;
}

.score .five
{
	line-height: 7em;
}

.fieldName
{
	height: 5em;
	width: 10em;
	text-align: center;	
	overflow: hidden;
}


.fieldName span
{
	font-size: 1.4em;
	font-weight: bold;
}

.navLinks, .navLinksSmall
{
	font-size: 1.8em;
	color: #758230;
	text-decoration: none;
	font-weight: bold;
}

.navLinksSmall
{
	font-size: 1.2em;
}	

.subtotal
{
	text-align: center;
	overflow: hidden;
}

.redBackground span, .orangeBackground span, .greenBackground span
{
	font-size: 1.6em;
	font-weight: bold;
	color: White;
}

.redBackground
{
	background-color: Red;
}

.greenBackground
{
	background-color: #7ecb69;
}

.orangeBackground
{
	background-color: #ffb017;
}

.thirdWidth
{
	width: 32em;
	float: left;	
}

.left
{
	text-align: left;
}

.middle
{
	text-align: center;
}

.right
{
	text-align: right;
}

.right a
{
	margin-right: 2em;
}

.summaryPanel
{
	width: 96em;
}

.scrollPanel
{
	margin-top: 2em;
	margin-bottom: 1em;
	width: 95.1em;
	overflow: auto;
	height: 49em;
}

.padded
{
	margin-right: 17em;
}

.farmDetails
{
	position: absolute;
	top: 0em;
	left: 20em;
	height: 5em;
	width: 68em;
	overflow: hidden;
}

.farmDetails label, .farmDetails span
{
	font-size: 1.6em;
}

.farmDetails span
{
	font-size: 1.4em;
}

.printImage
{
	float: left;
	margin-bottom: 2em;
	margin-right: 2em;
}

.printFarmHeader div.labelWidth
{
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	width: 10em;
	color: #758230;
	height: 1.5em;
}

.printFarmHeader p
{
	font-size: 1.4em;
	height: 1.5em;
}

.printTitle
{
	font-size: 2.8em;
	font-weight: bold;
	color: #758230;
}

/* Help Page */
h1.help
{
    color: black;
    font-size: 3.6em;    
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
	padding-top: 1em;
	padding-bottom: 0.2em;
}

h1.help a
{
	font-size: 0.4em;
	border-style: solid;
	border-width: 0.1em;
	color: #758230;
	padding: 0.3em;
	background-color: #f7c71f;
	margin-left: 3em;
}

h1.help a:hover
{
	border-color: Blue;
	color: #ffffff;
}


h2.help
{
    color: #758230;	
    font-size: 2.4em;    
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
}

p.help
{
    color: #758230;
    font-size: 1.6em;    
    font-family: arial, helvetica, sans-serif;
    margin-bottom: 0.5em;
}

table.help
{
    font-size: 1.6em;    
    font-family: arial, helvetica, sans-serif;
	border-style: solid;
	border-width: 0.1em;	
	border-collapse: collapse;
}

table.help td
{
	border-style: solid;
	border-width: 0.1em;	
	padding: 0.2em;
	color: #939598;
	background-color: White;
}

table.help td.header
{
    background-color: #f7c71f;	
    color: #758230;
}

.signature
{
	margin-top: 10em;
	font-size: 1.6em;
}

@media print
{
	body
	{
		background-color: White;
	}
	
	.restartButton
	{
		display: none;
	}
}