/* Designed to be used with awardDialog.php and awardDialog.js. */

.am-modal {
	overflow-y: auto;
}

.am-modal:focus {
	outline: none;
}

.am-modal .modal-header {
	padding: 5px 5px 5px 20px;
	background: #f0f0f0;
}

.am-modal .modal-header h3 {
	margin: 2% auto 2% auto;
	font-size: 30px;
	font-weight: lighter;
}

.am-modal .modal-body {
	padding: 10px 20px 10px 20px;
	font-family: 'Roboto';
}

.am-rich-content {
	width: 100%;
}

.am-btn-container {
	height: 44px;
	position: relative;
	margin-bottom: 20px;
}

.am-share-button-box {
	display: table;
}

.am-share-button-box > a {
	text-decoration: none;
}

.am-share-button-box > a > img {
	display: inline;
}

.am-button-phrase {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

.am-view-profile-btn {
	position: absolute;
	right: 0;
}

.am-login-register-box {
	margin-top: 20px;
}

.am-login-register-box > p {
	display: inline;
	margin-left: 1em;
	margin-right: 1em;
}

.am-login-btn {
	position: relative;
	background: #0070c9;
	border-color: #0070c9;
}

.am-register-btn {
	position: relative;
}

.am-badge-box {
	border: 2px solid rgba(290, 90, 34, 0.1);
}

.am-badge-title {
	text-align: center;
	font-family: bitter;
	font-weight: bold;
	font-size: 23px;
}

.am-badge-container {
	display: table;
	position: relative;
	margin: 0 auto;
}

.am-shmoints-container {
	display: none;
	border: 2px solid rgba(290, 90, 34, 0.1);
	margin-top: 20px;
	height: 140px;
}

.am-modal-footer {
	margin-top: 0px;
	padding: 5px 20px 5px 20px;
	background: #f0f0f0;
	text-decoration: underline;
}

.am-beefalo {
	width: 250px;
	float: left;
	margin-left: 40px;
}

/* This should be consolidated with rule-page.css in the future. -- Grant */
.am-modal .shmoints-box {
	border-top: 1px solid #FFF;
	padding-top: 10px;
	float: left;
}

.am-modal .shmoints-box p.total-shmoints {
	display: block;
	width: 84px;
	height: 84px;
	background: transparent url("https://media1.shmoop.com/images/badges/shmoint.png") no-repeat;
	margin: 10px auto 0;
	text-shadow: 3px 3px 0 #333;
	font-family: 'Oswald', impact, sans-serif;
	font-size: 34pt;
	padding: 25px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

.am-modal .shmoints-box h3 {
	font-family: 'Oswald', impact, sans-serif;
	font-size: 17px;
	margin: 0 0 10px 0;
	text-align: center;
	color: #a6a6a6;
	font-weight: normal; 
}

.am-modal .shmoints-plus {
	margin-top: 50px;
	margin-left: 45px;
}

.am-modal .shmoints-plus h3 {
	font-size: 60px;
	color: #66b2f4;
}