.socialData{
	background-color:#f5f5f5;
	width: 97%;
    margin: auto;
}

/* .socialDataHeader:hover{
   background-color:#c0dede;
} */


.socialDataHeaderLabel{
float:left;
background-image: url("image/loMetadata/metaSocialIcon.png");
background-repeat: no-repeat;
background-size: 22px 22px;
color: #666666;
font-family: Myriad,"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 24px;
padding-left: 28px;
}

.socialLabelComments{

    color: #2B3E42;
    font-family: MyriadPro-It;
    letter-spacing: 0.02em;
    padding-top: 10px;
	font-size:15pt;
}

.reportCommentLabel, .withdrawCommentLabel, .unreportCommentLabel, .editCommentLabel, .deleteCommentLabel, .undeleteCommentLabel{
color:#FAF4F1;
width:100%;
height: 100%;
}


.imageDiv .myImage {
    max-height: 80px;
	max-width: 80px;
}

.imageDiv {
    width: 10%;
    float: left;
}

.editCommentWrapper {
    width: 74%;
	float: left;
}

#noCommentsAvailable {
    margin-left: 21px;
}

div#socialData {
    webkit-box-shadow: 7px 10px 5px -10px rgb(97 97 97 / 64%);
    -moz-box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
    box-shadow: 7px 10px 5px -10px rgb(97 97 97 / 64%);
}

div#imgSavePsw:hover {
    filter: opacity(0.5);
}

div#imgCancelPsw:hover {
    filter: opacity(0.5);
}


.reportComment{
    position: absolute;
    right: 0;
    top: 0;
	cursor: pointer;
	width:25px;
	background-image: url("image/itemOptions/report.png");
	background-repeat:no-repeat;
	height:20px;
	margin-top:5px;
}
.editComment{
	position: absolute;
    right: 30px;
    top: 0;
	cursor: pointer;
	width:25px;
	background-image: url("image/itemOptions/editComment.png");
	background-repeat:no-repeat;
	height:24px;
	margin-top:5px;
}

.deleteComment{
	position: absolute;
    right: 0px;
    top: 0;
	cursor: pointer;
	width:25px;
	background-image: url("image/itemOptions/deleteComment.png");
	background-repeat:no-repeat;
	height:24px;
	margin-top:5px;
}

.undeleteComment{
	position: absolute;
    right: 0px;
    top: 0;
	cursor: pointer;
	width:25px;
	background-image: url("image/itemOptions/undeleteComment.png");
	background-repeat:no-repeat;
	height:24px;
	margin-top:5px;
}

.unreportComment{
	background-image: url("image/itemOptions/unreport.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}
.withdrawnComment{
	background-image: url("image/itemOptions/deletedreport.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}


.commentInfo{

}
.comment{
	position:relative;
	width:100%;
	padding:5px;
	border-radius:5px;
}

/* .comment:hover{
	background-color: #c0dede;
} */

.commentWithdrawnAdmin, .commentCommenter{
position:relative;
}
#dialog-report-item, #dialog-reject-item{
display:none;
}

#noCommentsAvailable{
	font-size: 13pt;
    font-style: italic;
    color: #666;
    padding-top: 2px;
}

#labelWithdrawnText{
display: inline-block;
font-size: 11px;
font-weight: bold;
margin-top: 10px;
margin-left:10px;
text-align: left;
vertical-align: top;
color:#656565;
}
.commentsLogin{
/*float:right;
color: #999999;*/
cursor: pointer;
}
.commentsLogin:hover{
  color: #5C5C5C;
}

.commentsLabel{
float:left;
color: #666666;
font-family: Myriad,"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: normal;
}

.commentInfo{
	/* Syling the comments and the comment form container */
	width:98%;

}
#addCommentContainer{
	/* Syling the comments and the comment form container */


}
#currentComment{
width:100%;
}
.editCommentWrapper{

}
.editCommentBtns{
float: right;
position: relative;
right: 9%;
}
.editCommentTextArea{
width:83%;
height:70px;
}
#commentsArea{
}
#commentsHeader{
width:100%;
height:30px;
}
.commentsAreaLabel{
	
}

.commentInfo.avatar{

	/*
	/	The avatar is positioned absolutely, 
	/	and offset outside the comment div
	/*/

	height:50px;
	left:-70px;
	position:absolute;
	width:50px;
	background:no-repeat #fcfcfc;
	
	/* Centering it vertically: */
	
	margin-top:-25px;
	top:50%;

	-moz-box-shadow:1px 1px 0 #c2c2c2;
	-webkit-box-shadow:1px 1px 0 #c2c2c2;
	box-shadow:1px 1px 0 #c2c2c2;
}

.commentInfo.avatar img{
	display:block;
}

.commentInfo.name{
	font-size:20px;
	padding-bottom:10px;
	color:#ccc;
}

.commentInfo.date{
	font-size:10px;
	padding:6px 0;
	position:absolute;
	right:15px;
	top:10px;
	color:#bbb;
}
#addCommentContainer
{

}
.commentInfop,
#addCommentContainer p{
	font-size:18px;
	line-height:1.5;
	overflow-x:hidden;
}


.ccomment{
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
/*margin-left:60px;
*/
}


#submitComment{

	color: #2d7aae;
    font-size: 13pt;
    padding-top: 15px;
    cursor: pointer;
    text-decoration: underline;
    /*font-weight: bold;
    height: 26px;
    padding-top: 3px;
    text-align: center;
    vertical-align: bottom;
    width: 80px;*/
}

#linkToComments a{
color:#999999;
}

div#commentDiv b {
    font-size: 17px;
}

.socialDataHeader{
	cursor: pointer;
	padding:10px;
	border-radius:5px;
	background-image:url(image/loMetadata/arrowGreenDown.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center right;


}

.cperson {
    font-weight: bold;
    width: 60%;
    text-decoration: underline;

}

/* .metadataGroup{
	border-radius:5px;
	border:#eee 1px solid;	
	padding:10px;
	margin-top:15px;

} */

.metadataGroupTitle-comments{
	/*font-family:Impact, Charcoal, sans-serif; http://www.w3schools.com/cssref/css_websafe_fonts.asp    	letter-spacing:-1px;
		font-weight:bold;
	*/
	font-family: Myriad,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;	
	margin-left: 10px;
    padding-left: 27px;
	background-image:url(custom-images/comments-icon.png);
	background-repeat:no-repeat;
	background-size:22px 22px;
	background-position:left center;
	color: #f77021 !important;
    font-weight: 500;
    filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-ms-filter: invert(1);
	-o-filter: invert(1);
}
/* 
.socialDataContent {
    margin-left: 21px;
} */

a.loginopener {
    font-size: 18px;
}

.cdate {
    color: #2d7aae;
    font-style: italic;
}

.mdate {
    color: #2d7aae;
    font-style: italic;
}

.loginopener {
    margin: 20px;
    cursor: pointer;
    text-decoration: underline;

    font-weight: bold;
}