/*
CSS definitions which are (usually) common to all templates for comment system
Any defined colours are samples only and should be overridden by the template as needed
*/

div.CommentsContainer
{
	margin-bottom: 10px;
	border-bottom: solid 1px #E6E6E6;
}

div.CommentItemDepth
{
	/* border-left: solid 16px #c5dde9; */
	padding-left: 16px;

}

div.CommentItem
{
	padding: 6px;
	border-top: solid 1px #E6E6E6;
	border-bottom: none;
	background-image: url({@GetModuleImagePath|'commentquote.gif'});
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

div.CommentItem .timeat
{
	text-transform: lowercase;
}

div.CommentItem .reply
{
	text-align: right;
}

div.CommentItem .permalink
{
	float: right;
	font-size: 0.85em;
}

div.CommentItem div.name
{
	padding-left: 50px;
}

div.CommentItem div.date
{
	float: left;
	padding-left: 50px;
	font-size: 0.85em;
	color: #ADADAD;
}

div.CommentItem div.inreplyto
{
	float: left;
	margin-left: 0.3em;
	text-transform: lowercase;
	font-size: 0.85em;
}

div.CommentItem div.comment
{
	clear: both;
}

ul.CommentsPages
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.CommentsPages li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

div.CommentItemReplyContainer div.CommentsDialog {
	border-top: solid 1px #c5dde9;
}

/* hide fieldset / legend inside modal */
.ModalContent .CommentsDialog fieldset {
	border: none;
	padding: 10px 0 0 0;
	background: transparent;
}

.ModalContent .CommentsDialog legend {
	display: none;
}

div.CommentsDialog textarea {
	width: 95%;
}

.CommentsShowLink {
	display: none;
}

.CommentsDialogHidden .CommentsFormContainer,
.CommentsDialogHidden .CommentsHideLink {
	display: none;
}

.CommentsDialogHidden .CommentsShowLink {
	display: inline;
}

div.CommentsDialog input[name='fromemail'] {
	width: 250px;
}

div.CommentsDialog input[name='website'] {
	width: 250px;
}

div.CommentsDialog input[name='captcha'] {
	width: 100px;
}

div.CommentItemOutsideHighlight div.CommentItem
{
	background-color: #FFB;
}

body .PostDetails li.CommentsContentListDetails
{
	background-image: url({@GetModuleImagePath|'comment.gif'});
}

div.CommentsHTMLInfoLink,
div.CommentsHTMLInfo
{
	padding: 6px;
}

span.HighlightMessage_fromemail {
	display: block;
}