.manacost {
	color: #FFF;
	font-family: Monospace;
	font-weight: bold;
	background-color: #000;
	border-radius: 15px;
}

	.manacost.nine-and-less {
		font-size: 12px;
		line-height: 18px;
		padding-left: 4px;
		padding-right: 5px;
	}
	
	.manacost.ten-and-more {
		font-size: 12px;
		line-height: 18px;
		padding-left: 1px;
		padding-right: 1px;
	}

/* Formatting for front/back rules text well 
   blatantly borrowed from bootstrap docs */
   
.cardfront {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.cardfront:after {
  content: "Front";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

.cardfront + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

.cardfront > p:last-child {
  margin-bottom: 0;
}
.cardfront .table,
.cardfront .progress,
.cardfront .well,
.cardfront .alert,
.cardfront .hero-unit,
.cardfront .pagination,
.cardfront .navbar,
.cardfront > .nav,
.cardfront blockquote {
  margin-bottom: 5px;
}

.cardback {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.cardback:after {
  content: "Back";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

.cardback + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

.cardback > p:last-child {
  margin-bottom: 0;
}
.cardback .table,
.cardback .progress,
.cardback .well,
.cardback .alert,
.cardback .hero-unit,
.cardback .pagination,
.cardback .navbar,
.cardback > .nav,
.cardback blockquote {
  margin-bottom: 5px;
}

.errata {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.errata:after {
  content: "FAQ/Errata";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

.errata + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

.errata > p:last-child {
  margin-bottom: 0;
}
.errata .table,
.errata .progress,
.errata .well,
.errata .alert,
.errata .hero-unit,
.errata .pagination,
.errata .navbar,
.errata > .nav,
.errata blockquote {
  margin-bottom: 5px;
}