.comment_errors ul { list-style-type: none; padding: 0; margin: 0; font-size: 1.2em; font-weight: bold; }
.comment_errors li { list-style-type: none; padding: 0; margin: 10px 0; color: #ff0000; }

.cm-form { background: #f3f3f3; padding: 20px 15px 15px 15px; margin: 0 0 20px 0; }
.cm-form h3 { margin: 0 0 15px 0; padding: 0; font-size: 1.4em; font-weight: bold; }
.cm-form ul { list-style-type: none; padding: 0; margin: 0; }
.cm-form li { padding: 0; margin: 0 0 10px 0; position: relative; }
.cm-form label { margin: 0 0 4px 0; display: block; font-size: .9em; text-transform: uppercase; }
.cm-form label .note { text-transform: none; }
.cm-form input, .cm-form textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */;
	width: 100%; padding: 10px;
	font-size: 1.2em; line-height: 1.4; font-family: Arial, sans-serif;
	margin: 0;
	border: 1px solid #bbb;
	position: relative;
	z-index: 1;
}
.cm-form input:focus, .cm-form textarea:focus {
	z-index: 2;
	border-color: #00a3e5;
	outline: none;
	-webkit-box-shadow: 0 0 5px rgba(0,169,229,.9); -moz-box-shadow: 0 0 5px rgba(0,169,229,.9); box-shadow: 0 0 5px rgba(0,169,229,.9);
}
.cm-form ::-webkit-input-placeholder {
   color: #888;
}

.cm-form :-moz-placeholder {  
   color: #888;  
}
.cm-form ul .errorlist { color: #ff0000; font-size: .9em; display: none; }
.cm-form .error input, .cm-form .error textarea {
	border-color: #ff0000;
}
.cm-form .error input:focus, .cm-form .error textarea:focus {
	border-color: #00a3e5;
}
.cm-form ul .error .errorlist, .cm-form ul .error .errorlist {
	display: block;
}
.cm-form .form-submit {
	width: 49%;
	margin-bottom: 10px;
	float: left;
	font-weight: bold;
	background-color: #fdfdfd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fdfdfd, #f0f0f0);
	background-image: -o-linear-gradient(top, #fdfdfd, #f0f0f0);
	background-image: -ms-linear-gradient(top, #fdfdfd, #f0f0f0);
	background-image: linear-gradient(top, #fdfdfd, #f0f0f0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdfdfd', EndColorStr='#f0f0f0');
	border: 1px solid #999;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}
.cm-form .form-submit:active {
	background-color: #e3e3e3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6));
	background-image: -webkit-linear-gradient(top, #e3e3e3, #d6d6d6);
	background-image: -moz-linear-gradient(top, #e3e3e3, #d6d6d6);
	background-image: -o-linear-gradient(top, #e3e3e3, #d6d6d6);
	background-image: -ms-linear-gradient(top, #e3e3e3, #d6d6d6);
	background-image: linear-gradient(top, #e3e3e3, #d6d6d6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e3e3e3', EndColorStr='#d6d6d6');
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3); box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
.cm-form #edit-submit {
	float: right;
	background-color: #00c0ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00c0ff), to(#01a3d8));
	background-image: -webkit-linear-gradient(top, #00c0ff, #01a3d8);
	background-image: -moz-linear-gradient(top, #00c0ff, #01a3d8);
	background-image: -o-linear-gradient(top, #00c0ff, #01a3d8);
	background-image: -ms-linear-gradient(top, #00c0ff, #01a3d8);
	background-image: linear-gradient(top, #00c0ff, #01a3d8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00c0ff', EndColorStr='#01a3d8');
	color: #fff;
	border: 1px solid #127296;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
.cm-form #edit-submit:active {
	background-color: #009acc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#009acc), to(#017da5));
	background-image: -webkit-linear-gradient(top, #009acc, #017da5);
	background-image: -moz-linear-gradient(top, #009acc, #017da5);
	background-image: -o-linear-gradient(top, #009acc, #017da5);
	background-image: -ms-linear-gradient(top, #009acc, #017da5);
	background-image: linear-gradient(top, #009acc, #017da5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#009acc', EndColorStr='#017da5');
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3); box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}

.cm-form p { clear: both; }
.cm-form textarea { height: 140px; }
.cm-form .form_req { color: #ff0000; }

#rating-preview { position: absolute; bottom: 5px; left: 140px; height: 14px; width: 78px; margin: 2px 0 0 0; background-repeat: no-repeat; }
#rating-preview span { display: none; }

.cm-form .name { margin-top: 20px; }
.cm-form .honeypot { display: none; }
.cm-form .rating { margin: 20px 0; }

.cm-form.productopinion .product_comment { margin-top: 20px; }

.cm-form.html5 label { display: none; }
.cm-form.html5 .name { margin: 0; }
.cm-form.html5 .email input { margin-top: -1px; }
.cm-form.html5.productopinion .hot { margin: 0; }
.cm-form.html5.productopinion .not input { margin-top: -1px; }
.cm-form.html5 .rating label { display: block; }

/*#comments_content h2 { font-size: 1.4em; font-weight: bold; color: #000; line-height: 1.2; border-bottom: 1px solid #000; margin: 0; padding: 5px 0; }*/
.comment { border-top: 1px solid #eff0f1; padding: 25px 0 25px 40px; margin: 0; font-size: 1.2em; line-height: 1.618; color: #484848; }
h2+.comment { border-top: none; }
.comment.comment-author { background-color: #fffeef; }
.comment header { padding: 0 0 0 0px; position: relative; z-index: 2; }
.comment header .staff-label { float: left; font-weight: bold; margin-left: 8px; color: white; background-color: grey; padding: 2px 8px; border-radius: 3px; }
.comment h3 { position: relative; z-index: 2; color: #000; margin: -20px 0 0 0; padding: 20px 0 0 0; font-size: 1em; font-weight: bold; float: left; line-height: 24px; }
.comment time {  position: relative; z-index: 2; color: #bbb; font-weight: normal; font-size: .9em; line-height: 24px; float: left; margin: 0 0 0 10px; }
.comment .number { position: absolute; padding: 0; margin: 0; left: 0; margin-left: -40px; top: -2px; border: 0px solid #d4e1e6; background: #d4e1e6; font-weight: normal; font-size: 1.2em; color: #fff; width: 30px; height: 30px; line-height: 32px; text-align: center; border-radius: 30px;  }
.comment .body { position: relative; z-index: 2; padding: 2px 0 0 0px; margin: 0 0 -0.5em 0; clear: both; }
.comment .body p { padding: 0; margin: 1em 0; }
.comment .body p:first-child { margin-top: 0.5em; }

.userreview header { padding: 0 0 0 55px; }
/*.userreview .number { top: -2px; background: #ddd; font-weight: bold; font-size: 1.8em; color: #fff; width: 50px; height: 40px; line-height: 40px; border-radius: 5px; border-bottom-left-radius: 0; }*/
/*.userreview .number:after { bottom: -7px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #ddd; }*/
.userreview .body { padding: 1px 0 0 55px; }
.userreview h3 { font-size: 1.3em; }

#product_commentreviews { clear: both; }
#product_commentreviews .comment, #userreviews .comment { padding: 20px; }

#comments .preview_header, #product_commentreviews .preview_header	 { margin: 0; }
.cm-form .comment h3 { margin: 0; }
.cm-form .comment { margin: 0 0 20px 0; }

.comment .opinion { position: relative; z-index: 2; padding: 5px 20px 0 55px; font-size: 0.85em; line-height: 1.4; clear: both; }
.comment .opinion dt { padding: 0; margin: 10px 0 0 0; line-height: 22px; width: 40px; text-align: center; font-weight: bold; font-size: .65em; text-transform: uppercase; background: #e9eced; color: #fff; border-radius: 5px; border-bottom-left-radius: 0; }
.comment .opinion dt:first-child { margin: 15px 0 0 0; }
.comment .opinion dd { padding: 0; margin: -20px 0 0 0; }
.comment .opinion p { padding: 0; margin: 0 0 .5em 0; }
.comment .opinion dt.hot { background: #1aa7e6; margin-left: -55px; }
.comment .opinion dt.not { background: #cd0004; margin-left: -55px; }
.comment .opinion dd.hot { font-size: 14px; font-weight: bold; }
.comment .opinion dd.not { font-size: 14px; font-weight: bold; }
.comment .opinion dt.comment_text { margin: 15px 0 0 -65px; border: 1px solid #666; color: #666; width: 28px; background: #fff; line-height: 20px; visibility: hidden; }

.comment .stars { height: 14px; width: 78px; margin: 3px 10px 0 20px; float: left; text-indent: -99999px; background-image: url(/media/product_card/images/stars.png); background-repeat: no-repeat; float: left; }

.comment .comment-moderator span { font-weight: bold; }

#product_comment_new .comment { margin: 0 -20px 20px -20px; }

.commentsclosed { text-align: center; padding: 10px; color: #999; border-radius: 3px; font-size: 1.15em; }