/*********************************************************
TABLE ELEMENTS
*********************************************************/


table
{
	width: 				100%;
	margin: 			0 auto 0 auto;
	font-size: 			8pt;
	border-spacing: 	1px;
}



/* 
	The first section of table elements are for tables
	that display data. A section for laying out forms is 
	further down the page.
*/

td
{
}

	td a
	{
		font-size: 			8pt;
		color: 				#5a595a;
		text-decoration: 	underline;
		border-bottom: 		1px dotted #ffffff;
	}
	
	td a:hover
	{
		color: 			 	#7b7d7b;
		text-decoration: 	none;
		border-bottom: 		0;
	}

/* title row styles */

	td.title
	{
		height: 			30px;
		padding: 			3px 3px 3px 3px;
		background-color: 	#5a595a;
		color: 				#AFB1AF;
		font-weight: 		bold;
		text-align: 		center;
	}
	
	td.title_lft
	{
		height: 			30px;
		padding: 			3px 3px 3px 3px;
		background-color: 	#5a595a;
		color: 				#AFB1AF;
		font-weight: 		bold;
		line-height: 		12pt;
		text-align: 		left;
	}
	
	td.title_rgt
	{
		height: 			30px;
		padding: 			3px 3px 3px 3px;
		background-color: 	#5a595a;
		color: 				#AFB1AF;
		font-weight: 		bold;
		line-height: 		12pt;
		text-align: 		right;
	}
	
	/* separates columns by 10 pixels */
	td.buffer
	{
		width: 				10px;
		background-color: 	#5a595a;
	}


	/* data cell styles numbers, text alignment etc... */
	td.num
	{
		width: 				30px;
		padding: 			2px 3px 2px 3px;
		font-weight: 		bold;
		text-align: 		right;
		color: 				#5a595a;
	}
	
	td.function
	{
		width: 				50px;
		padding: 			2px 3px 2px 3px;
		color: 				#5a595a;
		text-align: 		center;
	}
	
		td.function a
		{
			color: #5a595a;
		}
		
		td.function a:hover
		{
			color: #7b7d7b;
		}
	
	
	td.data
	{
		/* note no width so size expands automoatically */
		padding: 			2px 3px 2px 3px;
		color: 				#5a595a;
		text-align: 		left;
	}
	
	td.data_slim
	{
		padding: 			2px 3px 2px 3px;
		width: 				100px;
		color: 				#5a595a;
		text-align: 		left;
	}
	
	td.data_slim_cen
	{
		padding: 			2px 3px 2px 3px;
		width: 				100px;
		color: 				#5a595a;
		text-align: 		center;
	}
	
	td.data_slim_rgt
	{
		padding: 			2px 3px 2px 3px;
		width: 				100px;
		color: 				#5a595a;
		text-align: 		right;
	}
	
	td.data_wide
	{
		padding: 			2px 3px 2px 3px;
		width: 				150px;
		color: 				#5a595a;
		text-align: 		left;
	}
	
	td.data_wide_cen
	{
		padding: 			2px 3px 2px 3px;
		width: 				150px;
		color: 				#5a595a;
		text-align: 		center;
	}
	
	td.data_wide_rgt
	{
		padding: 			2px 3px 2px 3px;
		width: 				150px;
		color: 				#5a595a;
		text-align: 		right;
	}
	




/* alernating row colors */

tr.row_a
{
	background-color: #D8D8D8;
}

tr.row_b
{
	background-color: #E6E6E6;
}


tr.section_div
{
	background-color: 	#949ead;
	height:				20px;
}


/* normally used to break up form pages into symantic sections */
td.section_title
{
	font-family:		trebuchet ms, helvitica, sans-serif;
	font-size:			10pt;
	font-weight: 		bold;
	letter-spacing:		1px;
	color: 				#AFB1AF;
	padding:			18px 0 0 4px;
	border-bottom:		1px dotted #bbb8b8;

}

td.section_subtitle
{
	color: 				#dcdcdc;
	font-family:		verdana, helvitica, sans-serif;
	font-size:			9pt;
	font-weight: 		bold;
	padding:			10px 0 4px 10px;
	border-bottom: 		1px dashed #959595; 

}




/*
	Used for laying	out forms.
*/

td.form_title
{
	height: 			20px;
	color: 				#868686;
	font-size:			14pt;
	font-weight: 		bold;
	text-align: 		left;
}


td.lft
{
	text-align: 	right;
	width: 			45%;
	vertical-align: middle;
	background-color: #dcdcdc;
}

td.lft_top
{
	text-align: 	right;
	width: 			45%;
	vertical-align: top;
	background-color: #dcdcdc;
}

td.rgt
{
	text-align: 	left;
	vertical-align: middle;
	background-color: #dcdcdc;
}

td.rgt_top
{
	text-align: 	left;
	vertical-align: top;
	background-color: #dcdcdc;
}
	
	td.lft, td.lft_top, td.rgt a
	{
		font-weight: 	bold;
		font-size:		10pt;
		color:			#353535;
	}
	
	td.lft, td.lft_top, td.rgt a:hover
	{
		color: #868686;
	}


td.vspace
{
	height: 		25px;
	text-align: 	left;
	font-size: 		7.5pt;
	color:			#5a595a;
	vertical-align: top;
}


td.display_order
{
	text-align: center;
	width:		1px;
}






/********
navigation table
********/
table.navi
{
	width: 				200px;
	border-collapse: 	collapse;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	color:				#ffffff;
}

	table.navi a
	{
		color:	#ffffff;
	}
	
td.navi_t1
{
	height:			18px;
	width:			6px;
	border-top:		1px solid black;
	border-bottom:	1px solid black;
	padding:		0 0 0 0;
	color:				#ffffff;
}

td.navi_t2
{
	height:		18px;
	width:		6px;
	border:		1px solid black;
	color:				#ffffff;
}

td.curr
{
	background-color:		#297845;
	border:					1px solid black;
	padding:				0 0 0 0;
	color:				#ffffff;
}

td.not
{
	background-color:		#851c1c;
	border:					1px solid black;
	padding:				0 0 0 0;
	color:				#ffffff;
}

td.nav_spacer
{
	background-color:	#353535;
	filter:				alpha(opacity=50);
	-moz-opacity:		0.50;
	opacity: 			0.50;
	border-top:			1px solid black;
	border-bottom:		1px solid black;	
}

td.navi_button
{
	width:				176px;
	height:				18px;
	background-color:	#353535;
	filter:				alpha(opacity=50);
	-moz-opacity:		0.50;
	opacity: 			0.50;
	border-top:			1px solid black;
	border-bottom:		1px solid black;
	padding-left:		4px;
}


td.loginstatus
{
	text-indent:		13px;
	background-color:	#353535;
	filter:				alpha(opacity=75);
	-moz-opacity:		0.75;
	opacity: 			0.75;
}


.login
{
	font-weight: normal;
}





/********************************************************************/
/* FORM ELEMENTS */
/********************************************************************/


input
{
	font-family: 	verdana, helvitica, sans-serif;
	font-size: 		8pt;
}

input[type=text], input[type=password], input[type=file], select, textarea
{
	color: 				#000000;
	background-color: 	#C4C4C4;
	border: 			1px solid #000000;
	text-indent: 		2px;
}

	input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus 
	{
		background-color: #bebebe;;
	}
	
	input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, select:hover, textarea:hover 
	{
		background-color: #bebebe;;
	}

input.num
{
	text-align: 		center;
	color: 				#000000;
	background-color: 	#c4c4c4;;
	border: 			1px solid #000000;
	text-indent: 		0;
}
	input.number:focus
	{
		background-color: #bebebe;;
	}
	
	input.number:hover
	{
		background-color: #bebebe;;
	}


input[type=text].readonly
{
	color: 				#4f6d77;
	background-color: 	#b2b2b2;
	border: 			1px dotted #000000;
	text-indent: 		2px;
}

select.display_order 
{
	font-size:			8pt;
	background-color: 	#949ead;
	margin:				0 0 0 0;
}

label
{
	font-family: 	verdana, helvitica, sans-serif;
	font-size: 		8pt;
	font-weight: 	bold;
	color: #666868;
}

	label.formnoerror
	{
		color: #666868;
	}
	
	label.formerror
	{
		color: #9f4546;
	}
	
	label.checkbox
	{
		font-size:		8pt;
		font-weight: normal;
		color: #000000;
	}