/*

	FRAMEWORK; Site-Specific Framework Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

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

body
{
}

	a
	{
		color: Blue;
	}

	.RightColumn
	{
		width: 300px;
	}

	.LeftColumn
	{
		width: 580px;
	}
	
	.PadLeft
	{
		margin-left: 15px;
		margin-bottom: 15px;
	}

	.BumpDown
	{
		margin-top: 15px;
	}

	.FeatureCol
	{
		width: 290px;
		margin-left: 10px;
		margin-bottom: 10px;
	}

		.FeatureCol img
		{
			margin-bottom: 15px;
			border: none;
		}
	
	.OuterShell
	{
		position: relative;
		display: block;
		margin: 8px auto 0px auto;
		width: 783px;
	}

		.InnerShell
		{
			display: block;
			padding: 0px 0px 0px 0px;
		}

		.MainBody
		{
			width: 503px;
		}

		.InnerMainBody
		{
			background-color: White;
			padding: 15px 0px 0px 20px;
		}
		






/*

	FOOTER LINK PANEL; Framework Area Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

	.FooterPanel
	{
		text-align: center;
		padding: 0px 0px 0px 0px;
		color: White;
	}

		.FooterPanel a
		{
			font-weight: bold;
			color: White;
			text-decoration: none;
		}

		.FooterPanel a:hover
		{
			color: White;
			text-decoration: underline;
		}

		.FooterPanel span
		{
			padding: 0px 0px 0px 0px;
		}

		.Footer
		{
			position: relative;
			width: 751px;
			background-color: #C01424;
			clear: both;
			display: block;

			color: White;
			font-size: 12px;
			line-height: 16px;
		}

			.Footer .Background
			{
				position: relative;
				top: 18px;
				background-color: #C01424;
			}

			.Footer .Legalese
			{
				font-size: 11px;
				line-height: 14px;
				padding-top: 15px;
				padding-bottom: 15px;
				width: 751px;
				color: White;
				font-weight: bold;
			}

				.Footer .Legalese a
				{
					color: #590103;
					text-decoration: underline;
				}

	.HideMe
	{
		color: #ed1b2f !important;
	}


/*

	GLOBAL STYLES; Framework Area Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

	h1
	{
		font-family: "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
		font-weight: lighter;
		color: #C01424;
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 5px;
		margin-bottom: 0px;
	}
	
	h1 sup
	{
		position: relative;
		vertical-align: text-top;
		top: 3px;
		left: 1px;
		font-size: 12px;
		line-height: 12px;
	}

	p sup, div sup
	{
		position: relative;
		vertical-align: text-top;
		top: 2px;
		left: 1px;
		font-size: 8px;
		line-height: 8px;
	}

		h1.Orange
		{
			color: #ff9100 !important;
			font-size: 20px;		
		}

	h2
	{
		font-family: "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
		font-weight: lighter;
		color: #C01424;
		font-size: 18px;
		line-height: 22px;
		padding-top: 10px;
	}

	h2.First
	{
		padding-top: 0px;
	}

	h3
	{
		font-family: "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
		font-weight: 100;
		color: #C01424;
		font-size: 12px;
		padding-bottom: 0px;
	}

	.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;
	}




/*

	WHITE PANEL; Framework Area Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

	.InnerPageContainer
	{
		background-color: #8d0205;
		width: 873px;
	}

	.InnerPageTop
	{
		width: 873px;
	}
	
	.InnerPageFooter
	{
		width: 873px;
	}
	
	.InnerPageContent
	{
		width: 873px;
		padding: 0px 20px 0px 20px;
	}

		.InnerPageContent p
		{
			margin: 0px !important;
			padding: 0px 0px 15px 0px;
		}

		.InnerPageContent table
		{
			margin: 7px;
		}

		.InnerPageContent .QuestionGroup
		{
			padding-bottom: 5px;
		}

			.WhiteBG
			{
				/* background-color: White; */
				padding: 5px 0px 0px 0px;
				width: 858px;
			}

			.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;
			}

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

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

		.AdminSelect
		{
			width: 250px !important;
		}

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

		.InnerPageContent .FatButton
		{
			padding: 5px;
		}

		.PushDown
		{
			margin-top: 20px;
		}


	select, input
	{
		/* Use an anchor-style cursor to indicate clickability. */

		cursor: pointer !important;
		font-weight: normal !important;
		vertical-align: text-top !important;
	}

	label
	{
		cursor: pointer !important;
		font-weight: normal !important;
		vertical-align: text-top !important;
	}

	input, select, option, textarea
	{
		/* Use default page font and size */

		font-family: "Arial", "Helvetica", sans-serif;
		font-size: 100%;
	}



/*

	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;
		}
	}