/* CrystalMaker Software CSS definitions for Forum pages */

/******************************************************************************/
/* Forum Listing                                                              */
/******************************************************************************/
.forum-index
{
	margin-bottom:				20px;
	background:					#CCCCDD;
	border:						1px solid #CCCCDD;
	border-top-left-radius:		12px;
	border-top-right-radius:	12px;
	border-bottom-left-radius:	12px;
	border-bottom-right-radius:	12px;
}

.forum-index .header
{
	top:						1px;	/* Erase the top row border */
	padding-left:				12px;
	padding-top:				4px;
	height:						20px;
	position:					relative;
	left:						0px;
	border-bottom:				1px solid #CCCCCC;
	font-size:					12px;
	font-weight:				bold;
	color:						#FFFFFF;
	background:					#CCCCDD;
	border-top-left-radius:		12px;
	border-top-right-radius:	12px;
	border-bottom-left-radius:	0px;
	border-bottom-right-radius:	0px;
}

.forum-index .row
{
	padding:					8px;
	clear:						both;
	background:					#FFFFFF;
	border-bottom:				1px dotted #CCCCDD;
	font-size:					11px;
}

.forum-index .row:last-child
{
	border-bottom:				none;
	border-bottom-left-radius:	12px;
	border-bottom-right-radius:	12px;
}

.forum-index .icon
{
	float:						left;
	width:						15%;
}

.forum-index .text
{
	float:						left;
	width:						84%;
}

.forum-index .text a
{
	font-size:					12px;
}



/******************************************************************************/
/* Forum Listing                                                              */
/******************************************************************************/
.forum-listing
{
	width:						896px;	/* was 758px;*/	/* 760px; */
	margin-top:					10px;
	border:						1px solid #BBBBBB;
}

.forum-listing .header
{
	height:						20px;
	position:					relative;
	left:						0px;
	border-bottom:				1px solid #DDDDDD;
	font-size:					10px;
	line-height:				14px;
}

.forum-listing .header a
{
	padding-left:				8px;
	padding-right:				8px;
	background-color:			#EEEEEE;
	border-left:				1px solid #FFFFFF;
	border-top:					1px solid #FFFFFF;
	border-right:				1px solid #AAAAAA;
	border-bottom:				1px solid #AAAAAA;
	padding-top:				2px;
	padding-bottom:				2px;
	color:						#000000;
	display:					block;
	text-decoration:			none;
}

.forum-listing .header a:hover
{
	color:				#FFFFFF;
	background-color:	#CCCCFF;
	border:				1px solid #CCCCFF;	/* blue theme */
}

.forum-listing .header .down a
{
	border-left:		1px solid #CCCCFF;
	border-top:			1px solid #CCCCFF;
	border-right:		1px solid #8888AA;
	border-bottom:		1px solid #8888AA;
	background-color:	#AAAAFF;
	font-weight:		bold;
	color:				#FFFFFF;
}

/* cell styles */
.forum-listing .topic,
.forum-listing .author,
.forum-listing .views,
.forum-listing .replies,
.forum-listing .date
{
	float:				left;
	text-align:			left;
}

.forum-listing .topic		{ width: 440px;}		/* was 340px */
.forum-listing .author		{ width: 178px;}		/* was 160px */
.forum-listing .views		{ width: 60px;}
.forum-listing .replies		{ width: 60px;}
.forum-listing .header .date	{ width: 158px;}	/* don't define width for column in .row mode as padding will make it overflow */

/* row style */
.forum-listing .row
{
	position:			relative;
	left:				0px;
	background-color:	#FFFFFF;
	color:				#666666;
	padding-top:		9px;

	font-size:			11px;						/* was 11px */
	line-height:		14px;
	height:				23px;
	vertical-align:		middle;
	
	white-space:		nowrap;
	padding-left:		8px;
	padding-right:		8px;
}

.forum-listing .row.alt
{
	background-color:	#EFEFFF;
}


.forum-listing .row .down			/* selected column draws text in bold */
{
	font-weight:		bold;
}





/*
 Post New Topic
*/
/*
#forum-footer
{
	position:			relative;
	height:				24px;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		2px;
	padding-bottom:		4px;
	margin-top:			8px;

	font-size:			10px;
	font-weight:		bold;
	text-align:			center;
}
*/
#forum-footer
{
	position:			relative;
	height:				18px;
	padding-left:		8px;
	padding-right:		8px;
	padding-top:		2px;
	padding-bottom:		4px;
	margin-top:			-1px;
	margin-bottom:		14px;

	font-size:			10px;

	border:				1px solid #BBBBBB;
	background-color:	#EEEEEE;
}

#forum-footer #left
{
	width:				20%;
	float:				left;
	text-align:			left;
	font-weight:		bold;
}


#forum-footer #centre
{
	width:				60%;
	float:				left;
	text-align:			center;
}


#forum-footer #right
{
	width:				20%;
	float:				right;
	text-align:			right;
}




#forum-base
{
	text-align:			center;
	height:				24px;
	margin-bottom:		12px;
}


/***********************************************************************
 Show Topic
***********************************************************************/
/* This is the main title for the topic page */
#contentTitleBox h3, #contentFeatureBox h3
{
	font-size:			24px;
	line-height:		36px;
	letter-spacing:		-0.05em;
	padding-left:		20px;
	padding-right:		20px;
	margin-top:			0px;
	margin-bottom:		0px;
	font-weight:		normal;
/*	border:				1px dotted #FF0000; */
}

.forum-topic-header, .forum-topic-footer
{
	position:			relative;
	height:				18px;
	left:				0px;
	background-color:	#EEEEEE;
	border:				1px solid #CCCCCC;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		4px;
	padding-bottom:		4px;

	font-size:			10px;
	font-weight:		bold;
}

.forum-topic-header
{
	margin-top:			8px;	/* Extra space at top */
	margin-bottom:		4px;	/* gap between postings */
}

.forum-topic-header .summary
{
	width:				75%;
	float:				left;
	text-align:			left;
}

.forum-topic-header .access
{
	width:				25%;
	float:				right;
	text-align:			right;
}

/* Footer */

.forum-topic-footer
{
	margin-top:			0px;
	margin-bottom:		8px;	/* Extra space at bottom */
}

.forum-topic-footer .summary
{
	width:				25%;
	float:				left;
	text-align:			left;
}

.forum-topic-footer .return
{
	width:				50%;
	float:				left;
	text-align:			center;
}

.forum-topic-footer .access
{
	width:				25%;
	float:				right;
	text-align:			right;
}


/* Forum posting */
.forum-topic-entry
{
	position:			relative;
	left:				0px;
/*	margin-top:			-1px;	*/
	background-color:	#FFFFFF;
	border:				1px solid #CCCCCC;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		4px;
	padding-bottom:		4px;

	margin-bottom:		4px;	/* gap between postings */
}


.forum-topic-entry .header
{
	position:			relative;
	left:				0px;
	border-bottom:		1px dotted #AAAAAA;
	height:				36px;
	
	padding-top:		4px;
	padding-bottom:		4px;
}

.forum-topic-entry .header .left
{
/*	width:				50%;	*/
	height:				100%;
	float:				left;
}

.forum-topic-entry .header .right
{
/*	width:				25%;	*/
	margin-top:			8px;		/* vertically-centre the text */
	position:			relative;
	float:				right;
	text-align:			right;
	font-weight:		bold;
}

.forum-topic-entry .sender
{
	font-weight:		bold;
}

.forum-topic-entry .date
{
	color:				#999999;
	font-size:			0.8em;
	float:				left;
}

.forum-topic-entry .message
{
	position:			relative;
	left:				0px;
	
	padding-top:		8px;
}


/*
 Use alternate colours
*/
.forum-topic-entry.alt
{
	background-color:	#EFEFFF;
}


/***********************************************************************
 Forum Topic Reply
 
 Use this div to hide the reply form until the user needs to make it
 visible again.
***********************************************************************/
#forumTopicReply
{
	margin-top:			10px;
	border-top:			1px solid #CCCCCC;
	padding-top:		20px;
	margin-bottom:		10px;
	display:			none;
}






/***********************************************************************
 newTopicFader
 
 This is a translucent "alert" panel that initially appears above the
 new topic entry form. It can be used to warn potential posters that
 there may be more appropriate methods of requesting technical support!
***********************************************************************/
#newTopicFader
{
	margin:				0px;
	margin-left:		200px;
	margin-right:		200px;

	position:			absolute;
	top:				40px;
	padding:			40px;
	padding-top:		20px;	/* so text is vertically-aligned */
	padding-bottom:		20px;
	text-align:			left;

	z-index:			23;

	display:			block;
	color:				#000000;
	font-size:			14px;
	line-height:		25px;
	text-decoration:	none;
	
	border:				1px solid #CCCCAA;
	border-radius:		12px;
	box-shadow:			0px 4px 8px #CACACA;

	background:			#FFFFCC;
	opacity:			0.90;
	filter:				alpha(opacity=90);	/* for IE win, n.b., percentage! */
}



#newTopicFader a
{
	color:				#000033;
	text-decoration:	underline;
}


#newTopicFader #buttons
{
	height:				24px;
	margin-left:		auto;
	margin-right:		auto;
	width:				300px;
}

#newTopicFader #leftButton
{
	width:		50%;
	float:		left;
	text-align:	center;
}

#newTopicFader #rightButton
{
	width:		50%;
	float:		left;
	text-align:	center;
}