/* listing rating plugin css */

li#listing_rating_dom {
	padding: 15px 0 0;
}
ul.listing_rating_ul {
	padding: 0 0 3px;
	direction: ltr;
}
ul.listing_rating_available:not(.rating_closed) li {
	cursor: pointer;
}
ul.listing_rating_ul li {
	width: 33px;
	height: 31px;
	display: inline-block;
	background: url('stars@2x.png') 0 -63px no-repeat;
    background-size: 33px;
	padding: 0!important;
	position: relative;
	text-align: left;
}
ul.listing_rating_ul li > span {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 14px;
    left: 0;
    top: 9px;
}
body[dir=rtl] ul.listing_rating_ul li > span {
    left: auto;
    right: 0;
}
ul.listing_rating_ul li.active {
	background-position: 0 0;
}
ul.listing_rating_ul.rating_closed li {
    background-position: 0 -157px;
    color: white;
}
ul.listing_rating_ul li.hover {
	background-position: 0 -32px;
}
ul.listing_rating_ul li div {
	height: 100%;
	background: url('stars@2x.png') 0 0 no-repeat;
    background-size: 33px;
	display: inline-block;
}
ul.listing_rating_ul.rating_closed li.active,
ul.listing_rating_ul.rating_closed li div {
    background-position: 0 -189px;
}
ul.rating-bar {
	display: inline-block;
	padding: 10px 5px 0 0;
}
ul.featured ul.rating-bar {
    padding-top: 10px !important;
}
ul.rating-bar li {
	background: url('stars.png') 0 -73px no-repeat;
	width: 11px;
	height: 11px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: left;
	margin-right: 1px;
    padding: 0 !important;
}
ul.rating-bar li.active {
	background-position: 0 -61px;
}
ul.rating-bar li div {
	height: 100%;
	background: url('stars.png') 0 -61px no-repeat;
	display: inline-block;
	vertical-align: top;
}

ul.rating-bar.rating_closed li {
    background-position: 0 -170px;
}
ul.rating-bar.rating_closed li.active {
    background-position: 0 -158px;
}
ul.rating-bar.rating_closed li div {
   background-position: 0 -158px; 
}
body[dir=rtl] ul.listing_rating_ul {
    direction: rtl;
}
/*body[dir=rtl] ul.listing_rating_ul li {
	text-align: right;
}
body[dir=rtl] ul.listing_rating_ul li div {
	background-position: right 0;
}*/
body[dir=rtl] ul.listing_rating_ul li div {
    background-position: 0 0;
    transform: scale(-1, 1);
    float: right;
}
body[dir=rtl] ul.listing_rating_ul.rating_closed li div {
    background-position: left -188px;
}
body[dir=rtl] ul.rating-bar {
	padding: 0 0 0 5px;
}
body[dir=rtl] ul.rating-bar li {
	margin-right: 0;
	margin-left: 1px;
	text-align: right;
}
body[dir=rtl] ul.rating-bar li > div {
	background-position: right -61px;
}
body[dir=rtl] ul.rating-bar.rating_closed li > div {
    background-position: right -158px;   
}

/*** PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	ul.listing_rating_ul li,
	ul.listing_rating_ul li > div {
		background: url('stars@2x.png') 0 -65px no-repeat;
		background-size: 34px auto;
        width: 33px;
	}
    ul.listing_rating_ul.rating_closed li {
        background-position: 0 -163px !important;
    }
	ul.listing_rating_ul li.active,
	ul.listing_rating_ul li > div {
		background-position: 0 0;
	}
    ul.listing_rating_ul.rating_closed li.active,
    ul.listing_rating_ul.rating_closed li > div {
        background-position: 0 -195px !important;
    }
	ul.listing_rating_ul li.hover {
		background-position: 0 -33px;
	}
    ul.rating-bar li,
    ul.rating-bar li > div {
        background: url('stars@2x.png') 0 -72px no-repeat !important;
        background-size: 21px auto !important;
    }
    ul.rating-bar li.active, 
    ul.rating-bar li > div {
        background-position: 0 -61px !important;
    }
	ul.rating-bar.rating_closed li {
		background-position: 0 -172px !important;
	} 
    ul.rating-bar.rating_closed li.active,
    ul.rating-bar.rating_closed li > div {
        background-position: 0 -161px !important;
    }
    body[dir=rtl] ul.rating-bar li div,
    body[dir=rtl] ul.rating li div {
        background-position: right -61px!important;
    }
    body[dir=rtl] ul.rating-bar.rating_closed li > div {
        background-position: right -159px !important;
    }
    body[dir=rtl] ul.rating-bar li > div {
        text-align: right;
    }
    body[dir=rtl] ul.listing_rating_ul.rating_closed li div {
        background-position: 0 -195px !important;
    }
}