/* Room Display */
.comments_roomDisplay { margin:0 auto; max-width:600px; width:100%; }
.comments_roomDisplayHeader { text-align:center; }
.comments_roomNameStyle { font-weight:bold; }
.comments_roomDisplayMessage, .comments_emptyMsg, .comments_editMessageForm { border-top:2px groove black; margin:10px auto; text-align:left; width:100%; }
.comments_roomDisplayMessage > .commentBody { display:block; white-space:pre-wrap;}
.comments_roomDisplayMessageFooter { font:italic 10pt Times New Roman; text-align:right; }
.postedFooter > .postedName, .postedFooter > .postedDate,
	.editedFooter > .editedName, .editedFooter > .editedDate { font-weight:bold; }
.comments_roomDisplayMessageFooterControls { float:left; font-style:normal; }
.comments_roomDisplayMessageFooterControls > a { color:blue; cursor:pointer; text-decoration:underline; }
.comments_roomDisplayMessageFooterControls > a:hover { text-decoration:none; }
.comments_roomDisplayMessageFooterControls > a.deleteLink { color:red; }
.comments_emptyMsg { display:none; font:italic 12pt Times New Roman; text-align:center; }
.comments_emptyMsg:last-child { display:block; }

.comments_invalidRoomMsg { font-style:italic; text-align:center; }

/* New Comment Form */
.comments_newMessageForm { display:inline-block; margin:0 10%; width:80%; }
.comments_newMessageAutoName > .postingName { font-weight:bold; }
.comments_newMessageName { display:block; width:100%; }
.comments_newMessageComment { display:block; height:100px; resize:none; width:100%; }
.comments_newMessageSubmit { display:block; margin-left:-1px; width:100%; }
.comments_denyNewMessage { font:italic 12pt Times New Roman; text-align:center; }
.comments_molasses { bottom:-40px; position:fixed; }

.comments_subscribeForm { display:flex; flex-wrap:wrap; justify-content:center; margin:0 10%; width:80%; }
.comments_subscribeMsg { text-align:center; width:100%; }
.comments_subscribeEmail {  margin:0; width:100%; }
.comments_subscribeSubmit { margin:5px 0; width:100%; }
.comments_subscribeBox.subscribed > .comments_subscribeForm { display:none; }

.comments_subscribed { display:none; margin:0 10%; text-align:center; width:80%; }
.comments_unsibscribeBtn { margin-left:10px; }
.comments_subscribeBox.subscribed > .comments_subscribed { display:block; }

@media screen and (min-width:600px) {
	.comments_subscribeEmail { width:60%; }
	.comments_subscribeForm input.comments_subscribeSubmit { margin:0 5px; width:20%; }
}