@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/*SEARCH ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.searchToggle {
	display: inline;
	float: left;
	padding: 0px;
	clear: right;
	height: 40px;
	width: 60px;
	background: url(/images/site/searchIcon.png) center center no-repeat;
	cursor: pointer;
	border-left: 1px dotted #ffffff;
	border-right: 1px dotted #ffffff;
}

#searchblok{
	width:225px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	border-left: 1px dotted #ffffff;
	border-right: 1px dotted #ffffff;
}

#searchblok #searchForm {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#searchblok #searchForm #searchText {
	background-color:transparent;
	border:none;
	margin:0px 0px 0px 18px;
	line-height:40px;
	font-size:16px;
	height:40px;
	width:160px;
	color:#ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-style:italic;
}

#searchblok #searchForm #searchTextBackground {
	background-color:transparent;
	width:160px;
	height:40px;
	font-size:0.750em;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
}

#searchblok #searchForm .searchButton {
	display:inline;
	float:left;
	padding:0px;
	clear:right;
	height:40px;
	width:60px;
	background:url(/images/site/searchIcon.png) center center no-repeat;
	cursor:pointer;
}


@media(max-width:767px){
	.searchDisplayNone {
		display:none; 
		position: absolute;
		top: 40px;
		background: #0079c2;
		border-top: 1px dotted #ffffff;
		border-bottom: 1px dotted #ffffff;
	}
	#searchblok {width:209px;}
	#searchblok #searchForm #searchText {margin:0;}
	#searchblok #searchForm .searchButton {width:40px; float:right;}
}