.subscription {
  border: 1px #ffda2e solid !important;
  background-color: #fff1af !important;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

.subscription.expired {
  border-color: #600 !important;
  background-color: #fff !important;
}

.subscription.expired, .subscription.expired a {
  color: #600;
}

.subscription.cancelled {
  border-color: #333 !important;
  background-color: #ccc !important;
}

.subscription.cancelled, .subscription.cancelled a {
  color: #333;
}

.subscription .alerts {
    float: right;
    font-weight: bold;
}

.plans {
	max-width: 60em;
	text-align: center;
}
.plans .plan {
	display: inline-block; 
	border: 1px black solid; 
	background-color: white;
	padding: 0.5em;
	text-align: center;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	width: 18em;
	margin: 0.25em;
}

.plans .plan h3 {
	margin-top: 0;
	font-size: 150%;
	background-color: #bad032;
	padding: 0.25em;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
}

.plans .plan ul {
	text-align: left;
	list-style-type: square;
	margin-left: 0;
	padding-left: 1em;
}

.plans .plan .price {
	font-style: italic;
	margin-bottom: 0.5em;
	font-size: 110%;
}

.plans .plan button.signup {
	background-color: #080; 
	color: white; 
	cursor: pointer;
	border: 2px #bad032 solid;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.plans .plan button.signup h4 {
	font-size: 125%; 
	font-weight: bold;
	margin: 2px;
}

.plans .plan button.signup h5 {
	text-transform: uppercase;
	margin: 2px;
}