/*

	FRAMEWORK; Site-Specific Framework Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	08/25/2009

*/

@media print
{
	.HideForPrint
	{
		background-image: none !important;
		background-color: White !important;
		display: none !important;
		padding: 0px !important;
		margin: 0px !important;
	}
}

	body
	{
		font-family: "Arial", "Helvetica", Sans-Serif;
		font-size: 12px;
		color: #454545;
		background-color: #D42922;
	}

		a
		{
			color: #00afdf;
			text-decoration: none;
		}
		
		a:hover
		{
			text-decoration: underline;
		}

		.OuterLayer
		{
			position: relative;
			margin: 8px auto 8px auto;
			width: 781px;
		}

			.OuterLayer .Logo
			{
				position: absolute;
				width: 230px;
				height: 141px;
				left: 2px;
				top: 0px;
				font-size: 0px;
				line-height: 0px;
				z-index: 0;
			}

			.OuterLayer .FlashContent
			{
				position: absolute;
				width: 545px;
				height: 141px;
				left: 236px;
				top: 0px;
				font-size: 0px;
				line-height: 0px;
			}

			.OuterLayer .RightOrnaments
			{
				position: absolute;
				width: 126px;
				height: 245px;
				left: 651px;
				top: 141px;
				text-align: right;
				font-size: 0px;
				line-height: 0px;
				z-index: 0;
			}

			.Wrapper
			{
				position: relative;
				margin: 0px 0px 0px 4px;
				background-image: url('/images/framework-tile.gif');
				background-repeat: repeat-y;
			}

				.InnerLayer
				{
					position: relative;
					background-repeat: no-repeat;
					padding: 0px 15px 0px 20px;
					font-size: 13px;
					line-height: 19px;
				}
				
					.ContentArea
					{
						position: relative;
					}

					.ContentArea h1
					{
						font-size: 18px;
						font-weight: bold;
						color: Red;
						line-height: 22px;
						padding: 10px 0px 5px 0px !important;
						margin: 0px !important;
					}

					.ContentArea h2
					{
						font-size: 16px;
						font-weight: bold;
						color: Red;
						line-height: 20px;
						padding: 10px 0px 5px 0px;
					}


		/*
			BOTTOM AREA - FOOTER
			-------------------------------------------------------------------------
		*/

		.BottomLayer
		{
			position: relative;
			display: block;
			background-image: url('/images/i_footer_bak.jpg');
			background-position: 1px 0px;
			background-repeat: no-repeat;
			background-color: #D42922;
			height: 49px;
			padding: 5px 72px 15px 85px;
		}

		.BottomLayer .Footer
		{
			color: White;
			font-size: 11px;
			text-align: center;
		}

			.BottomLayer .Footer p
			{
				padding: 0px 0px 30px 0px;
				margin: 0px 0px 0px 0px;
			}

			.BottomLayer .Footer a
			{
				color: White;
				text-decoration: none;
			}

			.BottomLayer .Footer a:hover
			{
				text-decoration: underline;
			}






/*

	GLOBAL STYLES; Framework Area Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	08/25/2009

*/


	.Error
	{
		color: Red;
		font-weight: bold;
	}

	.ErrorMessage
	{
		font-size: 11px;
		color: Red;
		font-weight: bold;
	}

	.ErrorMessage2
	{
		display: block;
		padding: 15px 0px 15px 0px;
		color: Red;
	}

	.ErrorBox
	{
		display: block;
		padding: 7px 15px 7px 15px;
		margin-bottom: 15px;
		background-color: #AB0000;
		color: White;
		font-weight: bold;
		text-align: center;
	}

	.Success
	{
		color: Green;
		font-weight: bold;
	}

	.SuccessMessage
	{
		display: block;
		padding: 5px 0px 5px 0px;
		color: Green;
		text-transform: uppercase;
	}

	.Dimmed
	{
		filter:alpha(opacity=35) !important;
		-moz-opacity: 0.35 !important;
		opacity: 0.35 !important;
	}

	.ContentArea .QuestionGroup
	{
		padding-bottom: 15px;
	}

		.WhiteBG
		{
			background-color: White;
			padding: 0px 0px 0px 0px;
			width: 580px;
		}

		.TopBlueBar
		{
			background-color: #0E579B;
		}

		.Separator
		{
			border-top: solid 3px #C01424;
			padding-top: 10px;
			margin-top: 25px;
		}

		.TeaserArea
		{
			border-top: solid 1px #CDCDCD;
			padding-top: 10px;
			margin-top: 10px;
			width: 468px;
		}

		.TeaserSeparator
		{
			border-top: solid 1px #ABABAB;
			padding-top: 10px;
			margin-top: 10px;
		}

		.LoadButton
		{
			margin-top: 4px;
		}

		.QuestionGroup input[type='radio']
		{
			margin: 0px 5px 0px 0px;
		}

		.QuestionGroup label
		{
			margin-right: 15px;
		}

		.QuestionGroup span
		{
			font-size: 85%;
		}

		.BlueBG
		{
			background-color: #BBCDFF;
		}

		.YellowBG
		{
			background-color: #FFEFCD !important;
		}

	.ContentArea textarea
	{
		margin-top: 5px !important;
		padding: 2px !important;
	}

	.ContentArea input[type='text'], .ContentArea input[type='password'], .ContentArea select
	{
		margin-top: 5px !important;
		padding: 2px !important;
		width: 150px;
	}

	.AdminSelect
	{
		width: 250px !important;
	}

	.ContentArea .FormRow
	{
		clear: left;
		padding-top: 10px;
	}

	.ContentArea .FatButton
	{
		padding: 5px;
	}

	.PushDown
	{
		margin-top: 20px;
	}

	.ContentArea p
	{
		padding: 5px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
	}



/*

	COMMON UTILITY CLASSES; common, frequently used classes
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.12.2008

*/

	.Clear
	{
		/*
			Use this class within floated blocks to allow the contents of the container
			to control the height of the container itself.

			<div class="FloatedContainer">

				<p>Lots of contents.</p>
				<div class="Clear"></div>

			</div>

		*/
		
		position: relative !important;
		display: block !important;
		overflow: hidden !important;
		clear: both !important;
		height: 1px !important;
		margin: 0px !important;
		padding: 0px !important;
	}

	.Left
	{
		/* Float object left */

		float: left;
	}

	.Right
	{
		/* Float object right */

		float: right;
	}
	
	.BlockShrink
	{
		/* Force a block element to shrink its width based on its content, like a table */
		
		display: table !important;
	}

	.BlockCenter
	{
		/* Center a block element on the page or in its container. */

		margin: 0 auto;
	}

	.NoWrap
	{
		/* Use in spans or other objects to prevent their contents from wrapping */

		white-space: nowrap !important;
	}

	.Red
	{
		/* Override default color with red. */

		color: Red !important;
	}

	.Green
	{
		/* Override default color with green. */

		color: Green !important;
	}

	.Blue
	{
		/* Override default color with blue. */

		color: Blue !important;
	}

	.Yellow
	{
		/* Override default color with yellow. */

		color: Yellow !important;
	}

	.Orange
	{
		/* Override default color with orange. */

		color: Orange !important;
	}

	.Black
	{
		/* Override default color with black. */

		color: Black !important;
	}

	.Gray
	{
		/* Override default color with gray. */

		color: Gray !important;
	}

	.White
	{
		/* Override default color with white. */

		color: White !important;
	}

	.Bold
	{
		font-weight: bold;
	}

	.Normal
	{
		font-weight: normal;
	}

	.Italic
	{
		font-style: italic;
	}

	.Underline
	{
		text-decoration: underline;
	}

	.NoUnderline
	{
		text-decoration: none;
	}

	.Uppercase
	{
		text-transform: uppercase;
	}

	.Lowercase
	{
		text-transform: lowercase;
	}

	.Capitalize
	{
		text-transform: capitalize;
	}

	.TextRight
	{
		text-align: right;
	}

	.TextLeft
	{
		text-align: left;
	}

	.TextCenter
	{
		text-align: center;
	}

	.TextJustify
	{
		text-align: justify;
	}

	.Hidden
	{
		/* Hide a block element. */
		
		display: none;
		visibility: hidden;
	}

	.Visible
	{
		/* Show a block element. */

		display: block;
		visibility: visible;
	}

	.DisplayBlock
	{
		/* Display as block element. */

		display: block;
	}

	.DisplayInline
	{
		/* Display as inline element. */
		
		display: inline;
	}




/*

	PRINT CLASSES; Utility classes for printing control
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.12.2008

*/

	@media print
	{
		.HideForPrint
		{
			/* Apply this style to object that you do NOT want to print */

			background-image: none !important;
			background-color: White !important;
			display: none !important;
			visibility: hidden !important;
			padding: 0px !important;
			margin: 0px !important;
		}

		.PageBreakAfter
		{
			/* Apply this style to a layer which should always force a new page below itself. */

			page-break-after: always;
		}

		.PageBreakBefore
		{
			/* Apply this style to a layer which should always start on a new page. */

			page-break-before: always;
		}
	}

	@media screen
	{
		.HideForScreen
		{
			/* Apply this style to object that you do NOT want to print */

			background-image: none !important;
			background-color: White !important;
			display: none !important;
			visibility: hidden !important;
			padding: 0px !important;
			margin: 0px !important;
		}
	}