.olery-hotel-widget
{
    background: #dde5ef;
    color: #656565;
    font-family: arial;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding: 8px;
    text-align: left;

    /* Setting this to anything but initial messes up alignments. */
    -webkit-box-sizing: initial !important;
    box-sizing: initial !important;
}

.olery-hidden
{
    display: none;
}

.olery-hotel-widget a
{
    font-size: 12px;
    color: #656565;
}

.olery-guest-reviews
{
    font-size: 14px;
    float: left;
}

.olery-graph
{
    float: left;
}

.olery-rating-lines
{
    float: left;
    width: 120px;
    height: 20px;
    display: block;
    margin: 0 15px;
    background: #dde5ef url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/rating_line_bg.png);
}

.olery-rating-img.olery-orange
{
    display: block;
    height: 20px;
    background: #dde5ef url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/rating_orange_bg.png);
}

.olery-summary
{
    float: left;
}

.olery-summary a
{
    color: #656565;
}

.olery-overlay
{
    display: none;
    position: absolute;
    width: 210px;
    color: #fff;
    background: #1c1c1c;
    background: rgba(28,28,28,0.85);
    font-size: 12px;
    font-family: helvetica;
    line-height: 20px;
    padding: 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 5px;
}

.olery-overlay .olery-label
{
    float: left;
    width: 120px;
}

.olery-overlay ul
{
    list-style: none;
    padding: 0 0 15px !important;
    margin: 0;
}

.olery-overlay a
{
    color: #fff;
    text-decoration: underline;
}

.olery-overlay .olery-rating-lines
{
    width: 60px;
    height: 10px;
    display: block;
    margin: 5px;
    background-color: #1c1c1c;
    background-color: rgba(28,28,28,0.85);
    background-image: url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/rating_overlay_small_bg.png);
}

.olery-overlay .olery-rating-img.olery-orange
{
    height: 10px;
    background-color: #1c1c1c;
    background-color: rgba(28,28,28,0.85);
    background-image: url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/rating_orange_small_bg.png);
}

.olery-overlay .olery-arrow
{
    background: transparent url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/overlay_bottom_arrow.png) top center no-repeat;
    width: 100%;
    height: 5px;
    display: block;
    margin-bottom: -20px;
}

.olery-hotel-widget:after,
.olery-graph:after,
.olery-overlay:before,
.olery-overlay li:after,
.olery-subratings li:after,
.olery-box-widget .olery-summary:after
{
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.olery-box-widget
{
    height: auto;
}

.olery-box-widget
{
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 15px 10px;
    font-size: 13px;
    width: 240px;
}

.olery-box-widget .olery-guest-reviews
{
    float: none;
    font-family: verdana;
    font-size: 18px;
    color: #4f80a1;
    margin-bottom: 8px;
}

.olery-average
{
    float: left;
    font-weight: bold;
    font-size: 15px;
    width: 105px;
}

.olery-average-value
{
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
}

.olery-reviews
{
    float: left;
}

.olery-hotel-widget .sources,
.olery-hotel-widget .ratings
{
    text-decoration: underline !important;
}

.olery-subratings
{
    clear: both;
    line-height: 20px;
    padding-top: 15px;
}

.olery-subratings .olery-label
{
    float: left;
    width: 100px;
}

.olery-subratings ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.olery-subratings .olery-rating-lines
{
    width: 60px;
    height: 10px;
    display: block;
    margin: 5px;
    background-color: #f7f7f7;
    background-image: url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/rating_line_small_bg.png);
}

.olery-subratings .olery-rating-img.olery-orange
{
    height: 10px;
    background-color: #f7f7f7;
    background-image: url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/rating_orange_small_bg.png);
}

.olery-rating-stars
{
    float: left;
    height: 15px;
    margin-top: 3px;
    width: 84px;
}

.olery-rating-stars .olery-rating-img
{
    background-image: url(http://widgets.olery.com.s3-website-eu-west-1.amazonaws.com/images/sprite_starball.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 15px;
}

.trip_advisor .olery-rating-stars .olery-rating-img
{
    background-position: 0px -196px;
}

.olery-rating-stars .rating_10  { background-position: 0px -17px; }
.olery-rating-stars .rating_20  { background-position: 0px -36px; }
.olery-rating-stars .rating_30  { background-position: 0px -53px; }
.olery-rating-stars .rating_40  { background-position: 0px -70px; }
.olery-rating-stars .rating_50  { background-position: 0px -90px; }
.olery-rating-stars .rating_60  { background-position: 0px -108px; }
.olery-rating-stars .rating_70  { background-position: 0px -126px; }
.olery-rating-stars .rating_80  { background-position: 0px -143px; }
.olery-rating-stars .rating_90  { background-position: 0px -160px; }
.olery-rating-stars .rating_100 { background-position: 0px -180px; }

.trip_advisor .olery-rating-stars .rating_10  { background-position: 0px -214px; }
.trip_advisor .olery-rating-stars .rating_20  { background-position: 0px -233px; }
.trip_advisor .olery-rating-stars .rating_30  { background-position: 0px -250px; }
.trip_advisor .olery-rating-stars .rating_40  { background-position: 0px -268px; }
.trip_advisor .olery-rating-stars .rating_50  { background-position: 0px -287px; }
.trip_advisor .olery-rating-stars .rating_60  { background-position: 0px -305px; }
.trip_advisor .olery-rating-stars .rating_70  { background-position: 0px -323px; }
.trip_advisor .olery-rating-stars .rating_80  { background-position: 0px -340px; }
.trip_advisor .olery-rating-stars .rating_90  { background-position: 0px -358px; }
.trip_advisor .olery-rating-stars .rating_100 { background-position: 0px -376px; }