body, html {
	margin: 0;
	padding: 0 0px;
	height: 100.02%;
	
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	background-image: url(../../images/bg-page-generic.gif);
	background-repeat: repeat-x;
	background-color:#35a0d8;

}

a {
color:#3b6c98
}

a:hover {
color:#3b6c98;
text-decoration:none;
}



form {
margin:0px;
padding:0px;

}
 


fieldset.hidden {
	border: none;
	margin: 0px;
	display: inline;
	padding:0px;
	display: none;
}




p, ol, ul, dl {
	margin-bottom: 1em;
	margin-top: 0;
}


img {
border: 0;
}

p {
line-height: 1.4em;
}

sup {
line-height: 0;
}


.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}



#wrapper {
	margin: 0 0;
}


.calculator #container {
	width:714px;
	margin-left:10px;
	
}



.home #container {
	width:766px;


	
}

.remove, .hide {
	display: none;
}


#header {
	height:136px;
	padding: 0;
	margin:0;


}


#header h1 {
	color:#FFFFFF;
	font-size: 220%;
	padding-left:0px;
	padding-top: 45px;
	margin:0;
}

#header .logo {
	padding-top: 9px;
	display:block;
}


#wrapHeader {
	height:136px;
	background-image: url(../../images/bg-header-repeat.gif);
	background-repeat: repeat-x;

}




#banner {

	padding-left: 11px;
	height:136px;
	background-image: url(../../images/bg-header.gif);
	background-repeat: no-repeat;
	background-position: bottom left;	

}


#sidebar {
	float: left;	


}


.home #sidebar {
	width: 205px;
	
	
}

.calculator #sidebar {
	width: 0px;
}

.home #container #contentBox {

	padding-left:10px;
	padding-right:4px;

	
}

.home #container #contentBox ul {
font-size:12px;

}

.home #container  #contentBox p {
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
/*just added*/
.home #container #contentBox .detail table tr th  {
	background-color: #f5f5f5;
	text-align: left;
	padding: 0.4em 0.6em;
	font-weight: bold;
}

.home #container #contentBox .detail table tr td {
	background-color: #f5f5f5;
	text-align: left;
	padding: 0.4em 0.6em;
	font-weight: normal;
}

.home #container #contentBox .detail table tr.odd th, 
.home #container #contentBox .detail table tr.odd td {
	background-color: #ebebeb;
}

 
.calculator #container #contentBox #q26explain table tr.odd td {
	background-color: #ebebeb;
}

.calculator #container  #contentBox p {
	color: #02829b;
	font-size:15px;
	font-weight: bold;
	margin:0;
	padding:0;
	margin-bottom: 1.25em;
	
}



#bar #progressBar {
	background-color: #023a45;
	color: #FFFFFF;
	padding: 0;
	margin:0;
	padding-left: 10px;
	font-size:76%;
	font-weight:bold;
	height: 17px;

	margin-bottom: 1em;

}


#progressBar #progress  {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-size:126%;
	font-weight:normal;
	height: 17px;
	margin-bottom:0;	
}

#progress  .on {
	padding-right:10px;
	padding-left:10px;
	height:16px;
	float:left;
	background-color: #609c00;
	padding-top:1px;

	
}

#progress  .onLast {
	padding-right:14px;
	padding-left:10px;
	height:16px;
	float:left;
	background-color: #609c00;
	padding-top:1px;

	
}


#progress  .onFocus {
	padding-right:10px;
	padding-left:10px;
	height:16px;
	float:left;
	background-color: #6eb400;
	padding-top:1px;
	font-weight:bold;

	
}




#progress .off {
	padding-right:10px;
	padding-left:10px;
	height:17px;
	height:16px;
	padding-top:1px;
	float:left;

}

#progress .start{
	padding-right:12px;
	padding-left:4px;
	height:15px;
	padding-top:2px;
	float:left;
	margin-top:0;
	text-transform:uppercase;
	font-size: 80%;
	font-weight:bold;
}


#homeBar {
	background-color: #7b9ebd;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}


#homeBar a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#homeBar a:hover {
	text-decoration: underline;
}


#container .contentTop {
	float:left;

}


.contentBottom {
clear:both;
float:left; 

}

.calculator #contentBox {
background:#FFF;
float:left; 
width:687px;
padding: 0 27px;

}

.home #contentBox {
	background:#FFF;
	float:left; 
	width:531px;
	padding: 0;
	padding-left:10px;
height:100%; 
        min-height:100%; 
}



.home #contentBox h2 {
color: #02829b;
font-size:16px;
margin:0;
padding:0;
margin-bottom: .75em;


}

.home #contentBox h2.sub {
margin-top: 1em;
}



.home #contentBox  .floatrightimage
{

width: 360px;

background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
font-size: 12px;
margin: 0 auto;
margin-bottom: 10px;
}


.home #contentBox  .floatleftimage
{

float:left;
width:200px;
padding-right:10px;
padding-bottom:5px;
padding-right:10px;

}

.home #contentBox  .floatleftimage span {
font-size:11px;
color: #000;
}

.home #footer {
width:720px;
float:left;
margin-top: -50px;
margin-left: 10px;

}


#footer {
	clear: both;
	color: #FFFFFF;

	
}




#footer .inner {
	padding: 10px 0px 0px 0px;
}


.home #footer inner {
	padding: 0px 0px 0px 0px;
}



#footer img {
	float: right;
}

#footer p {
	margin: 0 0 0 0;
}

#footer a {
	color: #FFFFFF;
}


#contentBox .explantationTop {
	background-color: #f5f5f5;
	color: #333333;
	font-style: italic;
	margin-left: 0em;
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	width: 90%;
	font-size:110%;
	margin-bottom: 1.5em;
	margin-top: -10px;

}


.calculator #contentBox h3 {
	color: red;
	font-size:100%;
	padding:0;
	margin-top: -10px;
}

.calculator #contentBox h4 {
	color: red;
	font-size:100%;
	padding:0;
	margin-top: -10px;
}



.questionblock .explantation {
	background-color: #f5f5f5;
	color: #333333;
	font-style: italic;
	margin-left: 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 90%;
	margin-top: 0.53em;



}

.questionblock .answerList {
	list-style-type: none;
	margin-left: 0em;
	padding-left: 0;
	margin-top: 0;
	
}


.questionblock .button {
padding-left: .25em;
vertical-align: top;


}


.questionblock .subquestion {
display: block;
float:left;
font-size:16px;
height:20px;
font-weight: bold;
color: #02829b;
margin:0;
padding:0;
padding-right: 5px;
line-height: 1em;

}



#calculator-nav .button {
	padding-left:10px;

}



.question .questionblock {
	border-left: 1px solid #c3d0db;
	margin-left: 40px;
	font-size:110%;
	margin-top:-25px;

	

}



.answer .answerList {
	list-style-type: none;
	margin-left: 0em;
	padding-left: 0;

	
}




.questionblock span {
	padding-left: 6px;
	padding-bottom:6px;
	display:block;


	
}






#calculator-nav {
	clear: both;
	float: left;
	height: 57px;
	background-image: url(../../images/bg-calculatorNav.gif);
	background-repeat:no-repeat;
	margin-top: 4px;
	width:100%;
	

}


#calculator-nav .buttons {
clear:both;
height: 57px;
margin-top:0px;
padding:0;
margin-left:531px;
background-color: #9bc160;
background-image: url(../../images/right-calculatorNav.gif);
background-repeat: no-repeat;
background-position: bottom right;
width:200px;
padding-right:10px;



}

#calculator-nav .navButton1 {
border: 3px solid #71a71d;
background: #f4f4f4;
margin-top: -30px;
margin-left:10px;
padding-left:3px;
padding-right:3px;
}

#calculator-nav .navButton2 {
	border: 3px solid #71a71d;
	background: #f4f4f4;
	margin-top: -30px;
	padding-left:5px;
	padding-right:5px;
}


.home  .navButtonStart {
border: 3px solid #71a71d;
background: #f4f4f4;
padding-left:5px;
padding-right:5px;

}

form .navButtonStart {
float:right;
margin-right: 10px;
}



#helpButtonsQ1 {
	display: inline;
}

#helpButtonsQ3 {
display: inline;
}


#helpButtonsQ5 {
display: inline;
}


#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#container {display: inline-table;
}


.progressImage {
float:left;
}


.progressImageTail {
float:left;
padding-left: 0px;
}


.question {
	width:100%;
	padding-bottom:1em;

}

.number {
	
}

.nonumber {
display:block;
border:1px solid red;
padding-bottom: 20px;
width:30px;
}


/* Results page styles */
#results {
	border: 1px solid #c3d0db;
	padding: 1em;
	margin: 0 0 1em 0;
	clear: left;
}

#results  h3 {
	margin-top: 2em !important;
	font-size: 14px !important;
	color: #000 !important;
}

#contentBox  #results p.text {
font-weight: normal;
color:#000;
font-size:110%;
}



#nav-tabs {
	position: relative;
}

#nav-tabs ul {
	position: relative;
	top: 1px;
	list-style-type: none;
	margin: 0 0 0 6px;
	padding: 0;
	width: 90%;
}

#nav-tabs ul li {
	margin: 0;
	padding: 0;
	background-image: url(../../images/bg_tabs-right.jpg);
	background-color: #398496;	
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	margin-right: 6px;
	display: block;
}

#nav-tabs ul li.selected {
	background-color: #ffffff;
	background-image: url(../../images/bg_tabs-right_selected.jpg);		
}

#nav-tabs ul li a,
#nav-tabs ul li.selected span {
	display: block;
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none;
	background-image: url(../../images/bg_tabs-left.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #c3d0db;
	font-weight: bold;
}



#nav-tabs ul li a:hover {
	color: #e9e9e9;
	text-decoration: underline;
}

#nav-tabs ul li.selected span {
	background-image: url(../../images/bg_tabs-left_selected.jpg);
	color: #000000;	
	border-bottom: 1px solid #ffffff;
}



#contentBox #results .planets {
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: normal !important;
	margin-bottom: 0.2em !important;
}


#contentBox #results .fields {
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: normal !important;
	margin-bottom: 0.2em !important;
	margin-top: 0 !important;
}



#hectares {
}

#hectares .summary {
	float: left;
	color: #9dbe6c;
	text-align: center;
	margin-right: 0.5em;
}

#hectares .summary .value, #result-summary .summary .value {
	font-size: 48px;
	font-weight: bold;
	display: block;
	line-height: 100%;
}
#hectares .detail h3 {
	margin: 0px;
}

#hectares .summary .unit {
	font-size: 12px;
	font-weight: bold;
}


#hectares .detail {
	margin: 0px 0px 0px 0px;
}


#hectares .detail table thead tr th, #results-total thead tr th {
	background-color: #317484;
	color: #FFF;
	font-weight: bold;
}

#hectares .detail table tr th, 
#hectares .detail table tr td, #results-total tr th, #results-total tr td {
	background-color: #e9f5d5;
	text-align: left;
	padding: 0.1em 0.6em;
	font-weight: normal;
}

#hectares .detail table tr.odd th, 
#hectares .detail table tr.odd td, #results-total tr.odd td, #results-total tr.odd th {
	background-color: #d6eab8;
}

#hectares .detail table tr.total th, 
#hectares .detail table tr.total td, #results-total tr.total th, #results-total tr.total td  {
	font-weight: bold;
	background: none;
}

#results .changeanswers {
	color: #3b6c98;
	font-size: 11px;
	font-weight: normal;
}

#results li.normalText {
font-size:12px; color: #000;
}


#contentBox #results h2  {
margin-top: 0.5em !important;
font-size:14px;

}


/*main Navigation styles */

#nav-primary {
	font-size: 110%;

}



#nav-primary ul {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 6px;

	
}

#nav-primary ul ul {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	
}



#nav-primary li {
	display: inline-block;
	margin: 0;
	padding: 0;

}


#nav-primary  ul li a, #nav-primary ul li.selected  {
	display: block;
	width: 195px;
	border-bottom: 1px solid #1c7d90;
	color: #fff;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;

	
}


#nav-primary ul li.top {
	border-top: 1px solid #1c7d90;
}


#nav-primary ul li.selected {
	background-color: #FFF;
	color: #096779;

}

#nav-primary ul li.parent {
	background-color: #086b7e;
	color: #FFF;
	
}


#nav-primary  ul li a:hover {
	background-color:#086b7e !important;
}

#nav-primary  ul ul li a {
	display: block;
	background-color: #80b8ca !important;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	
}





#nav-primary  ul li ul   {
	margin-bottom: -6px;
	margin-top: 6px;
	border-top: 1px solid #1c7d90;

	
}



#nav-primary  ul li ul li.secondary span a {


}

#nav-primary  ul li.parent ul   {
	margin-bottom: 0px;
	margin-top: -2px;
	
}


#nav-primary ul li.parent ul li.selected span {
	/*padding-left: 10px;*/
	padding-left:20px;
	margin-top: -5px;
}


#nav-primary ul li ul li.secondary span a {

	padding-left:10px;


}




#nav-primary  ul li a {
padding-left: 10px;
}

#nav-primary  ul  li ul  a {
padding-left: 10px;
}

#nav-primary  ul li.selected {
	background-color:#FFF;
	width:205px;
}

#nav-primary  ul li ul li.secondary {

}



#nav-primary .selectedItem {
	padding-left: 10px;
}


#nav-primary .secondary {
	padding-left: 10px;

}


/* form styles */

 .formblock {
	margin-top: 1em;
	font-size:12px;

}

.start-form label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	font-size: 12px;


}

.start-form span {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	font-size: 12px;
}



.contact-form label {
	display: block;
	width: 135px;
	float: left;
	text-align: right;
	margin-right: 10px;
	font-size: 12px;
}


.contact-form #txtName {
	width: 225px;
}
 .contact-form  #txtEmail {
	width: 225px;
}

 .contact-form #recName {
	width: 225px;
}
 .contact-form #recEmail {
	width: 225px;
}

#results  label {
	display: block;
	width: 155px;
	float: left;
	text-align: right;
	margin-right: 10px;
	font-size: 12px;
}


#results #btnSubmit, #results #btnReset {
	border: 3px double #acb5b5;
	border-top-color: #c4cccc;
	border-bottom-color: #6f7777;
	padding: 1px 6px;
	background-color: #fefefe;
	color: #333333;
	font-size: 10px;
	font-face: normal;
	
}

#theSlider #btnSubmit {
	border: 3px double #acb5b5;
	border-top-color: #c4cccc;
	border-bottom-color: #6f7777;
	padding: 1px 6px;
	background-color: #fefefe;
	color: #333333;
	font-size: 10px;
	font-face: normal;
}	
	

 .buttons {
	margin-left: 165px;
}


/* office calculator specific */


.answer .answerinputs {
	padding-top: 5px; /* spacing between explanation and answers*/
	margin-left: 1em;
	margin-bottom: 1.25em; /*spacing between questions */

}

.answerinputs ul {
	padding:0;
	margin:0;
	list-style-type: none;
	line-height: 2.25em;

}


.answerinputs ul li {

	clear: left;
}

.answerinputs ul li label {

	display: inline-block;
	width: 230px;
	float: left;
	clear: left;
}



.answerinputs ul.long li label {

	display: inline-block;
	width: 400px;
	line-height:1.5em;
	float: left;
	clear: left;
}


.answerinputs ul.long li   {
clear: both;
display:block;
margin-left: 25px;
padding-bottom: 10px;


}



.answerinputs ul li input, .answerinputs ul li select, .answerinputsOdd ul li input, .answerinputsOdd ul li select {
	font-size: 12px;
}


.answerinputsOdd {
	margin-left: 1em;

}



.answerinputsOdd ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	margin-bottom: 1.25em; /*spacing between questions */
	line-height: 2em;
}


.answerinputsOdd ul li label {
	display: inline-block;
	width: 140px;
	float: left;
	clear: left;

}

.answerinputsOdd ul li {
	clear: left;
}





.questionblock div.qtext {
	padding-left: 6px;
	padding-bottom:6px;
}




#helpButtonsQ7, #helpButtonsQ9, #helpButtonsQ10, #helpButtonsQ15, #helpButtons15d {
display: inline;

}


#helpButtonsQ11, #helpButtonsQ12, #helpButtonsQ13, #helpButtonsQ14, #helpButtonsQ15, #helpButtons15d, #helpButtonsQ16, #helpButtonsQ17 {
	display:none;
}


/*helper screens */

.question .questionblock .helper {
background-color: #f5f5f5;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 1em;
	margin-left: 10px;
	margin-top: 10px;
	width: 89%;
	display: block;
	overflow: auto;
}

.question .questionblock .nonhelper {
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 1em;
	margin-left: 10px;
	margin-top: 10px;
	width: 98%;
	display: block;
	overflow: auto;

}



.helper .funcButton, .nonhelper .funcButton {
	border: 3px double #acb5b5;
	border-top-color: #c4cccc;
	border-bottom-color: #6f7777;
	padding: 1px 6px;
	background-color: #fefefe;
	color: #333333;
	font-size: 11px;
	font-face: normal;
}



.helper .buttons {
clear: both;
padding-top: 10px;
/*float:right;*/
padding-right: 10px;
display: block;
margin-bottom: 0;
margin-left: 230px; 
padding-left: 0;

}

.nonhelper .buttons  {
display: block;

margin: 0;
padding:0;
}



/*helper tables */

.helper table, .nonhelper table {
	margin-top: 1em;

		
}

.helper table.info, .nonhelper table.info  {
margin-bottom: 1em;

}

.helper table tbody td, .nonhelper table tbody td {
	background: #e9f5d5;
	padding: 0.1em 0.6em;

	
}


.helper table tbody th, .nonhelper table tbody th {
	background: #e9f5d5;
	padding: 0.1em 0.6em;
}


.helper table thead, .nonhelper table thead {
	background: #d6eab8;
	padding: 0.1em 0.6em;
	
}

.helper table thead td, .nonhelper table thead td {
	background: #d6eab8;
	padding: 0.1em 0.6em;

}


.nonhelper table tbody td select, .nonhelper table tbody td input {
	font-size:11px;
}



table#tblSample tbody tr td {



}


/* end helper tables */


/* helper screen questions list */


.questionblock .helper ul {
	list-style-type: none;
	padding:0;
	margin: 0;
	width: 500px;
	line-height: 2em;

	
}


.questionblock .helper ul li label {
	width: 200px;
	float:left;


}

.questionblock .helper ul li ul li label {
	width: 210px;
	padding:0;

}



.questionblock .helper ul li span.nolabel {
	width: 200px !important;
	margin: 0;
	padding: 0;
	float: left;
	display: block;

}







.questionblock .helper ul li ul {
float:left;
width: 250px;
padding: 0;
color: #000;
margin: 0;
padding:0;
line-height: 1em;
margin-bottom: .5em;
margin-top: .5em;

}



.questionblock .helper ul li {
clear:left;
}





.questionblock .helper h5 {
color: #02829b;
font-size: 13px;
margin: 0;
margin-top: .5em;
margin-bottom: .5em;
}





.helper .subNumber {
	display:inline;
	float:left;
	padding: 0;
	font-size:12px;
	font-weight: bold;
	color: #02829b;
	width:20px;
}


.answer .answerinputs .subNumber {
	display:inline;
	float:left;
	padding: 0;
	font-size:12px;
	font-weight: bold;
	color: #02829b;
	width:20px;
	
}

.answer .answerinputs .qtext label span.subNumber {
	display:inline;
	float:left;
	padding: 0;
	font-size:13px;
	font-weight: bold;
	color: #02829b;
	width:20px;
	
}

.answer ul.answerList li select {
display:block;
margin-left: 4px;
}






/*results */

.helper table tbody th {
text-align: left;
font-weight: normal;

}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.detail table {

}



#results .graph {
	margin-top: 1em;
	margin-bottom: 1em;
}

#results .graph img {
	margin-left: auto;
	margin-right: auto;
	display:block;
}



.rank1 {
	background-color: #ff0000 !important;
	color: #FFF;
	font-weight: bold;
}

.rank2 {
	background-color: #0bacd4 !important;
	color: #FFF;
}

.rank3 {
	background-color: #80aa01 !important;
	color: #FFF;
	font-weight: bold;
}





.slider {
	margin-bottom:2px;
	height: 15px;
}

#sliderControls {

	padding-bottom: 2em;
}

#sliderControls .group {
	display: block;
	margin-bottom: 10px;
}

#sliderControls label {
	display: block;
	text-align: left;
	width: 380px;
}

#sliderControls #s1 {

}

#sliderControls .group h3 {
	margin-bottom: 2px;
}


#sliderControls .group .slider-label {
	margin-left: 52px
}


#sliderControls .group .chart_output_value {
	padding-top: 6px;
	width: 63px;
	float: left;
	font-size: 9px;
	height: 16px;
}

#sliderControls .group .chart_slider {
	float: left;
	width: 140px;
	height: 16px;
}

#sliderControls .group .chart_output_name {
	font-size: 9px;
	padding-top: 6px;
	vertical-align: middle;
	height: 16px;
	
}


#theSlider {
	width: 380px;
}




#result-summary .summary {
	color: #9dbe6c;
	margin-right: 0.5em;
	padding-top: 3px;
}
#result-summary .highlighted {
	color: #9dbe6c;
}
#result-summary .image {
	float: left;
padding-right: 10px;
}
 #result-summary .summary .value {
 }
#result-summary .x {
	font-size: 30px;
	float: left;	
	padding-top: 16px;
	padding-right: 5px;
	font-weight: bold;
}

#result-summary h1 {
	margin: 0px;
	}

#result-summary h3 {
	margin: 0px;
	}


#result-summary .summary .unit {
 	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
}
#result-summary h1 {
	margin: 0px;
}
#result-summary h3 {
	margin: 0px;
}
.pic-border-left {
	border: 1px solid #000000;
	padding: 3px;
	
}

.printtable {
display: none;

}