@CHARSET "UTF-8";

/* 
 * COMMENTS STYLES
 * 
 * 
 * */

	.comments {
		display: block;
		clear: both;
		font-size: 13px;
		margin-bottom: 20px;	 
	}
	
	.comments .addReply {
		color: #FFFFFF;
	    display: block;
	    float: right;
	    font-size: 11px;
	    font-weight: bold;
	    height: 15px;
	    letter-spacing: 0;
	    line-height: 16px;
	    padding: 4px 10px;
	    width: 143px;
		
		background-image: -webkit-gradient( 
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.61, rgb(71, 183, 186)),
		    color-stop(0.21, rgb(52, 135, 138))
		);
		background-image: -moz-linear-gradient(
		    center bottom,
		    rgb(52, 135, 138) 21%,
		    rgb(71, 183, 186) 61%
		);
		
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		
	}
	
	.comments .addReply:hover {
		background-image: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.61, rgb(52, 135, 138)),
		    color-stop(0.21, rgb(71, 183, 186))
		);
		background-image: -moz-linear-gradient(
		    center bottom,
		    rgb(71, 183, 186) 21%,
		    rgb(52, 135, 138) 61%
		);
	}
	
	.comments .error {
		background: #FBE1E1;
	    border: 1px solid #FF8484;
	    clear: both;
	    color: #000000;
	    display: block;
	    font-size: 11px;
	    margin: 5px auto;
	    padding: 5px;
	    width: 90%;
	}
	
	.comments form label {
	    clear: both;
	    display: block;
	    font-weight: bold;
	    margin-bottom: 10px;
	}
	
	.comments form .left {
		float: left;
		width: 50%;
	}
	
	.comments form .right {
		float: right;
		width: 48%;
	}
	
	.comments form input[type="text"], 
	.comments form input[type="email"], 
	.comments form textarea {
	    font-weight: normal;
	    margin-top: 5px;
	    padding: 4px;
	    width: 95%;
	}
	
	.comments form .postComment {
		display: block;
		width: 116px;
		height: 26px;
		background: url('img/post.comment.png') 0px 0px no-repeat;
		float: left;
		margin-bottom: 10px;
	}
	
	.comments form .postComment:hover {
		background-position: 0px -26px;
	}
	
	.comments form .postReply {
		display: block;
		width: 116px;
		height: 26px;
		background: url('img/post.reply.png') 0px 0px no-repeat;
		float: left;
		margin-bottom: 10px;
	}
	
	.comments form .postReply:hover {
		background-position: 0px -26px;
	}
		
	.comments .title {
		display: block;
		clear: both;
		min-height: 26px;
		margin-bottom: 10px;
	}
	
	.comments .title h2 {
		float: left;
		line-height: 26px !important;
	}
	
	.comments .title .addComment {
		display: block;
		width: 104px;
		height: 20px;
		/*background: url('img/write.review.png') 0px 0px no-repeat;*/
		float: right;
		
		color: #FFFFFF;
	    font-size: 13px;
	    font-weight: bold;
	    height: 20px;
	    letter-spacing: -0.5px;
	    line-height: 21px;
	    padding: 4px 10px;
		
		background-image: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.61, rgb(71, 183, 186)),
		    color-stop(0.21, rgb(52, 135, 138))
		);
		background-image: -moz-linear-gradient(
		    center bottom,
		    rgb(52, 135, 138) 21%,
		    rgb(71, 183, 186) 61%
		);
		
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		
	}
	
	.comments .title .addComment:hover {
		background-image: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.61, rgb(52, 135, 138)),
		    color-stop(0.21, rgb(71, 183, 186))
		);
		background-image: -moz-linear-gradient(
		    center bottom,
		    rgb(71, 183, 186) 21%,
		    rgb(52, 135, 138) 61%
		);
	}
	
	.comments .comment,
	.comments .reply {
		border: 10px solid #efefef;
		margin-bottom: 7px;
		margin-top: 7px;
		padding: 5px;
		display: block;
		clear: both;
		float: right;
		width: 610px;
	}
	
	.comments .comment .postedBy,
	.comments .reply .postedBy {
		margin-bottom: 10px;
	}
	
	.comments .reply {
		width: 90%;
	}