/**************************************************************
DESCRIPTION:
This stylesheet defines styles for productRating.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 
*******************************/
#averageRating,#firstToReview,#itemprop
{
    display : none;
}
#ratingDistribution
{
    width : 100%;
}
#ratingSummary
{
    width : 200px;
    float : left;
}
#ratingSummary span
{
    width : 89px;
    float: left;
    margin-right: 5px;
    font-weight: bold;
}
#ratingBuyAgainContainer, #ratingSummaryLinks 
{
    padding: 4px 0;
    clear: both;
    cursor : pointer;
    font-size:12px;
    font-family:Arial;
}
#ratingSummaryLinks a 
{
    color: #900;
    text-decoration: underline;
    cursor : pointer;
}

/***** Histogram Details ******/

#ratingsHistogramBody 
{
    position: relative;
    width : 262px;
}
#ratingOpenHistImg 
{
    width : 11px;
    float: left;
    margin: 4px 0 0 5px;
    cursor : pointer;
}
.ratingHistogramTitle .reviewCount 
{
    font-size: 10px;
    font-weight : normal;
}
.ratingHistogramBarRow 
{
    margin: 3px 0 0 10px;
    height: 25px;
}
.ratingHistogramBarRow span 
{
    font-size: 9px;
    margin: 5px 0 0 0;
    float : left;
}
.ratingHistStarLabel 
{
    width: 40px;
}
.ratingHistCount
{
    width : 10px;
}

#overlayBazaarVoiceRatings #readAReview
{
    display:none !important;
}
.ratingBckImg 
{
     background-position : 0px -30px;
}
.ratingForeImg
{
    background-position : 0px -56px;
}

.ratingBckImg , .ratingForeImg
{
     background-repeat : no-repeat;
     width: 85px;
     height : 17px;
     float : left;
     cursor : pointer;
}
.ratingHistogramTitle 
{
    color: white;
    margin: 0 0 10px 0;
    padding: 5px;
    font-weight : bold;
}
.ratingHistDisplayBar 
{
    background-position : 0px 0px;
    float: left;
    height: 19px;
    width : 0%;
}
/**************************
END - Layout
***************************/

/***************************
START - RED Skin
****************************/
#RED .ratingBckImg , #RED .ratingForeImg
{
     background-image : url('../../../../../../../../RedEnvelope/images/600x359_RE_Ratings_Sprite.gif');
}
#RED .ratingHistogramTitle 
{
    background-color: #AE0614;
}
#RED #ratingHistPanel
{
    background: white url("../../../../../../../../RedEnvelope/images/600x359_RE_Ratings_Sprite.gif") repeat-x center bottom;
    background-position : 0px -110px;
    position : absolute;
    display : none;
    z-index : 1000;
    top : 20px;
    left : 200px;
    border: 1px solid #CCC;
    width: 260px;
    height: 173px;
    overflow : hidden;
}
#RED .ratingHistDefaultBar 
{
    background: url("../../../../../../../../RedEnvelope/images/600x359_RE_Ratings_Sprite.gif");
    background-position : 0px -101px;
    float: left;
    margin: 0 5px;
    width: 162px;
    height: 19px;
}
#RED .ratingHistDisplayBar 
{
    background: url("../../../../../../../../RedEnvelope/images/600x359_RE_Ratings_Sprite.gif");
}

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

/***************************
START - PCR Skin
****************************/
#PCR .ratingBckImg , #PCR .ratingForeImg
{
     background-image : url('../../../../../../../../PersonalCreations/images/600x359_PC_Ratings_Sprite.gif');
}
#PCR .ratingHistogramTitle 
{
    background-color: #403b99;
}
#PCR #ratingHistPanel
{
    background: white url('../../../../../../../../PersonalCreations/images/600x359_PC_Ratings_Sprite.gif') repeat-x center bottom;
    background-position : 0px -110px;
    position : absolute;
    display : none;
    z-index : 1000;
    top : 20px;
    left : 200px;
    border: 1px solid #CCC;
    width: 260px;
    height: 173px;
    overflow : hidden;
}
#PCR #ratingSummary span
{
    text-transform:capitalize;
}
#PCR .ratingHistDefaultBar 
{
    background: url('../../../../../../../../PersonalCreations/images/600x359_PC_Ratings_Sprite.gif');
    background-position : 0px -101px;
    float: left;
    margin: 0 5px;
    width: 162px;
    height: 19px;
}
#PCR .ratingHistDisplayBar 
{
    background: url('../../../../../../../../PersonalCreations/images/600x359_PC_Ratings_Sprite.gif');
}
/***************************
END - PCR Skin
****************************/

/***************************
START - BER Skin
****************************/
#SSS .ratingBckImg , #SSS .ratingForeImg
{
     background-image : url('../../../../../../../../siteimages/600x359_RE_Ratings_Spritetest.gif');
}
#SSS .ratingHistogramTitle 
{
    background-color: #AE0614;
}
#SSS #ratingHistPanel
{
    background: white url("../../../../../../../../siteimages/600x359_RE_Ratings_Spritetest.gif") repeat-x center bottom;
    background-position : 0px -110px;
    position : absolute;
    display : none;
    z-index : 1000;
    top : 20px;
    left : 200px;
    border: 1px solid #CCC;
    width: 260px;
    height: 173px;
    overflow : hidden;
}
#SSS .ratingHistDefaultBar 
{
    background: url("../../../../../../../../siteimages/600x359_RE_Ratings_Spritetest.gif");
    background-position : 0px -101px;
    float: left;
    margin: 0 5px;
    width: 162px;
    height: 19px;
}
#SSS .ratingHistDisplayBar 
{
    background: url("../../../../../../../../siteimages/600x359_RE_Ratings_Spritetest.gif");
}
#SSS #ratingSummary span 
{
    text-transform:capitalize;
    width:108px;
    color:Black;
    font-size:13px;
}
#SSS #ratingSummary 
{
    width: 220px;
}
#SSS .reviewsHeaderContent a
{
    padding-right: 10px;
}
#SSS .reviewsHeaderContent
{
    text-transform:capitalize;  
}
#SSS .reviewsHeaderContent a, .reviewsFooterContent a
{
    font-size:13px; 
}
#SSS .ratingLabel
{
    font-size:12px;
    width:47px;
    margin-right:7px;
}
#SSS .reviewSummary
{
   width:148px;
}
#SSS .reviewDateContainer
{
    text-transform:capitalize;  
}
#SSS .reviewDisplayContent
{
    float:right;   
}
#SSS .locationLabel
{
    text-transform:capitalize; 
}
#SSS .reviewContainer
{
    width:810px;   
}
/*************************
END - BER Skin
****************************/