/* float clearing for IE6 */
.clearfix {
    height: 1%;
    overflow: visible;
}

/* float clearing for IE7 */
.clearfix {
    min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.fixed .column-rating {
    width: 10%;
    padding-right: 20px;
}

.rateBlock {
    position: relative;
    margin: 3px 0 0 0;
    background: url(../images/sprite_stars.png) no-repeat -122px 0px;
}

.rateBlock .showRate {
    overflow: hidden;
    width: 122px;
    height: 22px;
    background: url(../images/sprite_stars.png) no-repeat 0px 0px;
}

.rateList .starTitle {
    float: left;
    width: 35%;
    line-height: 23px;
}

div.star-holder {
    position: relative;
    height: 17px;
    width: 100px;
    background: url('../images/stars.png') repeat-x bottom left;
    float: left;
}

.star-holder .star-rating {
    background: url('../images/stars.png') repeat-x top left;
    height: 17px;
    float: left;
}

div.star-holder .star-rating input {
    opacity: 0;
    margin: 0 5px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

div.star-holder .star-rating:last-child input {
    margin: 0px;
}

.starSelector.star-holder .star-rating {
    background: none;
}

.starSelector.star-holder .star-rating.hover,
.starSelector.star-holder .star-rating.select {
    background: url('../images/stars.png') repeat-x top left;
}

/*.comment #respond .selectit,*/
/*.comment #respond .starSelector {*/
/*display: none;*/
/*}*/

/*/////////////////////////////////////*/

.ratingMetaBox.settings {
    border-bottom: solid 1px #dfdfdf;
    margin: 0 -12px;
    padding: 6px 12px 12px;
}

.ratingMetaBox.settings label {
    margin: 8px 12px 0 0;
    /*display: block;*/
    float: left;
}

.saveRate,
.editRate {
    float: right;
}

.ratingMetaBox {
    padding: 0;
}

.sumholder,
.setRatingHolder {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.sumholder:first-child,
.setRatingHolder:first-child {
    padding-right: 6px;
}

.sumholder:last-child,
.setRatingHolder:last-child {
    padding-left: 6px;
}

.rateTitle {
    padding: 3px 8px;
    font-size: 1.7em;
    line-height: normal;
    width: 100%;
    outline: 0;
}

.rateDesc,
.JsonRate {
    width: 100%;
    min-height: 82px;
    max-width: 100%;
    min-width: 100%;

}

.JsonRate {
    display: none;
}

.AdvancedSettings {
    display: none;
}


.ratingMetaBox .settings {}

.ratingMetaBox .settings .left,
.ratingMetaBox .settings .right {
    float: left;
    width: 50%;
}

.ratingMetaBox .summary {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
}

.ratingMetaBox .summary p {
    margin: 0;
}

.ratingMetaBox .summary .left {
    float: right;
    width: 20%;
    line-height: normal;
    margin-left: 2%;
    background: white;
    border: solid 1px #dfdfdf;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 4px 5px;
}

.ratingMetaBox .summary .right {
    float: left;
    width: 78%;
    line-height: 20px;
}

.Sum .avTotal {
    font-weight: bold;
    padding: 0 30px 0 0;
    color: #fb1965;
}

.Sum .starTitle {
    float: left;
    margin: 20px 10px 20px 0;
    width: 35%;
}

.Sum .star-holder {
    margin: 20px 0;
}

.Sum .textAverage {
    margin: 19px 0 0px 15px;
}

.ratingMetaBox .avPercent {
    font-size: 32px;
    font-weight: bold;
    color: #464646;
    text-shadow: #fff 0 1px 0;
    border-bottom: solid 1px #dfdfdf;
    text-align: center;
}

.avParticipants span {
    padding: 10px 0 7px 0;
    display: block;
    font-size: 18px;
}

.ratingMetaBox .summary .starTitle {
    float: left;
    width: 44%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 12px;

}

.ratingMetaBox .summary .star-holder {
    float: left;
    width: 70%;
}

div.star-holder.star1,
.ratingMetaBox .summary .star-holder.star1 {
    width: 16px;
}

div.star-holder.star2,
.ratingMetaBox .summary .star-holder.star2 {
    width: 37px;
}

div.star-holder.star3,
.ratingMetaBox .summary .star-holder.star3 {
    width: 58px;
}

div.star-holder.star4,
.ratingMetaBox .summary .star-holder.star4 {
    width: 79px;
}

div.star-holder.star5,
.ratingMetaBox .summary .star-holder.star5 {
    width: 100px;
}

div.star-holder.star6,
.ratingMetaBox .summary .star-holder.star6 {
    width: 121px;
}

div.star-holder.star7,
.ratingMetaBox .summary .star-holder.star7 {
    width: 142px;
}

div.star-holder.star8,
.ratingMetaBox .summary .star-holder.star8 {
    width: 163px;
}

div.star-holder.star9,
.ratingMetaBox .summary .star-holder.star9 {
    width: 184px;
}

div.star-holder.star10,
.ratingMetaBox .summary .star-holder.star10 {
    width: 205px;
}

.rateHolder {
    width: 100%;
}

.rateHolder h4 {
    margin: 0;
}

.rateHolder .rateItemTitleHolder,
.rateHolder .rankHolder,
.rateHolder .addRemoveHolder {
    float: left;
    margin: 0 20px 0 0;
}

.rateHolder .rateItemTitleHolder {
    width: 240px;
    font-size: 14px;
}

.setRate .rateHolder .rateItemTitleHolder {
    width: auto;
}

.rateHolder .addRemoveHolder {
    padding: 18px 0 0 0;
}

.rateHolder .star-holder {
    float: left;
    background: url('../images/stars_grey.png') repeat-x bottom left;
    margin: 2px 0 0 0;
}

.rateNew {
    display: none;
}

.rankHolder .starSelector {
    width: 205px;

}

.rateItemTitle.empty {
    border-color: #ff0000;
}

.starSelector.empty {
    background: url('../images/stars_red.png') repeat-x bottom left;
}

.textAverage {
    float: left;
    margin: 0 0 0 5px;
}

.textParticipants {
    float: left;
    position: relative;
    margin: -2px 0 0 5px;

}

.textParticipants .number {
    position: absolute;
    bottom: -6px;
    left: 12px;
    color: #fff;
    text-align: center;
    font-size: 9px;
    line-height: 13px;
    min-width: 12px;
    height: 12px;
    border-radius: 4px;
    background: #d54e21;
    padding: 0px 2px;
}

.textParticipants .icon {
    float: right;

    background: url("../images/menu.png") no-repeat -305px -37px;
    width: 20px;
    height: 20px;
}

.collapse {
    margin: 0 0 0 5px;
    display: block;
    float: left;
}

/*/////////////////////////////////////*/

.comment-body .rateList {
    list-style: none;
    padding: 20px;
    background-color: #efefef;
    border-radius: 0;
}

.Sum {
    padding: 0 20px 0 20px;
    margin: 0 0 20px 0;
    background-color: #efefef;
    border-radius: 0;
}

.comment-body .rateList.hidden {}

#JsonRateValue {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 100px;
    display: none;
}

.makeRateHolder {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 12px 12px 20px 12px;
    border-radius: 6px;
    border: solid 1px #C1C1C1;
    width: 98%;
    background-color: #ECECEC;
    margin: 0 0 10px 0;
}

.rateList.makeRate.RateRequired {
    background-color: #ECECEC;
    border: 0px;
}

.makeRateHolder h3 {
    margin: 0 0 10px 0;
}

.makeRateHolder p {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.averageText {
    float: left;
    line-height: 20px;
    margin-left: 10px;
}

.comment-count {
    line-height: 20px;
    display: block;
    font-size: 14px;
}

.summary.inPost ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.rateList {
    padding: 10px 10px 2px 13px;
    border-radius: 3px;
    margin: 0;
}

.rateList .textAverage {
    margin: 0 0 0 13px;

}

.rateList.hidden {}

.ratingSettingBlock {
    margin: 0 0 20px 0;
    background: #efefef;
    padding: 10px;
    border-radius: 6px;
}

.ratingSettingBlock .left,
.ratingSettingBlock .right {
    float: left;
    width: 50%;
}

.donateLink {
    float: right;
}


@media screen and (min-width: 280px) and (max-width: 470px) {
    .rateList .starTitle {
        width: 100%;
        padding: 10px 0 4px 0;
    }

    .comment-content {
        padding: 20px;
    }

    .Sum .starTitle {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .Sum .star-holder {
        margin: 4px 0 0 0;
    }

    .Sum .textAverage {
        margin: 3px 0 0px 16px;
    }
}