@charset "UTF-8";

/**
*	Cascading Style Sheet for Screen output
*
*	-	Form elements
*	
**/

@media all {
	
	fieldset {
		border: 0;
	}
	
	#error-message p {
		color: #f00;
		font-size: 11px;
		padding: 20px;
	}
	
	input, select, textarea {
		border: 1px solid #cecece;
	}
	
	.form-item {
		width: 230px;
		padding: 5px 20px;
	}
	
	.form-item.left {
		float: left;
	}
	.form-item.left-full {
		float: left;
		width: 500px;
	}
	.form-item.right {
		float: right;
		text-align: right;
	}
	.form-item.full {
		clear: both;
		width: 500px;
	}
	.form-item.full.error {
		margin-left: 20px;
		width: 458px;
	}
	.form-item.side {
		width: 180px;
	}
	.form-item.centered {
		text-align: center;
	}
	.form-item input, .form-item textarea, .form-item select {
		width: 228px;
	}
	.form-item select {
		height: 18px;
	}
	.form-item.full input, .form-item.full textarea {
		width: 498px;
	}
	.form-item.side input {
		width: 180px;
	}
	.form-item input.checkbox {
		border: 0;
		clear: left;
		float: left;
		margin-right: 10px;
		width: auto;
	}
	.form-item #zip {
		width: 50px;
	}
	.form-item #city {
		width: 172px;
	}
	
	.form-item label, .label {
		color: #838383;
		font-size: 11px;
	}
	.checklabel {
		float: left;
		margin-bottom: 8px;
		width: 180px;
	}
	.form-item span.mandatory {
		font-size: 8px;
		font-style: italic;
	}
	
	.form-item button {
		background: #fff url(../images/bg_button.png) repeat-x;
		border: 1px solid #d1d1d1;
		color: #838383;
		font-size: 11px;
		font-weight: bold;
		display: inline;
		height: 22px;
		
	}
	
	.form-item button.special {
		background-image: url(../images/meeco_agro/bg_specialbutton.png);
		border: 0;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		height: 29px;
		width: 127px;
		margin-bottom: 1em;
	}
	.form-item button span {
		padding: 0 10px;
	}
	
	.error {
		border: 1px solid #f00;
		background-color: #fcc;
	}
	
	/* special for seach result  */
	.form-item.search-form{
		width:100%;
	}
	.tx-indexedsearch-whatis, .tx-indexedsearch-noresults{
		padding:5px 20px ;
	}
	.tx-indexedsearch-sw, .tx-indexedsearch-noresults{
		font-weight:bold;
	}
	
	/* Navigation Search */
	
	#nav-search {
		padding-right: 1px;
		vertical-align:top;
	}
	#search-form{
		clear: both;
		float: right;
		display:inline;
		width:auto;
	}
	
	#nav-search input {
		color: #838383;
		display: block;
		float: left;
		font-size: 10px;
		font-family: Verdana,Helvetica,Arial,sans-serif;
		height: 11px;
		margin: 0;
		padding:3px 4px;
		width: 99px;
		vertical-align:top;
		
	}
	
	#nav-search button {
		vertical-align:top;
		display: block;
		float: left;
		padding: 0;
		border: 0;
		margin: 0 ;
		background-color: transparent;
		width:22px;
		height:21px;
		margin-top: -2px;
	}
	#nav-search button img{
		border: 1px solid #cfcfcf;
		height: 17px;
		margin-left: -5px;
		width: 17px;
	}
	
	
	
	/* Custom Form Elements */
	
	#language-form button {
		border: 1px solid #cecece;
		vertical-align:top;
		background-color: transparent;
		width:22px;
		height:21px;
	}
	
	#language-selector .jsSelector0{
		width: 125px;
	}
	
	.jsSelector{
		cursor: pointer;
		height: 17px;
		float:left;
		background-color:#f4f4f4;
		border:1px solid #cfcfcf;
		color:#848484;
		float:left;
		top:0;
		left:0;
	}
	
	.jsSelectorArrow{
		height: 17px;
		width: 18px;
		border-left:1px solid #cfcfcf;
	}
	
	.jsSelector .jsOption{
		padding:0;
		margin:2px 6px 0 5px;
	}
	
	
	
	/* combo box */
	
	.jsSelectorCWrapper {
		border-left:1px solid #cfcfcf;
		border-right:1px solid #cfcfcf;
		border-bottom:1px solid #cfcfcf;
		margin: 19px 0 0 0;
		height:auto;
		z-index: 100000;
	}
	.jsSelectorCWrapper .jsOption{
		padding: 4px 0 3px 5px;
		cursor: pointer;
		background-color:#f4f4f4;
		color:#848484;
		height: 12px;
	}
	.jsSelectorCWrapper .jsOption.H{ /* hover evend*/
		background-color:#dcdcdc;
	}
	
	/* queolocationmanager */
	.tx-queolocationmanager-pi1 .location-selector {
		padding:33px 0 0 0;
	}
	
}
