/* Search
* /a/css/search/screen.css
*/
.ui-tooltip {
	max-width:500px;
	padding:20px 20px 0 20px;
	min-height:40px;
}

form#form-search{
	width:240px;
	z-index:10000;
	float:left;
	margin-right:30px;
	background:#272b2c;
	padding:8px 20px;
}
	form#form-search fieldset legend{
		margin:0;
		padding:0 0 0 10px;
		color:#ffffff;
	}
		form#form-search fieldset div.row input#sf_keyword{
			width:92%;
			padding:8px 4%;
		}

		div#row-daterange{
			padding-bottom:30px;
		}

		div#row-daterange p.date_range_text{
			color: white;
			font-size: 12px;
		}

		div.ui-slider{
			border-radius:15px !important;
			-moz-border-radius:15px !important;
			-webkit-border-radius:15px !important;
			height:17px !important;
			background:#babcbe;
		}
			div.ui-slider-range{
				background:#f0605b;
			}
			a.ui-slider-handle{
				border-radius:15px !important;
				-moz-border-radius:15px !important;
				-webkit-border-radius:15px !important;
				width:15px !important;
				height:15px !important;
				top:0!important;
				z-index:1000;
				background:#ffffff !important;
			}
		label.slidervalue{
			color:#ffffff;
			height:30px;
			font-size:0.75em;
			position:absolute;
			padding-top:5px;
		}

		a.search_toggle,
		a.search_toggle:visited{
			width:100%;
			display:block;
			height:33px;
			line-height:31px;
			background:url('../../img/search/bg-arrow-down.png') #ffffff no-repeat 92.5% 50%;
			text-align:center;
			color:#f1615b;
			font-size:1em;
			text-decoration:none;
			position:relative;
			-webkit-transition: 200ms ease;
			-moz-transition: 200ms ease;
			-o-transition: 200ms ease;
			transition: 200ms ease;
		}
			a.search_toggle_visible,
			a.search_toggle_visible:visited{
				background:url('../../img/search/bg-arrow-up.png') #f1615b no-repeat 92.5% 50%;
				color:#ffffff;
			}

			a.search_toggle span.icon-search_toggle{
				display:block;
				position:absolute;
				left:10px;
			}

			a.search_toggle span.icon-glasses{
				top:11px;
				width:29px;
				height:11px;
				background:url('../../img/search/icon-glasses.png') no-repeat 0 0;
			}
			a.search_toggle span.icon-people{
				top:8px;
				width:24px;
				height:16px;
				background:url('../../img/search/icon-people.png') no-repeat 0 0;
			}
			a.search_toggle span.icon-buildings{
				top:5px;
				width:19px;
				height:21px;
				background:url('../../img/search/icon-buildings.png') no-repeat 0 0;
			}
			a.search_toggle span.icon-emotion{
				top:7px;
				width:18px;
				height:18px;
				background:url('../../img/search/icon-emotion.png') no-repeat 0 0;
			}

			a.search_toggle_visible span.icon-search_toggle{
				background-position:0 100%;
			}

			ul.toggle-options{
				display:hidden;
				padding:15px 0;
			}


	form#form-search fieldset div.row-toggle-list ul{
		list-style:none;
		margin:0;
	}
		form#form-search fieldset div.row-toggle-list ul li{
			color:#ffffff;
		}
			form#form-search fieldset div.row-toggle-list ul li label{
				display:inline;
			}
				form#form-search fieldset div.row-toggle-list ul li ul{
					list-style:none;
					margin-left:20px;
				}

div#search-results-wrapper{
	width:912px;
	float:right;
	padding-bottom:50px;
}

	div.buttons{
		position:absolute;
		bottom:23px;
	}
		div.buttons a,
		div.buttons a:visited{
			float:left;
			display:block;
			margin-right:12px;
			width:120px;
			height:33px;
			color:#ffffff;
			text-align:center;
			line-height:33px;
			text-decoration:none;
		}
			div.buttons a.btn-buy,
			div.buttons a.btn-buy:visited{
				background:#f1615b;
			}
			div.buttons a.btn-more,
			div.buttons a.btn-more:visited{
				background:#585858;
			}



@media screen and (max-width: 1224px) {

	form#form-search{
		width:25%;
		padding-left:3%;
		padding-right:3%;
		z-index:10000;
		float:left;
		margin-right:0;
		margin-bottom:20px;
	}

	div#search-results-wrapper{
		width:65%;
		float:right;
		padding-bottom:50px;
	}

	
	ul.image-grid li{
			width:100%;
			height:auto;
		}
			ul.image-grid li a img{
				width:100%;
				height:auto;
				max-width:480px;
			}

}


@media screen and (max-width: 950px) {

	form#form-search{
		width:35%;
	}

	div#search-results-wrapper{
		width:55%;
	}

}


/* Phone */
@media screen and (max-width: 671px) {

	.ui-tooltip {
		max-width:92%;
		padding:20px 4% 0 4%;
		min-height:40px;
	}
		.ui-tooltip img{
			width:100%;
		}

	h1{
		white-space:nowrap;
		display:none;
	}

	form#form-search{
		width:90%;
		padding-left:5%;
		padding-right:5%;
		z-index:10000;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}

	div#search-results-wrapper{
		width:100%;
		float:none;
		padding-bottom:50px;
	}

	p#search-again{
		margin-top:2em;
		display:block;
	}

		ul.image-grid li{
			width:100%;
			height:auto;
		}
			ul.image-grid li a img{
				width:100%;
				height:auto;
			}
	
}