@CHARSET "UTF-8";

html
{
	height: 100%;
	width: 100%;
	overflow:scroll;
}

body
{

	height: 100%;
	width: 100%;

	padding:0;
	margin:0;
	background-image: url("images/BackgroundPatch.png");
	background-repeat: repeat-x;
}
img{
	border:none;
}
.formbody
{
	height:10%;
	width:100%;
	margin:0px;
}
.base
{
	width:931px;
	height:692px;
	margin-left:6.75%
	/*
padding-left:316px;
*/
}
.header
	{
		width:1060px;
		height:106px;

	}

#headertext
{
	padding-top:61px;
	width: 570px;
	float:right;
	padding-top:74px;
	/*
margin-right:6px;
*/


}
.newImage
{
	width:6%;
	margin-left:13.5%;
}
.inactive {

	color: black;
	text-decoration: none;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
}
.active{
     color: green;
	text-decoration: none;
	font-family: Arial;
	font-size: 18px;

}
.active1{
     color: green;
	text-decoration: none;
	font-family: Arial;
	font-size: 18px;

}
.inactive1 {

	color: black;

	text-decoration: none;
	font-family: Arial;
	font-size: 18px;
	font-weight:normal;
}

.precisionLogo
		{
			width:100%;
			height:100%;
			float:left;
		}
			.logo
			{
				text-align:left;
			    height: 100%;
			    width: 30%;
				float:left;
				padding-top:10px;
			}
		.mixTank
		{
		    color: white;
		    float: left;
		    font-family: arial;
		    font-size: 20px;
		    font-weight: bold;
		    height: 40%;
		    line-height: 200%;
		    width: 90%;
			text-align:left;
		}

	.body
	{
		width:90%;
		height:84%;
		float:left;
		margin-top:28px;
		text-align:left;
	}
		.main
		{
			width: 100%;
			height: 80%;
		}
			.product
			{
				width:100%;
				height:6%;
				float:left;
			}
				.leftProduct
				{
					width:4%;
					height:100%;
					float:left;
					background-image:url("images/SelectedProductLeft.png");
					background-position: right;
					background-repeat: no-repeat;

				}
				.centerProduct
				{
				    background-image:url("images/SelectProductsPatch.png");
				    color: black;
				    float: left;
				    font-family: arial;
				    font-size: 18px;
				    font-weight: bold;
				    height: 100%;
				    line-height: 160%;
				    width: 54%;
				}
				.rightProduct
				{
					width:4%;
					height:100%;
					float:left;
					background-image:url("images/SelectProductsRight.png");
					background-repeat: no-repeat;
					background-position: left;
				}
			.productListings
			{
				width:100%;
				height:95%;
				position:relative;
				float:left;
			}
				.topProductListings
				{
					width:100%;
					height:5%;
					float:left;
				}
					.leftTopProductListings
					{
						width:2.5%;
						height:100%;
						float:left;
						background-image:url("images/TableUpperLeft.png");
						background-repeat: no-repeat;
						background-position: right top;
					}
					.centerTopProductListings
					{
						width:93.5%;
						height:100%;
						float:left;
						background-image:url("images/TableUpperPatch.png");
					}
					.rightTopProductListings
					{
						width:2.7%;
						height:104%;
						float:left;
						background-image:url("images/TableUpperRight.png");
						background-repeat: no-repeat;
						background-position: left top;
						position:relative;

					}
				.middleProductListings
				{
					height:86%;
					float:left;
				    width: 100%;
					padding-left:0.2%;
				}
					.leftMiddleProductListings
					{
						width:2.5%;
						height:100%;
						float:left;
						background-image:url("images/TableUpperLeftPatch.png");
						background-repeat: repeat-y;
						background-position: left center;
					}
					.centerMiddleProductListings
					{
						width:92.2%;
						height:100%;
						float:left;
						background-image:url("images/TableBackgroundPatch.png");
					}
						.one
						{
							width:100%;
							height:13%;
							float:left;
							margin-bottom: 2%;
						}
							.left
							{
								width:3%;
								height:100%;
								position:relative;
								top:-1px;
								float:left;
								background-image:url("images/TableBarLeft.png");
								background-repeat: no-repeat;
								background-position: right top;

							}
							.center
							{
								background-image: url("images/TableBarPatch.png");
							    background-repeat: repeat-x;
							    float: left;
							    height: 100%;
							    width: 94%;
							}
								.lable
								{
									color: black;
								    float: left;
								    font-family: arial;
								    font-weight: bold;
								    line-height: 305%;
								    width: 20%;
									font-size:14px;
								}

								.textBox
								{
								    float: left;
								    font-weight: bold;
								    height: 40%;
								    padding-top: 1.3%;
								    width: 66%;
								}
								.inputText
								{
									width:100%;
									height: 100%;
									font-size:10pt;
									font-weight:bold;

								}
								.button
								{
								    float: left;
								    height: 73%;
								    padding-left: 1.5%;
								    padding-top: 1%;
								    width: 12%;
								}
								.selectButton
								{
								    background: url("images/Select.png");
								    background-repeat: no-repeat;
								    height: 31px;
								    width: 83px;
									border-style:none;
									padding:0;
								}
							.right
							{
								width:3%;
								height:100%;
								position:relative;
								top:-1px;
								float:left;
								background-image:url("images/TableBarRight.png");
								background-repeat: no-repeat;
							}
							.mixingOrderButton
							{
								float: left;
							    font-family: arial;
							    font-size: 12px;
							    height: 37px;
								margin-left:22%;
							    width: 54%;

							}
							.mixingOrderButtonImage
							{
							    background: url("images/buttonGetMixingOrder.png");
							    background-repeat: no-repeat;
							    height: 37px;
							    width: 159px;
								border-style:none;
								float:left;
							}
							.clearSelection
							{
								float:left;
								margin-left:1%;
								background: url("images/clear_selection_button.png");
								background-repeat:no-repeat;
								width:159px;
								height:35px;
								border-style:none;
							}
					.rightMiddleProductListings
					{
						width:4%;
						height:101%;
						float:left;
						background-image:url("images/TableUpperRightPatch.png");
						background-repeat: repeat-y;
						position:relative;
						/*
left:-1px;
						top:-1px;
*/
					}
				.bottomProductListings
				{
					width:100%;
					height:8%;
					position:relative;
					float:left;
					left:-2px;
				}
					.leftBottomProductListings
					{
						width:3.9%;
						height:100%;
						float:left;
						background-image:url("images/TableLowerLeft.png");
						background-repeat: no-repeat;
						background-position: right top;
						border-style:none;
						position:relative;
						top:-2px;
					}
					.centerBottomProductListings
					{
						width:91.5%;
						height:100%;
						float:left;
						background-image:url("images/TableLowerLeftPatch.png");
						background-repeat: repeat-x;
						position:relative;
						left:-2px;
					}
					.rightBottomProductListings
					{
						width:3.5%;
						height:100%;
						float:left;
						background-image:url("images/TableLowerRight.png");
						background-repeat: no-repeat;
						background-position: left top;
						border-style:none;
						position:relative;
						top:-2px;
						left:-2px;
					}

#searchBack{
	width:809px;
	height:540px;
	z-index:1;
	position:absolute;
	top:110px;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	visibility:hidden;
	/*
margin-left:97px;
*/
	margin-top:1%;
	left:30%;
}

#searchTop
{
	width:100%;
	height: 6%;
	padding:5px 0px 0px 17px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:white;

	/*background-color:#8C8C8C;*/

}
.searchMid
{
	width:100%;
	height:81%;
	margin-top:6px;
	/*background-color:#D4D6C9;*/
}
.searchBrowse
{
	width:100%;
	height:9%;
	/*background-color:red;*/
}
	.browse
	{
		width:7.75%;
		height:100%;
		float:left;
		font-family:Arial;
		font-weight:bold;
		font-size:11px;
		line-height:21px;
		padding-left:17px;
	}
	#alphabets
	{
		 width: 87%;
		height:27px;
		border:1px solid #9F9F9F;
		float:left;

		font-family:Arial;
		color:#527F4D;

	}
	#alphabets a:link
	{
		color:#527F4D;
		text-decoration:none;


	}
	#alphabets a:visited
	{
		color:#527F4D;
		text-decoration:none;


	}
	#alphabets a:hover
	{
		color:#527F4D;
		text-decoration:none;

	}
	#alphabets a:active
	{
		color:#527F4D;
		text-decoration:none;

	}

.searchSelected
{
	width:100%;
	height:9%;
	/*background-color:#EFEFEF;*/
}
	.selectedSelected
	{
		width:7.75%;
		height:100%;
		float:left;
		font-family:Arial;
		font-weight:bold;
		font-size:11px;
		line-height:21px;
		padding-left:17px;

	}
	.selectedItems
	{
		width:87%;
		height:25px;
		border:1px solid #9F9F9F;
		float:left;
		overflow:auto;
	}
.searchSelect
{
	width:100%;
	height:84%;

}
	#selectSelect
	{
		width:7.75%;
		height:96%;
		float:left;
		font-family:Arial;
		font-weight:bold;
		font-size:11px;
		line-height:39px;
		padding-left:17px;
	}
	#selectItems
	{
		width:87%;
		height:95%;
		border:1px solid #9F9F9F;
		float:left;
		font-family:Arial;
		font-weight:bold;
		font-size:11px;
		/*
padding:10px 0px 0px 15px;
*/
		line-height:26px;
		overflow:auto;
		text-align:left;
	}
	#selectedText
	{
		width:98%;
		height:80%;
		border:none;
	}
	#column1
	{
		width:31%;
		height:99%;
		/*border:1px solid black;*/
		float:left;
		padding-left:1%;
		padding-top:1%;


	}
	#column2
	{
		width:31%;
		height:99%;
		/*border:1px solid black;*/
		float:left;
		padding-left:1%;
		padding-top:1%;
	}
	#column3
	{
		width:31%;
		height:99%;
		/*border:1px solid black;*/
		float:left;
		padding-left:1%;
		padding-top:1%;
	}
.searchBot
{
	width:100%;
	height:12%;
	/*background-color:#8C8C8C;*/
	margin-top:0.75%;
}
.cancelButton
{
	float:right;
	background:url("images/CancelButton.png");
	border-style:none;
	background-repeat:no-repeat;
	width:68px;
	height:34px;
	margin-right:1%;
}
.saveButton
{
	float:right;
	background:url("images/SaveButton.png");
	border-style:none;
	background-repeat:no-repeat;
	width:68px;
	height:34px;
	margin-right:1%;
}
.search
{
	width:96%;
	height:508px;
	background-image:url("images/WebsiteBackgroundPatch.png");
	/*
margin :1.6% 0 0 2%;
*/
	margin-top:1.6%;
	text-align:left;
}
.linksInactive
{
	width:25px;
	height:25px;
	float:left;
	background-image:url("images/InactiveButtonNew.png");
	text-align:center;
	/*
padding-top:1px;
*/
	margin-top:1px;

}
.linksInactiveLast
{
	width:25px;
	height:25px;
	float:left;
	background-image:url("images/InactiveButtonNewLast.png");
	text-align:center;
	/*
padding-top:1px;
*/
	margin-top:1px;
	background-repeat:repeat-x;

}

.linksActive
{
	width:25px;
	height:25px;
	float:left;
	background-image:url("images/ActiveButtonNew.png");
	text-align:center;
	/*
padding-top:1px;
*/
	margin-top:1px
}
.linksActiveLast
{
	width:25px;
	height:25px;
	float:left;
	background-image:url("images/ActiveButtonNewLast.png");
	background-repeat:repeat-x;
	text-align:center;
	/*
padding-top:1px;
*/
	margin-top:1px
}
#hiddenTextbox
{
	visibility:hidden;
	float:right;
	position:fixed;
}
.searchBackTop
{
	height:13px;
	width:100%;
	/*
background-color:black;
*/
	float:left;
}
.searchBackTopLeft
{
	height:13px;
	width:15px;
	background-image:url("images/SelectHerbicideLeftcorner.png");
	background-repeat:no-repeat;
	float:left;
}
.searchBackTopRight
{
	height:13px;
	width:15px;
	background-image:url("images/SelectHerbicideCornerRight.png");
	background-repeat:no-repeat;
	float:left;
}
.searchBackTopMiddle
{
	height:13px;
	width:779px;
	background-image:url("images/PopUpPatchImage.png");

	float:left;
}
.searchBackMiddle
{
	background-image:url("images/PopUpPatchImage.png");
}
.searchBackBot
{
	height:13px;
	width:100%;
	/*
background-color:black;
*/
	float:left;
}
.searchBackBotLeft
{
	height:13px;
	width:15px;
	background-image:url("images/SelectHerbicideLowerLeft.png");
	background-repeat:no-repeat;
	float:left;
}
.searchBackBotRight
{
	height:13px;
	width:15px;
	background-image:url("images/SelectHerbicideLowerRight.png");
	background-repeat:no-repeat;
	float:left;
}
.searchBackBotMiddle
{
	height:13px;
	width:779px;
	background-image:url("images/PopUpPatchImage.png");

	float:left;
}
.bottomText
{
	text-align:center;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	width: 99%;
	margin-top:3%;


}
#footer {
	/*border:1px solid red;*/
	font-family: Arial;
	font-size: 11px;
	margin:auto;
	color: black;
	width: 1060px;
	height: 45px;
	font-weight: bold;
	//border-top-width: thin;
	//border-top-style: solid;
	text-align: center;
	float: center;
	position: relative;
	background: url(images/FooterBg.png) repeat-x;
	padding-top:9px;
	overflow:hidden;
}
.footerhide{
    color: black;
	text-decoration: none;
}
.appLogo
{
	float:right;
	margin-top:-41px;
	margin-right:5px;
	height:45px;
	padding-top:3px;
}

#android_footer{
	height:45px;
	//width:100px;
	float:left;
	margin:auto;
	padding-right:5px;
}
#divwrapper{
	overflow:hidden;
	height:auto;
	width:auto;
	padding:0px;
}