.comments__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.comments__list__item {
  width: 100%;
  padding: 1em 0;
  overflow: hidden;
}

.comments__list__item--unapproved {
  opacity: .5;
}

.comments__list__item__author {
  margin-right: .2em;
  float: left;
}

.comments__list__item__rating {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}

.comments__list__item__message {
  clear: both;
}

.comments__add__form__field {
  clear: both;
  margin: 0 0 1em;
}

.comments__add__form__field__rating {
  height: 2em;
  padding: .4em 0;
}

.comments__add__form__field__textarea {
  width: 100%;
}

.comments__rating .cancel {
  display: none;
}

.comments__rating .star {
  width: 25px;
  height: 25px;
  float: left;
  text-indent: -999em;
  cursor: pointer;
  overflow: hidden;
  background: transparent;
}

.comments__rating .star a,
.comments__rating .star span {
  width: 25px;
  height: 25px;
  display: block;
  background: url(/admin/_includes/images/design/ui.stars.png) no-repeat 0 0;
}

.comments__rating .star_on a,
.comments__rating .star_on span,
.comments__rating .star_hover a,
.comments__rating .star a:hover,
.comments__rating .star a:focus {
  background-position: 0 -25px;
}