body{} /***** Main Layout *****/ #divPrimaryRecipeBox{width: 523px;/*main box backgrounds are 523*/overflow: hidden;} #divPrimaryRecipeBox p, #divPrimaryRecipeBox td, #divPrimaryRecipeBox span, #divPrimaryRecipeBox li{/*Set default recipe content fonts here*/font-size: 12px;line-height: 14px;} #divRightColumnTools{width: 216px; /*background are 216*/margin-left: 3px;overflow: hidden;} #tblRecipe{margin-top: 0px;padding-top: 0px;} #tblRecipe td{text-align: left;vertical-align: top;} #divRecipeTitlePlaceholder{height: 30px;width: 523px;position: relative; /*allow overflow for hover effect*/z-index:1;} /***** Subheader Tools *****/ #divSubHeaderTools{height: 56px;vertical-align: bottom;margin-left: 63px;} .SHT_Title{padding-top: 15px;display: block;text-decoration: underline;font-size: 12px;color: #317f29;text-transform: none;} #divSubHeaderTools, #divSubHeaderTools a, #divSubHeaderTools li, #divSubHeaderTools div, #divSubHeaderTools p, #divSubHeaderTools td{font-size: 12px;color: #317f29;text-transform: none;} #divSubHeaderTools .Email{background-image: url(images/email.jpg);background-repeat: no-repeat;height: 31px;padding-left: 33px;margin-left: 23px;cursor: pointer;} #divSubHeaderTools li.PrintRecipe{background-image: url(images/print.jpg);background-repeat: no-repeat;height: 31px;padding-left: 32px;cursor: pointer;display: block;} #PrintRecipeTool, #divSubHeaderTools .Email{margin-top: 22px;} #divSuccess_Recipe_STF{padding-top: 40px;padding-bottom: 40px;width: 300px;margin-left: auto;margin-right: auto;vertical-align: middle;text-align: center;display: none;cursor: pointer;} /*SendRecipeToFriend Form Box*/ #RSTF_Box{margin: 0px;margin-top: 5px;padding: 0px;vertical-align: top;font-size: 0px; /*To remove gap in IE, must reset size later on if this causes unwanted inheritance*/ line-height: 0px;position: relative;z-index: 1;} #RSTF_Box td{color: Black;} #RSTF_Box div.Back{background-image: url(images/EmailBox_Middle.jpg);background-repeat: repeat-y;width: 356px; /*Total Width: 383*/padding-left: 17px;padding-right: 10px;padding-top: 17px;padding-bottom: 4px;margin: 0px; height: auto;overflow: hidden;line-height: 14px;} #RSTF_Box div.Top{background-image: url(images/EmailBox_Top.jpg);background-repeat: no-repeat;height: 41px;width: 383px;} #RSTF_Box div.Bottom{background-image: url(images/EmailBox_Bottom.jpg);background-repeat: no-repeat;height: 11px;width: 383px;} #RSTF_Box input.TextBox{border: solid 1px #317f29;margin-top: 1px;margin-bottom: 12px;padding: 1px;height: 17px;width: 274px;} /*RecipePrint Menu*/ .PrintRecipe{height: 31px;} .PrintRecipe, .PrintRecipe ul{list-style: none;margin: 0px;padding: 0px;} .PrintRecipe{z-index: 100;position: relative;} .PrintRecipe li{height: auto;min-height: 31px; /*Height was be great enough to touch up against the main hover item to prevent loss of hovered status*/margin: 0px;padding: 0px;position: relative;width: auto;z-index: 100;} .PrintRecipe ul{position: absolute;top: -999em;} .PrintRecipe li:hover ul, .PrintRecipe li.sfHover ul{top: 31px;left: -31px; /*Set width for the slideDown to work with width*/width: 175px;} /*RecipePrint Options Box*/ #RP_OptionsBox{margin: 0px;margin-top: 5px;padding: 0px;vertical-align: top;font-size: 0px; /*To remove gap in IE, must reset size later on if this causes unwanted inheritance*/ line-height: 0px;position: relative;z-index: 1;} #RP_OptionsBox, #RP_OptionsBox div{color: Black;} #RP_OptionsBox .PrintButton{margin-left: 88px;margin-top: 40px;} #RP_OptionsBox div.Back{background-image: url(images/PrintBox_Repeat.jpg);background-repeat: repeat-y;width: 155px; /*Total Width: 175*/padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 4px; margin: 0px;height: auto;overflow: hidden;line-height: 14px;} #RP_OptionsBox div.Top{background-image: url(images/PrintBox_Top.jpg);background-repeat: no-repeat;height: 32px;width: 175px;} #RP_OptionsBox div.Bottom{background-image: url(images/PrintBox_Bottom.jpg);background-repeat: no-repeat;height: 12px;width: 175px;} /***** Title & Overview Section *****/ #divPrimaryRecipeBox H1, #divPrimaryRecipeBox H2, #divRecipeTitleOverflowIndicator { margin-top: 0px;margin-bottom: 1px; font-size: 25px;font-family: Lucida Sans;font-style: italic;color: #668d20; word-spacing: -3px;height: 30px;overflow: hidden;} #divPrimaryRecipeBox H1.Title{position: absolute;top: 0px;left: 0px;z-index: 11;background-color: #d6d755;} /*TitleOverflowIndicator*/ #divRecipeTitleOverflowIndicator{display: none;width: 75px;z-index: 12;} #divRecipeTitleOverflowIndicator, #divRecipeTitleOverflowIndicator div { /*container is absolute relative to main recipe container and children are absolute relative to this container*/ position: absolute;top: 0px;right: 0px;height: 30px;cursor: pointer;} #divRecipeTitleOverflowIndicator .Back1, #divRecipeTitleOverflowIndicator .Back2, #divRecipeTitleOverflowIndicator .Back3 {background-color: #d6d755;z-index: 13;width:15px;} #divRecipeTitleOverflowIndicator .Back1{right:60px;filter: alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50;} #divRecipeTitleOverflowIndicator .Back2{right:45px;filter: alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;} #divRecipeTitleOverflowIndicator .Back3{right:30px;filter: alpha(opacity=90);-moz-opacity: 0.90;opacity: 0.90;} #divRecipeTitleOverflowIndicator .Indicator{background-color: #d6d755;width:30px;z-index:14;right:4px;} #divPrimaryRecipeBox H2 {height: 26px;font-size: 18px; /*17px matches the design but that is where the font starts to degrade as rendered in FF so its at 18+ to keep it smooth*/letter-spacing: -1px;} .RecipeOverview span, .RecipeOverview a{display: block;margin-bottom: 10px;float: left;overflow: hidden;} .RecipeOverview span{width: 330px;} /***** Ingredient and Instruction Lists *****/ #IngredientList, #InstructionList{padding-left: 15px;margin-top: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 17px;} #IngredientList img.cooksTipIcon, #InstructionList img.cooksTipIcon{width:17px;height:18px;cursor:pointer;position:relative;top:4px;padding-left:3px;} #IngredientList{list-style: none;} #IngredientList li{padding-left: 0px;line-height: 16px;} div.Subheading /*For both Ingredients and Instructions*/{font-weight: bold;font-size: 12px;padding: 3px;position: relative;left: -18px;} #InstructionList{margin-left:33px;padding-left:0px;} #InstructionList.IE{margin-left:38px;padding-left:0px;} #InstructionList li{list-style-position: outside;padding-bottom: 10px;padding-left:0px;margin-left:0px;} /***** MainDisplay Module *****/ #divMainDisplay img.Thumb, #divCookNoteTabContent img.Thumb {/*height:144px;*/width: 144px;border: solid 3px #89bb28;float: left;margin-right: 13px;margin-bottom: 6px;} /*Box: For boxes Main Tabbed areas*/ .Box > div.Back{background-image: url(images/boxRepeat.jpg);background-repeat: repeat-y;width: 499px; /*Total Width: 523*/padding-left: 14px;padding-right: 10px;padding-top: 3px;padding-bottom: 6px;height: auto;min-height: 50px;vertical-align: top;text-align: left;overflow: hidden;} .Box > div.Top{background-image: url(images/boxTop.jpg);background-repeat: no-repeat;height: 7px;width: 523px;line-height: 0px; /*For IE*/overflow: hidden;} .Box > div.Bottom{background-image: url(images/boxBottom.jpg);background-repeat: no-repeat;height: 7px;width: 523px;line-height: 0px; /*For IE*/overflow: hidden;margin-bottom: 4px;} /***** Nutritional Module *****/ #divNutritional H1{font-size: 16px;margin-top: 20px;margin-bottom: 12px;margin-left: 4px;letter-spacing: -1px;word-spacing: 1px;} #divNutritional img.Thumb{/*height:144px;*/width: 144px;border: solid 3px #89bb28;float: left;margin-right: 20px;margin-bottom: 10px;} #divNutritional p{margin-top: 0px;margin-bottom: 10px;} /***** Cook's Note Section *****/ #divCookNoteTabContent H1{font-size: 16px;margin-top: 20px;margin-bottom: 12px;margin-left: 4px;letter-spacing: -1px;word-spacing: 1px;} #divCookNoteTabContent img.Thumb{/*height:144px;*/width: 144px;border: solid 3px #89bb28;float: left;margin-right: 20px;margin-bottom: 10px;} #divCookNoteTabContent p{margin-top: 0px;margin-bottom: 10px;} /*RightBox*/ .RightSideBox > div.Back{background-image: url(images/rtSideBox_Repeat.jpg);background-repeat: repeat-y;width: 196px; /*Total Width: 216*/padding-left: 10px;padding-right: 10px;padding-top: 4px;padding-bottom: 7px;height: auto;min-height: 50px;vertical-align: top;text-align: left; /*Fixed Height:UpdatePanel is injecting white space on update*/height: 240px;overflow: hidden;} .RightSideBox > div.Top{background-image: url(images/rtSideBox_Top.jpg);background-repeat: no-repeat;height: 12px;line-height: 0px; /*For IE*/font-size: 0px;} .RightSideBox > div.Bottom{background-image: url(images/rtSideBox_Bottom.jpg);background-repeat: no-repeat;height: 12px;line-height: 0px; /*For IE*/font-size: 0px;} .RightSideBox H1{margin-top: 0px;margin-bottom: 0px;font-size: 15px;font-family: Lucida Sans,Verdana,Calibri;font-style: italic;color: #668d20;word-spacing: 0px;height: 25px;overflow: hidden;} .RightSideBox a{font-size: 12px;color: #317f29;text-transform: none;text-decoration: underline;} .FloatWrapper{/*Floated Content will normally expand behind a non-floating container div's bounds. This class is used to wrap the floating content with a table cell type display so that the non-floating container div can auto expand to the known dimensions of the FloatWrapper (table-cell) */display: table-cell;} /***** Recipe Tab Navigation *****/ #recipeTabStrip{padding: 0px;border: none;height: 32px;position:relative;top:7px;margin-top:-7px;margin-left:12px;} #recipeTabStrip td{margin: 0px;padding: 0px;width: auto; width:32px;} #recipeTabStrip A b{display: block;width: 100%; /*Total = 104*/padding-top: 10px;text-align: center;color: Black;font-size: 12px;font-weight: normal;} #recipeTabStrip A b .ReviewCount{color: #6e6f73;font-size: 12px;position: relative;top: 1px;left: -1px;} #recipeTabStrip A{display: block;text-decoration: none;cursor: pointer;outline: none; /*only removes border in FF. for IE this is done in script*/} #recipeTabStrip A.active:link, #recipeTabStrip A.active:visited{position: relative;z-index: 10;} /*Recipe Tab Containers*/ #recipeTabStrip td{background-image: url(images/tabMenuBackground.jpg);background-repeat: repeat-x;} /*Nutritional, CookNote, Reviews Tabs*/ #recipeTabStrip #RecipeTab, #recipeTabStrip #NutritionalTab, #recipeTabStrip #CookNoteTab, #recipeTabStrip #ReviewsTab {width: 104px;height: 32px;padding-right: 2px;background-image: url(images/GreenTab.jpg);background-repeat: no-repeat;} #recipeTabStrip #RecipeTab:hover, #recipeTabStrip #RecipeTab.CurrentTab, #recipeTabStrip #NutritionalTab:hover, #recipeTabStrip #NutritionalTab.CurrentTab, #recipeTabStrip #CookNoteTab:hover, #recipeTabStrip #CookNoteTab.CurrentTab, #recipeTabStrip #ReviewsTab:hover, #recipeTabStrip #ReviewsTab.CurrentTab {background-image: url(images/GreenTab_f2.jpg);} /*Initial Tab Display Settings*/ #divNutritionalTabContent, #divCookNoteTabContent, #divReviewTabContent{display: none;} /***** Right Box Inner Styles *****/ a.RecipeTool{display: block;height: 31px;width: 195px;overflow: hidden;padding-left: 38px; /*30 for the image and 8 for its right margin*/margin-bottom: 8px;margin-left: 3px;outline: none;line-height: 31px;vertical-align: middle;} a.RecipeToolInactive, a.RecipeToolInactive:hover{text-decoration: none;cursor: default;} /*Rate*/ a.Rate{background-image: url(images/RateRecipe.jpg);background-repeat: no-repeat;margin-bottom: 0px;} a.Rate_Inactive{background-image: url(images/RateRecipe_f2.jpg);background-repeat: no-repeat;margin-bottom: 0px;} .RatingControlBox{display: block;padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 4px;margin-left: 48px; text-align: left;line-height: 20px;width: 140px;height: 40px;overflow: hidden;position: relative;z-index: 0;} .RatingControlBox b{font-size: 12px;word-spacing: 0px;font-weight: normal;position: relative;left: 4px;top: -2px;} /*AddFav*/ a.AddFav{background-image: url(images/addFavorites.jpg);background-repeat: no-repeat;} a.AddFav_Inactive{background-image: url(images/addFavorites_f2.jpg);background-repeat: no-repeat;} /*Review*/ a.Review{background-image: url(images/reviewRecipe.jpg);background-repeat: no-repeat;} a.Review_Inactive{background-image: url(images/reviewRecipe_f2.jpg);background-repeat: no-repeat;} /*AddToShopBag*/ a.AddShopBag{background-image: url(images/AddToShopBag.jpg);background-repeat: no-repeat;} a.AddShopBag_Inactive{background-image: url(images/AddToShopBag_f2.jpg);background-repeat: no-repeat;} /***** Recipe Rating Control *****/ .ratingStar{font-size: 0pt;width: 17px;height: 17px;margin: 0px;margin-right: 1px;padding: 0px;cursor: pointer; display: block;background-repeat: no-repeat;} .filledRatingStar{background-image: url(Images/rating_On.jpg);} .emptyRatingStar{background-image: url(Images/rating_Off.jpg);} .savedRatingStar{background-image: url(Images/rating_Waiting.jpg);} .TransparentBack .filledRatingStar{background-image: url(Images/rating_On.gif);} .TransparentBack .emptyRatingStar{background-image: url(Images/rating_Off.gif);} .TransparentBack .savedRatingStar{background-image: url(Images/rating_Waiting.gif);} .divRecipeRatingBox{position: relative;height: 17px;} .divRecipeRatingBox .FloatCancel{position: absolute;top: 0px;left: 0px;width: 100px;} /***** Companion Recipes *****/ #divCompanionRecipes{padding-left: 2px;} #divCompanionRecipes .CR_Item{margin: 0px;padding: 0px;padding-left: 7px;padding-bottom: 5px;background-image: none;} /***** Reviews *****/ #divReviewTabContent H1{font-size: 16px;letter-spacing: -1px;word-spacing: 1px;margin-top: 19px;margin-bottom: 9px;margin-left: 2px;} #divReviewTabContent img.Avatar{border: 2px solid #89bb28;width: 50px;height: 50px;overflow: hidden;} #divReviewTabContent .HR_Dashed{background-image: url(../UserSpace/images/dash.jpg);height: 3px;background-repeat: repeat-x;margin-top: 7px;margin-bottom: 7px;} #tblRecipeReviews{width: 100%;} #tblRecipeReviews td{padding: 9px;text-align: left;vertical-align: top;} #tblRecipeReviews td.Avatar{width: 56px;} #tblRecipeReviews span.Reviewer{display: block;padding-top: 5px;padding-bottom: 11px;padding-left: 1px;} #tblRecipeReviews p.ReviewContent{margin-top: 5px;margin-bottom: 0px;} /*-------------- JQuery ToolTip -------------------*/ #tooltip {position: absolute;z-index: 3000;border: 1px solid #D6D755;background-color: #F4F4D7;padding: 10px;width:300px;filter: alpha(opacity=90);-moz-opacity: 0.90;opacity: 0.90;} #tooltip h3, #tooltip div { margin: 0; } #tooltip h3{font-size:14px;}