@CHARSET "UTF-8";

#spscc-search-box,
#spscc-search-box * {
	display:inline;
}

#spscc-search-box {
	/* padding or margins or stuff like that here, define the space */
	display: table;
	margin: 0 auto;	
}
#spscc-search-box.desktop {
	float:right;
}

#spscc-search-box .spscc-search-box {
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-collapse: separate;
	border-radius: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	box-sizing: border-box;
	color: #625C5A;
	display: table-cell;
	float: left;
	font-family: inherit;
	font-size: 12px;
	height: 30px;
	line-height: 1;
	margin: 0px;
	padding: 5px 10px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width:272px;
}

#spscc-search-box .spscc-search-box:focus {
	border-color: #66AFE9;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

#spscc-search-box.mobile .spscc-search-box {
	height:24px;
	padding:1px 5px;
}

#spscc-search-box .spscc-search-button {
	cursor: pointer;
	display: inline-block;
	height: 30px;
	line-height: 0;
}

#spscc-search-box.mobile .spscc-search-button {
	height:24px;
}

#spscc-search-box label.zones {
	font-size:90%;
	font-weight:400;
	position: relative;
	top: -3px;	
}

#spscc-search-box.mobile select#zones {
	width:302px;
	font-size:15px;
}

#spscc-search-box.mobile option {
	display:inline;
	padding:0 .75em;
}