/*
Styles for elements within the comments areas.
Add your own styles for other elements on comments pages, including the one that contains the comments areas.

	Each comments area includes one primary comment and its replies, if any.

	Styles and structure of comments area:

	.ccontainer: Container for one comment area, i.e., one primary comment and any replies to it.

		.ctoplevel: Container for the primary comment.
		.clvln: Container for reply n, where n is a digit from 1 to 9 designating reply depth.

			.ctitle: Title provided by poster (or "[no title]").

			.cposter: Name of poster
				.cpostdate: Date and time of posting

			.cbody: Body of the comment and associated links. For replies, this is automatically hidden until user clicks on title.
				.ctext: Text of the comment as entered by the user and optionally edited by the moderator.
				.clinkblock: Links to user functions. Post a reply or new comment, or return to the article, the previous location, or the top of the comments page.
*/


/* for add and edit comment forms */
input, textarea {
	font-family: verdana, arial, geneva, sans-serif;
	font-size: 9pt;
}

span.required {
	font-weight: bold;
	color: #990000;
}

/* styles for elements in comments areas: see above for descriptions.
#showall *** not actually used
{
	position: relative;
	width: 600px;
	background-color: #ffffff;
}
*/
#commentspan, #commentspan2 {
	font-weight: bold;
}

#commentdiv {
	width: 96%;
	margin: 0 auto;
}

.pagetitle {
	width: 90%;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	margin: 10px auto;
}

.pageaddlink {
	width: 90%;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	padding-bottom: 6px;
	margin: 0 auto;
}

.forumtext {
	background-color: #cccccc;
	color: #000066;
	width: 90%;
	font-size: 0.9em;
	line-height: 120%;
	padding: 10%;
	margin: 0 auto;
}

.ccontainer {
	background-color: #eeeeee;
	width: 91.5%;
	font-size: 1em;
	line-height: 120%;
	text-align: left;
	padding: 2% 3% 3% 3%;
	border: 1px solid #cccccc;
	margin: 10px auto;
}

.ctoplevel {
	text-align: left;
}

.ccontainer p {
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
}

.ctext {
	margin-top: 2px;
	border-top: 1px solid #aaaaaa;
	padding-top: 2px;
	font-size: 1em;
}

.clvl1 { padding-left: 20px; }
.clvl2 { padding-left: 40px; }
.clvl3 { padding-left: 60px; }
.clvl4 { padding-left: 80px; }
.clvl5 { padding-left: 100px; }
.clvl6 { padding-left: 120px; }
.clvl7 { padding-left: 140px; }
.clvl8 { padding-left: 160px; }
.clvl9 { padding-left: 180px; }

.ctitle {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	margin-top: 9px;
	font-size: 1em;
	text-align: left;
}

.cposter {
	font-size: 0.8em;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
}

.cpostdate {}

.clvl1 .cbody, .clvl2 .cbody, .clvl3 .cbody, .clvl4 .cbody, .clvl5 .cbody, .clvl6 .cbody, .clvl7 .cbody, .clvl8 .cbody, .clvl9 .cbody { display: none; }

.clinkblock {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin-bottom: 8px;
	padding-bottom: 2px;
	border-bottom: 1px solid #aaaaaa;
	margin-top: 5px;
}
/*
a:link, a:active, a:visited {
	text-decoration: none;
	color: #dd0000;
}

a:hover {
	text-decoration: underline;
	color: #0000dd;
}
*/