/****************************
		General
****************************/

body
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: verdana;
	color: #000000;
	background: url(./images/background.jpg) repeat top;
	background-color: #fff88f;
}



form
{
	display: inline;
}


/****************************
		Text
****************************/
.Text					{ font-family: verdana; font-weight: none; font-size: 11px; color: #555555; line-height: 15px;}
a.Text					{ text-decoration: none; color : #df7640; }
a.Text:hover			{ text-decoration: underline; }

.ExtraLargeText					{ font-family: verdana; font-weight: none; font-size: 16px; color: #555555; line-height: 19px;}
a.ExtraLargeText					{ text-decoration: none; color : #555555; }
a.ExtraLargeText:hover			{ text-decoration: underline; }

.TitleText					{ font-family: verdana; font-weight: none; font-size: 28px; color: #333333; line-height: 30px;}
a.TitleText					{ text-decoration: none; color : #df7640; }
a.TitleText:hover			{ text-decoration: underline; }

.SubTitleText					{ font-family: verdana; font-weight: none; font-size: 22px; color: #333333; line-height: 24px;}
a.SubTitleText					{ text-decoration: none; color : #df7640; }
a.SubTitleText:hover			{ text-decoration: underline; }

.RecipeTitleText					{ font-family: verdana; font-weight: bold; font-size: 13px; color: #4d992b; line-height: 15px;}
a.RecipeTitleText					{ text-decoration: none; color : #4d992b; }
a.RecipeTitleText:hover			{ text-decoration: underline; }

.LargeRecipeTitleText					{ font-family: verdana; font-weight: bold; font-size: 18px; color: #4d992b; line-height: 21px;}
a.LargeRecipeTitleText					{ text-decoration: none; color : #4d992b; }
a.LargeRecipeTitleText:hover			{ text-decoration: underline; }

.HomeTitleText					{ font-family: verdana; font-weight: bold; font-size: 18px; color: #e76363; line-height: 21px;}
a.HomeTitleText					{ text-decoration: none; color : #e76363; }
a.HomeTitleText:hover			{ text-decoration: underline; }

.WhiteText					{ font-family: verdana; font-weight: none; font-size: 12px; color: #ffffff; line-height: 14px;}
a.WhiteText					{ text-decoration: none; color : #df7640; }
a.WhiteText:hover			{ text-decoration: underline; }

.ErrorText					{ font-family: verdana; font-weight: none; font-size: 12px; color: #ff0000; line-height: 14px;}
a.ErrorText					{ text-decoration: none; color : #ff0000; }
a.ErrorText:hover			{ text-decoration: underline; }

.SideBoxText					{ font-family: verdana; font-weight: none; font-size: 11px; color: #ffffff; line-height: 14px;}
a.SideBoxText					{ text-decoration: none; color : #ffeb78; }
a.SideBoxText:hover				{ text-decoration: underline; }

.SideBoxTitleText				{ font-family: verdana; font-weight: bold; font-size: 14px; color: #ffffff; line-height: 17px;}
a.SideBoxTitleText				{ text-decoration: none; color : #ffeb78 /*#c5eeb2*/; }
a.SideBoxTitleText:hover		{ text-decoration: underline; }

.SideBox_Admin_Text				{ font-family: verdana; font-weight: none; font-size: 11px; color: #ffffff; line-height: 16px;}
a.SideBox_Admin_Text			{ text-decoration: none; color : #ff0000; }
a.SideBox_Admin_Text:hover		{ text-decoration: underline; }

.MediumTitleText				{ font-family: verdana; font-weight: none; font-size: 16px; color: #333333; line-height: 20px;}
a.MediumTitleText				{ text-decoration: none; color : #df7640; }
a.MediumTitleText:hover			{ text-decoration: underline; }

.RecipeText						{ font-family: verdana; font-weight: none; font-size: 11px; color: #4d992b; line-height: 13px;}
a.RecipeText					{ text-decoration: none; color : #4d992b; }
a.RecipeText:hover				{ text-decoration: underline; }

.MyAccountText						{ font-family: verdana; font-weight: none; font-size: 11px; color: #158fbb; line-height: 13px;}
a.MyAccountText					{ text-decoration: none; color : #158fbb; }
a.MyAccountText:hover				{ text-decoration: underline; }

.JoinNowTitleText                    { font-family: verdana; font-weight: none; font-size: 22px; color: #ff0000; line-height: 24px;}
a.JoinNowTitleText                    { text-decoration: none; color : #ff0000; }
a.JoinNowTitleText:hover            { text-decoration: underline; }

.JoinNowText                    { font-family: verdana; font-weight: none; font-size: 11px; color: #ff0000; line-height: 13px;}
a.JoinNowText                    { text-decoration: none; color : #ff0000; }
a.JoinNowText:hover            { text-decoration: underline; }

.NeutralTextColor	{color: #555555;}
.RecipeTextColor	{color: #4d992b;}
.HomeTextColor		{color: #e76363;}
.ErrorTextColor		{color: #ff0000;}
.MyAccountTextColor	{color: #158fbb;}


.Footer_Text			{ font-family: verdana; font-weight: none; font-size: 12px; color: #444444; line-height: 16px;}
a.Footer_Text			{ text-decoration: none; color : #444444; }
a.Footer_Text:hover		{ text-decoration: underline; color : #003776; }

.TextStrong	{font-weight: bold;}


/****************************
		Containers
****************************/

#Wrap	
{
 	position: relative;
	width: 862px;
	margin: 20px auto 0px auto;
}


.ContainerSmall
{
	position: relative;
	float: left;
	width: 185px;
	text-align: center;
	margin: 10px auto 0px auto;
}

.ContainerMedium
{
	position: relative;
	float: right;
	width: 668px;
	text-align: center;
	margin: 10px auto 0px auto;
	/*background-color: #00ff00;*/
}

.ContainerMain
{
	position: relative;
	width: 862px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(./images/join_banner_background.jpg) repeat-y top;

}

.ContainerMainBottom
{
	position: relative;
	width: 862px;
	height: 11px;
	font-size: 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	background: url(./images/containermain_bottom.gif) no-repeat top;
}


.ContainerContentTop
{
 	position: relative;
 	height: 10px;
	width: 761px;
	font-size: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(./images/container_top.jpg) no-repeat top;
}

.ContainerContentBottom
{
 	position: relative;
 	height: 10px;
	width: 761px;
	font-size: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(./images/container_bottom.jpg) no-repeat top;
}

.ContainerContent
{
	position: relative;
	width: 761px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #ffffff;	
}

.ContainerContent_Content
{
	position: relative;
	margin: 0px auto 0px auto;
	text-align: left;
}

.ContainerContent_Text
{
 	position: relative;
	margin: 0px auto 0px auto;
	width: 741px;
	text-align: left;
}

.ContainerContent_Banner
{
	position: relative;
	float: right;
	width: 358px;
	height: 278px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.ContainerContent_BannerLeft
{
	position: relative;
	float: left;
	width: 279px;
	height: 300px;
	margin: 0px auto 0px auto;
	text-align: left;

}


.ContainerContent_RightContent
{
	position: relative;
/*	width: 400px;*/
	margin: 0px auto 0px auto;
	text-align: left;
}

.ContainerJoin
{
	position: relative;
	width: 500px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.ContainerJoin_Box
{
	position: relative;
	float: left;
	width: 250px;
	margin: 0px auto 0px auto;
	text-align: left;
}

/****************************
		Header
****************************/
.Header
{
	position: relative;
	width: 862px;
	height: 56px;
	text-align: left;
	font-size: 0px;
	margin: 40px auto 0px auto;
	background: url(./images/header_top_right.gif) no-repeat right;
}



/****************************
		Navigation Bar
****************************/
.NavigationBar
{
	position: relative;
	width: 862px;
	height: 84px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.NavigationBar_Left
{
	position: relative;
	float: left;
	width: 10px;
	height: 81px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/navbar_left.gif) no-repeat top;
}

.NavigationBar_Middle
{
	position: relative;
	float: left;
	width: 842px;
	height: 81px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/navbar_background.jpg) repeat-x top;	
}

.NavigationBar_Right
{
	position: relative;
	float: left;
	width: 10px;
	height: 81px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/navbar_right.gif) no-repeat top;	
}

.NavigationBar_Bottom
{
	position: relative;
	float: left;
	width: 860px;
	height: 2px;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/navbar_bottom.gif) no-repeat top;		
	font-size: 0px;
	line-height: 0px;
}


/****************************
		Medium Box
****************************/
.MediumBox
{
	position: relative;
	width: 668px;
	margin: 0px auto 0px auto;
	background: url(./images/medium_box_middle.jpg) repeat-y top;
}

.MediumBox_Top
{
 	position: relative;
 	width: 668px;
 	height: 7px;
	margin: 0px auto 0px auto;
	background: url(./images/medium_box_top.gif) no-repeat top;
	font-size: 0px;
}

.MediumBox_Bottom
{
	position: relative;
 	width: 668px;
 	height: 7px;
	margin: 0px auto 0px auto;
	background: url(./images/medium_box_bottom.gif) no-repeat top;
}

.MediumBox_Content
{
	position: relative;
	width: 628px;
	text-align: left;
	margin: 0px auto 0px auto;	
}

/****************************
		Main Box
****************************/

.MainBox
{
	position: relative;
	width: 667px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(./images/mainbox_middle.jpg) repeat-y top;
}

.MainBox_Top
{
	position: relative;
 	width: 667px;
 	height: 10px;
 	font-size: 0px;
	margin: 0px auto 0px auto;
	background: url(./images/mainbox_top.gif) no-repeat top;
}

.MainBox_Bottom
{
	position: relative;
 	width: 667px;
 	height: 10px;
 	font-size: 0px;
	margin: 0px auto 0px auto;
	background: url(./images/mainbox_bottom.gif) no-repeat top;
}

.MainBox_Content
{
	position: relative;
	width: 634px;
	text-align: left;
	margin: 0px auto 0px auto;	
}

.MainBox_SubContent
{
	position: relative;
	width: 614px;
	text-align: left;
	margin: 0px auto 0px auto;	
}

.MainBox_Title
{
	position: relative;
	top: 7px;
}

.MainBox_Title_Icon
{
	position: relative;
	float: left;
}

.MainBox_Title_Text
{
	position: relative;
	float: left;
	top: 4px;
	left: 10px;
}

/****************************
		Green Box
****************************/
.GreenBox
{
	position: relative;
	width: 634px;
	background-color: #daf3ce;
	text-align: center;
}

.GreenBox_Content
{
	position: relative;
	width: 614px;
	margin: 0px auto 0px auto;
	text-align: left;
}


.GreenBox_Top
{
	position: relative;
	width: 634px;
	height: 5px;
	font-size: 0px;
	background: url(./images/greenbox_top.jpg) no-repeat top;
}

.GreenBox_Bottom
{
	position: relative;
	width: 634px;
	height: 5px;
	font-size: 0px;
	background: url(./images/greenbox_bottom.jpg) no-repeat top;
}

.GreenBoxTitle
{
	position: relative;
	left: 56px;
}

/****************************
		Suggestion Box
****************************/
.SuggestionBox
{
	position: relative;
	width: 297px;
	float: left;
	clear: none;
}
.SuggestionBox_Spacer
{
	position: relative;
	width: 20px;
	float: left;
}

.SuggestionBox_Image
{
	position: relative;
	float: left;
	margin-right: 10px;
}


/****************************
		Recipe Listing
****************************/
.RecipeListing
{
	position: relative;
	width:634px;
	height: 116px;
}

.RecipeListing_LeftBox
{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;	
}

.RecipeListing_RightBox
{
	position: relative;
	float: right;
	width: 524px;
}




/****************************
		Wide Header Box
****************************/
.WideHeaderBox
{
	position: relative;
	width: 862px;
	text-align: left;
	margin: 0px auto 0px auto;	
	background: url(./images/wide_header_box_background.jpg) repeat-y top;
}

.WideHeaderBox_Top
{
	position: relative;
	width: 862px;
	text-align: center;
	margin: 0px auto 0px auto;	
	background: url(./images/wide_header_box_top.jpg) no-repeat top;
}

.WideHeaderBox_Bottom
{
	position: relative;
	width: 862px;
	height: 9px;
	text-align: left;
	margin: 0px auto 0px auto;	
	background: url(./images/wide_header_box_bottom.gif) no-repeat top;
}

/****************************
		SideboxMenu
****************************/
.SideboxMenu_Header_Recipes, .SideboxMenu_Header_MyAccount
{
	position: relative;
	width: 185px;
	height: 39px;
	text-align: center;
	margin: 0px auto 0px auto;		
}

.SideboxMenu_Header_Recipes		{background: url(./images/sideboxmenu_header_recipe.gif) no-repeat top;}
.SideboxMenu_Header_MyAccount	{background: url(./images/sideboxmenu_header_myaccoun.gif) no-repeat top;}

.SideboxMenu
{
	position: relative;
	width: 185px;
	text-align: center;
	margin: 0px auto 0px auto;	
	background: url(./images/sideboxmenu_middle.jpg) repeat-y top;
}

.SideboxMenu_Bottom
{
	position: relative;
	width: 185px;
	height: 9px;
	text-align: left;
	margin: 0px auto 10px auto;	
	background: url(./images/sideboxmenu_bottom.gif) no-repeat top;
}

.SideboxMenu_Button
{
	position: relative;
	width: 175px;
	height: 32px;
	text-align: center;
	margin: 0px auto 3px auto;
	background: url(./images/sideboxmenu_button.jpg) no-repeat top;
}

.SideboxMenu_GreenButton, .SideboxMenu_BlueButton
{
	position: relative;
	width: 175px;
	height: 32px;
	text-align: center;
	margin: 0px auto 0px auto;	
}
.SideboxMenu_GreenButton	{background: url(./images/sideboxmenu_greenbutton.jpg) no-repeat top;}
.SideboxMenu_BlueButton		{background: url(./images/sideboxmenu_bluebutton.jpg) no-repeat top;}


.SideBoxMenu_Content
{
	position: relative;
	/*IE Position hack here*/
	top: 9px;
	/top: 5px;
	width: 146px;
	text-align: left;
	margin: 0px auto 0px auto;
}


/****************************
		Sidebox
****************************/
.SideBox_Header_Welcome, .SideBox_Header_NewRecipes, .SideBox_Header_LatestPosts, .SideBox_Header_ContentAdmin, .SideBox_Header_NewIngredient, .SideBox_Header_Recipes
{
	position: relative;
	width: 185px;
	height: 37px;
	text-align: center;
	margin: 0px auto 0px auto;	
}
.SideBox_Header_Welcome			{background: url(./images/sidebox_header_welcome.gif) no-repeat top;}
.SideBox_Header_NewRecipes 		{background: url(./images/sidebox_header_newrecipes.gif) no-repeat top;}
.SideBox_Header_LatestPosts 	{background: url(./images/sidebox_header_latestposts.gif) no-repeat top;}
.SideBox_Header_ContentAdmin 	{background: url(./images/sidebox_header_contentadmin.gif) no-repeat top;}
.SideBox_Header_NewIngredient 	{background: url(./images/sidebox_header_newingr.gif) no-repeat top;}
.SideBox_Header_Recipes		 	{background: url(./images/sidebox_header_recipes.gif) no-repeat top;}
.SideBox_Header_MyAccount	 	{background: url(./images/sidebox_header_myaccount.gif) no-repeat top;}


.SideBoxPink, .SideBoxGreen, .SideBoxBlue, .SideBoxGrey
{
	position: relative;
	width: 185px;
	text-align: center;
	margin: 0px auto 0px auto;	
}
.SideBoxPink	{background: url(./images/sidebox_pink_middle.jpg) repeat-y top;}
.SideBoxGreen	{background: url(./images/sidebox_green_middle.jpg) repeat-y top;}
.SideBoxBlue	{background: url(./images/sidebox_blue_middle.jpg) repeat-y top;}
.SideBoxGrey	{background: url(./images/sidebox_grey_middle.jpg) repeat-y top;}


.SideBoxPink_Top, .SideBoxGreen_Top, .SideBoxBlue_Top
{
	position: relative;
	width: 185px;
	text-align: center;
	margin: 0px auto 0px auto;
}
.SideBoxPink_Top	{background: url(./images/sidebox_pink_top.jpg) no-repeat top;}
.SideBoxGreen_Top	{background: url(./images/sidebox_green_top.jpg) no-repeat top;}
.SideBoxBlue_Top	{background: url(./images/sidebox_blue_top.jpg) no-repeat top;}


.SideBoxPink_Bottom, .SideBoxGreen_Bottom, .SideBoxBlue_Bottom, .SideBoxGrey_Bottom
{
	position: relative;
	width: 185px;
	height: 7px;
	text-align: left;
	margin: 0px auto 10px auto;
}

.SideBoxPink_Bottom		{background: url(./images/sidebox_pink_bottom.gif) no-repeat top;}
.SideBoxGreen_Bottom	{background: url(./images/sidebox_green_bottom.gif) no-repeat top;}
.SideBoxBlue_Bottom		{background: url(./images/sidebox_blue_bottom.gif) no-repeat top;}
.SideBoxGrey_Bottom		{background: url(./images/sidebox_grey_bottom.gif) no-repeat top;}

.SideBox_Content
{
	position: relative;
	width: 165px;
	text-align: left;
	margin: 0px auto 0px auto;
}


.SideBox_GreyButton1
{
	position: relative;
	width: 154px;
	height: 25px;
	text-align: center;
	margin: 0px auto 3px auto;
	background: url(./images/sidebox_button1.jpg) no-repeat top;
}
.SideBox_GreyButton1_Content
{
	position: relative;
	top: 4px;
	width: 136px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.Sidebox_GreenButton
{
	position: relative;
	width: 163px;
	height: 30px;
	text-align: center;
	margin: 0px auto 3px auto;
	background: url(./images/sidebox_green_button.gif) no-repeat top;
}

.SideBox_GreenButton_Content
{
	position: relative;
	top: 8px;
	width: 136px;
	text-align: left;
	margin: 0px auto 0px auto;
}

/****************************
	Landing Page 
****************************/
.LPContainer
{
	position: relative;
	width: 842px;
	text-align: left;
	margin: 0px auto 0px auto;
}

/****************************
	Wide Pages
****************************/
.WidePageContainer
{
	position: relative;
	width: 802px;
	text-align: left;
	margin: 0px auto 0px auto;
}



/****************************
	Login 
****************************/

.LoginBox, .RegisterBox 
{
    position: relative;
    width: 150px;
    _width: 160px;
    background-color: #ccf1ff;
    text-align: left;
    margin: 0px auto 0px auto;
    padding: 5px 5px 5px 5px;
}

.RegisterBox
{
    background-color: #f8ffa8;
     text-align: center;
}


.Login_WideContainer
{
	position: relative;
	width: 562px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.Login_TextContainer
{
	position: relative;
	width: 284px;
	float:right;
	text-align: left;
	margin: 0px auto 0px auto;	
}

.Login_LoginContainer
{
	position: relative;
	width: 254px;
	float:left;
	text-align: left;
	margin: 0px auto 0px auto;
}


.Login_SideBox
{
	position: relative;
	width: 320px;
	text-align: left;
	margin: 0px auto 0px auto;
}


.Login_Top
{
	position: relative;
	width: 254px;
	height: 43px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/lp_login_top.jpg) no-repeat top;
}

.Login_Middle
{
	position: relative;
	width: 254px;
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #d1fbbe;
}

.Login_Bottom
{
	position: relative;
	width: 254px;
	height: 6px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/lp_login_bottom.jpg) no-repeat top;
}

.Login_Content
{
	position: relative;
	width: 204px;
	text-align: left;
	margin: 0px auto 0px auto;	
}

/****************************
	Features block on landing page
****************************/
.LPBlockFeatures_Left
{
	position: relative;
	float: left;
	width: 486px;
	height: 294px;
}

.LPBlockFeatures_Right
{
	position: relative;
	float: left;
	width: 354px;
	height: 294px;
	background: url(./images/lpblockfeatures_right.jpg) no-repeat top;	
}

.LPBlockFeatures_Left_Top
{
	position: relative;
	width: 486px;
	height: 50px;
	background: url(./images/lpblockfeatures_left_top.jpg) no-repeat top;	
}

.LPBlockFeatures_Left_Middle
{
	position: relative;
	width: 486px;
	height:237px;
	background-color: #d1fbbe;	
}

.LPBlockFeatures_Left_Bottom
{
	position: relative;
	width: 486px;
	height: 7px;
	background: url(./images/lpblockfeatures_left_bottom.jpg) no-repeat top;;
}



/****************************
	Landing Page Coming Soon block
****************************/
.LPBlockComing_Left
{
	position: relative;
	float: left;
	width: 254px;
	height: 252px;
	background: url(./images/lpblockcoming_left.jpg) no-repeat top;	
}

.LPBlockComing_Right
{
	position: relative;
	float: left;
	width: 588px;
	height: 252px;
}

.LPBlockComing_Right_Top
{
	position: relative;
	width: 588px;
	height: 42px;
	background: url(./images/lpblockcoming_right_top.jpg) no-repeat top;	
}

.LPBlockComing_Right_Middle
{
	position: relative;
	width: 588px;
	height:203px;
	background-color: #d1fbbe;	
}

.LPBlockComing_Right_Bottom
{
	position: relative;
	width: 588px;
	height: 7px;
	background: url(./images/lpblockcoming_right_bottom.jpg) no-repeat top;;
}


.LP_ExampleRecipe
{
	position: relative;
	width: 254px;
	float:left;
	text-align: left;
	margin: 0px auto 0px 38px;
}

/****************************
	Wide Green Box
****************************/
.WideGreenBox_Top
{
	position: relative;
	width: 841px;
	height: 7px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px auto 0px auto;
	background: url(./images/widegreenbox_top.jpg) no-repeat top;	
}

.WideGreenBox_Middle
{
	position: relative;
	width: 841px;
	margin: 0px auto 0px auto;
	background-color: #d1fbbe;
}

.WideGreenBox_Content
{
	position: relative;
	width: 801px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.WideGreenBox_Bottom
{
	position: relative;
	width: 841px;
	height: 7px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px auto 0px auto;
	background: url(./images/widegreenbox_bottom.jpg) no-repeat top;	
}


/****************************
	Recipe Promote Box
****************************/
.PromoteBox_Recipe_Top
{
	position: relative;
	width: 634px;
	height: 5px;
	font-size: 0px;
	background: url(./images/promotebox_recipe_top.jpg) no-repeat top;
}

.PromoteBox_Recipe
{
	position: relative;
	width: 634px;
	height: 107px;
}

.PromoteBox_Recipe_Left
{
	position: relative;
	float: left;
	width: 99px;
	height: 107px;
	background: url(./images/promotebox_recipe_left.jpg) no-repeat top;
}

.PromoteBox_Recipe_Right
{
	position: relative;
	float: left;
	width: 535px;
	height: 107px;
	text-align: center;
	background-color: #daf3ce;
}

.PromoteBox_Recipe_Bottom
{
	position: relative;
	width: 634px;
	height: 4px;
	font-size: 0px;
	background: url(./images/promotebox_recipe_bottom.jpg) no-repeat top;
}

.PromoteBox_Content
{
	position: relative;
	top: 14px;
	width: 500px;
	text-align: left;
	margin: 0px auto 0px auto;
}

/****************************
	Coming Soon Box
****************************/
.ComingSoon_Top
{
	position: relative;
	width: 634px;
	height: 5px;
	font-size: 0px;
	background: url(./images/comingsoon_top.jpg) no-repeat top;
}

.ComingSoon
{
	position: relative;
	width: 634px;
	height: 244px;
}

.ComingSoon_Left
{
	position: relative;
	float: left;
	width: 229px;
	height: 244px;
	background: url(./images/comingsoon_left.jpg) no-repeat top;
}

.ComingSoon_Right
{
	position: relative;
	float: left;
	width: 405px;
	height: 244px;
	text-align: center;
	background-color: #f9d8d8;
}

.ComingSoon_Bottom
{
	position: relative;
	width: 634px;
	height: 4px;
	font-size: 0px;
	background: url(./images/comingsoon_bottom.jpg) no-repeat top;
}

.ComingSoon_Content
{
	position: relative;
	top: 6px;
	width: 360px;
	text-align: left;
	margin: 0px auto 0px auto;
}

/****************************
		Recipe 
****************************/
.Recipe
{
	position: relative;
	width: 634px;
	
}

.Recipe_SmallColumn
{
	position: relative;
	width: 150px;
	float: left;
}

.Recipe_LargeColumn
{
	position: relative;
	width: 484px;
	float: left;
}

/****************************
		Two Column 
****************************/

.ContainerTwoColumnTop_Blue, .ContainerTwoColumnBottom_Blue, .ContainerTwoColumnTop_Yellow,  .ContainerTwoColumnBottom_Yellow, .ContainerTwoColumnTop_Green,  .ContainerTwoColumnBottom_Green
{
 	position: relative;
 	width: 636px;
 	height: 5px;
 	font-size: 0px;
 	line-height: 0px;
	margin: 0px auto 0px auto;
}

.ContainerTwoColumnTop_Yellow		{background: url(./images/yellowcontainer_top.jpg) no-repeat top;}
.ContainerTwoColumnBottom_Yellow	{background: url(./images/yellowcontainer_bottom.jpg) no-repeat top;}
.ContainerTwoColumnTop_Blue			{background: url(./images/bluecontainer_top.jpg) no-repeat top;}
.ContainerTwoColumnBottom_Blue		{background: url(./images/bluecontainer_bottom.jpg) no-repeat top;}
.ContainerTwoColumnTop_Green		{background: url(./images/greencontainer_top.jpg) no-repeat top;}
.ContainerTwoColumnBottom_Green		{background: url(./images/greencontainer_bottom.jpg) no-repeat top;}

.ContainerTwoColumn_Blue {background-color: #ccf1ff;}
.ContainerTwoColumn_Yellow {background-color: #f8ffa8;}
.ContainerTwoColumn_Green {background-color: #daf3ce;}

.ContainerTwoColumn
{
	position: relative;
	width: 636px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.ContainerTwoColumn_Box
{
	position: relative;
	float: left;
	width: 318px;
	margin: 0px auto 0px auto;
	text-align: center;
}

.ContainerTwoColumn_Content
{
 	position: relative;
 	margin: 0px auto 0px auto;
 	text-align: left;
 	width:294px;
}


/****************************
		Banners
****************************/
.RegistrationBanner
{
	position: relative;
	width: 862px;
	height: 342px;
	background: url(./images/registration_banner.jpg) no-repeat top;
	
}

.RegistrationBanner_Content
{
	position:relative;
	float: right;
	width: 490px;
	right: 30px;	
	margin-top: 80px;
	text-align: left;
	
}

.PaymentBanner
{
	position: relative;
	width: 862px;
	height: 342px;
	background: url(./images/payment_banner.jpg) no-repeat top;
	
}

.PaymentBanner_Content
{
	position:relative;
	float: right;
	width: 490px;
	right: 30px;	
	margin-top: 80px;
	text-align: left;
}

/****************************
		Table Style 1
****************************/
.Table1
{
	position: relative;
	text-align:left;
	width: 640px;	
}

.Table1_Row
{
	position: relative;
	/*float: left;*/
	height: 18px;
	clear: both;
}

.Table1_Field
{
	position: relative;
	float: left;
	height: 18px;
	background-color: #eeeeee;
	border: 1px solid #ffffff;
	padding: 2px 0px 0px 0px;
}

.Table1_HighlightValid
{
	background-color: #00aa00;
}

.Table1_HighlightInvalid
{
	background-color: #aa0000;
}

.Table1_Footer
{
	position: relative;
	clear:both;
}

.Table1_Title1	{background-color: #7acb55;}
.Table1_Title2	{background-color: #75ceee;}
.Table1_Title3	{background-color: #e4a0a0;}
.Table1_Title4	{background-color: #e1ce2a;}
.Table1_Title5	{background-color: #9a60e2;}

.Table1_LongName		{width:	400px;}
.Table1_MediumName		{width:	200px;}
.Table1_DateAdded		{width:	100px;}
.Table1_SmallLink		{width:	50px;}


.Table1_FullRow			{width:	900px; text-align: center;}

/****************************
		Titles
****************************/
.Title1, .Title2, .Title3, .Title4, .Title5
{
 	position: relative;
 	height: 18px;
	width:	620px;
	padding: 2px 0px 0px 2px;
}

.Title1	{background-color: #7acb55;}
.Title2 {background-color: #75ceee;}
.Title3	{background-color: #e4a0a0;}
.Title4 {background-color: #e1ce2a;}
.Title5	{background-color: #9a60e2;}


/****************************
		Footer
****************************/
.Footer
{
	position: relative;
	width: 862px;;
	margin: 0px auto 0px auto;
}



/****************************
		Misc
****************************/




.Spacer
{
 	position: relative;
 	clear: both;
	height: 10px;
	font-size: 0px;
}

.EmptySpacer
{
 	position: relative;
 	clear: both;
	height: 0px;
	font-size: 0px;
}


.TextInput
{
	width: 500px;
}


.OptionBox
{
	position: relative;
	float: left;
	width: 250px;
	/*background-color: #ff0000;*/
}

.OptionBoxSmall
{
	position: relative;
	float: left;
	width: 125px;
	/*background-color: #ff0000;*/
}

.Center
{
	text-align: center;
}