.br-theme-hearts .br-widget {
  height: 30px;
  white-space: nowrap;
  position:relative;
}
.br-theme-hearts .br-widget a {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  text-align: center;
  vertical-align: bottom;
  bottom:0px;
  position:absolute;
  background-image: url("../img/hearts.png");
}

.br-theme-hearts .br-widget a.br-active {
	background-position: 30px 0;
}
.br-theme-hearts .br-widget a.br-selected {
	background-position: 30px 0;
}
.br-theme-hearts .br-readonly a {
  cursor: default;
}

.br-theme-hearts .br-widget .br-current-rating {
  font-size: 20px;
  line-height: 2;
  float: left;
  padding: 0 20px 0 20px;
  color: #EDB867;
  font-weight: 400;
  left: 85px;
  position:absolute;
}

/* 4 br elements */
.br-theme-hearts .br-4-elements a#br-element-1 {
	left: 0px;
}
.br-theme-hearts .br-4-elements a#br-element-2 {
	left: 30px;
}
.br-theme-hearts .br-4-elements a#br-element-3 {
	left: 60px;
}
.br-theme-hearts .br-4-elements a#br-element-4 {
	left: 90px;
}
.br-theme-hearts .br-4-elements .br-current-rating {
	left: 120px;
}

/* 5 br elements */
.br-theme-hearts .br-5-elements a#br-element-1 {
	left: 0px;
}
.br-theme-hearts .br-5-elements a#br-element-2 {
	left: 30px;
}
.br-theme-hearts .br-5-elements a#br-element-3 {
	left: 60px;
}
.br-theme-hearts .br-5-elements a#br-element-4 {
	left: 90px;
}
.br-theme-hearts .br-5-elements a#br-element-5 {
	left: 120px;
}
.br-theme-hearts .br-5-elements .br-current-rating {
	left: 150px;
}