/*
 * COMMON start
 */

.rating.good,
.material_rating.good {
	color: #02830e;
}

.rating.bad,
.material_rating.bad {
	color: #d70000;
}

/*
 * COMMON end
 */

/*
 * VOTE start
 */
.rating.display_vote,
.material_rating.display_vote {
	background-image: url(/static/blocks/ratings/sprite_icons_ratings.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.rating.display_vote.good,
.material_rating.display_vote.good {
 	background-position: 0 0;
}
 
.rating.display_vote.bad,
.material_rating.display_vote.bad {
	background-position: 0 -22px;
}
 
.rating.star,
.review_rating.star {
 	background: url(/static/blocks/ratings/icon_ratings_star.png) repeat-x 0 0;
	height: 11px;
}

.feed span.rating.display_vote.good {
    margin-left: 0px;
    vertical-align: initial;
    padding-left: 0px;
    margin-right: 0px;
    font-size: 15pt !important;
    position: relative;
    background: #fff !important;
    z-index: 99999;
    padding-right: 10px;
    border-radius: 0px 10px 10px 0px;
    float: left;
    margin-top: 8px;
	border-right: 2px solid #ddd;
}

.feed span.rating.display_vote.good  i {
	font-size: 16pt !important;
}
/*
 * VOTE end
 */

/*
 * STARS start
 */
.rating.star.num_1,
.review_rating.star.num_1 {
	width: 15px;
}

.rating.star.num_2,
.review_rating.star.num_2 {
	width: 30px;
}

.rating.star.num_3,
.review_rating.star.num_3 {
	width: 45px;
}

.rating.star.num_4,
.review_rating.star.num_4 {
	width: 60px;
}

.rating.star.num_5,
.review_rating.star.num_5 {
	width: 75px;
}
/*
 * STARS end
 */

/*
 * USERS start
 */
.who_vote {
    display: none;
    position: absolute;
    left: 0px;
    top: 28px;
    background: rgba(0, 0, 0, 0.65);
    padding: 5px;
    color: #fff;
    border-radius: 3px;
    z-index: 999;
}

.who_vote a {
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 0px 0px #555;
    font-size: 8pt;
}

.who_vote li {
    margin-bottom: 1px;
    white-space: nowrap;
}

.who_vote:before, .who_vote:after{
    content:'';
    position:absolute;
}

.who_vote:before{
    left:15px;
    top:-10px;
    width:0px;
    height:0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.65);
}

.material_head .material_rating {
    position: relative;
}

.wrap_display_vote {
    height: 40px;
    width: 60px;
    position: absolute;
}

.wrap_display_vote:hover .who_vote {
    display: block;
}

.rating.user {
	font-size: 9px;
}

#modal-who-likes footer, .modal-who-likes footer, #modal-moderatorOnlineInformer footer {
    text-align: right;
    color: #939393;
    padding: 5px;
}
#modal-who-likes header, .modal-who-likes header, #modal-moderatorOnlineInformer header {
    color: #555;
    padding: 5px;
    text-align: center;
}
#modal-who-likes header h2, .modal-who-likes header h2, #modal-moderatorOnlineInformer header h2 {
    font-size: 12pt;
    font-family: Tahoma;
    font-weight: normal;
    text-align: center;
}
#modal-who-likes .who_list_item, .modal-who-likes .who_list_item, .modal-content-moderatorOnlineInformer .who_list_item {
    float: left;
    width: 100%;
    position: relative;
    margin: 5px;
    border-bottom: 1px solid #F4F4F4;
}

#modal-who-likes .who_list_item .who_item_avatar, .modal-who-likes .who_list_item .who_item_avatar, .modal-content-moderatorOnlineInformer .who_list_item .who_item_avatar {
    float: left;
    margin: 0px 10px 10px 0px;
}

#modal-who-likes .who_list_item .who_item_avatar, .modal-who-likes .who_list_item .who_item_avatar, .modal-content-moderatorOnlineInformer .who_list_item .who_item_avatar {
    max-height: 40px;
    overflow: hidden;

    min-width: 51px;
    min-height: 40px;
}

.who_list_item a {
    text-decoration: none;
}
.who_list_item a b, .who_list_item a i {
    display: block;
    margin-bottom: 2px;
}
.who_list_item a i {
    font-style: normal;
    color: #777;
    font-size: 9pt;
}

.who_list_item .__empty_avatar img {
    width: 55px;
}

.who_list_item .__nickandname {
    float: left;
}

.who_list_item .__tools {
    float: right;
    width: 150px;
    width: 75px;
}

.modal-content-moderatorOnlineInformer .who_list_item .__tools {
    float: right;
    width: 55%;
    color: #777;
    overflow-x: hidden;
}

/*
 * USERS end
 */

 /*
  * SMILES start
  */
.rating.smile,
.review_rating.smile {
 	background-image: url(/static/blocks/ratings/sprite_icons_ratings.png);
	background-repeat: no-repeat;
	height: 11px;
}

/*.rating.smile.num_0 {
	background-position: 0 -150px;
    width: 11px;
}*/

.rating.smile.num_1,
.review_rating.smile.num_1 {
	background-position: 0 -130px;
    width: 11px;
}

.rating.smile.num_2,
.review_rating.smile.num_2 {
	background-position: 0 -110px;
    width: 25px;
}

.rating.smile.num_3,
.review_rating.smile.num_3 {
	background-position: 0 -90px;
    width: 39px;
}

.rating.smile.num_4,
.review_rating.smile.num_4 {
	background-position: 0 -70px;
    width: 53px;
}

.rating.smile.num_5,
.review_rating.smile.num_5 {
	background-position: 0 -50px;
    width: 67px;
}
/*
* SMILES end
*/
 
/*
* PLACE starts
*/
 
.rating.place {
}
	.rating.place .color_dot {
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		display: inline-block;
		height: 20px;
		min-width: 15px;
		padding: 4px 5px 0;
		text-align: center;
	}

	.rating.place.yellow .color_dot {
		background: #f5ec01;
	}

	.rating.place.blue .color_dot {
		background: #73c5ff;
	}

	.rating.place.gray .color_dot {
		background: #e6e6e6;
	}
/*
* PLACE ends
*/

/*
* LIKE starts
*/

.like_button_wr {
    position: relative;
}

    .like_button_wr .tell_friends_wr {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0 0 -7px -5%;
        padding: 0 7% 0 5%;
        width: 88%;
        height: 64px;
        background: #fff;
        /*background: rgba(0, 0, 0, 0.6);*/
        z-index: 1;
        visibility: hidden;
        opacity: 0;
        white-space: nowrap;

        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;

        -webkit-transition: opacity 0.25s ease;
           -moz-transition: opacity 0.25s ease;
                transition: opacity 0.25s ease;

        -webkit-box-shadow: 0 0 6px 0 #969696;
           -moz-box-shadow: 0 0 6px 0 #969696;
                box-shadow: 0 0 6px 0 #969696;
    }
    .like_button_wr.active .button_wr.tell_availabe:hover .tell_friends_wr,
    .like_button_wr.show_tell_button .tell_friends_wr {
        visibility: visible;
        opacity: 1;
    }

        .like_button_wr .tell_friends_wr .tell_friends {
            display: block;
            font-size: 11px;
            color: #fff;
            text-shadow: 0 1px 0 #ff6600;
            position: relative;
            margin: 8px 0 0 0;
            cursor: pointer;
            background-color: #ff8d41;

            padding: 3px 10px 4px 10px;

            -webkit-border-radius: 20px;
               -moz-border-radius: 20px;
                    border-radius: 20px;

            -webkit-box-shadow: inset 0 -6px 6px 0 #ff6600;
               -moz-box-shadow: inset 0 -6px 6px 0 #ff6600;
                    box-shadow: inset 0 -6px 6px 0 #ff6600;
        }
        /*.like_button_wr .tell_friends_wr .tell_friends:active,*/
        .like_button_wr .tell_friends_wr .tell_friends.active {
            padding: 4px 10px 3px 10px;
            color: #000;
            background-color: #e2e2e2;
            text-shadow: none;
            cursor: default;

            -webkit-box-shadow: inset 0 2px 0 #999999;
               -moz-box-shadow: inset 0 2px 0 #999999;
                    box-shadow: inset 0 2px 0 #999999;
        }
        .like_button_wr .tell_friends_wr .tell_friends.loading {
            /*background-image: url('/static/blocks/ratings/loader-horisontal.png');*/
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL5JREFUeNrM19sNgCAUA1BlGPefh2VQP0wIAeTR3tsO0Jz0r2dK6QDnQpYFZdyTGJRxyAUpOBSQhkMAqbhdIB23AzTBrQLNcCtAU9ws0Bw3A3TBjQLdcCNAV9wf0B3XA0rgWkAZXA0ohSuBcrgcKIn7gLI4xieJ4L4rKOOQC1JwKCANhwBScbtAOm4HaIJbBZrhVoCmuFmgOW4G6IIbBbrhRoCuuD+gO64HlMC1gDK4GlAKVwLlcDlQEvfmFmAAyh4qc0wfNaoAAAAASUVORK5CYII=);

            background-position: 0 center;
            background-repeat: repeat-x;

            -webkit-animation: loader-horisontal 1s linear infinite;
               -moz-animation: loader-horisontal 1s linear infinite;
                    animation: loader-horisontal 1s linear infinite;
        }


    .material_likes_wr {
        background: #FFF;
        margin-top: 25px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

    .material_likes_wr .button_wr {
        margin-right: 0px;

        border: 2px solid #24A900;
        padding: 0px;
        border-radius: 15px;
    }

    .material_likes_wr .like_button_wr .like_button {
        margin-right: 0px;
    }

    .like_button_wr .like_button {

        position: relative;
        z-index: 2;
        background-color: #cececd;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        padding: 0 0 0 10px;
        margin: 0 5px 0 0;
        cursor: pointer;
        border: 1px solid #d8d8d8;
        border-bottom: 1px solid #d7d7d7;
        text-shadow: 0 1px 0 #eaeaea;
        color: #000;

        -webkit-border-radius: 15px;
           -moz-border-radius: 15px;
                border-radius: 15px;

        -webkit-box-shadow: inset 0 12px 20px 0 #fcfcfa;
           -moz-box-shadow: inset 0 12px 20px 0 #fcfcfa;
                box-shadow: inset 0 12px 20px 0 #fcfcfa;
    }
    .like_button_wr .like_button:hover {
        border: 1px solid #c0c0c0;
        border-bottom: 1px solid #838383;
        background-color: #ccc;
    }
    .like_button_wr .like_button.loading {
        /*background-image: url('/static/blocks/ratings/loader-horisontal-dark.png');*/
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALlJREFUeNrM0MkNwCAQQ9FAMem/nlSTcIiEEMvs41+A9eRy2XdbjhVk3NdTkHGWD7rgrIBuOAugK04LdMdpgCE4KTAMJwGG4rjAcBwHmIKjAtNwFGAq7gRMx+2AELgVEAY3A0LhRiAcrgdC4n4gLK5VkXHtvIqMs3zQBWcFdMNZAF1xWqA7TgMMwUmBYTgJMBTHBYbjOMAUHBWYhqMAU3EnYDpuB4TArYAwuBkQCjcC4XA9EBLXegUYACwOJ2JN3SpiAAAAAElFTkSuQmCC);
        background-position: 0 center;
        background-repeat: repeat-x;

        background-color: #ccc;
        border: 1px solid #c0c0c0;
        border-bottom: 1px solid #838383;

        -webkit-box-shadow: inset 0 2px 0 0 #838383;
           -moz-box-shadow: inset 0 2px 0 0 #838383;
                box-shadow: inset 0 2px 0 0 #838383;

        -webkit-animation: loader-horisontal 1s linear infinite;
           -moz-animation: loader-horisontal 1s linear infinite;
                animation: loader-horisontal 1s linear infinite;
    }

.like_button:active {
    background: #ccc;
    border: 1px solid #c0c0c0;
    border-bottom: 1px solid #838383;

    -webkit-box-shadow: inset 0 2px 0 0 #838383;
       -moz-box-shadow: inset 0 2px 0 0 #838383;
            box-shadow: inset 0 2px 0 0 #838383;
}
.like_button_wr.active .like_button {
    border: 0;
    cursor: default;
    border: 1px solid #488b48;
    background: #488b48;
    color: #fff;
    text-shadow: none;

    -webkit-box-shadow: inset 0 -8px 20px 0 #135a18;
       -moz-box-shadow: inset 0 -8px 20px 0 #135a18;
            box-shadow: inset 0 -8px 20px 0 #135a18;
}
    .like_button_wr.active .like_button span.icon {
        display: none;
    }
.like_button.active:hover {
    border: 1px solid #488b48;
    background: #488b48;
}

        .like_button_wr .like_button .icon {
            width: 11px;
            height: 13px;
            margin: 3px 0 0 7px;
            background: url('/static/blocks/buttons/sprite_icons_buttons.png') no-repeat 0 0;
        }
        .like_button_wr .like_button .material_rating {
            background: #488b48;
            color: #fff;
            padding: 0 8px;
            margin: 0 0 0 6px;
            text-shadow: none;

            -webkit-border-radius: 15px;
               -moz-border-radius: 15px;
                    border-radius: 15px;

            -webkit-box-shadow: inset 0 -8px 20px 0 #135a18;
               -moz-box-shadow: inset 0 -8px 20px 0 #135a18;
                    box-shadow: inset 0 -8px 20px 0 #135a18;

        }


/*
* LIKE ends
*/