@import url("view-form.css");

.CtextSearch_form_view #searchBox {
	margin-top: 0;
	padding-top: 23px
}

.CtextSearch_form_view .searchBox {
	width: 444px;
	height: 48px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	border-right: 51px solid #fff;
	background:none;
}

.CtextSearch_form_view .searchBox.expanded:after {
	position: absolute;
	content: "";
	height: 58px;
	top: -5px;
	right: -55px;
	z-index: 10;
	border-width: 0 4px 0 0;
	border-style: solid;
	border-color: #D7D7D7;
	border-radius: 0px 4px
}

.CtextSearch_form_view .searchBoxButton {
	width: 46px;
	height: 48px;
	position:absolute;
	box-sizing:border-box;
	padding:14px 9px 13px 13px;
	margin:0; 
}

.CtextSearch_form_view .searchBoxMglass {
	width: 17px;
	height: 17px;
	margin-right:7px;
}

.CtextSearch_form_view .searchBoxMglass::before {
	width: 12px;
	height: 4px;
	top: 12px;
	left: 11px;
}

.CtextSearch_form_view .searchBoxButton.searching .searchBoxMglass::after {
	border-width: 3px;
	border-radius: 30px;
	top: -3px;
	left: -3px;
}

.CtextSearch_form_view .searchBoxInput {
	width: 414px;
	height: 48px;
	padding: 0 15px 0 15px;
	font: 700 21px Source Sans Pro, sans-serif;
	color: #fff;
	border:none;
}

.CtextSearch_form_view .searchBoxInput:focus {
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0.8
}

.CtextSearch_form_view input[name=_q]{
	background-color: rgba(0, 0, 0, 0.4);
}

.CtextSearch_form_view .searchBox input::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.8
}

.CtextSearch_form_view .searchBox input:-moz-placeholder { /* Firefox 18- */
	color: #fff;
	opacity: 0.8
}

.CtextSearch_form_view .searchBox input::-moz-placeholder { /* Firefox 19+, rendu:#C8C8C8 */
	color: #fff;
	opacity: 0.8
}

.CtextSearch_form_view .searchBox input:-ms-input-placeholder {
	color: #fff;
	opacity: 0.8
}

.CtextSearch_form_view .searchBoxResults {
	width: 500px;
	left: auto;
	position:static;
	margin:0 -5px;
}
.CtextSearch_form_view .searchBoxResults,
.CtextSearch_form_view .searchBoxNoResults {
	border-width: 0 4px 4px 0;
	border-style: solid;
	border-color: #D7D7D7;
	border-radius: 0px 4px;
}

.CtextSearch_form_view .searchBoxNoResults {
	font-size: 18px;
	font-weight: bold
}

.CtextSearch_form_view .searchBoxSep {
	border-bottom: solid 1px #D7D7D7
}

.CtextSearch_form_view .searchBoxSection {
	padding: 11px 18px 14px 18px
}

.CtextSearch_form_view .searchBoxItem,
.CtextSearch_form_view .searchBoxCategory {
	font: 700 16px/1.3em PT Sans,sans-serif;
}
@media all and (max-width: 768px) {
	#searchBox {
		padding-top: 15px
	}
}

@media all and (max-width: 515px) {
	.CtextSearch_form_view .searchBoxResults {
		width: 360px
	}
}

@media all and (min-width:720px) and (max-width: 1030px) , ( max-width : 515px) {
	.CtextSearch_form_view .searchBox {
		width: 304px;
	}
	.CtextSearch_form_view .searchBoxInput, .leftColumn .CtextSearch_form_view  .searchBoxInput {
		width: 274px
	}
	.CtextSearch_form_view .searchBoxResults {
		width: 304px
	}
	.CtextSearch_form_view .searchBoxResults {
		width: 360px
	}
}