/** Search Box **/

.sb-search
{
	position: relative;
	width: 100%;
	min-width: 100px;
	height: 50px;
	overflow: hidden;
	margin: 15px 0 0 0;
	
	-webkit-backface-visibility: hidden;
}

	.sb-search .sb-search-input
	{
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		outline: none;
		background: rgba(255,255,255,0.9);
		width: 100%;
		max-width: 360px;
		height: 44px;
		color: #444 !important;
		margin: 0;
		z-index: 10;
		padding: 0 65px 0 15px;
		font-family: inherit;
		font-size: inherit;
		font-style: normal;
		color: inherit;
		
		-webkit-transition: max-width 0.15s linear, background 0.15s linear;
		-moz-transition: max-width 0.15s linear, background 0.15s linear;
		-o-transition: max-width 0.15s linear, background 0.15s linear;
		transition: max-width 0.15s linear, background 0.15s linear;
		
		-webkit-appearance: none;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#mainleft .sb-search .sb-search-input
	{
		background: #E5E5E5;
		max-width: 100%;
	}
	
		.sb-search .sb-search-input:focus
		{
			max-width: 520px;
			background: #FFF;
		}

button.formbutton, .sb-search-submit 
{
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

	.sb-search-submit
	{
		background: #FFF; /* IE needs this */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
		filter: alpha(opacity=0); /* IE 5-7 */
		opacity: 0;
		color: transparent;
		border: none;
		outline: none;
		z-index: -1;
	}
	
	button.formbutton
	{
		color: #FFF;
		background: #1abc9c;
		z-index: 90;
		border: 0;
		height: 44px;
	}
	
	button.formbutton span
	{
		font-size: 19px;
	}
	
		button.formbutton:hover
		{
			background: #1abc9c;
		}

@media screen and (max-width: 768px)
{
	
	.sb-search .sb-search-input
	{
		max-width: 100%;
	}
	
		.sb-search .sb-search-input:focus
		{
			max-width: 100%;
		}
	
}