/**************************************************************
DESCRIPTION:
This stylesheet defines styles for productReviews.ascx for RED Only. 
Partner specific overrides should go in to their corresponding skins.

Dev-Date-project : smandepudi - 10/5/2011 - Reviews&Ratings	

CONTENTS:
- Core Layout
- RED Skin
**************************************************************/

/******************************
START - Layout 
*******************************/
.rating, .fullImageUrl, .videoId, .isFeaturedReview, #featuredReview
{
    display : none;
}
#reviewsContainer 
{ 
    margin-top: 50px;
    color:Black;
}
.reviewsHeaderContent
{
    text-align: right;
    padding: 5px 0;
    height : 24px;
    border-bottom : 1px solid #AAA;
}
.reviewsBodyContent
{
    text-align: left;
}
.reviewsFooterContent
{
    padding-top : 20px;
    text-align: left;
}
.reviewsHeaderContent a,.reviewsFooterContent a
{
    color: #900;
    text-decoration : underline;
    cursor : pointer;
    font-size : 13px;
}
.reviewDisplayContent
{
    border-bottom : 1px solid #AAA;
    padding : 14px 0;
    font-size:13px;
}
.ReviewsDisplayTitle
{
    font-size: 15px;
    padding-top: 5px;
    color: black;
    float: left;
    font-weight : bold;
}
.ProductReviewSortOrder
{
    margin-left : 10px;
}
#rptReviews
{
    border-top: 1px solid #AAA;
    padding: 14px 0;
}
.reviewSummary
{
    float: left;
    width: 150px;
    padding-top : 2px;
    line-height : normal;
}
.ratingLabel
{
    margin-right: 5px;
    float: left;
    font-weight : bold;
    width : 48px;
}
.location
{
    font-weight : normal;
}
.locationLabel,#department
{
    font-weight : bold;
}
.userLocation,.userNickName
{
    clear : both;
    padding-top: 10px;
}
#publishedDate
{
    text-transform : lowercase;
}
.userLocationPrefix
{
    display: block;
}
.reviewMain
{
    float : right;
    width:814px;
}
#tabbedReviewsContainer #reviewsContainer {
	margin-top:0px !important;
	padding-top:0px !important;
}
#tabbedReviewsContainer .reviewSummary
{
    width : 154px;
}
#tabbedReviewsContainer .reviewMain
{
    width : 286px;
}
#tabbedReviewsContainer .reviewTitle
{
    width : 144px;
}
#tabbedReviewsContainer .reviewDateContainer
{
    width : 142px;
}
.reviewTitleContainer
{
    height : 15px;
    clear : both;
}
.reviewTitle
{
    font-weight: bold;
    font-size: 15px;
    float : left;
    width : 500px;
}
.reviewDateContainer
{
    float: right;
    text-align : right;
    width : 155px;
    
}
.reviewContentContainer
{
    clear : both;
    width : 820px;
}
.reviewContent
{
    margin-top:3px;
    width : 700px;
    float : left;
}
.clientHeader
{
    padding-bottom : 5px;
    padding-top : 5px;
}
.reviewBadgeLabel,.contributorBadgeName
{
    font-size: 9px;
    font-weight: bold;
    margin-left: 20px;
    padding: 2px 5px;
}
.contributorBadgeName
{
     padding: 0px;
}
.imagePanel
{
     float : right;
     width : 120px;
}
.reviewFullImageContainer
{
    position : relative;
    clear : both;
}
.reviewFullImage
{
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-weight: bold;
    position : absolute;
    display : none;
    width : 400px;
    height : auto;
    z-index : 1000;
    top : 20px;
    left : 200px;
}
.reviewFullImageSrc
{
    width : 400px;
    height : auto;
}
.reviewImageClose
{
    text-align : right;
    font-size : 9px;
}
.clientResponse
{
    background-color: #EEE;
    border: 1px solid #CCC;
    padding: 5px;
    margin: 10px;
}
.videoPanel
{
    clear : both;
    width: 300px;
    height: 314px;
    padding-top: 10px;
}
#reviewsPagination
{
    padding : 10px;
    text-align : center;
    font-size: 13px;
}
#reviewsPagination .ProductReviewPaginationSelected
{
    color : #666;
    text-decoration : none;
}
.allReviewsUrl
{
      font-size : 9px;
}
.ratingBckImg 
{
     background-image : url('../../../../../../../248/497/0001/origin.prvd.com/siteimages/600x359_RE_Ratings_SpriteTest.gif');
     background-position : 0px -30px;
     background-repeat : no-repeat;
     width: 85px;
     height : 17px;
     float : left;
}
.ratingForeImg
{
    background-image : url('../../../../../../../248/497/0001/origin.prvd.com/siteimages/600x359_RE_Ratings_SpriteTest.gif');
    background-position : 0px -56px;
    background-repeat : no-repeat;
    width: 85px;
    height : 17px;
    float : left;
}

.featuredReviewGraphic, .contributorBadgeGraphic
{
    display : none;
    background-image: url("../../../../../../../248/497/0001/origin.prvd.com/siteimages/600x359_RE_Ratings_SpriteTest.gif");
    background-repeat : no-repeat;
    height : 18px;
    width: 119px;
    float: right;
}
.featuredReviewGraphic
{
    background-position : 0px -314px;
    margin-bottom: 5px;
}
.contributorBadgeGraphic
{
    background-position : 0px -342px;
    padding-right : 4px;    
}
/**************************
END - Layout
***************************/

/***************************
START - RED Skin
****************************/

#RED .ratingBckImg , #RED .ratingForeImg
{
     background-image : url('../../../../../../../248/497/0001/origin.prvd.com/siteimages/600x359_RE_Ratings_SpriteTest.gif');
}

/***************************
END - RED Skin
****************************/

/***************************
START - Berries skin 
****************************/
#SSS #headerContainer 
{
    overflow: visible;
}
#SSS #headerContainer,#SSS #footerContainer 
{
    margin: 0 auto;
    overflow: hidden;
    padding: 0 9px;
    width: 970px;
}
/***************************
END - Berries skin 
****************************/

/***************************
START - PCR skin 
****************************/
#PCR #reviewsContainer 
{
    width: 970px;
    padding: 0 9px;
}
#PCR .ratingBckImg , #PCR .ratingForeImg
{
     background-image : url('../../../../../../../248/497/0001/origin.prvd.com/PersonalCreations/images/600x359_PC_Ratings_Sprite.gif');
}
#PCR .locationLabel, #PCR .reviewdatecontainer, #PCR .ratingLabel, 
#PCR .ProductReviewSortOrder, #PCR .reviewsHeaderContent
{
    text-transform : capitalize;
}

/***************************
END - PCR skin 
****************************/