/* \Sentra.Designs\BasicDesigner\modules\searchform\style-searchform-youare.css */
@inp_padding:5px;
@imargin:floor((35px - @inp_padding - @inp_padding - {{lensheight}}px) * 0.5);

.formpos_youare(@sform_align) when (@sform_align = center) {
		margin: 0 auto;
}
.formpos_youare(@sform_align) when (@sform_align = left) {
		float:left;
}
.formpos_youare(@sform_align) when (@sform_align = right) {
		float:right;
		margin: 0 5px 0 0;
}

.sformborder_youare(@search_borderwidth) when (@search_borderwidth > 0) {
	border: {{search_borderwidth}}px {{search_borderstyle}} {{search_bordercolor}};
}
.sformborderradius_youare(@search_borderradius) when (@search_borderradius > 0) {
	border-radius: {{sform_topborderradius}}px {{sform_topborderradius}}px {{sform_bottomborderradius}}px {{sform_bottomborderradius}}px;
}

.sform_shadow_youare(@search_shadow_color) when not (@search_shadow_color = transparent) {
	box-shadow: {{search_ShadowPosX}}px {{search_ShadowPosY}}px {{search_shadow_blur}}px {{search_shadow_spread}}px {{search_shadow_color}} {{search_shadow_location}};
}

.youare {
	.youaresearch {
		width: 	{{youare_form_width}}px;
		.formpos_youare({{sform_align}});
		.sbutton {
			float: left;
			background: transparent url(./{{template_images}}/{{form_sendbutton_file}}) no-repeat scroll left center;
			height: {{sbuttonheight}}px + @inp_padding + @inp_padding;
			width: {{sbuttonwidth}}px;
		}
		.sbutton:hover {
			background: transparent url(./{{template_images}}/{{form_hover_sendbutton_file}}) no-repeat scroll left center;
		}

		.sformpos {
			width: 	{{youare_form_width}}px;
			float:left;
		}
		.sform {
			float:left;
			width: 	{{youare_form_width}}px;
			.auto-suggest-page_youare {
				float:left;
				position:relative;
				width: 100%;
				*z-index:100!important;

				input[type="image"] {
					height: {{sbuttonheight}}px;
					width: {{sbuttonwidth}}px;
				}
				input[type="text"] {		/* searchform input field */
					font-weight:bold;
					background: {{sform_youare_bg_color}} url(./{{template_images}}/{{form_inputlens_file}}) no-repeat scroll 5px center;
					color: {{sform_youare_color}};
					float:left;
					width: {{youare_form_width}}px  - 2 * {{search_borderwidth}}px - {{sformbuttonwidth}}px - {{sformbuttonwidth}}px - @inp_padding - @inp_padding;
					height: {{sinpheight}}px - 2 * {{search_borderwidth}}px;
					.sformborder_youare({{search_borderwidth}});
					.sform_shadow_youare({{search_shadow_color}});
					.sformborderradius_youare({{sform_topborderradius}} + {{sform_bottomborderradius}});
					padding: @inp_padding @inp_padding @inp_padding {{sformbuttonwidth}}px + @inp_padding;
					margin: @imargin 0;
					width: {{youare_form_width}}px  - 2 * {{search_borderwidth}}px - {{sformbuttonwidth}}px - 2px - {{sformbuttonwidth}}px - 5px - 5px\9;/* IE 9 or below */
				}
			}
			input[type="submit"] {					/* submit button */
				float:left;
			}
		}
	}
}
