button:focus {
    outline: none;
}

.commentsBox {
	width:100%;
	max-width:800px;
	min-width:350px;
}

.comments {
	width:96%;
	margin-left:2%;
	height:auto;
}

.comment {
	position:relative;
	text-align:left;
	float:right;
	width:100%;
	box-shadow: 0px -1px 0px rgba(255,255,255,0.9), 0px -2px 0px rgba(0,0,0,0.2);
	
}

/*.comment:hover {
	background-color:rgba(255,255,255,0.3);
}*/

.avatar {
	margin:5px;
	width:50px;
	height:50px;
	box-shadow: 1px 1px 0px rgba(255,255,255,1), -1px -1px 0px rgba(0,0,0,0.3);
}

.comInfo {
	position:absolute;
	left:70px;
	top:5px;
	width:70%;
	
}
.comAuthorName {
	float:left;
	text-decoration:none;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:14px;
	color: #351a5a;
	letter-spacing:0.7px;
	
}
.comAuthorName:hover {
	text-decoration: none;
}
.comDate {
	float:left;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:11px;
	margin-left:5px;
	color: gray;
	margin-top:2px;
}

.comContent {
	margin-right:40px;
	margin-left:70px;
	margin-top:-32px;
	color:#2a2a2a;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:12px;
	margin-bottom:12px;
	height:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap: break-word;
}
.comContent a{
	color:#4e3768;
}


.replyButton {
	margin-top:5px;
	margin-left:7px;
	margin-bottom:5px;
	width:46px;
}
.postButton {
	height:20px;
	
/*	box-shadow: 1px 1px 0px rgba(0,0,0,0.3), -1px -1px 0px rgba(255,255,255,1);
	background: -moz-linear-gradient(90deg, #dcd7e3, rgba(255,255,255,0.7));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.7),#dcd7e3);*/
	
	text-shadow: 0px 1px 0px rgba(255,255,255,1);

	color: #333;
	cursor: pointer;
	display: inline-block;
	border:solid 1px #ccc;
	background-color: #fff;

	font-size: 11px;
	border-radius:5px;
}
.commentBoxLeft {
	width:63px;
	float:left;
}
.postCommentButton {
	float:left;
	margin-bottom:10px;
	margin-top:2px;
	margin-left:7px;
	width:50px;
}
.postReplyButton {
	margin-left:80%;
	float:right;
	position:relative;
	left:5px;
	margin-top:6px;
	margin-bottom:10px;
}
.postButton:hover {
	background-color: #f3f3f3;
}

.thankContainer {
	height:14px;
	margin-top:-5px;
	margin-bottom:5px;
}
.thankButton{
	float:right;
	margin-right:10px;
	font-size:11px;
	cursor:pointer;
	color: #351a5a;
} 
.thankCount {
	margin-right:10px;
	float:right;
	font-size:11px;
	color:#8a8a8a;
	
}

.closeButton {
	float:right;
	margin:1%;
	cursor:pointer;
	height: 13px;
	width: 13px;
	background-image: url('https://s3.amazonaws.com/wyspimg/greyCross.png');
	background-position:center;
	
}
.closeButton:hover {
	background-color:rgba(255,255,255,0.5);
}


.commentInput {
	width:96%;
	margin-left:2%;
	position:relative;
	background-color:rgba(37,11,73, 0.03);
	border-radius:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.replyBox {
	width:90%;
	margin-left:10%;
	margin-top:10px;
	background-color:rgba(37,11,73, 0.03);
	border-radius:5px;
}
.replyInputContainer {
	width:90%;
	margin-top:8px;
	margin-left:3.8%;
}
.inputComAvatar {
	float:left;
	margin:7px;
	height:50px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 1px 1px 0px rgba(255,255,255,1), -1px -1px 0px rgba(0,0,0,0.3);
}
.commentInputTextArea {
	width:81%;
	margin-top:7px;
	margin-bottom:8px;
	height:50px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
	border-radius: 3px;
	color:#2a2a2a;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:12px;
}
.commentInputTextArea:disabled {
	font-style:italic;
	color:#9d9d9d;
	background-color:#f1f1f1;

}
.commentsTextInput {
	border-width: 0;
	outline: 0;
	box-shadow: 1px 1px 0px rgba(255,255,255,1), -1px -1px 0px rgba(0,0,0,0.3);
	overflow: auto;
	resize: none;
}
.replyInputTextArea {
	margin-top:8px;
	width:98%;
	border-radius:3px;
	color:#2a2a2a;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:12px;
}
.replies {
	width:90%;
	min-width:200px;
	float:right;
}
.loadRepliesButton {
	float:right;
	width:100%;
	min-width:200px;
	color:#341361;
	background-color:rgba(255,255,255,0.7);
	cursor: pointer;
	display: inline-block;
	height:29px;
	border:solid 1px #cdc7d8;
	margin-bottom:0px;
	font-size:11px;
	text-align:center;
}
.loadCommentsButton {
	float:right;
	width:100%;
	min-width:200px;
	color:#341361;
	background-color:rgba(255,255,255,0.7);
	cursor: pointer;
	display: inline-block;
	height:29px;
	border:solid 1px #cdc7d8;
	margin-bottom:0px;
	font-size:11px;
	text-align:center;
	
}

.clearingDiv {
	clear:both;
}


.standaloneCommentTitle{
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	width:80%;
	margin:auto;
	margin-top:25px;
	margin-bottom:35px;
	color:#2f2a36;
	font-size: 19px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
	text-align: center;
}
.opLink{
	text-decoration: none;
	color: #412666;
}
.orTargetLink{
	text-decoration: none;
	color: #412666;
	font-style: italic;
	font-size: 17px;
	
}