#comment_box {
    margin-top:20px;
    padding:5px;
    clear: both;
}

#comments {    
     direction:rtl; 
     padding: 10px 5px;    
}

#addCommentContainer {
    padding:4px;
    margin-bottom: 10px;
}

.comment_item {
    padding: 12px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    background-color: #fdfdfd;
    margin-top: 12px;
    min-height: 90px;
    overflow: auto;
    border-radius: 3px;
	box-shadow: inset 0 0px 2px rgba(0,0,0,0.1);
}

.comment_item .avatar{
    height: 52px;
    width: 52px;
    margin-top: 5px; 
	border: 1px solid #ccc;
}

.comment_item .avatar img{
    display:block;
}

.comment_item .comment_info {
    min-height: 27px;    
}

.comment_item .comment_info span.name{
    margin-right: 20px;
    float: right;  
}

.comment_item .comment_info span.comment_date{
    margin-right: 30px;
    float: right;
	word-spacing: 2px;
}


.comment_item div.comment_body {
margin: 15px 20px;
    padding-right: 25px;
    background: url(../images/comments.gif) no-repeat;
    background-position-x: right;
    background-position-y: 8px;
    text-align: justify;
    clear: both;
}


#addCommentContainer input[type=text]{
margin: 5px 0 5px;
    width: 118px;
    min-width: auto;	
}


#addCommentContainer textarea{
     display: block;
    margin: 0px 0px;
    width: 250px;
    height: 150px;
    background-color: #fdfdfd;
}

span.error{
width: 250px;
}

span.error-sent{
width: 250px;
}

#submit{    
    margin-top: 5px;
}

a.reply {    
float: left;
margin-bottom: 10px;
}

div.comment_item div.comment_part_right {    
float: right;
width: 52px;    
}

div.comment_item div.comment_part_left {    
float: right;
width: 90%;    
}


div.comment_item div.comment_part_right span.result_comment_likes {
margin-right: 12px;
    color: #ffffff;
    position: relative;
    top: 33px;   
}

div.comment_item div.comment_part_right .like_comment {    
    background-image: url('../images/like.png');
    width: 50px;
    height: 33px;
    display: inline-block;
}

/* reply --------------------------------------------------------------------------- */

div#replies {
padding-top: 13px;	
}

div.reply_item {	
padding: 12px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: 12px;
    min-height: 70px;
    margin-right: 10px;
    background-color: #fcfcfc;
    overflow: auto;
	border-radius: 3px;
}

div.reply_item .avatar{
height: 52px;
    width: 52px;
    border: 1px solid #ccc;	
}

div.reply_item .avatar img{
	display:block;
}

div.reply_item .reply_info {
 min-height: 27px;   
}

div.reply_item .reply_info span.name {
    margin-right: 20px;
    float: right;
}

div.reply_item .reply_info span.comment_date {
    margin-right: 30px;
    float: right;
	word-spacing: 2px;
}

div.comment_item div.reply_part_right {    
float: right;
width: 52px;	
}

div.comment_item div.reply_part_left {    
float: right;
width: 85%;	
}

div.reply_item div.reply_body {
    margin: 10px 20px;
    padding-right: 25px;
    background: url(../images/comments.gif) no-repeat;
    background-position-x: right;
    background-position-y: 8px;
    text-align: justify;
	clear: both;
}

#replycomment {	
padding: 0px;
    margin-right: 6px;
    margin-top: 0px;
    clear: both;
}

div.reply_box {
    clear: both;	
}

#replycomment input[type=text] {
margin: 5px 0 5px;
    padding: 3px 6px;
    width: 93px;
    min-width: 93px;
}

#replycomment textarea{
    display: block;
    margin: 5px 0 5px;
	width: 200px;
}

#submit_reply {
    margin-top: 5px;
}

span.error-sent-reply {
width: 200px;
    margin-right: 6px;	
}

div.no_avatar {
    background-image: url(../images/default_avatar.gif);
    width: 50px;
    height: 50px;
}

.avatar_img {	
	width:50px;
	height:50px
}


@media (max-width:768px) {  
    
div.comment_item div.comment_part_left {    
width: 80%;    
}  

div.comment_item div.reply_part_left {    
width: 70%;    
}
	
#comments {
    padding: 10px 0px;
}	
	
.comment_item {
		    padding: 9px 6px;
	}
	
.comment_item .comment_info span.comment_date {
    margin-right: 15px;
    font-size: 18px;
}
	
.comment_item .comment_info span.name {
    margin-right: 8px;
    font-size: 18px;
}
	
.comment_item div.comment_body {
    margin: 10px 8px 10px 5px;	
}
	
	
div.reply_item .reply_info span.comment_date {
display: none;
}
	
div.reply_item .reply_info span.name {
    margin-right: 10px;
    font-size: 18px;
}
	
div.reply_item div.reply_body {
    margin: 10px 5px;	
}	
	
	
    
}