@charset "utf-8";
#CommentProductListBox p.center, #CommentProductListBox span.center, #CommentProductListBox fieldset.center {text-align: center;}
#CommentProductListBox .comment {background: url(../images/core/comments/comments_icon_bubble_map.png) no-repeat -17px -15px; width: 16px;  height: 14px;margin-top: 5px; vertical-align: bottom;outline: 0; border: 0; cursor: pointer; float: left;}
#CommentProductListBox .comment:hover {background-position: -17px 0px;}
#CommentProductListBox .comment.empty{background-position: 0px -15px;}
#CommentProductListBox .comment.empty:hover{background-position: 0px 0px;}



#CommentProductListBox .CommentList {}
#CommentBox { clear: both;font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;font-size: 11px;width: 360px; *position:relative; text-align: left; position: relative;z-index: 2;}
#CommentBox p {margin: 0 auto; padding: 0;}
#CommentBox fieldset {border: 1px solid #dee7c8; margin: 0; padding: 0em;}

#comments_input_pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /*Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */font-size: 11px;}

#CommentBox .MessageInput {background-color: #faffdb;padding: 6px 4px 3px 6px;}
#CommentBox textarea {overflow:hidden;height: 12px;width: 340px;resize: none;color: #777;border: 1px solid #bdc7d8;font-size: 11px;padding: 3px; margin-bottom: 5px;}
#CommentBox #InputBox {padding: 0;}
#CommentBox .invisibleBox {position:absolute;top:0; right:0;width:340px;visibility:hidden; border: 1px solid red; padding: 3px;}
#CommentBox #ProcessingBox {display: none;}
#CommentBox #ProcessingBox { border: 1px solid #eee; z-index: 13; width: 99%; text-align: center; background-color: #faffdb; }
#CommentBox #ProcessingBox span {opacity:1;color: #333; background: url(../images/core/assets/loader_bar_15x9.gif) 0 bottom no-repeat; padding-left: 20px;}
#facebook_processing { z-index: 13; width: 99%; text-align: center; background-color: #faffdb; }
#facebook_processing span {opacity:1;color: #333; background: url(../images/core/assets/loader_bar_15x9.gif) 0 bottom no-repeat; padding-left: 20px;}
#CommentBox .CommentActions {text-align: right; float: right; display: block;}
#CommentBox .standard_actions.blur {display: none;}
#CommentBox #ShareBox ul {margin: 0; position: relative; z-index: 2; padding: 0;}
#CommentBox #ShareBox ul li {float: left; padding: 5px 5px; border: 1px solid #ccc; background-color: #fff; margin: 0 5px 0 0; cursor: pointer; *margin-right: 10px; _margin-bottom:-2px; height:20px; line-height: 20px; vertical-align: bottom; display: block; -webkit-border-top-left-radius:2px 2px; -webkit-border-top-right-radius:2px 2px;
-moz-border-top-left-radius:2px 2px; -moz-border-top-right-radius:2px 2px;}
#CommentBox #ShareBox ul li.selected {border-bottom: 1px solid #faffdb; background-color: #faffdb;}
#CommentBox #ShareBox ul li:hover {background-color: #faffdb;}
#CommentBox #ShareBox .user_data {padding: 20px 0px; border: 1px solid #ccc; margin: 0; position: relative; top:-1px; z-index: 1; background: #faffdb; clear: both;}
#CommentBox .user_data .info {text-indent: 15px; padding-top: 5px;}
#CommentBox #ShareBox .user_data label {clear: both;width: 60px; float: left; text-align: right; padding-right: 5px;height:23px; line-height: 23px;}
#CommentBox #ShareBox .user_data #fieldset_info p {text-align: center;}
#CommentBox .error {display: inline-block; padding: 5px 0; background-color: #faffdb; width: 100%; text-align: center; font-style: italic; color: #a66; font-size: 11px; margin: 4px 0; vertical-align: middle;}
#CommentBox .errorEmail {display: inline-block; padding: 5px 0; background-color: #faffdb; width: 100%; text-align: center; font-style: italic; color: #a66; font-size: 11px; margin: 4px 0; vertical-align: middle;}
#CommentBox .errorEmpty {display: inline-block; padding: 5px 0; background-color: #faffdb; width: 100%; text-align: center; font-style: italic; color: #a66; font-size: 11px; margin: 4px 0; vertical-align: middle;}
#fieldset_user_facebook #fb_login {text-align: center;}
#fieldset_user_facebook #fb_login p {margin-bottom: 10px;}
#fieldset_user_facebook .facebook-connect {width: 340px; padding: 10px;}
#fieldset_user_facebook .facebook-connect .tools {float: right;}
#fieldset_user_facebook .facebook-connect .avatar {float: left; margin-right: 10px;}
#fieldset_user_facebook .facebook-connect .actions {margin-top: 10px;}
#fieldset_user_facebook .facebook-connect .actions button {margin-left: 10px; float: right;}
#CommentBox #ShareBox .user_data #fieldset_user_facebook .facebook-connect label {width: auto;}
#MessageBox {background-color: #faffdb; padding: 10px; border: 1px solid #ccc;}
#MessageBox h4 {margin: 0 0 5px 0;}
#MessageBox p {margin: 5px 0;}
#MessageBox .info {margin: 5px 0;}
#MessageBox #CommentActions {width: 100%; text-align: right; display: block;}
#CommentProductList {clear: both; margin-top: 30px;}
#CommentProductList .list_message_pagination {float: left;margin-left: 15px; }
#commentsCont_0 {display: none;}
#CommentProductList {overflow-x: hidden; position: relative; height: 190px; }
#CommentProductListIn {position: absolute; left:-333px; width: 3600px; overflow: hidden;}
#CommentProductList .list_message {width: 310px; display: block; float: left; padding: 0px 10px 0px 10px;background-color:#ffd;	margin:10px 2px; height:170px;
/* border: 1px solid #fee ;
-webkit-box-shadow: 3px 3px 10px #eee;	-webkit-border-radius:7px;
-moz-box-shadow:3px 3px 10px #eee; -moz-border-radius:7px;*/
background: url(../images/core/comments/comments_bg_postit_330x170.jpg) no-repeat;
}
#CommentProductList .list_message .container{height: 100px; margin: 8px 0; overflow-y: auto;}
#CommentProductList .list_message h5 { line-height: 18px; font-weight: normal; color: #888; font-size: 12px; margin: 9px 0 12px 0;}
#CommentProductList .list_message h5 img {padding-right: 5px;vertical-align: bottom; width: 18px; height: 18px;}
#CommentProductList .list_message h5 span {float: right; overflow: hidden;}
#CommentProductList .list_message p {margin: 10px 14px 20px 14px; font-family: Verdana; font-size: 12px; line-height: 1.8em;}
#CommentProductList .list_message p.response {padding: 0 0 0 20px; margin-top: -10px;}
#CommentList {position: absolute;border: 2px solid #dee4d0; background: #faffdb;padding: 0 15px; color: #666; z-index: 50;width: 180px;}
#CommentList a {float: right; text-decoration: none; color: #090; font-size: 11px;}
#CommentList a:hover{text-decoration: underline;}
#CommentList .list_message {border-bottom: 1px dotted #ccc; margin: 15px 0; clear: both;}
#CommentList .list_message h5 {margin-bottom: 0; padding-bottom: 0; font-size: 12px;}
#CommentList .list_message p {margin:0 0 15px 0;}
#CommentList {font-size: 12px;}
#CommentList p { margin: 15px 0;}
#CommentList .list_message_footer{margin: 0 0 10px 0; overflow: hidden;}
#CommentProductListBox .list_message_actions {float: right;}
#CommentProductListBox .write_comment_link {text-align: right; font-size: 12px;}
/* PAGINATION */
#CommentProductListBox .list_message_pagination { border:0; margin:10px 0; padding:0; font-size:12px; text-align: left; float: left;}
#CommentProductListBox .list_message_pagination a { border:solid 1px #DEDEDE; margin:0 1px;color: #66f; -webkit-border-radius:2px;	-moz-border-radius:2px; display:inline-block; padding:3px 6px; text-decoration:none;}
#CommentProductListBox .list_message_pagination .off { color:#888888; display:inline-block; font-weight:normal; text-align: center; border: 1px solid transparent;	-webkit-border-radius:2px;
	-moz-border-radius:2px; margin: 0 1px;}
#CommentProductListBox .list_message_pagination span {color:#000000; font-weight:bold; display:inline-block; padding:3px 6px;}
#CommentProductListBox .list_message_pagination a:link, #CommentProductListBox .pagination a:visited { display:inline-block; padding:3px 6px; text-decoration:none;}
#CommentProductListBox .list_message_pagination a:hover{text-decoration: underline;}
/* END OF PAGINATION */