CouchPotatoServer/couchpotato/core/plugins/movie/static/search.css

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

	.search_form input {
		padding: 4px 20px 4px 4px;
		margin: 0;
		font-size: 14px;
		width: 100%;
		height: 24px;
	}
		.search_form input:focus {
			padding-right: 83px;
		}

		.search_form .input .enter {
			background: #369545 url('../images/sprite.png') right -188px no-repeat;
			padding: 0 20px 0 4px;
			border-radius: 2px;
			text-transform: uppercase;
			font-size: 10px;
			margin-left: -78px;
			display: inline-block;
			opacity: 0;
			position: relative;
			top: -2px;
			cursor: pointer;
			vertical-align: middle;
			visibility: hidden;
		}
			.search_form.focused .input .enter {
				visibility: visible;
			}
			.search_form.focused.filled .input .enter {
				opacity: 1;
			}

		.search_form .input a  {
			width:  17px;
			height: 20px;
			display: inline-block;
			margin: -2px 0 0 2px;
			top: 4px;
			right: 5px;
			background: url('../images/sprite.png') left -37px no-repeat;
			cursor: pointer;
			opacity: 0;
			transition: all 0.2s ease-in-out;
			vertical-align: middle;
		}

		.search_form.filled .input a {
			opacity: 1;
		}

	.search_form .results_container {
		position: absolute;
		background: #5c697b;
		margin: 6px 0 0 -230px;
		width: 470px;
		min-height: 140px;
		border-radius: 3px;
		box-shadow: 0 20px 20px -10px rgba(0,0,0,0.55);
		display: none;
	}
		.search_form.shown.filled .results_container {
			display: block;
		}

		.search_form .results_container:before {
			content: ' ';
			height: 0;
			position: relative;
			width: 0;
			border: 10px solid transparent;
			border-bottom-color: #5c697b;
			display: block;
			top: -20px;
			left: 346px;
		}

	.search_form .results {
		max-height: 570px;
		overflow-x: hidden;
		padding: 10px 0;
		margin-top: -18px;
	}

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

		.movie_result .options {
			height: 140px;
			border: 1px solid transparent;
			border-width: 1px 0;
			border-radius: 0;
			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: 470px;
			position: relative;
			height: 140px;
			top: 0;
			margin: -140px 0 0 0;
			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 .in_wanted, .movie_result .in_library {
				position: absolute;
				margin-top: 105px;
			}

			.movie_result .thumbnail {
				width: 17%;
				display: inline-block;
				margin: 15px 3% 15px 0;
				vertical-align: top;
				border-radius: 3px;
				box-shadow: 0 0 3px rgba(0,0,0,0.35);
			}

			.movie_result .info {
				width: 80%;
				display: inline-block;
				vertical-align: top;
				padding: 15px 0;
				height: 120px;
				overflow: hidden;
			}

			.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: ")"; }

.search_form .mask {
	border-radius: 3px;
}