div.rating{display: inline-block; vertical-align: middle;}
div.rating.small{height: 20px;}
div.rating ul{ display: inline-block; margin: 0; padding: 0;}
div.rating ul li, div.rating ul li:hover{float: left; list-style-type:none; background: url('./stars.png') !important; border: none; padding: 0; margin: 0; z-index: 10;}
div.rating label{color: #999; padding-left: 20px; vertical-align: middle; display: inline-block; margin-top: -20px;}
div.rating label.hide{display: none;}
div.rating.small label{margin-top: -1px;}
div.dop_rating .f{float: left;width: 150px;	}
div.rating span{display: block;}

div.rating_extended{margin-top: 20px;}
div.rating_extended.mini{margin-top: 10px;}
div.rating_extended .rating{margin-top: 2px;}
div.rating_extended.mini .rating{margin-top: -3px;}
div.rating_extended .rating label{line-height: 22px;}
div.rating_extended .rating span{float: left;width: 110px;}
div.rating_extended>span{display: inline-block;}

/* rate type 1 */
div.rating.large ul.stars li{background-position: 0 -30px !important; height: 30px; width: 30px;}
div.rating.small ul.stars li{background-position: -30px -30px !important; height: 12px;width: 12px;}
div.rating.large ul.stars li.rating-1 {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-1:hover {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-2 {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-2:hover {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-3 {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-3:hover {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-4 {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-4:hover {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-5 {background-position: 0 0 !important;}
div.rating.large ul.stars li.rating-5:hover {background-position: 0 0 !important;}

.rating.small ul.stars li.rating-1 {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-1:hover {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-2 {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-2:hover {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-3 {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-3:hover {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-4 {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-5 {background-position: -30px 0 !important;}
.rating.small ul.stars li.rating-5:hover {background-position: -30px 0 !important;}

/* rate type 2 */
div.rating.large ul.hands li{background-position: 0 -90px !important; height: 30px; width: 30px;}
div.rating.small ul.hands li{background-position: -30px -90px !important; height: 12px; width: 12px;}
div.rating.large ul.hands li.rating-1{background-position: 0 -60px !important;}
div.rating.large ul.hands li.rating-1:hover{background-position: 0 -60px !important;}
.rating.small ul.hands li.rating-1{background-position: -30px -60px !important;}
.rating.small ul.hands li.rating-1:hover{background-position: -30px -60px !important;}
div.rating.large ul.hands li.rating-5{background-position: 0 -60px !important;}
div.rating.large ul.hands li.rating-5:hover{background-position: 0 -60px !important;}
.rating.small ul.hands li.rating-5{background-position: -30px -60px !important;}
.rating.small ul.hands li.rating-5:hover{background-position: -30px -60px !important;}