@CHARSET "UTF-8";

iframe {
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}

.referral-embed, .referral-banner {
	padding: 10px;

}

.referral-embed a, .referral-banner a {
	cursor: pointer;
	padding: 10px;
	display: block;
	width: 120px;
	height: 120px;
	line-height: 100px;
	border-radius: 4px;
}

.referral-embed img, .referral-banner img {
	display: block;
	margin: 0 auto;
}

.referral-banner .landscape img {
	display: inline-block;

}

.referral-embed-image, .referral-banner-image {
	float: left;
}

.referral-embed-image .glyphicon, .referral-banner-image .glyphicon {
	color: #2b2937;
	opacity: 0.7;
	width: 50px;
	height: 50px;
	font-size: 50px;
	position: absolute;
	left: 62px;
	top: 47px;
}

.referral-embed-info, .referral-banner-info, .referral-embed-info {
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	width: calc(100% - 120px);
}

.referral-banner-code, .referral-embed-code {
	margin-top: 2em;
}

.referral-embed input[type="text"], .referral-banner input[type="text"] {
	padding-right: 60px;
}

.referral-embed input[type="submit"], .referral-banner input[type="submit"],
.referral-embed input[type="submit"]:hover, .referral-banner input[type="submit"]:hover,
.referral-embed input[type="submit"]:focus, .referral-banner input[type="submit"]:focus {
    background: #394165 no-repeat scroll 50% 60%;
    border: medium none;
    border-radius: 0 4px 4px 0;
    height: 35px;
    margin: 0;
    position: absolute;
    right: 15px;
    text-indent: 100px;
    bottom: 0;
    width: 50px;
}