.checker {
	margin-top: 2em;
	font-size: 16px;
	width: 300px;
	height: 35px;
	border-radius: 5px;
	overflow: hidden;
	font-family: "Source Sans Pro", sans-serif;
	color: #274779;
}

.checker:after,
.checker *:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}

	.checker .input {
		background-color: white;
		width: 210px;
		height: 35px;
		display: block;
		float: left;
		line-height: 25px;
		font-size: 17px;
		padding: 5px 5px 5px 10px;
	}

		.checker .input input {
			-moz-appearance: none;
			-webkit-appearance: none;
			-ms-appearance: none;
			appearance: none;
			background-color: white;
			color: #9f9f9f;
			border: none;
			height: 25px;
			width: 100px;
			line-height: 25px;
			font-family: "Source Sans Pro", sans-serif;
			font-weight: 100;
			font-size: 17px;
			display: block;
			outline: 0;
			float: left;
			text-transform: lowercase;
		}

		.checker .input span {
			display: block;
			float: left;
			width: 85px;
			text-align: right;
		}

	.checker .checker-button {
		display: block;
		float: left;
		width: 90px;
		font-weight: 100;
		line-height: 35px;
		vertical-align: middle;
		text-align: center;
		color: white;
		cursor: default;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		height: 35px;
		background-color: #EB3790;
		font-size: 16px;
		font-family: "Source Sans Pro", sans-serif;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border: none;
		border-radius: 0;
		margin-top: 0;
		padding: 0;
		cursor: default;
	}

	.checker .checker-button img {
		display: inline-block;
		vertical-align: middle;
		height: 30px;
	}

	.checker.exists input {
		text-decoration: line-through;
		color: #d92328;
	}

	.checker.exists .checker-button {
		background-color: #d92328;
	}

	.checker.available input {
		color: #4aad50;
	}

	.checker.available .checker-button {
		background-color: #4aad50;
	}


	/* Only encourage clicking when the checker is in the header, not on the trial/buy pages */
	header .checker.available .checker-button {
		cursor: pointer;
	}

	header .checker.available .checker-button:hover {
		background-color: #3E9943;
	}


	.checker-context {
		font-size: 14px;
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 300;
		top: 5px;
		position: relative;
		padding-left: 10px;
	}