var yell_html = '<link href="http://fonts.googleapis.com/css?family=Roboto&subset=cyrillic,latin" rel="stylesheet" type="text/css"><style type="text/css">    .stars-00{        background: url(http://yell.ru/i/new_stars.png) 0 0 no-repeat;    }    .stars-one{        background: url(http://yell.ru/i/new_stars.png) 0 -20px no-repeat;    }    .stars-onehalf{        background: url(http://yell.ru/i/new_stars.png) 0 -46px no-repeat;    }    .stars-two{        background: url(http://yell.ru/i/new_stars.png) 0 -70px no-repeat;    }    .stars-twohalf{        background: url(http://yell.ru/i/new_stars.png) 0 -95px no-repeat;    }    .stars-three{        background: url(http://yell.ru/i/new_stars.png) 0 -120px no-repeat;    }    .stars-threehalf{        background: url(http://yell.ru/i/new_stars.png) 0 -146px no-repeat;    }    .stars-four{        background: url(http://yell.ru/i/new_stars.png) 0 -170px no-repeat;    }    .stars-fourhalf{        background: url(http://yell.ru/i/new_stars.png) 0 -195px no-repeat;    }    .stars-five{        background: url(http://yell.ru/i/new_stars.png) 0 -221px no-repeat;    }    .yell_widget_4, .yell_widget_4 *{        -webkit-box-sizing: border-box !important;        -moz-box-sizing: border-box !important;        box-sizing: border-box !important;    }    div.yell_widget_4 a{        font-weight: 400 !important;    }    div.yell_widget_4{        width: 160px !important;        height: 160px !important;        font-family: Roboto !important;        font-weight: 400 !important;        background-color: #FFF !important;        -webkit-border-radius: 3px !important;        border-radius: 3px !important;        border: 1px solid #d7d7d7 !important;        padding: 5px !important;        position: relative !important;        outline: none !important;        display: inline-block !important;    }    div.yell_widget_4 div.yell-row-1{        margin: 0 !important;        padding: 0 !important;        position: relative !important;        height: 13px !important;        float: none !important;    }    div.yell_widget_4 div.yell-row-1 a.yell-company-name{        text-decoration: none !important;        text-transform: none !important;        color: #444 !important;        font-size: 11px !important;        height: 11px !important;        line-height: 11px !important;        width: 105px !important;        outline: none !important;        display: inline-block !important;        position: absolute !important;        top: 0 !important;        left: 0 !important;        white-space: nowrap !important;        overflow: hidden !important;        text-overflow: ellipsis !important;        font-variant: normal !important;        font-style: normal !important;        text-align: left !important;    }    div.yell_widget_4 div.yell-row-1 a.yell-logo{        position: absolute !important;        display: inline-block !important;        top: 0 !important;        right: 0 !important;        width: 13px !important;        height: 12px !important;        padding: 0 !important;        margin: 0 !important;    }    div.yell_widget_4 div.yell-row-1 a.yell-logo img{        width: 13px !important;        height: 12px !important;        border: none !important;        outline: none !important;        display: inline !important;        float: none !important;        text-align: left !important;        position: absolute !important;        top: 0 !important;        left: 0 !important;        margin: 0 !important;    }    div.yell_widget_4 div.yell-row-2{        margin: 0 !important;        padding: 0 !important;        position: relative !important;        height: 15px !important;        float: none !important;    }    div.yell_widget_4 div.yell-row-2 div.yell-star{        position: absolute !important;        bottom: 0 !important;        left: 0 !important;        width: 73px !important;        height: 18px !important;        border: none !important;        outline: none !important;    }    div.yell_widget_4 div.yell-row-2 span.yell-mark{        position: absolute !important;        background-color: transparent !important;        bottom: 0 !important;        right: 0 !important;        display: inline !important;        font-variant: normal !important;        font-style: normal !important;        text-align: left !important;        font-size: 11px !important;        color: #444 !important;        line-height: 11px !important;    }    div.yell_widget_4 div.yell-row-3{        margin: 0 !important;        padding: 0 !important;        position: relative !important;        height: 20px !important;        float: none !important;    }    div.yell_widget_4 div.yell-row-3 .yell-testimonials{        position: absolute !important;        left: 0 !important;        top: 50% !important;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        -o-transform: translateY(-50%);        transform: translateY(-50%);    }    div.yell_widget_4 div.yell-row-3 .yell-testimonials img,    div.yell_widget_4 div.yell-row-3 .yell-photos img{        border: none !important;        outline: none !important;        display: inline !important;        float: none !important;        text-align: left !important;        width: 14px !important;        height: 12px !important;        padding: 0 !important;        margin: 0 0 -2px 0 !important;    }    div.yell_widget_4 div.yell-row-3 .yell-testimonials span,    div.yell_widget_4 div.yell-row-3 .yell-photos span{        text-decoration: none !important;        text-transform: none !important;        color: #444 !important;        font-size: 11px !important;        height: 11px !important;        line-height: 11px !important;        outline: none !important;        display: inline-block !important;        font-variant: normal !important;        font-style: normal !important;        text-align: left !important;        margin-left: 2px !important;    }    div.yell_widget_4 div.yell-row-3 .yell-photos{        position: absolute !important;        right: 0 !important;        top: 50% !important;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        -o-transform: translateY(-50%);        transform: translateY(-50%);    }    div.yell_widget_4 .yell-user{        margin: 0 !important;        padding: 0 !important;        position: relative !important;        height: 50px !important;        float: none !important;        padding-bottom: 5px !important;    }    div.yell_widget_4 .yell-user .user-photo{        width: 45px !important;        height: 45px !important;        border: none !important;        outline: none !important;        display: inline !important;        float: none !important;        text-align: left !important;        position: absolute !important;        top: 0 !important;        left: 0 !important;    }    div.yell_widget_4 .yell-user .user-photo img {        margin: 0 !important;    }    div.yell_widget_4 .yell-user .user-name{        text-decoration: none !important;        text-transform: none !important;        color: #444 !important;        font-size: 12px !important;        line-height: 15px !important;        outline: none !important;        display: inline-block !important;        position: absolute !important;        top: 6px !important;        left: 55px !important;        font-variant: normal !important;        font-style: normal !important;        text-align: left !important;    }    div.yell_widget_4 .yell-comment{        height: 28px !important;        position: relative !important;        display: block !important;        width: 90% !important;        color: #444;        font-size: 12px !important;        overflow: hidden !important;        font-variant: normal !important;        font-style: normal !important;        text-align: left !important;        line-height: 15px !important;        text-overflow: ellipsis !important;        text-decoration: none !important;    }    div.yell_widget_4 .yell-button{        line-height: 22px !important;        outline: none !important;        border: none !important;        -webkit-border-radius: 3px !important;        border-radius: 3px !important;        background-color: #C60B1A !important;        position: absolute !important;        left: -1px !important;        bottom: -1px !important;        color: #fff !important;        font-size: 12px !important;        font-variant: normal !important;        font-style: normal !important;        display: block !important;        width: 160px !important;        text-align: center !important;        text-decoration: none !important;    }</style><div class="yell_widget_4">    <div class="yell-row-1">        <a href="http://www.yell.ru/moscow/com/teatr-im-m-a-bulgakova_11787564/" class="yell-company-name">Театр им.М.А.Булгак...</a>        <a href="http://www.yell.ru/moscow/com/teatr-im-m-a-bulgakova_11787564/" class="yell-logo"><img  src="http://yell.ru/i/yell_very_small_logo.png" alt="logo"></a>    </div>    <div class="yell-row-2">        <div class="stars-fourhalf yell-star"></div>        <span class="yell-mark">4.9 балла</span>    </div>    <div class="yell-row-3">        <div class="yell-testimonials">            <img src="http://yell.ru/i/widget-reviews.png" width="14" height="12" border="0" title="comment.png" alt="comment"/>            <span>11 отзывов</span>        </div>        <div class="yell-photos">            <img src="http://yell.ru/i/widget-photo.png" width="14" height="12" border="0" title="photo.png" alt="photo"/>            <span>5 фото</span>        </div>    </div>    <div class="yell-user">        <div class="user-photo">                            <img src="http://static.ysites.ru//avatar/6/7/9/p_wtjneroeenham453_1465288027.jpg" width="45" height="45" border="0" title="Александра Панькина"/>                <span class="user-name">Александра<br>Панькина</span>                    </div>    </div>    <div class="yell-comment">                    Впервые я посетила этот театр еще год назад, когда мы с мужем смотрели спектакль "Он и она" в День Влюбленных. Впечатление остались очень теплые и нежные. Спектакль отлично подойдет и для семейных дат и для первого свидания. Актеры играют очень здорово, все истории любви переживаются очень ярко!            </div>    <a href="http://www.yell.ru/moscow/com/teatr-im-m-a-bulgakova_11787564/#reviewForm" class="yell-button">Оставить отзыв</a></div>';
document.getElementById("yellrank").innerHTML += yell_html;