.symbol {

  display: inline-block;

  border-radius: 50%;

  border: 5px double white;

  width: 30px;

  height: 30px;

}



.symbol-empty {

  background-color: #ccc;

}



.symbol-filled {

  background-color: black;

}



.rating-symbol-foreground > span {

    font-size: 25px;

    width: 25px;

    letter-spacing: 5px;

}

.rating-symbol .rating-symbol-background, .rating-symbol-foreground > .fa-dpc {

    font-size: 25px;

    letter-spacing: 5px;

}

.fa-dpc {

  width: 25px;

  display: inline-block;

  font: normal normal normal 14px/1 RatingIcons;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

}

.jRatingAverage {

	background-color: #f62929;

	position: relative;

	top: 0;

	left: 0;

	z-index: 2;

	height: 100%;

}

.jRatingColor {

	background-color: #f4c239;

	position: relative;

	top: 0;

	left: 0;

	z-index: 2;

	height: 100%;

}

.jStar {

	position:relative;

	left: 0;

	z-index: 3;

}

p.jRatingInfos {

	position: absolute;

	z-index: 9999;

	background:	transparent url('../icons/bg_jRatingInfos.png') no-repeat;

	color: #FFF;

	display: none;

	width: 91px;

	height: 29px;	

	font-size: 16px;

	text-align: center;

	padding-top: 5px;

}

p.jRatingInfos span.maxRate {

	color: #c9c9c9;

	font-size: 14px;

}

.comment .dpc-rating, #comments .dpc-rating, .commentlist .dpc-rating, #commentform .dpc-rating {

    display: block;

    float: none;

}

.dpc-alert-success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d;

}

.dpc-alert-danger {

    background-color: #f2dede;

    border-color: #ebccd1;

    color: #a94442;

}

.dpc-alert {

    border: 1px solid transparent;

    border-radius: 4px;

    clear: left;

    display: block;

    margin-bottom: 20px;

    padding: 5px 15px;

    position: relative;

    top: 12px;

}



.dpc-rating .rating-symbol {

    cursor: pointer;

}



#comments.commentlist form .dpc-rating {

	display: none;

}



.dpc-rating-wrap > div, .dpc-rating-wrap > a > div { 

	display: inline-block; 

}

.fa-dpc-unicode-star::before {

    content: "★";

}