/* 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;
}

.starTitle{
    float: left;
    width: 100px;
    line-height: 20px;
}
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: 12px 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{
    border: solid 1px #dfdfdf;
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 12px;
    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;
}
.avTotal{
    font-weight: bold;
    /*border-bottom: solid 1px #dfdfdf;*/
    /*padding: 10px 0;*/
}
.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: 100px;
}
.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: 0;
}
.comment-body .rateList.hidden{
    display: none;
}

#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: 3px;
    border: solid 2px rgba(0,0,0,0.2);
}
.makeRateHolder h3{
    margin: 0 0 10px 0;
}
.makeRateHolder p{
    margin: 0 0 10px 0;
}
.averageText {
    float: left;
    line-height: 20px;
    margin-left: 10px;
}
.comment-count {
    line-height: 20px;
    display: block;
}

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

.rateList.hidden{
    display: none;
}

.ratingSettingBlock {
    margin: 0 0 20px 0;
    background: #efefef;
    padding: 10px;
    border-radius: 6px;
}
.ratingSettingBlock .left,
.ratingSettingBlock .right {
    float: left;
    width: 50%;
}
.donateLink{
    float: right;
}