/* the purchaseModal */
/* these used to be in common.css */
#purchaseModal.modal .purchaseModalContent{
	width: 500px;
}
#purchaseModal.modal button.close{
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}
/* end of common.css */
#purchaseModal.modal{/* The Modal (background) */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	display: none; /* Hidden by default */
	height: 100%; /* Full height */
	width: 100%; /* Full width */
	top: 0;
	left: 0;
	overflow: auto; /* Enable scroll if needed */
	position: fixed; /* Stay in place */
	z-index: 10000; /* Sit on top */
}
#purchaseModal.modal .purchaseModalContent{/* Modal Content/Box */
	background-color: #fefefe;
	border: 2px solid #083A81;
	border-radius: 5px;
	margin: 5% auto; /* 10% from the top and centered */
	max-width: 50em; /* Could be more or less, depending on screen size */
	padding: 1em 3em 2em 3em;
}
#purchaseModal.modal .purchaseModalContent .close{/* The Close Button */
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
#purchaseModal.modal .purchaseModalContent .close:visited,
#purchaseModal.modal .purchaseModalContent .close:hover,
#purchaseModal.modal .purchaseModalContent .close:focus{
	color: black;
	cursor: pointer;
	text-decoration: none;
}
#purchaseModal.modal .promo_options_header{
	padding-top: 5px;
	text-decoration: underline;
}
#purchaseModal.modal #promoPackages h3{
	font-weight: bold;
}
#purchaseModal.modal #promoPackages label{
	font-weight: normal;
}
#purchaseModal.modal #promoPackages > div > label > span{
	font-weight: bold;
}
#purchaseModal.modal #promoPackages > div > label > span.thePrice{
	/*font-weight: bold;*/ /* unnecessary if span is bolded */
}
#purchaseModal.modal #promoPackages hr{
	margin-top: 5px;
	margin-bottom: 8px;
}
#promoPackages .btn.btn-primary{
	margin-top: 1em;
}
/* advertising page overrides (of newFE settings) */
span.blue-box a{
	color: #fff;
}
/* advertising_modal overrides (of newFE settings) */
#purchaseModal h3{
	font-size: 3rem;
}
#purchaseModal h4{
	font-size: 2rem;
	margin: 0;
}
#purchaseModal label{
	font-size: 14px;
	margin-bottom: 5px;
}
#purchaseModal #promoPackages.row{
	display: initial;
}
#purchaseModal #promoPackages .btn{
	font-size: 1.5rem;
}
/* these are for the sales_packages_modal */
#purchaseModal .modal-content .modal-body #promoPackages .panel-body .showDescription{
	margin-bottom: 1rem;
}
#purchaseModal .modal-content .modal-body #promoPackages .panel-body ul{
	margin-bottom: 0;
}
#purchaseModal .modal-content .modal-footer a{
	min-width: inherit;
}