/* @override
	http://localhost:5000/static/movie_plugin/search.css
	http://192.168.1.20:5000/static/movie_plugin/search.css
	http://127.0.0.1:5000/static/movie_plugin/search.css
*/

.search_form {
	display: inline-block;
	width: 25%;
}

	.search_form input {
		padding-right: 25px;
		padding: 4px;
		margin: 0;
		font-size: 14px;
		width: 90%;
	}
		.search_form .input a  {
			width:  17px;
			height: 20px;
			display: inline-block;
			margin: 0 0 -5px -20px;
			top: 4px;
			right: 5px;
			background: url('../images/checks.png') right -36px no-repeat;
			cursor: pointer;
		}

	.search_form .results_container {
		position: absolute;
		background: #5c697b;
		margin: 6px 0 0 -246px;
		width: 470px;
		min-height: 140px;

		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;

		box-shadow: 0 0 50px rgba(0,0,0,0.55);
		-moz-box-shadow: 0 0 50px rgba(0,0,0,0.55);
		-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.55);
	}
	.search_form .spinner {
		background: rgba(0,0,0,0.8) url('../images/spinner.gif') no-repeat center 70px;
	}

		.search_form .pointer {
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			border-bottom: 10px solid #5c697b;
			display: block;
			position: absolute;
			width: 0px;
			left: 50%;
			margin: -9px 0 0 110px;
		}

	.search_form .results {
		max-height: 550px;
		overflow-x: hidden;
		padding: 10px 0;
	}

	.movie_result {
		overflow: hidden;
		min-height: 140px;
	}

		.movie_result .options {
			height: 139px;
			border: 1px solid transparent;
			border-width: 1px 0;
			border-radius: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			box-shadow: inset 0 1px 8px rgba(0,0,0,0.25);
			-moz-box-shadow: inset 0 1px 8px rgba(0,0,0,0.25);
			-webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,0.25);
		}

			.movie_result .options > div {
				padding: 0 15px;
				border: 0;
			}

			.movie_result .options .thumbnail {
				vertical-align: middle;
			}

			.movie_result .options select {
				vertical-align: middle;
				display: inline-block;
				margin-right: 10px;
			}
				.movie_result .options select[name=title] { width: 180px; }
				.movie_result .options select[name=profile] { width: 90px; }

			.movie_result .options .button {
				vertical-align: middle;
				display: inline-block;
			}

			.movie_result .options .message {
				height: 100%;
				line-height: 140px;
				font-size: 20px;
				text-align: center;
				color: #fff;
			}

		.movie_result .data {
			padding: 0 15px;
			width: 440px;
			position: relative;
			min-height: 100px;
			top: 0;
			margin: -143px 0 0 0;
			min-height: 140px;
			background: #5c697b;
			cursor: pointer;

			border-bottom: 1px solid #333;
			border-top: 1px solid rgba(255,255,255, 0.15);
		}

			.movie_result:last-child .data { border-bottom: 0; }

			.movie_result .thumbnail {
				width: 17%;
				display: inline-block;
				margin: 15px 3% 15px 0;
				vertical-align: top;

				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				box-shadow: 0 0 3px rgba(0,0,0,0.35);
				-moz-box-shadow: 0 0 3px rgba(0,0,0,0.35);
				-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.35);
			}

			.movie_result .info {
				width: 74%;
				display: inline-block;
				vertical-align: top;
				padding: 15px 0;
			}

			.movie_result .info .tagline {
				max-height: 70px;
				overflow: hidden;
				display: inline-block;
			}

			.movie_result .add +.info {
				margin-left: 20%;
			}

				.movie_result .info h2 {
					margin: 0;
				}

				.movie_result .info h2 span {
					padding: 0 5px;
					content: ")";
				}

				.movie_result .info h2 span:before { content: "("; }
				.movie_result .info h2 span:after { content: ")"; }