/* basis */

html,
body {
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	background-image: url(../images/background-tile.png);
	background-repeat: repeat;
}

p, table {
	margin: 0;
	padding: 0;
}

input {
	text-align: center;
}

#portrait {
	position: absolute;
	width: 768px;
	min-height: 1004px;
	top: 0;
	left: 0;
	background-image: url(../images/error-portrait.png);
	background-repeat: no-repeat;
	background-position: center;
}

#landscape {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0 8px;
}

#portrait {
	display: none;
}

#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	z-index: 2000;
}

#loading #percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	width: 100px;
	height: 100px;
	background-image: url(../images/loader-cargill.gif);
	background-repeat: no-repeat;
	background-size: 100px;
	line-height: 100px;
	text-align: center;
	color: #20a24b;
	font-size: 16px;
}

#loading #message {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: 70px;
	width: 200px;
	height: 100px;
	text-align: center;
	color: #20a24b;
}

[data-role="page"] {
	background: none;
	background-image: url(../images/container.png);
	background-repeat: repeat-y;
	background-position: center;
}

[data-role="content"] {
	width: 960px;
	padding: 0 0 80px 0;
	margin: 0 auto;
}

[data-role="footer"],
[data-role="header"],
.privacy-container {
	position: absolute;
	left: 50%;
	width: 930px;
	padding: 10px 30px 0 0;
	margin-left: -480px;
	background: none;
	background-color: #cfe4a2;
	border: none;
	color: #20a24b;
	text-shadow: none;
}

[data-role="footer"] {
	height: 90px;
	bottom: 0;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
}

.privacy-container {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	bottom: 10px;
	padding: 0;
}

.privacy-container a {
	color: #007c31;
	text-decoration: none;
}

.privacy-container a:hover {
	color: #007c31;
	text-decoration: underline;
}

[data-role="header"] {
	height: 50px;
	padding-top: 20px;
}

[data-role="popup"] {
	position: absolute;
	left: 0;
	width: 300px;
	padding: 15px;
}

[data-rel="popup"] {
	position: absolute;
	margin: 2px 0 0 10px;
}

/* fonts */

.ui-header .ui-title, .ui-footer .ui-title, h1 {
	color: #20a24b;
	font-size: 26px;
	margin: 0;
	padding: 0;
}

h2 {
	color: #20a24b;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

h3 {
	color: #20a24b;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

.green {
	color: #20a24b;
}


/* portrait */
@media only screen and (orientation:portrait){
   #landscape {
      	display: none;
   }
   
   #portrait {
		display: block;  
   }
}

/* landscape */
@media only screen and (orientation:landscape){
   #landscape {
      	display: block;
   }
   
   #portrait {
		display: none;
   }
}

/* borders */

.corner-bottom,
.corner-bottom-left,
.corners {
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.corner-bottom,
.corner-bottom-right,
.corners {
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.corner-top,
.corner-top-left,
.corners {
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.corner-top,
.corner-top-right,
.corners {
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

/* radiobtns */

.lang-option .ui-btn-up-a,
.lang-option .ui-btn-hover-a,
.farm-option .ui-btn-up-a,
.farm-option .ui-btn-hover-a,
.info-option .ui-btn-up-a,
.info-option .ui-btn-hover-a,
.assessment1-option .ui-btn-up-a,
.assessment1-option .ui-btn-hover-a,
.report-option .ui-btn-up-a,
.report-option .ui-btn-hover-a {
	background-image: none;
	background: #ffffff;
	font-weight: normal;
	border: none;
	
}

/* header */

.subcount {
	position: absolute;
	top: 15px;
	right: 45px;
	width: 40px;
	height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #ffffff;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

/* footer */

.push {
	height: 80px;
}

.footer-logo {
	width: 160px;
	padding-top: 6px;
	float: left;
	text-align: center;
}

.footer-btn {
	position: absolute;
	height: 50px;
	top: -50px;
	right: 50px;
	padding: 5px 0 5px 10px;
	background-color: #cfe4a2;
}

.footer-btn .ui-btn {
	width: 160px;
	float: left;
	margin-right: 10px;
}

.footer-btn .ui-btn-up-a {
	font-weight: normal;
}

/* start */

.welcome {
	width: 882px;
	height: 149px;
	padding: 235px 0 0 15px;
	margin: 30px auto 0 auto;
	background-image: url(../images/welcome.jpg);
	background-repeat: no-repeat;
}

/* datasets */

.datasets table {
	width: 500px;
}

.datasets tr {
	line-height: 60px;
	background-color: #eff0f0;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #eff0f0 ),to( #e8e8e8 )); 
	background-image:-webkit-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image:   -moz-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image:    -ms-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image:     -o-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image:        linear-gradient( #eff0f0,#e8e8e8 );
}

.datasets th {
	color: #20a24b;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
}

.datasets td {
	padding-left: 20px;
	background-image: url(../images/border.png);
	background-repeat: repeat-x;
}

.datasets [data-role="button"] {
	line-height: 14px;
	width: 150px;
}

/* language */

.languages {
	width: 720px;
	float: left;
	margin: 0 10px 0 30px;
	border-right: 1px solid black;
}

.lang-option {
	width: 170px;
	float: left;
}

/* farm types */

.farmtypes {
	width: 810px;
	margin-left: 60px;
}

.farm-option {
	width: 270px;
	float: left;
}

/* information */

.information {
	width: 640px;
	margin: 0 auto;
	padding: 20px 0 0 80px;
}

.information table {
	width: 100%;
}

.information td {
	height: 42px;
	line-height: 42px;
}

.information input[type="tel"],
.information input[type="text"] {
	width: 130px;
	margin: 3px 10px;
	color: #999999;
	text-align: right;
}

.information .calcvalue {
	float: right;
	padding-right: 15px;
}

.information .refsellweight {
	font-weight: bold;
}

.info-option {
	margin-left: -15px;
	width: 150px;
	float: left;
}

.defaultdata {
	position: absolute;
	right: 50px;
	top: 105px;
	text-align: center;
	color: #b1b1b1;
	border: 1px solid #b1b1b1;
	padding: 10px;
}

/* assessment 1 */

.assessment1 {
	width: 880px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.assessment1 table {
	width: 100%;
}

.assessment1 .block {
	width: 350px;
	float: left;
	margin: 0 45px;
}

.assessment1 input[type="tel"],
.assessment1 input[type="text"] {
	width: 130px;
	margin: 3px 10px;
	color: #999999;
	text-align: right;
}

.assessment1-option {
	margin-left: -15px;
	width: 250px;
}

.assessment1 .tablehead {
	width: 320px;
}

.tablehead {
	text-align: center;
	line-height: 40px;
	background-color: #eff0f0;
	background-image: url(../images/border.png);
	background-image: url(../images/border.png), -webkit-gradient(linear,left top,left bottom,from( #eff0f0 ),to( #e8e8e8 )); 
	background-image: url(../images/border.png), -webkit-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),    -moz-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),     -ms-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),      -o-linear-gradient( #eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),         linear-gradient( #eff0f0,#e8e8e8 );
	background-repeat: repeat-x;
	background-position: bottom;
}

.tablesep {
	line-height: 20px;
	background-color: #eff0f0;
	background-image: url(../images/border.png);
	background-image: url(../images/border.png), -webkit-gradient(linear,left top,right top,from( #eff0f0 ),to( #e8e8e8 )); 
	background-image: url(../images/border.png), -webkit-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),    -moz-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),     -ms-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),      -o-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image: url(../images/border.png),         linear-gradient( left,#eff0f0,#e8e8e8 );
	background-repeat: repeat-x;
	background-position: center;
}

.tableinput {
	line-height: 20px;
	background-color: #eff0f0;
	background-image:-webkit-gradient(linear,left top,right top,from( #eff0f0 ),to( #e8e8e8 )); 
	background-image:-webkit-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image:   -moz-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image:    -ms-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image:     -o-linear-gradient( left,#eff0f0,#e8e8e8 ); 
	background-image:        linear-gradient( left,#eff0f0,#e8e8e8 );
}

.assessment1 .tableinput input {
	width: 140px;
	margin-left: 12px;
	background-color: #ffffff;
}


/* assessment 2a/b/c/d/e / financial a/b */

.assessment2a,
.assessment2b,
.assessment2c,
.assessment2d,
.assessment2e,
.financiala,
.financialb,
.report {
	width: 910px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.assessment2a table,
.assessment2b table,
.assessment2c table,
.assessment2d table,
.assessment2e table,
.financiala table,
.financialb table,
.report table {
	width: 100%;
}

.assessment2a td,
.assessment2b td,
.assessment2c td,
.assessment2d td,
.assessment2e td,
.financiala td,
.financialb td,
.report td {
	line-height: 40px;
}

.assessment2a td {
	padding: 0 20px;
}

.assessment2b span,
.assessment2c span,
.assessment2d span,
.assessment2e span {
	float: right;
	padding-right: 10px;
}

.financiala span,
.financialb span,
.report span {
	float: right;
	padding-right: 20px;
}

.assessment2b td:first-child,
.assessment2c td:first-child,
.assessment2d td:first-child,
.assessment2e td:first-child,
.financiala td:first-child,
.financialb td:first-child,
.report td:first-child {
	padding-left: 20px;	
}

.assessment2a td b {
	display: block;
	padding: 15px 0 10px 0;
	line-height: 20px;
}

.assessment2b .tableinput input,
.assessment2c .tableinput input,
.assessment2d .tableinput input,
.assessment2e .tableinput input {
	width: 100px;
	margin: 3px 10px;
	background-color: #ffffff;
	text-align: right;
}

.assessment2a .tableinput input {
	width: 170px;
	color: #999999;
}

.assessment2b .tableinput input {
	width: 170px;
}

.assessment2a .tableinput span {
	width: 170px;
	float: right;
	margin: 3px 10px;
	text-align: right;
}

.assessment2b .dietssows,
.assessment2c .dietswean,
.assessment2d .dietsweanexp,
.assessment2d .addcalc {
	margin-top: 20px;
}

.assessment2c .otherinput,
.assessment2d .otherinput,
.assessment2e .otherinput {
	padding-top: 20px;
	background-color: #ebeceb;
}

.assessment2c .otherinput table,
.assessment2d .otherinput table,
.assessment2e .otherinput table {
	width: 500px;
}

.assessment2c .otherinput td:first-child,
.assessment2d .otherinput td:first-child,
.assessment2e .otherinput td:first-child {
	padding-left: 0;	
}

.assessment2c .otherinput input,
.assessment2d .otherinput input,
.assessment2e .otherinput input {
	width: 140px;
	margin: 3px 10px;
	background-color: #ffffff;
	text-align: right;
}

.financiala .result1-25,
.financiala .result1-finish {
	display: none;
}

.reporttype {
	width: 400px;
	margin: 40px auto 20px auto;
	text-align: center;
}

.report-option {
	width: 200px;
	float: left;
}

/* send report */

.sendreport {
	width: 500px;
	margin: 100px auto 0 auto;
	padding: 40px 0;
	background-color: #ebeceb;
	text-align: center;
	color: #999999;
}

.sendreport input {
	width: 440px;
	margin: 10px auto;
	background-color: #ffffff;
	text-align: center;
}