/* Style sheet for Yelster Reviews */

.fixed .column-pj-rating {
	width: 20%;
	text-align: right;
}

span.pj-rating {
	white-space: nowrap;
	margin: 3px 0 10px;
	display: block;
}

.pj-rating i {
	display: inline-block;
	margin-right: 2px;
	width: 24px;
	height: 24px;
	background: url( '../images/icon-star.png' ) 0 0;
}

@media  (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.pj-rating i {
		background-image: url( '../images/icon-star@2x.png' );
		background-size: 24px 96px;
	}
}

.pj-rating i.filled {
	background-position: 0 -48px;
}

.pj-ratings-input-field {
	overflow: hidden;
	margin-bottom: 1em;
	position: relative;
}

.pj-ratings-input-field .pj-ratings-input-container {
	float: left;
}

.pj-ratings-input-field legend {
	margin-bottom: .5em;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.pj-ratings-input-container:not(:checked) > input {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.pj-ratings-input-container:not(:checked) > label {
	float: right;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	margin-right: 2px;
	position: relative;
}

.pj-ratings-input-container:not(:checked) > label:before {
	content: ' ';
	display: block;
	width: 24px;
	height: 24px;
	background: url( '../images/icon-star.png' ) 0 0;
}

@media  (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.pj-ratings-input-container:not(:checked) > label:before {
		background-image: url( '../images/icon-star@2x.png' );
		background-size: 24px 96px;
	}
}

.pj-ratings-input-container > input:checked ~ label:before {
	background-position: 0 -48px;
}

.pj-ratings-input-container:not(:checked) > label:hover:before,
.pj-ratings-input-container:not(:checked) > label:hover ~ label:before {
	background-position: 0 -72px;
}

.pj-ratings-input-container > label:active {
	position:relative;
	top:2px;
	left:2px;
}

/**
 * Comment List Display.
 */

.pj-reviews .pj-reviewslist {
	margin-left : 0;
}

#pj-reviews-title {
	border: none !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.pj-reviews .screen-reader-text,
.pj-recent-reviews .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.pj-reviews .pj-reviewslist li.review-body,
.pj-recent-reviews .pj-reviewslist li {
	list-style-type: none;
	margin-bottom: 30px;
	padding : 5px;
}

.pj-reviews .pj-review-author {
	font-weight : 700;
	color : #444;
	font-size : 15px;
}

.pj-recent-reviews .pj-reviewslist li {
	margin-bottom: 10px;
	padding : 6px 0 5px 40px;
	position : relative;
	background: url(../images/recent_comments.png) no-repeat 4px top;
}
.pj-recent-reviews .pj-reviewslist .pj-review-point {
    width: 7px;
    height: 7px;
    border-width: 4px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 11px;
    display: block;
    z-index: 1;
}
.pj-recent-reviews .pj-review-author {
	font-weight : 700;
}

/**
 * BeTheme styling.
 */
#comments.pj-reviews .commentlist > li .comment-body {
	padding: 0;
	margin-left: 0;
}

#comments.pj-reviews .commentlist > li .comment-body > div {
	margin-bottom: 10px;
}

.pj-reviews-form #commentform p {
	width: 100%;
	clear: both;
}

.pj-reviews-form #respond label {
	margin-bottom: .5em;
}

.pj-reviews-form #respond input[type="text"],
.pj-reviews-form #respond input[type="email"],
.pj-reviews-form #respond input[type="password"],
.pj-reviews-form #respond textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pj-reviews-form #respond .required {
	position: static;
}

.recentcomments {
	list-style: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 20px !important;
}

.recentcomments-author {
	display: inline-block;
	margin-bottom: 10px;
}

.recentcomments-date {
	display: inline-block;
	margin-bottom: 10px;
}

#respond input[type="email"] {
	margin-bottom: 0;
}

#respond #email {
	display: none;
}

.pj-reviews-error-notice {
	background: #EBCCCC;
	border: 1px solid #BF7A7A;
	padding: .25em .5em;
	margin-bottom: 1em;
}

.pj-reviews-error-notice *:last-child {
	margin-bottom: 0;
}