/******* EXAMPLE A *******/
.br-wrapper .br-widget {
  height: 7px;
}

/*.br-wrapper .br-widget:hover {
  height: 17px;
  margin-top: -10px;
}
.br-wrapper .br-widget:hover a{
  height: 15px;
}*/

.br-wrapper .br-widget a:first-child {
  display: none;
}
.br-wrapper .br-widget a {
  display: block;
  width: 28px;
  padding: 0px 0;
  height: 25px;
  margin-top: -18px;
  float: left;
  margin-right: 4px;
  text-align: center;
}
.br-wrapper .br-widget a span {
  background-color: #aebec7;
  height: 5px;
  width: 28px;
  display: block;
  margin-top: 20px;
}

.br-wrapper .br-widget a.br-active span,
.br-wrapper .br-widget a.br-selected span {
  background-color: #dbf200;
}
.br-wrapper .br-widget .br-current-rating {
  line-height: 2;
  float: right;
  padding: 0 7px 0 0px;
  color: #fff;
  font-size: 22px;
  margin-top: -47px;
  margin-bottom: 0px;
  height:30px;
}
/* Center in container */
.br-wrapper {
  width: 324px;
  position: absolute;
  margin-top: 10px;
}