<STYLE Type="text/css">

/*************************************************************************
*
*  forumdemo.css
*
*	Copyright ©2003 Cormac Technologies Inc.
*
*  $Id: forumdemo.css,v 1.2 2003/05/06 19:32:45 essexc Exp $
*
*************************************************************************/


{
	color: #000000;
	font-family:Verdana,Arial,Helevtica,sans-serif;
}


/*************************************************************************
*
*	   Nav Bar
*
*************************************************************************/

.nav_bar {
	color: #000000;
	font-family:Verdana,Arial,Helevtica,sans-serif;
   text-decoration: none;
   font-size: 12px;
   text-align: center;
}
.nav_bar A { color: #003333; text-decoration: none; font-size: 12px; }
.nav_bar A:HOVER { color: #ff0000; }
.nav_bar .current_page_link { font-size: 14px; padding: 10px; color: #ff0000; font-weight: bold; }

/* << Prev and Next >> links */
.nav_bar .next_links { font-size: 10px; }
.nav_bar .next_links A { font-size: 10px; }

/* Page x of N */
.nav_bar .page_number { color: #000000; text-align: center; margin-bottom: 10px; }

/* Comment out next 3 to remove the BACK link */
.nav_bar .back_image { float: left; width: 110px; height: 30px; }
.nav_bar .back_image a {
	background: url(images/btn_leave.gif);
	background-repeat: no-repeat;
}
.nav_bar .back_image a:hover {
	background: url(images/btn_leave_on.gif);
	background-repeat: no-repeat;
}


/* Comment out next 4 to remove the ERASE link */
.nav_bar .erase_image_blank { float: right; width: 110px; height: 30px; }
.nav_bar .erase_image { float: right; width: 110px; height: 30px; }
.nav_bar .erase_image a {
	background: url(images/btn_erase.gif);
	background-repeat: no-repeat;
}
.nav_bar .erase_image a:hover {
	background: url(images/btn_erase_on.gif);
	background-repeat: no-repeat;
}




/*************************************************************************
*
*	   Messages
*
* Structure:
* 		- messages -
*
*			- even_row -
*				- subject_line -
*				- date_line -
*				- relate_line -
*				- name_line -
*				- msg_body -
*
*			- odd_row -
*				- subject_line -
*				- date_line -
*				- relate_line -
*				- name_line -
*				- msg_body -
*
*
*************************************************************************/

.messages {
	color: #000000;
	font-family:Verdana,Arial,Helevtica,sans-serif;
   text-decoration: none;
   font-size: 12px;
   text-align: left;
   margin-left: 20px;		/* LEFT INDENT */
   margin-right: 20px;		/* RIGHT INDENT */
   /* background: #efefef; */
}

.messages .even_row 		{ padding-bottom: 20px; }
.messages .odd_row 		{ padding-bottom: 20px; }

.messages .date_line 		{ font-size: 10px; padding-left: 10px; }
.messages .relate_line 		{ font-size: 10px; float: right; margin-right: 3px; padding-left: 10px; }
.messages .name_line			{ font-size: 12px; padding-left: 10px; }
.messages .name_line_name 	{ color: #0000ff; }
.messages .name_line	A		{ color: #0000ff; text-decoration: underline; }
.messages .name_line	A:HOVER { color: #ff0000; }
.messages .subject_line		{ color: #efefef; font-weight: bold; font-size: 15px; padding-left: 10px; }
.messages .msg_body 			{ padding: 20px; }

.messages .even_row .date_line 		{ color: #000000; background: #fafafa; }
.messages .even_row .relate_line 	{ color: #000000; background: #fafafa; }
.messages .even_row .name_line 		{ color: #000000; background: #fafafa; }
.messages .even_row .subject_line 	{ color: #ff0000; background: #fafafa; }
.messages .even_row .msg_body 		{ color: #000000; background: #fafafa; }

.messages .odd_row .date_line 		{ color: #000000; background: #efefef; }
.messages .odd_row .relate_line 		{ color: #000000; background: #efefef; }
.messages .odd_row .name_line 		{ color: #000000; background: #efefef; }
.messages .odd_row .subject_line 	{ color: #ff0000; background: #efefef; }
.messages .odd_row .msg_body 			{ color: #000000; background: #efefef; }



/*************************************************************************
*
*	   INPUT FORM
*
* Structure:
*
*	+ forminput
*		+ fields
*			- name_field
*			- email_field
*			- subject_field
*
*
*************************************************************************/

.forminput {
	font-family:Verdana,Arial,Helevtica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 20px;
	margin: 20px;
	width: 100%;
	background: #EFEFEF;
}

.fields 					{ }
.fields input 			{ font-family:Verdana,Arial,Helevtica,sans-serif;
							  margin-top: 0px; background: #ffffff; color: #000000;
							  border-style: solid; border-width: 1px; border-color: #cccccc }
.fields textarea		{ font-family:Verdana,Arial,Helevtica,sans-serif;
							  margin-top: 0px; background: #ffffff; color: #000000;
							  border-style: solid; border-width: 1px; border-color: #cccccc }

.error_msg				{ color: #ff0000; font-weight: bold; }
.name_field 			{ width: 49%; float: left; text-align: left; }
.name_field input		{ margin-left: 12px; text-align: left; width: 75%; }
.email_field			{ color: #555555; font-style: italic; width: 49%; float: right; }
.email_field input	{ text-align: left; width: 78%; }
.subject_field 		{ color: #555555; font-style: italic; text-align: left; clear: both; width: 100% }
.subject_field input	{ width: 86%; }
.related_field			{ color: #555555; font-style: italic; }
.related_field	input	{ width: 4em; text-align: center;}
.message_field 		{ text-align: left; margin-top: 10px; clear: both; }
.message_field textarea	{ text-align: left; width: 100%; height: 5em; }


.forminput .buttons			{ text-align: center; width: 100%; margin-top: 10px;}
.forminput .submit_image	{ width: 130px; height: 30px; }
.forminput .submit_image a	{
	background: url(images/btn_post.gif);
	background-repeat: no-repeat;
}
.forminput .submit_image a:hover {
	background: url(images/btn_post_on.gif);
	background-repeat: no-repeat;
}



</STYLE>

