/*Styles for the product reviews*/

div.ReviewNavigation {
    text-align: left;
}

/*style for the review summary section*/
div.ReviewSummary {
    border-bottom: 2px solid #4D95A0;
    color: #699B40;
    margin-bottom: 0.25em;
    }
    div.ReviewSummary h2 {
        font-size: 145%;
    }
    div.ReviewSummary h3 {
        font-size: 125%;
        font-weight: normal;
        letter-spacing: normal;
    }
    div.ReviewSummary div.ReviewQuestions .ui-slider-disabled {
        cursor: default !important;
        }    
    div.ReviewSummary div.ReviewQuestions .ui-slider-handle {
        background: transparent url(/Images/Decisioncentre/Reviews/pointer2.png) no-repeat left top scroll;
        border:none;
        cursor: default !important;
        font-size:100%;
        height:17px;
        line-height:1.3;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:4px 0 0 -10px;
        outline-color:-moz-use-text-color;
        outline-style:none;
        outline-width:0;
        padding:0;
        position:absolute;
        text-decoration:none;
        top:-3px;
        width:18px;
        z-index:2;
        }
        div.ReviewSummary div.ReviewUnrated div.ReviewQuestions .ui-slider-disabled {
            background: transparent url(/Images/Decisioncentre/Reviews/slider_gradient_faded.jpg) repeat-y left top scroll;
            border: 1px solid #99C2C9;
            cursor: default;
            float: right;
            height: 13px;
            margin: 0 19px 0 0;
            width: 260px;
            }
            div.ReviewSummary div.ReviewUnrated div.ReviewQuestions .ui-slider-handle {
                display: none;
                }
    div.ReviewSummary div.ReviewQuestions .ui-slider-handle:hover {
        background: transparent url(/Images/Decisioncentre/Reviews/pointer2.png) no-repeat left top scroll;
        border: none;
        cursor: default !important;
        }
    div.ReviewSummary div.ShieldWrapper {
        color: #503f33;
        }
        div.ShieldWrapper div.ShieldBackground {
            display: block;
            font-size: 180%;
            font-weight: bold;
            height: 49px;
            margin: 0 auto;
            padding: 15px 0 0 2px;
            text-align: center;
            width: 58px
        }
        div.ShieldWrapper div.Outstanding {
            background: transparent url(/Images/DecisionCentre/Reviews/review-shield-sprite.jpg) no-repeat 0 -918px scroll;
            color: #fff;
            }
        div.ShieldWrapper div.AboveAverage {
            background: transparent url(/Images/DecisionCentre/Reviews/review-shield-sprite.jpg) no-repeat 0 -734px scroll;
            color: #fff;
            }
        div.ShieldWrapper div.Average {
            background: transparent url(/Images/DecisionCentre/Reviews/review-shield-sprite.jpg) no-repeat 0 -550px scroll;
            color: #503f33;
            }
        div.ShieldWrapper div.BelowAverage {
            background: transparent url(/Images/DecisionCentre/Reviews/review-shield-sprite.jpg) no-repeat 0 -367px scroll;
            color: #fff;
            }
        div.ShieldWrapper div.Poor {
            background: transparent url(/Images/DecisionCentre/Reviews/review-shield-sprite.jpg) no-repeat 0 -184px scroll;
            color: #fff;
            }
        div.ShieldWrapper div.Unrated {
            background: transparent url(/Images/DecisionCentre/Reviews/review-shield-sprite.jpg) no-repeat 0 0 scroll;
            color: #503f33;
            }
        div.ShieldWrapper p {
            font-size: 120%;
            font-weight: bold;
            line-height: 125%;
            padding: 0;
            text-align: center;
            }

/*styles for the list of reviews*/
div.Review {
    text-align: left;
    width: 620px;/*fixes a vanishing content bug in IE7 but safe to use on all browsers*/
    }
    div.Reviews div.ReviewHeader {
        border-bottom:3px solid #699B40;
        }
        div.Reviews div.ReviewHeader h2 {
        color:#699B40;
        float: left;
        padding-bottom: 3px;
        margin-bottom: 0;
        }
        div.Reviews div.ReviewSort {
            float: right;
            }
            div.Reviews div.ReviewHeader div.ReviewSort p,
            div.Reviews div.ReviewHeader div.ReviewSort ul {
                float: left;
                padding-top: 4px;
                }
            div.Reviews div.ReviewHeader div.ReviewSort p {
                padding-left: 4px;
                padding-bottom: 0;
                }
                div.Reviews div.ReviewHeader ul li {
                    display: inline;
                    }
                    div.Reviews div.ReviewHeader ul li.SortDate {
                        border-left: 1px solid #222;
                        padding-left: 4px;
                        }

    div.Reviews h3 {
        font-size: 125%;
        font-weight: normal;
        letter-spacing: normal;
        }
    div.ReviewDetail {
        margin-bottom: 8px;
        width: 520px;
        }
        div.ReviewDetail h3  {
            border-bottom: 1px solid #699B40 !important;
            color: #699B40;
            margin-bottom: 8px;
            padding-right: 0px !important;
            }
    div.Reviews div.ReviewHelpful p {
        float: left;
        }
        div.Reviews div.ReviewHelpful p span {
            padding-left: 4px;
        }
    
    .Odd .Avatar,
    .Review {
    background-color:#F2EFE7 !important;
    }
    
    .Odd {
        background-color: #fff !important;
        }
    div.UserReview table.ReviewRating {
        background-color:#F2EFE7;
        margin-top: 4px;
        width: 520px;
        }
        div.UserReview table.ReviewRating caption { 
            color: #699B40;
            font-size: 125%;
            padding-right: 0px !important;
            text-align: left;
            }
        div.UserReview table.ReviewRating tr th {
            width: 200px;
            }
            div.UserReview table.ReviewRating tr th,
            div.UserReview table.ReviewRating tr td {
                background-attachment: scroll;
                background-position: center center;
                background-repeat: no-repeat;
                border: 1px solid #D1C6AB;
                padding: 4px;
                text-align: left;
                }
                div.UserReview table.ReviewRating tr td.Poor {
                    background-image: url(/Images/DecisionCentre/Reviews/ShieldMiniPoor.png) !important;
                    width: 50px;
                    }
                div.UserReview table.ReviewRating tr td.BelowAverage {
                    background-image: url(/Images/DecisionCentre/Reviews/ShieldMiniBelowAverage.png) !important;
                    width: 50px;
                    }
                div.UserReview table.ReviewRating tr td.Average {
                    background-image: url(/Images/DecisionCentre/Reviews/ShieldMiniAverage.png) !important;
                    width: 50px;
                    }
                div.UserReview table.ReviewRating tr td.AboveAverage {
                    background-image: url(/Images/DecisionCentre/Reviews/ShieldMiniAboveAverage.png) !important;
                    width: 50px;
                    }
                div.UserReview table.ReviewRating tr td.Outstanding {
                background-image: url(/Images/DecisionCentre/Reviews/ShieldMiniOutstanding.png) !important;
                    width: 50px;
                    }

/*styles for the post a review section*/
div.PostAReview {
    margin-bottom: 10px;
}

    div.PostAReview h2 {
        border-bottom: 1px solid #BDAD87;
        color: #BDAD87 !important;
        margin-bottom: 10px;
        padding-bottom: 4px;
    }
    div.ReviewTitle {
        margin-bottom: 10px;
    }
        div.ReviewTitle input {
            width: 454px;
    }
    div.ReviewComments {
        margin-bottom: 10px;
    }

    div.ReviewQuestions {
    }
        div.ReviewQuestions p {
            float: left;
            line-height: normal;
            padding: 25px 0 0 0;
        }
        
        .UISliderWrapper {
            background: transparent url(/Images/Decisioncentre/Reviews/slider_scale.jpg) no-repeat left top scroll;
            display: block;
            float: right;
            height: 13px;
            margin: 10px 0 0 0;
            padding: 16px 0 0 0;
            width: 300px;
        }
        div.ReviewQuestions .ui-slider {
            background: transparent url(/Images/Decisioncentre/Reviews/slider_gradient.jpg) repeat-y left top scroll;
            cursor: pointer;
            float: right;
            height: 13px;
            margin: 0 19px 0 0;
            width: 260px;
        }
        div.ReviewQuestions .ui-slider-handle {
            background: transparent url(/Images/Decisioncentre/Reviews/slider_handle.png) repeat-y left top scroll;
            border: none;
            cursor: pointer;
            height: 20px;
            margin: 0 0 0 -10px;
            width: 21px;
        }
        div.ReviewQuestions .ui-slider-handle:hover {
            background: transparent url(/Images/Decisioncentre/Reviews/slider_handle_over.png) repeat-y left top scroll;
            } 
    div.RecommendProduct h4, div.RecommendProduct span,
    div.OwnProduct h4, div.OwnProduct span {
        float: left;
    }
        div.RecommendProduct span,
        div.OwnProduct span {
            margin-left: 10px;
        }
        div.RecommendProduct span input,
        div.OwnProduct span input {
            border: none;
            margin-left: 8px;
        }
        div.RecommendProduct span label,
        div.OwnProduct span label {
            margin-left: 4px;
        }

ul.JsTabs li small {
    line-height: 100% !important;
    }
    
.UiButton {
    float: left;
    }
    
div.loginComment {
    background:#F8F7F3 none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    padding:10px;
}