/*** Begin Colors ***

#2D4699 - darker blue
#7686B6 - lighter blue

#88B313 - green
#FF8822 - orange

*** End Colors ***/


/**** Begin - General Styles ****/

body
{
	font-family: arial;
	font-size: 15pt;
	background-color: #2D4699;
}

.top_spacer
{
	position: relative;
	margin: 0 auto;
	width: 100px;
	height: 130px;
	background-color: transparent;
}


th
{
	text-align: left !important;
	font-size: 8pt;
}

td
{
	text-align: right;
	font-size: 10pt;
}

td + td
{
	text-align: left;
	font-size: 10pt;
}

.left
{
	text-align: left;
}

.center
{
	text-align: center;
}

.green
{
	color: #88B313;
	font-size: 11pt;
}

.red
{
	font-size: 10pt;
	color: red;
}

/**** End - General Styles ****/


/**** Begin - Login Styles ****/
.login_container
{
	position: relative;
	margin: 0 auto;
	width: 276px;
	height: 160px;
	background-color: #eee;
	border-width: 2px;
	border-style: solid;
	border-color: black;
}

	.login_top
	{
		position: relative;
		width: 270;
		height: 24;
		margin: 3px 3px 3px 3px;
		text-align: center;
		background-color: #d1d1d1;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: black;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: black;
	}

	.login_area
	{
		position: relative;
		width: 270px;
		height: 150px;
		margin: 7px 3px 1px 3px;
		background-color: transparent;
	}

/**** End - Login Styles ****/

/**** Begin - Report Styles ****/
.report_container
{
	position: relative;
	margin: 0 auto;
	padding: 0px 3px 0px 3px;
	width: 690px;
	height: 360px;
	background-color: #FFF;
	border-width: 2px;
	border-style: solid;
	border-color: black;
}

	/*** Begin the Reporting Form Styles ***/
	.report_top
	{
		position: relative;
		width: 100%;
		height: 24;
		margin: 3px 0px 3px 0px;
		text-align: center;
		background-color: #d1d1d1;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: black;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: black;
	}

	.report_area
	{
		position: absolute;
		top: 30px;
		left: 1px;
		width: 44%;
		height: 317px;
		margin: 7px 3px 1px 3px;
		background-color: #EEE;
		border: solid 1px black;
	}
	
		.report_area_logout
		{
			position: absolute;
			bottom: 3px;
			left: 3px;
			background-color: transparent;
			font-size: 9pt;
		}
	
	/*** End Reporting Form Styles ***/
	
	/**** Begin - Graph Styles ****/
	.report_graphArea
	{
		position: absolute;
		top: 60px;
		right: 8px;
		width: 54%;
		height: 300px;
		margin: 0px;
		background-color: transparent;
	}
	
	
	
		/*** Numerical Report Area ***/
		.report_graphArea_graph
		{
			position: absolute;
			top: 0px;
			right: 0px;
			width: 100%;
			height: 270px;
			margin: 0px;
			background-color: #FFF;
			
		}
		
			.report_graphArea_cont
			{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 63px;
				height: 236px;
				margin: 0px;
				background-color: transparent;
			}
			
				.report_graphArea_cont_topNumber
				{
					position: absolute;
					top: 3px;
					right: 0px;
					margin: 0px;
					background-color: transparent;
				}
				
				.report_graphArea_cont_middleNumber
				{
					position: absolute;
					top: 108px;
					right: 0px;
					margin: 0px;
					background-color: transparent;
				}
				
				.report_graphArea_cont_bottomNumber
				{
					position: absolute;
					bottom: 0px;
					right: 0px;
					margin: 0px;
					background-color: transparent;
				}
				
				
			
			/******************/
			/** Graph Bars **/
			/******************/
			/* Baptisms */
			.report_graphArea_barBap
			{
				position: absolute;
				top: 15px;
				right: 233px;
				width: 70px;
				height: 210px;
				margin: 0px;
				background-color: #FAFAFA;
				border: solid 1px black;
			}
			
				.report_graphArea_barBap_filling
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 10%; /* Value over-ridden */
					margin: 0px;
					background-color: #FF8822;
				}
				
				.report_graphArea_barBap_percent
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 60%; /* Value over-ridden */
					margin: 0px;
					color: #88B313;
					text-align: center;
					font-size: 19pt;
					background-color: transparent;
				}
				
				
			/* Initiatories */
			.report_graphArea_barInit
			{
				position: absolute;
				top: 15px;
				right: 158px;
				width: 70px;
				height: 210px;
				margin: 0px;
				background-color: #FAFAFA;
				border: solid 1px black;
			}
			
				.report_graphArea_barInit_filling
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 10%; /* Value over-ridden */
					margin: 0px;
					background-color: #FF8822;
				}
				
				.report_graphArea_barInit_percent
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 60%; /* Value over-ridden */
					margin: 0px;
					color: #88B313;
					text-align: center;
					font-size: 19pt;
					background-color: transparent;
				}
				
				
			/* Endowments */
			.report_graphArea_barEnd
			{
				position: absolute;
				top: 15px;
				right: 83px;
				width: 70px;
				height: 210px;
				margin: 0px;
				background-color: #FAFAFA;
				border: solid 1px black;
			}
			
				.report_graphArea_barEnd_filling
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 10%; /* Value over-ridden */
					margin: 0px;
					background-color: #FF8822;
				}
				
				.report_graphArea_barEnd_percent
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 60%; /* Value over-ridden */
					margin: 0px;
					color: #88B313;
					text-align: center;
					font-size: 19pt;
					background-color: transparent;
				}
				
				
			/* Sealings */
			.report_graphArea_barSeal
			{
				position: absolute;
				top: 15px;
				right: 8px;
				width: 70px;
				height: 210px;
				margin: 0px;
				background-color: #FAFAFA;
				border: solid 1px black;
			}
			
				.report_graphArea_barSeal_filling
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 10%; /* Value over-ridden */
					margin: 0px;
					background-color: #FF8822;
				}
				
				.report_graphArea_barSeal_percent
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					width: inherit;
					height: 60%; /* Value over-ridden */
					margin: 0px;
					color: #88B313;
					text-align: center;
					font-size: 19pt;
					background-color: transparent;
				}
				
			/******************/
			/** Graph Labels **/
			/******************/
			.report_graph_labelBap /* Baptism Label */
			{
				position: absolute;
				top: 230px;
				right: 230px;
				width: 70px;
				height: auto;
				margin: 0px;
				background-color: transparent;
				font-size: 8pt;
				font-weight: bold;
				text-align: center;
				
			}
			
			.report_graph_labelInit /* Initiatory Label */
			{
				position: absolute;
				top: 230px;
				right: 155px;
				width: 70px;
				height: auto;
				margin: 0px;
				background-color: transparent;
				font-size: 8pt;
				font-weight: bold;
				text-align: center;
			}
			
			.report_graph_labelEnd /* Endowment Label */
			{
				position: absolute;
				top: 230px;
				right: 80px;
				width: 70px;
				height: auto;
				margin: 0px;
				background-color: transparent;
				font-size: 8pt;
				font-weight: bold;
				text-align: center;
			}
			
			.report_graph_labelSeal /* Sealing Label */
			{
				position: absolute;
				top: 230px;
				right: 5px;
				width: 70px;
				height: auto;
				margin: 0px;
				background-color: transparent;
				font-size: 8pt;
				font-weight: bold;
				text-align: center;
			}
			
		
		

		
	
	/**** End - Graph Styles ****/

/**** End - Report Styles ****/


/*** Begin Specialty Styles ***/
.completed
{
	color: #88B313;
}

.stats
{
	font-size: 11pt;
	text-align: center;
}

.red
{
	color: red;
	font-size: 8pt;
}

.blue
{
	color: #2D4699;
	font-size: 8pt;
}
/*** Begin Specialty Styles ***/