.tx-chratings-display {
  position: relative;
  top: 0;
  min-height: 21px;
}

.tx-chratings-grey-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 160px;
  height: 21px;
  background: url(/typo3conf/ext/entrytypes/Resources/Public/img/page-icons/rating-stars.png) repeat-x;
  font-size: 1px;
}

.tx-chratings-gold-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 21px;
  background: url(/typo3conf/ext/entrytypes/Resources/Public/img/page-icons/rating-stars.png) repeat-x 0 -42px;
  font-size: 1px;

}

.small .tx-chratings-grey-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 86px;
  height: 14px;
  background: url(/typo3conf/ext/chratings/Resources/Public/Icons/rating-stars-small.png) repeat-x;
  font-size: 1px;
}

.small .tx-chratings-gold-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 14px;
  background: url(/typo3conf/ext/chratings/Resources/Public/Icons/rating-stars-small.png) repeat-x 0 -14px;
  font-size: 1px;

}

.tx-chratings-vote-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 160px;
  height: 21px;
  font-size: 1px;
}

.tx-chratings-vote-bar div a {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 21px;
  border: none;
  text-decoration: none;
}

.voted .tx-chratings-vote-bar div a {
  cursor: auto;
}

.tx-chratings-vote-bar div a:hover {
  background-image: url(/typo3conf/ext/entrytypes/Resources/Public/img/page-icons/rating-stars.png);
  background-position: 0 -21px;
}

.voted .tx-chratings-vote-bar div a:hover {
  background-image: none;
}

.tx-chratings-vote-bar div .star-1 {
  width: 32px;
  z-index: 5;
}
.tx-chratings-vote-bar div .star-2 {
  width: 64px;
  z-index: 4;
}
.tx-chratings-vote-bar div .star-3 {
  width: 96px;
  z-index: 3;
}
.tx-chratings-vote-bar div .star-4 {
  width: 128px;
  z-index: 2;
}
.tx-chratings-vote-bar div .star-5 {
  width: 160px;
  z-index: 1;
}

.tx-chratings-cleaner {
  clear: left;
}

.tx-chratings-result {
  padding-top: 26px;
  font-size: 11px;
  line-height: 13px;
  padding-bottom: 10px;
}





.rating-and-social {
  border-bottom: 1px solid #575757;
  margin-bottom: 20px;
  padding-bottom: 7px;
  margin-top: 10px;
}

.rating-and-social .tx-chratings-display {
  float: left;
}

.rating-and-social .social {
  float: right;
}
.rating-and-social .clearer {
  clear: both;
}