/* \Sentra.Designs\BasicDesigner\modules\searchform\style-searchform-hornav.css */
@inp_padding:5px;
@sbuthornavmarginleft:3px;

.formpos_nav(@sform_align) when (@sform_align = center) {
		margin: 0 auto;
}
.formpos_nav(@sform_align) when (@sform_align = left) {
		float:left;
}
.formpos_nav(@sform_align) when (@sform_align = right) {
		float:right!important;
		margin: 0 5px 0 0;
}
.sform_margin_nav(@sform_vmargin, @sform_hmargin) when (@sform_vmargin > 0) and (@sform_hmargin > 0) {
		margin: {{sform_vmargin}}px {{sform_hmargin}}px;
}
.sform_margin_nav(@sform_vmargin, @sform_hmargin) when (@sform_vmargin = 0) and (@sform_hmargin > 0) {
		margin: 0 {{sform_hmargin}}px;
}
.sform_margin_nav(@sform_vmargin, @sform_hmargin) when (@sform_vmargin > 0) and (@sform_hmargin = 0) {
		margin: {{sform_vmargin}}px 0;
}
.sform_margin_nav(@sform_vmargin, @sform_hmargin) when (@sform_vmargin = 0) and (@sform_hmargin = 0) {
		margin: 0;
}
.sformborder_nav(@search_borderwidth) when (@search_borderwidth > 0) {
	border: {{search_borderwidth}}px {{search_borderstyle}} {{search_bordercolor}};
}
.sformborderradius_nav(@search_borderradius) when (@search_borderradius > 0) {
	border-radius: {{sform_topborderradius}}px {{sform_topborderradius}}px {{sform_bottomborderradius}}px {{sform_bottomborderradius}}px;
}

.sform_shadow_nav(@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}};
}
.sform_nav_input_width_bg(@form_inputlens_file) when not (@form_inputlens_file = 'none.png') {
	width: {{sform_inpwidth}}px - {{sformbuttonwidth}}px - 2 * @sinp_padding - {{lenswidth}}px - @sbutmarginleft - {{search_borderwidth}}px * 2;
	height: {{sinpheight}}px;
	padding: @sinp_padding;
	background: {{navi_inp_bg_color}} url(./{{template_images}}/{{form_inputlens_file}}) no-repeat scroll {{sformlens_posx}} center;
}
.sform_nav_input_width_bg(@form_inputlens_file) when (@form_inputlens_file = 'none.png') {
	width: {{sform_inpwidth}} - {{sformbuttonwidth}}px - @sinp_padding - 2 * @sinp_padding - {{lenswidth}}px - @sbutmarginleft - {{search_borderwidth}}px * 2;
	height: {{sinpheight}}px;
	padding: @sinp_padding!important;
	background: {{navi_inp_bg_color}};
}

#{{naviID}} {
/* drop down topics background */
	:hover ul.sformsub {
		background: transparent!important;
		border: 0!important;
		height: 256px!important;
		overflow:visible;
	}

	.navisearch {
		width: 	{{sform_inpwidth}}px;
		height: 35px!important;
		.formpos_nav({{sform_align}});

		b.mt {
			width: 	{{sform_inpwidth}}px;
		}
/*
		.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;
			margin-left: @sbuthornavmarginleft;
		}
		.sbutton:hover {
			background: transparent url(./{{template_images}}/{{form_hover_sendbutton_file}}) no-repeat scroll left center;
		}
*/
		.sformpos {
			width: 	{{sform_inpwidth}}px;
			height: 35px;
			float:left;
		}
		.sform {
			float:left;
			width: 	{{sform_inpwidth}}px;
			.sform_margin_nav({{sform_vmargin}}, {{sform_hmargin}});
			.auto-suggest-page_navi {
				float:left;
				position:relative;
				width: 100%;
				*z-index:100!important;

				input[type="image"] {
					height: {{sformbuttonheight}}px + {{sinp_padding}}px + {{sinp_padding}}px;
					width: {{sformbuttonwidth}}px;
				}
				input[type="text"] {		/* searchform input field */
					font-size: {{sform_inp_fontsize}}px;
					font-weight:bold;
					color: {{navi_inp_color}};
					float:left;
					.sform_nav_input_width_bg('{{form_inputlens_file}}');
					.sformborder_nav({{search_borderwidth}});
					.sform_shadow_nav({{search_shadow_color}});
					.sformborderradius_nav({{sform_topborderradius}} + {{sform_bottomborderradius}});
					padding: @inp_padding @inp_padding @inp_padding {{sformbuttonwidth}}px + @inp_padding;
				}
			}
		input[type="submit"] {					/* submit button */
			float:left;
		}
		}
	}
}

.nav {
	.navisearch {
		.sform {
			input[type="text"] {
				width: {{sform_inpwidth}}px  - 2 * {{search_borderwidth}}px - {{sformbuttonwidth}}px - 2px - {{sformbuttonwidth}}px - 5px - 5px\9;/* IE 9 or below */
			}
		}
	}
}
