.review {
	position: relative;
	width: 100%;
	margin: 20px 0 10px 0;
}

#content .review p {
	margin: 3px 0 3px 0;
	font-size: 85%;
	color: #555;
}

#content .review p.comment {
	margin: 10px 0 0 63px;
	margin-top: 10px;
}

.review img.avatar {
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #e6ecfa;
}

.review img:hover {
	border: 1px solid #003661;
}

div.body .review-index {
	width:550px;
	min-height: 600px;
}
	div.body .review-index .header {
		position: relative;
		background-color: #e6ecfa;
		height: auto;
		
		margin-bottom: 0;
	}

		div.body .review-index .header h1 {
			margin: 0px;
			padding: 6px 8px;
			
			font-size: 10pt;
			font-weight: bold;
			color: black;
		}
		div.body .review-index .header form {
            position: absolute;
            top: 5px;
            right: 10px;
        }
        div.body .review-index .header select {
            font-size: 8pt;
        }
        div.body .review-index .header .filters-toggle {
            float: right;
            
            line-height: 16px;
            padding: 6px 8px 6px 25px;
            margin: 0 5px 0 10px;
            
            background: url(../img/reviews/filters-toggle.png) no-repeat 0px 5px transparent;
            
            cursor: pointer;
            
            font-size: 8pt;
            text-decoration: underline;
        }

    /** Review filter tool */
    .review-index .filters {
        position: relative;
        
        background-color: #e6ecfa;
        
        padding: 5px 8px;
        width: 534px;
        
        font-size: 9pt;
        
        display: none;
	}
	   .review-index .filters .label {
	       float: left;
	       font-size: 10pt;
	   }
        
        div.body .review-index .filters ul {
            list-style-type: none;
            margin: 0 auto;
            padding: 0;
        }
        div.body .review-index .filters li {
            float: left;
            
            padding: 0 7px 0 0;
            line-height: 22px;
        }
        div.body .review-index .filters .input {
            padding: 0 0 8px 0;
        }
        div.body .review-index .filters .submit {
            padding: 3px 0;
            width: 130px;
            position: relative;
            clear: left;
        }
            div.body .review-index .filters .submit input {
                margin: 0 15px 0 0;
            }
            div.body .review-index .filters .submit a {
                vertical-align: -1px;
                font-size: 8pt;
            }
            div.body .review-index .filters .submit .loading {
                float: none;
                position: absolute;
                bottom: 6px;
                left: 60px;
            }

        div.body .review-index .filters label {
            padding: 0 3px;
            font-size: 8pt;
            line-height: 1.2em;
            white-space: nowrap;
        }
        div.body .review-index .filters select {
            font-size: 8pt;
            
            min-width: 100px;
        }

    div.body .write-link {
        
        height: 21px;
        line-height: 18px;
        margin: 5px 0px;
        
        background: url(../img/reviews/write-review.png) top right no-repeat transparent;
        text-align: right;
        cursor: pointer;
    }
        div.body .write-link a {
            text-decoration: none;
            color: white;
            padding-right: 15px;
        }

    div.write-review.form {
        width: 550px;
    }
        div.write-review.form .header {
            height: auto;
        }
	div.body .review-index .write-review {
		display: none;
	}
        div.body .review-index .write-review .message {
            margin: 1em 1em 2em 1em;
            color: #555;
        }
        div.body .review-index .write-review .form {
			width: 550px;
			padding: 0 0 1em 0;
		}
            .write-review.form h1,
			div.body .review-index .write-review .form h1 {
				font-weight: bold;
			}
			div.body .review-index .write-review .form .loading {
				float: right !important;
				margin-top: 6px;
			}
			div.body .review-index .write-review .close {
                float: right !important;
                width: 16px;
                height: 16px;
                
                margin: 6px;
                background: url(../img/modal/modal-cancel.png) no-repeat top left transparent;
                
                cursor: pointer;
            }
            
            div.body .review-index .write-review .form .logout-warning {
                border: 1px solid #FCC;
                background-color: #FFF9F9;
                color: #C00;
                
                margin: 0.5em 0;
                padding: 0.5em;
                
                cursor: pointer;
                
                display: none;
            }

            .write-review.form .input,
            div.body .review-index .write-review .form .input {
                padding: 1em 0 0 0;
            }
                .write-review.form .input label,
                div.body .review-index .write-review .form .input label {
                    color: #555;
                }
            
            .write-review.form .input .title-text,
            .write-review.form .input .body-text,
            div.body .review-index .write-review .form .title-text,
			div.body .review-index .write-review .form .body-text {
				width: 544px;
				border: 1px solid #EEE;
				padding: 2px;
				margin: 0.2em 0;
			}
                .write-review.form .input .title-text,
				div.body .review-index .write-review .form .title-text {
				    font-family: Arial, Tahoma, Verdana, sans-serif;
					font-size: 10pt;
					
					color: #555;
				}
                .write-review.form .textarea textarea,
				div.body .review-index .write-review .form .textarea textarea {
				    font-family: Arial, Tahoma, Verdana, sans-serif;
					font-size: 10pt;
					color: #555;
				}
				.write-review.form .input .textarea div,
				div.body .review-index .write-review .form .textarea div {
					background-image: none !important;
				}
				.write-review.form .input .textarea .too-long,
				div.body .review-index .write-review .form .textarea .too-long {
					border: 1px solid red;
				}
				.write-review.form .input .textarea div.caption,
				div.body .review-index .write-review .form .textarea div.caption {
					text-align: right;
				}
				    .write-review.form .input .textarea textarea div.caption span.too-long,
					div.body .review-index .write-review .form .textarea div.caption span.too-long {
						float: left;
						color: red;
						display: none;
						border-width: 0 !important;
					}

            .write-review.form .review-ratings fieldset,
			div.body .review-index .write-review .review-ratings fieldset {
				margin: 0.5em 0;
				border: 1px solid #CCC;
			}

            .write-review.form .one-rating,
			div.body .review-index .write-review .one-rating {
				float: left;
				padding: 0 0.4em 1em 0;
			}
                .write-review.form .one-rating h2,
				div.body .review-index .write-review .one-rating h2 {
					font-size: 100%;
					font-weight: normal;
					margin: 0;
					padding: 9px 0 9px 10px;
				}

            .write-review.form .total-score,
			div.body .review-index .write-review .total-score {
				float: right;
				padding: 0.5em 2em 0em 0;
			}
                .write-review.form .total-score span,
				div.body .review-index .write-review .total-score span {
					clear: both;
					font-size: 14pt;
				}

            .write-review.form .submit,
            div.body .review-index .write-review .form .submit {
                text-align: center;
                padding: 0.5em 0 1em 0;
                clear: left;
            }
            .write-review.form .submit input,
            div.body .review-index .write-review .form .submit input {
                width: 106px;
                height: 39px;
                
                border-width: 0;
                background: url(../img/reviews/button-publish.png) bottom right white no-repeat;
                color: white;
                
                font-weight: bold;
                font-size: 14pt;
            }
			div.body .review-index .write-review .live-preview {
				background-color: #F6F6F6;
				border: 1px solid #CCC;
				padding: 0.5em;
				margin: 0;
				display: none;
			}
				div.body .review-index .write-review .live-preview p {
					margin: 0.2em 0 0.8em 0;
				}
				div.body .review-index .write-review .live-preview textarea {
					display: none;
				}

	div.body .review-index .one-item {
		position: relative;
		
		padding: 16px 15px 8px 15px;
		margin: 15px 0px;
		border: 1px solid #999;
	}
		div.body .review-index .one-item.highlight {
			border-color: #99F;
			background-color: #FAFAFF;
		}
		div.body .review-index .one-item .metadata {
			position: relative;
			height: 50px;
			margin-bottom: 15px;
		}
		div.body .review-index .one-item .location {
			display: none;
			
			position: absolute;
			top: 5px;
			right: 11px;
			
			line-height: 1.5em;
			text-align: center;
			
			color: #555;
		}
		div.body .review-index .one-item div.email-friend {
			position: absolute;
			right: 0px;
			top: 16px;
		}
        div.body .review-index .one-item .edit-review {
            float: right;
            
            font-size: 8pt;
            line-height: 20px;
        }
		div.body .review-index .one-item h1 {
			color: #004276;
			background-color: transparent;
			font-size: 12pt;
			font-weight: bold;
			clear: left;
			margin-bottom: 0px;
		}
		div.body .review-index .one-item p {
			color:#555;
			margin-top: 0px;
			margin-bottom: 12px;
		}

		div.body .review-index .scores {
			color:#555;
			position: relative;
			height: 50px;
		}
			div.body .review-index .total {
				position: absolute;
				right: 0px;
				top: -5px;
				
				font-size: 9pt;
			}					
				div.body .review-index .total span {
					font-size: 14pt;
				}
			div.body .review-index .one-score {
				float: left;
				
				height: 30px;
				padding-right: 1em;
				
				background: transparent bottom left no-repeat;
			}
				div.body .review-index .one-score h2 {
					color:#555;
					font-size: 100%;
					font-weight: normal;
					margin: 0;
					padding: 0 0 3px 0;
				}
                div.body .review-index .one-score div {
                    width: 70px;
                    height: 12px;
                    
                    background-position: top left;
                    background-repeat: no-repeat;
                    background-color: white;
                }
                div.body .review-index .one-score div.stars-0 { background-image: url(../img/reviews/0-stars.png); }
                div.body .review-index .one-score div.stars-1 { background-image: url(../img/reviews/1-stars.png); }
                div.body .review-index .one-score div.stars-2 { background-image: url(../img/reviews/2-stars.png); }
                div.body .review-index .one-score div.stars-3 { background-image: url(../img/reviews/3-stars.png); }
                div.body .review-index .one-score div.stars-4 { background-image: url(../img/reviews/4-stars.png); }
                div.body .review-index .one-score div.stars-5 { background-image: url(../img/reviews/5-stars.png); }
			
		div.body .review-index .actions {
			clear: left;
			margin-top: 0px;
			font-size: 8pt;
		}
			div.body .review-index .actions .arrow {
				background: url(../images/bullet-sidebar.png) bottom left no-repeat !important;
				padding-left: 12px;
			}
	        div.body .review-index .actions .disabled {
	            text-decoration: none;
	            color: #CCC;
	            cursor: default;
	        }
			div.body .review-index .actions div.posted-date {
				float: right;
				
				line-height: 12pt; 
				font-size: 8pt;
				color: #555;
			}
				div.body .review-index .one-item div.posted-date abbr {
					cursor: help;
				}