.badge-container,
.badge-container-finalized {
  text-align: center;
  margin: 0 auto; }
  .badge-container ul.badges-list,
  .badge-container-finalized ul.badges-list {
    margin: 16px 0;
    padding: 0; }
    .badge-container ul.badges-list li,
    .badge-container-finalized ul.badges-list li {
      display: inline-block;
      opacity: 0.5;
      margin: 0 5px; }
      .badge-container ul.badges-list li img,
      .badge-container-finalized ul.badges-list li img {
        display: block; }
    .badge-container ul.badges-list.badges-list-small img,
    .badge-container-finalized ul.badges-list.badges-list-small img {
      min-width: 35px;
      max-width: 45px;
      height: auto; }
    .badge-container ul.badges-list.badges-list-large img,
    .badge-container-finalized ul.badges-list.badges-list-large img {
      width: 136px;
      height: auto; }

.badge-container ul.badges-list li.passed,
.badge-container-finalized ul.badges-list li.passed {
  opacity: 1; }

.badge {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../images/badge-sprite.png");
  background-repeat: no-repeat; }

.badge.badge-headline {
  top: 15px;
  position: relative;
  margin-right: 10px;
}

.badge1 {
  background-position: 0px 0; }

.badge2 {
  background-position: -40px 0; }

.badge3 {
  background-position: -80px 0; }

.badge4 {
  background-position: -120px 0; }

.badge5 {
  background-position: -160px 0; }

.badge6 {
  background-position: -200px 0; }

.badge7 {
  background-position: -240px 0; }

.badge8 {
  background-position: -280px 0; }

.badge9 {
  background-position: -320px 0; }