﻿body
{
    font-family: Arial, Helvetica, "Sans Serif";
    font-size: 12px;
    color: #404040;
    background: #F7F8EA url(images/background_tile.jpg) repeat-x top left;
    height: 100%;
}

#wrapper
{
    position: relative;
    width: 840px;
    margin: 0 auto;
    height: 100%;
}

#RecipePrintWrapper
{
    width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
}

#Header
{
    margin: 10px 0 0 0;
    display: block;
}

#HeaderLogo
{
    clear: both;
}

#HeaderNavigation
{
    height: 46px;
    margin-left: -7px;
    width: 818px;
   
}

* html #HeaderNavigation
{
    float: left;
    height: 46px;
    margin-left: -7px;
    overflow:hidden;
   
}

#HeaderNavigationLeft
{
    background-image: url(images/bg_header_tabmenu_left.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 21px;
    height: 46px;
    float: left;
}

#HeaderNavigationMiddle
{
    background-image: url(images/bg_header_tabmenu_middle.gif);
    background-repeat: repeat-x;
    background-position: top left;
    float: left;
    padding-top: 10px;
    margin-left: -7px;
    margin-right: -7px;
}

#HeaderNavigationRight
{
    background-image: url(images/bg_header_tabmenu_right.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 18px;
    height: 46px;
    float: left;
}

#HeaderSearchBar
{
    float: right;
    margin-right: -16px;
}
/*#HeaderSearchBar div
{
	display: inline;
}*/
#SearchBar
{
    position: relative;
    overflow: visible;
    vertical-align: middle;
    background: url(images/SearchBar.jpg);
    background-repeat: no-repeat;
    width: 277px;
    height: 43px;
}

#SearchBarButton
{
    float: left;
    margin-left: 230px;
    margin-top: -21px;
}

* html #SearchBarButton
{
    float: left;
    margin-left: 116px;
    margin-top: -25px;
}

#ContentHeader
{
    background-image: url(images/bg_content_header.gif);
    background-repeat: no-repeat;
    background-position: top;
    width: 825px;
    background-color: White;
    height: 9px;
}
* html #ContentHeader
{
    overflow: hidden;
}
#Content
{
    margin-left: 0px;
    margin-bottom: -13px;
    background-image: url(images/bg_content.gif);
    background-repeat: repeat-y;
}

#Content_NoBg
{
}

#ContentFooter
{
    width: 825px;
    background: url(images/bg_content_footer.gif) no-repeat bottom;
    height: 9px;
    clear: both;
}

#ContentFirstRow
{
    display: block;
}

#ContentFirstRow_NegativeTop
{
    display: block;
    margin-top: -4px;
}

#ContentFirstRowFirstColumn_70
{
    display: block;
    float: left;
    width: 65%;
    margin-left: 5px;
}
* html #ContentFirstRowFirstColumn_70
{
    display: block;
    float: left;
    margin-left: 2px;
}

#ContentFirstRowFirstColumn_60
{
    display: block;
    float: left;
    width: 63%;
    margin-left: 5px;
}
* html #ContentFirstRowFirstColumn_60
{
    margin-left: 2px;
    width: 63%;
}

#ContentFirstRowSecondColumn_30
{
    display: block;
    float: right;
    min-width: 30%;
    margin-right: 14px;
    margin-top: 4px;
}
* html #ContentFirstRowSecondColumn_30
{
    display: block;
    float: right;
    margin-top: 0px;
    margin-right: 10px;
}


#ContentFirstRowSecondColumn_30_NoMarginRight
{
    display: block;
    float: right;
    margin-top: 4px;
}
* html #ContentFirstRowSecondColumn_30_NoMarginRight
{
    display: block;
    margin-left: -10px;
    float: right;
    margin-top: 0px;
}
#ContentFirstRowFirstColumn_100
{
    margin-left: 2px;
}

#ContentFirstRowFirstColumn_100_MarginLeft1px
{
    margin-left: 1px;
    height: 100%;
}

#ContentSecondRow
{
    margin-top: 10px;
    padding-bottom: 5px;
}

* html #ContentFirstRow
{
    height: 270px;
}

#ContentSecondRowFirstColumn
{
    display: block;
    float: left; /*width: 240px;*/ /*margin-top: -20px;*/
    width: 267px;
    padding: 0 3px 3px 0px;
}

#ContentSecondRowSecondColumn
{
    display: block;
    float: left; /*margin-top: 10px;*/
    padding: 0 3px 3px 3px;
    width: 267px;
}

#ContentSecondRowThirdColumn
{
    display: block;
    float: left;
    min-width: 272px;
    padding: 0 0px 3px 3px;
}

#ContentSecondRowFirstColumn_50
{
    display: block;
    float: left;
    width: 46%;
    margin-top: -20px;
    padding: 0 10px 10px 10px;
}

#ContentSecondRowSecondColumn_50
{
    display: block;
    float: left;
    width: 50%;
}

#ContentSecondRowFirstColumn_70
{
    display: block;
    float: left;
    width: 63%;
    padding: 0px 7px 10px 10px;
}

#ContentSecondRowSecondColumn_30
{
    display: block;
    float: left;
    width: 30%;
}


#ContentSecondRowFirstColumn_100
{
    display: block;
    margin-top: -10px;
    padding: 0px 27px 10px 10px;
}

#Footer
{
    clear: both;
}

#FooterNavigation
{
    margin-left: -2px;
    width: 900px;
}

#FooterSiteMap
{
    margin-top: 5px;
    padding: 5px 15px 5px 15px;
    background-image: url(images/footer.gif);
    background-repeat: no-repeat;
    width: 816px;
    height: 28px;
}


#LoginWrapper
{
    width: 272px;
    height: 107px;
    margin-top: -6px;
}
* html #LoginWrapper
{
    margin-top: 0px;
}

#LoginLayout
{
    background-image: url(images/login.jpg);
    width: 272px;
    height: 107px;
}

#LogoutLayout
{
    background-image: url(images/login_flat.jpg);
    background-repeat: no-repeat;
    width: 272px;
    height: 107px;
}

#LogoutLayout a
{
    color: #808080;
}

#LogoutLayoutWrapper
{
    padding: 10px 20px 10px 20px;
}

#LogOutCookBookMessageSpacer
{
    margin-top: 5px;
}

#RecipeSelectorWrapper
{
    background-image: url(images/flash_recipes_sml.jpg);
    width: 272px;
    height: 127px;
}

#RegistrationWrapper
{
}

#TitleWrapper
{
    float: left;
    margin-left: -5px;
}

#TitleLeft
{
    background-image: url(images/title_bg_left.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 20px;
    height: 36px;
    float: left;
}

#Title
{
    background-image: url(images/title_bg.gif);
    background-repeat: repeat-x;
    width: 505px;
    height: 36px;
    float: left;
    vertical-align: middle;
    font-family: Georgia;
    font-size: 1.6em;
    color: White;
    padding-top: 5px;
}
* html #Title
{
    width: 503px;
}
#TitleRight
{
    float: left;
    background-image: url(images/title_bg_right.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 36px;
}

#RegistrationForm
{
    clear: both;
    margin-top: -5px;
    padding: 0px 10px 0px 2px;
}

#RegistrationFormWrapper
{
    /*border: solid 1px #dcdcdc; 	background-color: #f8f8f8;*/
}

#IngredientWrapper
{
    width: 272px;
    padding-bottom: 20px;
}

#IngredientData
{
}
#RotatingBanner_Wrapper img
{
    /*margin-top: -5px;*/
}
#RecipeWrapper
{
    width: 100%;
    margin-top: 10px;
}

* html #RecipeWrapper
{
}

#RecipeBannerWrapper
{
    width: 530px;
}
#RecipeTabs
{
    padding-left: 10px;
}

#RecipeTitle
{
    font-family: Georgia;
    padding: 10px;
    font-size: 1.5em;
    color: #C80000;
}

#RecipeInstruction
{
    margin-top: -25px;
}

#RecipeInfo
{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #C00000;
}

#RecipeNotes
{
    margin-top: -15px;
}

#RecipeNotesWrapper
{
}

#RecipeNotesHeader
{
    background-image: url(images/bg_mynotes_header.gif);
    background-repeat: no-repeat;
    width: 516px;
    height: 19px;
    padding-top: 6px;
    padding-left: 35px;
    padding-bottom: 4px;
}

#RecipeNotesBody
{
    background-image: url(images/bg_mynotes_tile.gif);
    background-repeat: repeat-y;
    width: 516px;
    min-height: 100px;
    padding-left: 10px;
    padding-top: 5px;
    color: #C80000;
}
* html #RecipeNotesBody
{
    margin-top: -2px;
}

#RecipeNotesFooter
{
    background-image: url(images/bg_mynotes_footer.gif);
    background-repeat: no-repeat;
    width: 516px;
    height: 8px;
}

#RecipeComments
{
}

* html #RecipeComments
{
}

#RecipeCommentsWrapper
{
}

#RecipeCommentsHeader
{
    background-image: url(images/bg_paginator.gif);
    background-repeat: no-repeat;
    width: 365px;
    height: 39px;
    display: block;
}

#RecipeCommentsBody
{
    min-height: 100px;
}

#RecipeCommentsFooter
{
    background-image: url(images/bg_paginator.gif);
    background-repeat: no-repeat;
    width: 365px;
    height: 39px;
}

#RecipeItemWrapper
{
    width: 516px;
    background: url(images/bg_recipe_dotted.gif) repeat-x bottom left;
    padding-top: 8px;
    padding-bottom: 8px;
}

#CookBookWrapper
{
    width: 95%;
    margin-bottom: 10px;
}

#Recipes
{
    display: block;
    height: 100%;
}

#LoggedOnRecipes
{
}

#AllRecipes
{
    display: block;
}
.FlashProductLink
{
}
