@media all{
	html {overflow-y: scroll;}
	body {
		color: #222;            /* Foreground color used for text */
		font-family: Arial; 
		font-size: 16px;
		max-width:800px;
		margin:0px auto;
		padding:0px;
		text-align:center;
	}
	.none{
	 display: none;
	}
	.cmPos{
	  position: relative;
	}
	.cmLabel{
	  font-weight: bold;
	}
	.cmImg{
	  padding-right: 5px;
	  max-width: 50px;
	}
	.cmDiv .cmImg{
	  float: left;
	}
	.cmDesc{
	  font-size: 80%;
	}
	.cmDiv{
	  width: 45%;
	  float: left;
	  padding-right: 5%;
	  padding-bottom: 5px;
	}
	.hr{
	  height: 5px;
	  background-color: #000;
	  width: 100%;
	}
	p {
	  text-align: justify;
	  margin-left: 15px;
	  margin-right: 15px;
	}
	#headerImage{
		max-width:800px;
		width: 100%;
	}
	#farmerImage{
		max-width:550px;
		width: 80%;
	}
	img.center{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		height: auto;
	}
	img.left{
		width:20%;
		vertical-align:middle;
	}
	img.left2{
		width:15%;
		vertical-align:middle;
	}
	img.left3{
		width:25%;
		vertical-align:middle;
	}
	#content1, #content16, #content24, .note{ 
		font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
	#container{
		background-color: #238916;
		text-align:left;
	}
	label{
		vertical-align: middle;
		font-size: 16px;
		display:inline-block;
		width:90%;
	}
	.third{
		width:33%;
		height:100%;
	}
	.full{
		width:100%;
		height:100%;
	}
	#header {
		background-color: #58AE25;
		background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #58AE25 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#58AE25)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#58AE25 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b4e391 0%,#61c419 50%,#58AE25 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b4e391 0%,#61c419 50%,#58AE25 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#58AE25 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#58AE25',GradientType=0 ); /* IE6-9 */
		border-color: #666;
		border-style: solid;
		border-width: 0 0 1px 0;
	}
	#footer {
		background-color: #58AE25;
		padding: 5px;
		text-align: right;
	}
	#content, #sidebar {
		padding-right: 10px;
		padding-left: 5px;
		background-color: #eee8aa;
	}
	h1, h2, h3{
		font-size: 16px;
		text-align:center;
	}
	.header{
		font-weight: bold;
	}
	h5{
	  font-size: 12px;
	  text-align:center;
	  margin-bottom: 0px;
	}
	.button {
		text-align: center;
		height: 35px;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		border-width: 0 4px 0 4px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		background-image:url('../sl/bgbutton.png');
		-webkit-border-radius: 2px;
		min-width:80px;
		font-size: 14px;
	}
	.white{background-color: white;}
	.center{text-align:center;}
	.image{max-width:500px; width:100%;}
	.highlight{color: #259217; font-weight:bold;}
	ol li {
	  text-align: justify;
	  padding-right: 10px;
	}
	#instructions ol li{
  		margin-bottom: 20px;
	}
	.instructions {
  		margin-bottom: 20px;
	}
	ul {
		list-style: none;
		margin: 10px;
		padding: 0;
	}
	ul li a {
		background-color: #FFF;
		border: 1px solid #999;
		color: #222;
		display: block;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: -1px;
		padding: 12px 10px;
		text-decoration: none;
	}
	ul li:first-child a {
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
	}
	ul li:last-child a {
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
	}
	#about ul li a{
	  background-color: #eee8aa;
	  border: 0;
	  font-size: inherit;
	  font-weight: 300;
	}
	.abtDesc{
	  color: #000;
	}
	a{
		text-decoration:none;
		border: 0 none;
	}
	a img {
		text-decoration: none;
		border: 0 none;
	}
	ul li a:active, ul li a:hover, .blank:active, .blank:hover{
		background-color: HoneyDew;
	}
	#content {
		padding: 10px;
		overflow: hidden;
	}
	#content a {
		color: blue;
	}
	.checkbox{
		width: 30px;
		height: 30px;
		padding: 5px 5px 6px 5px;
		background: url(../sl/check.gif) no-repeat;
		display:inline;
		/*
		float: left;
		vertical-align: middle;*/
	}
	.radio {
		width: 30px;
		height: 30px;
		padding: 5px 5px 6px 5px;
		display:inline;
		background: url(../sl/radio.gif) no-repeat;
	}
	.radio:hover, .checkbox:hover{
	  cursor: pointer;
	}
	.tool{
		padding:10px;
		font-size: 17px;
	}
	#menuList{
		font-size: 14px;
		display: none;
	}
	.menuImage{
		vertical-align: middle;
	}
	.select {
		width: 100%;
		padding: 5px;
	}
	.smallSelect select, .smallSelect2 select {
		width: 30%;
		padding: 5px;
	}
	.smallSelect input {
		width: 28%;
		padding: 5px;
	}
	input, select{
	  font-family: inherit;
	  font-size: 15px;
	}
	input[type=text], input[type=tel], input[type=email], input[type=password] { padding: 5px; }
	.left{text-align:left;}
	.right{text-align:right;}

	input.capitalizeWords{
	 text-transform: capitalize;
	}
	input.styled { display: none; } select.styled { position: relative; width: 190px; opacity: 0; z-index: 5; } .disabled { opacity: 0.5; }

	input.styled:hover{
	 cursor: pointer;
	}

	div.table{
		display: table;
	}
	td{
		padding:5px;
		border-color: gray;
	}
	table{
		border-collapse:collapse;
		border-color: gray;
	}
	table.clearTable{
		padding:0px;
		border-spacing:0px;
		width:100%;
	}
	.blank{
		border: 1px solid #eee8aa;
		background-color: white;
		margin: 5px;
		width:50%;
	}
	.inset{
	  margin:0px;
	  border: 1px inset #abc;
	 }
	.outset{
	  padding:0px;
	  border:1px outset #cba;
	}

	.border{
		border:3px ridge #DAA520;
		border-spacing:0px;
	}

	div.row{
		display: table-row;
	}

	div.column{
		display: table-cell;
		vertical-align:middle;
	}

	div.column2{
		display: table-cell;
		vertical-align:middle;
		height:100%;
	}

	div.column3{
		display: table-cell;
		vertical-align:middle;
		padding: 0px;
	}

	div.caption {
		display: table-caption;
		padding: 5px;
		vertical-align:middle;
	}

	div.head{
		vertical-align:top;
	}
	.bubble{
		position: absolute;
		padding: 2px 6px;
		color: #fff;
		font: bold .9em Tahoma, Arial, Helvetica;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	#bubblePending{
		background: #e02424;  		
		margin-left: -30px;
		margin-top: 35px;
	}
	#bubbleSaved{
		background: #33BB13;  		
		margin-left: -70px;
		margin-top: 5px;
	}
	.top{
		vertical-align:top;
	}
	.baseline{
  		vertical-align: baseline;
	}
	.bottom{
		vertical-align: bottom;
	}
	.block {
		display: block;
	}
	.grayout{
  		opacity : 0.5;
  		color: #000;
	}
	.lightText{
		color: #939376;
	}
	#loading {
	   position: absolute;
	   top: 50%;
	   left: 50%; 
	   width: 100px;
	   height: 100px;
	   margin-top: -50px; /* Half the height */
	   margin-left: -50px; /* Half the width */
	}
	.brown{
		color: #663300;
		font-weight: bold;
	}
	.noVal{
	  background-color: #f0f0f0;
	}
	.rowDisp label{
		vertical-align: middle;
		font-size: 16px;
		width:25%;
	}
	.rowDisp2 label{
		vertical-align: middle;
		font-size: 16px;
		width:20%;
	}
	.rowDisp3 label{
		vertical-align: middle;
		font-size: 16px;
		width:7%;
	}
	.rowDisp4 label{
		vertical-align: middle;
		font-size: 16px;
		width:43%;
	}
	.rowDisp4 .newLine label{
	  display: inline-block;
	  line-height: 35px;
	}
	.rowDispBr label{
		vertical-align: middle;
		font-size: 16px;
		width:25%;
	}
	.halfInfo{
	  width: 45%;
	  padding-right: 10px;
	}
	.clearDiv{
	  clear:both; 
	  padding-top: 14px;
	}
	.autoLabel{
	  width: 100%;
	  padding-bottom: 10px;
	}
	.autoLabel label{
	  width: auto;
	}
	.fDetails input{
	  width: 65%;
	}
	.fDetails select{
	  width: 66.5%;
	}
	#content16, #content24{
	  background-color: #FFFFFF;/*#F8F8FF;*/
	}
 #content2{
   height: 500px;
 }
 .question{
   padding-bottom: 5px;
 }

  /* You can customize to your needs  */
  .login-popup{
	background-color: white;
	display:none;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
  }

  img.btn_close {
	float: right; 
	margin: -28px -18px 0 0;
  }
  #mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
  }
  .divq{
	padding-bottom: 15px;
  }
  
  
}



div#pageBlock{
	opacity:    0.5; 
	background: #000; 
	width:      100%;
	height:     100%; 
	z-index:    999999;
	top:        0; 
	left:       0; 
	position:   fixed;
}

div#loading{
	background:		url(../sl/loader.gif);
	background-size:100px 100px;
	z-index:    	9999999;
	width: 			100px;
	height: 		100px;
	position: 		absolute;
	left: 			50%;
	top: 			50%; 
	margin-left: 	-50px;
	margin-top: 	-65px;
}

div#progress{
	z-index:    	99999999;
	width: 			100px;
	height: 		100px;
	position: 		absolute;
	left: 			50%;
	top: 			50%; 
	margin-left: 	-50px;
	margin-top: 	80px;
}


@media only screen and (max-device-width: 690px){/*768*/
  .select {
	width: 100%;
	padding: 10px;
	height: 45px;
	margin-bottom: 5px;
  }
  input[type=text], input[type=tel], [type=email], [type=password]{
	padding: 5px;
	height: 25px;
  }
  #content2{
    height: 300px;
  }
  #content1, #content16, #content24, .note, .brown, .cmLabel{ 
	font: 14px Verdana, Arial, Helvetica, sans-serif;
  }
  p{
	text-align: left;
  }
  ol li {
	text-align: left;
  }
  ul li a {
	padding: 14px 10px;
  }
  label{
		width:80%;
  }
	.cmDiv{
	  width: 95%;
	}
  .rowDisp label{
		vertical-align: middle;
		font-size: 16px;
		width:15%;
	}
	.rowDisp .newLine label, .rowDisp4 .newLine label{
	  width: 80%;
	}
	.leftImg, .leftImg2{
	  width: 100%;
	  text-align: center;
	}
	.leftImg2 img{
	  width: 40%;
	}
	.leftImg img{
	  width: 60%;
	}
	.rightInput, .rightInput2{
	  width:100%;
	}
	.rightInput label{
	  width: 80%;
	}
	.smallSelect select {
		width: 100%;
		padding: 5px;
	}
	.smallSelect2 select {
		width: 50%;
		padding: 5px;
	}
	.rowDispBr label{
		width: 60%;
	}
	.newLine{
		width: 100%;
		display: block;
		padding-bottom: 15px;
	}
	.autoLabel{
	  width: 100%;
	}
	.autoLabel label{
	  width: auto;
	}
	.fDetails select{
	  width: 97%;
	}
	.fDetails input{
	  width: 97%;
	}
/* You can customize to your needs  */
.login-popup{
	background-color: white;
	display:none;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	position: fixed;
	font-size: 10px;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
	float: right; 
	margin: -28px -18px 0 0;
}
#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}
}

@media print{
	#footer, #buttons, #shareRecommendationList{
		display: none !important;
	}
	#container, #content{
		background-color: #fff;
	}
	.header, .brown, .cmLabel{
		font-weight: bold;
	}
	#content16{
	  font: 10px Verdana, Arial, Helvetica, sans-serif !important;
	}
	.cmDesc{
	  font-size: 9px !important;
	}
}