@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300|Montserrat:400,700|Poppins:400,500,600,700,300);
.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; }