.photobookPublicPreview {
    padding-bottom: 2em;
    overflow: hidden;
}

.photobookPublicPreview .px-button.backbutton {
    margin: 0 0 20px 8px;
}

.photobookPublicPreview .comment {
    border-top: 1px solid #efefef;
    padding-top: 5px;
}

.photobookPublicPreview .comment.reported {
    opacity: 0.5;
}

.photobookPublicPreview .comment .intro {
    margin: 0 0 0.5em 0;
}

.photobookPublicPreview .comment .commenttitle {
    margin: 0;
    font-weight: bold;
}

.photobookPublicPreview .comments {
    margin-top: 2em;
}

.photobookPublicPreview .info {
    margin: 8px;
}

.photobookPublicPreview .commenttext {
    margin: 0 0 1em 0;
}

.photobookPublicPreview .report {
    float: right;
}

.photobookPublicPreview .title, .photobookPublicPreview .author,
.photobookPublicPreview .description {
    margin-left: 8px;
}

.photobookPublicPreview h2.author {
    font-size: 14px;
}

.photobookPublicPreview .photobookRating {
    width: 160px;
    height: 24px;
    float: left;
    background: transparent url('/img/icon/star_grey_32x24.png') repeat-x;
    margin-right: 16px;
}

.photobookPublicPreview .photobookRatingAverage {
    width: 100px;
    height: 24px;
    background: transparent url('/img/icon/star_grey_21x16.png') repeat-x;
    margin-right: 16px;
}

.photobookPublicPreview .photobookRating .rating {
    height: 100%;
    width: 0;
    background: transparent url('/img/icon/star_yellow_32x24.png') repeat-x;
}

.photobookPublicPreview .photobookRatingAverage .rating {
    height: 100%;
    width: 0;
    background: transparent url('/img/icon/star_yellow_21x16.png') repeat-x;
}

.ratingmessage {
    display: none;
    clear: both;
    padding-top:8px;
}

.photobookPublicPreview .photobookRating .rating-0-5 { width: 12px; }
.photobookPublicPreview .photobookRating .rating-1 { width: 24px; }
.photobookPublicPreview .photobookRating .rating-1-5 { width: 44px; }
.photobookPublicPreview .photobookRating .rating-2 { width: 64px; }
.photobookPublicPreview .photobookRating .rating-2-5 { width: 76px; }
.photobookPublicPreview .photobookRating .rating-3 { width: 96px; }
.photobookPublicPreview .photobookRating .rating-3-5 { width: 108px; }
.photobookPublicPreview .photobookRating .rating-4 { width: 128px; }
.photobookPublicPreview .photobookRating .rating-4-5 { width: 140px; }
.photobookPublicPreview .photobookRating .rating-5 { width: 160px; }

.photobookPublicPreview .photobookRatingAverage .rating-0-5 { width: 9px; }
.photobookPublicPreview .photobookRatingAverage .rating-1 { width: 16px; }
.photobookPublicPreview .photobookRatingAverage .rating-1-5 { width: 29px; }
.photobookPublicPreview .photobookRatingAverage .rating-2 { width: 37px; }
.photobookPublicPreview .photobookRatingAverage .rating-2-5 { width: 50px; }
.photobookPublicPreview .photobookRatingAverage .rating-3 { width: 58px; }
.photobookPublicPreview .photobookRatingAverage .rating-3-5 { width: 71px; }
.photobookPublicPreview .photobookRatingAverage .rating-4 { width: 79px; }
.photobookPublicPreview .photobookRatingAverage .rating-4-5 { width: 92px; }
.photobookPublicPreview .photobookRatingAverage .rating-5 { width: 100px; }

#main {
    position: static;
}

.photobookPublicPreviewHeader {
    overflow: hidden;
}

.photobookPublicPreviewRating {
    float: right;
    text-align: right;
}

.photobookPublicPreviewRating .ratingText {
    line-height: 24px;
    width: auto;
}

.photobookRatingWrapper {
     padding-top: 3px;
 }

.photobookRatingWidgetWrapper {
    height: 80px;
    margin-left: 48px;
}

.removePhotobookMyRating .fontIcon-close {
    display: block;
    padding-top: 7px;
    font-size: 15px;
    color: #ddd;
    cursor: pointer;
}

.removePhotobookMyRating .fontIcon-close:hover {
    color: red;
}

.photobookPublicpreviewPagination .backToHome {
    text-align: center;
}

.photobookPublicpreviewPagination .nextPhotobook,
.photobookPublicpreviewPagination .previousPhotobook {
    height: 15px;
}

.pxLoginCart, .pxPasswordForgottenCart{
    margin-left: 0;
}