/*

	MENU PLANNER STYLES; menu planner and inner white panel styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.29.2008

*/

	.WhitePanelContent
	{
		float: left;
		width: 638px;
		position: relative;
		padding: 10px 15px 0px 15px;
		background-image: url('../images/frame-inner-bg.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		background-color: transparent;
	}

		.WhitePanelContent input[type='text'], .WhitePanelContent input[type='password'], .WhitePanelContent select
		{
			margin-top: 2px;
			margin-bottom: 0px;
		}

		.WhitePanelContent h1
		{
			font-size: 20px;
			color: #870015;
		}

		.WhitePanelContent h2
		{
			font-size: 17px;
			color: #313131;
		}

			.WhitePanelContent h2 strong
			{
				color: #882120;
			}

		.WhitePanelContent label
		{
			display: block;
			padding-bottom: 3px;
			font-weight:bold;
		}

		.WhitePanelContent .Examples
		{
			display: block;
			font-size: 90%;
			padding-bottom: 3px;
		}








/*

	SIGN-IN STYLES; inline sign-in panel styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.16.2008

*/

	.SignInPanel
	{
		position: relative;
		width: 231px;
	}
	
	.SignInPanelBody
	{
		background-color: #f4debc;
		padding: 10px 15px 0px 15px;
		font-size: 13px;
	}

		.SignInPanelBody h2
		{
			font-size: 15px;
		}

		.SignInPanelBody label
		{
			display: block;
			padding-bottom: 3px;
		}

		.SignInPanelBody p
		{
			padding-bottom: 10px; 
			line-height: 16px;
		}

		.SignInPanelBody input[type='text'], .SignInPanelBody input[type='password']
		{
			display: block;
			margin: 0px;
		}








/*

	MENU PLANNER STEPS STYLES; meal planner steps buttons panel styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.19.2008

*/

	.PlannerSteps
	{
		position: relative;
		margin: 0px 1px 0px 1px;
		width: 666px;
		height: 37px;
		background-image: url('../Images/planner-steps-bg-tile.gif');
		background-repeat: repeat-x;
		color: #882120;
		line-height: 25px;
		overflow: hidden;
		font-size: 14px;
	}

		.PlannerSteps a
		{
			color: #882120;
		}

		.Step1Width
		{
			width: 110px;
			height: 37px;
			text-align: center;
		}

		.Step2Width
		{
			width: 120px;
			height: 37px;
			text-align: center;
		}

		.Step3Width
		{
			width: 100px;
			height: 37px;
			text-align: center;
		}

		.Step4Width
		{
			width: 92px;
			height: 37px;
			text-align: center;
		}

		.Step5Width
		{
			width: 100px;
			height: 37px;
			text-align: center;
		}

		.Step6Width
		{
			width: 80px;
			height: 37px;
			text-align: center;
		}

		.PlannerSteps img
		{
			float: left;
			width: 9px;
			height: 37px;
		}

		.PlannerSteps .Tab
		{
			float: left;
		}

		.PlannerSteps .Selected
		{
			background-image: url('../Images/planner-steps-selected-tile.gif');
			background-repeat: repeat-x;
			color: White;
			line-height: 30px;
		}

		.PlannerSteps .Selected a
		{
			color: White;
		}

		.RecipeWidthTweak
		{
			padding-left: 9px;
			padding-right: 9px;
		}
		
		.PadRightButton
		{
			margin-right: 5px;
		}








/*

	MENU PLANNER NAV BUTTON STYLES; meal planner next and previous button styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.19.2008

*/

	.PagingBar
	{
		clear: both;
		width: 641px;
		height: 24px;
		overflow: hidden;
	}

	.PagingBar2
	{
		clear: both;
		width: 641px;
		height: 34px;
		overflow: hidden;
		padding-top: 10px;
	}

	.PagingSpaceInside
	{
		width: 177px;
		padding: 0px 55px 0px 55px;
	}








/*

	RECIPE STYLES; meal planner recipe styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.19.2008

*/

	.Recipes
	{
		font-size: 12px;
		line-height: 15px;
	}
	
		.Recipes h2
		{
			font-size: 17px;
			line-height: 17px;
			margin: 0px;
			padding: 0px 0px 5px 0px;
		}

		.Recipes p
		{
			margin: 0px;
			padding: 0px 0px 5px 0px;
		}

	.FoodChooser
	{
		width: 400px;
	}








/*

	MENU TIME TRACKER STYLES; time tracking panel styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.21.2008

*/

	.TimeTrackPanel
	{
		width: 218px;
		padding-bottom: 10px;
	}

	.TimeTrack
	{
		background-image: url('../images/planner-times-bg-tile.gif');
		background-repeat: repeat-y;
		width: 218px;
	}

	.TimeTrackContent
	{
		background-image: url('../images/planner-times-top.gif');
		background-repeat: no-repeat;
		width: 218px;
		padding: 4px 0px 0px 0px;
	}

	.TimeTrackInner
	{
		padding: 0px 1px 0px 1px;
		font-size: 11px;
		line-height: 13px;
	}

		.TimeTrackInner h2
		{
			padding: 3px 15px 5px 15px;
			text-align: center;
			font-size: 18px;
			line-height: 20px;
		}
		
		.TimeTrackInner .Headers
		{
			border-bottom: solid 1px #c59d5f;
			padding: 0px 10px 6px 15px;
			margin: 0px 0px 10px 0px;
			font-weight: bold;
			font-size: 12px;
			color: Maroon;
		}
		
			.TimeTrackInner .Headers .Left
			{
				width: 110px;
			}		

			.TimeTrackInner .LeftColumn
			{
				padding: 0px 10px 0px 15px;
				width: 90px;
				border-right: solid 1px #c59d5f;
			}

				.TimeTrackInner .FoodHead
				{
					font-weight: bold;
					color: Maroon;
				}
				
				.TimeTrackInner .Highlight
				{
					background-color: #f7e7cd;
				}

				.TimeTrackInner .Highlight2
				{
					padding-top: 5px;
					background-color: #f7e7cd;
				}

			.TimeTrackInner .RightColumn
			{
				width: 88px;
				padding: 0px 5px 0px 7px;
			}

			.TimeTrackInner .Summary
			{
				border-right: none;
				border-top: solid 1px #c59d5f;
				padding-top: 10px;
				padding-bottom: 10px;
			}

			.TimeTrackInner .PadBottom
			{
				padding-bottom: 5px;
			}

			.TimeTrackInner .PadTopHead
			{
				height: 10px;
			}

	.TimeTrackTotal
	{
		margin-top: 10px;
		background-image: url('../images/planner-times-total-bg-tile.gif');
		background-repeat: repeat-y;
		width: 218px;
	}

	.TimeTrackTotalContent
	{
		background-image: url('../images/planner-times-total-top.gif');
		background-repeat: no-repeat;
		width: 198px;
		padding: 6px 10px 0px 10px;
		text-align: center;
		color: Maroon;
	}

		.TimeTrackTotalContent span
		{
			color: Black;
		}








/*

	DONE STYLES; final page styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.22.2008

*/
	.ColWidth
	{
		width: 175px;
		line-height: 16px;
	}

		.ColWidth h2
		{
			padding: 10px 0px 10px 0px;
			margin: 0px;
		}
		
		.ColWidth2
		{
			border-top: solid 1px #c59d5f;
			width: 400px;
			padding-top: 15px;
			margin-top: 15px;
		}
		
	.ColPadding
	{
		padding: 0px 25px 0px 25px;
	}
	
	.TimePanel
	{
		background-image: url('../Images/planner-done-time-panel.jpg');
		background-repeat: no-repeat;
		padding: 41px 0px 0px 13px;
		width: 182px;
		line-height: 16px;
		height: 156px;
		color: Black;
	}

		.TimePanel p
		{
			padding: 0px 0px 7px 0px;
		}










/*

	UTILITY STYLES; general purpose styles
	-----------------------------------------------------------------------------------------------
	Last Updated: 10.19.2008

*/

	.PadTop
	{
		padding-top: 10px;
	}

	.PadTop2
	{
		padding-top: 20px !important;
	}

	.PadLeft
	{
		padding-left: 10px;
	}

	.PadLeft2
	{
		padding-left: 15px;
	}

	.PadRight
	{
		padding-right: 10px;
	}

	.PadBottom
	{
		padding-bottom: 15px;
	}

	.PadBottom2
	{
		padding-bottom: 10px;
	}