/* Kraft Canada CSS */ /* Last Modified: 10/12/2007 */ BODY { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; } #dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } a { color: #298CB6; } a:visited { color: #298CB6; } a:active { color: #298CB6; } a:hover { color: #298CB6; } .ARTICLEbulletColor { color: #298EBC; } .ARTICLEchartBorder { background-color: #298EBC; } .ARTICLEchartHeader { font-weight: bold; FONT-SIZE: 10pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; background-color: #E9F4FA; } .ARTICLEchartHilite { font-weight: normal; FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; background-color: #E9F4FA; } .ARTICLEchartNormalCell { font-weight: normal; FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; } .ARTICLEchartFooterCell { font-weight: normal; FONT-SIZE: 9pt; color: #333333; FONT-STYLE: italic; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } .body2 { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } body2bgcolor { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; background-color: #E9F4FA; } body2NoUnderline { color: #298CB6; text-decoration: none; } .body3 { font-weight: bold; FONT-SIZE: 10pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .body5 { font-weight: bold; FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .body6 { FONT-SIZE: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .clines { background-color: #cccccc; } .ctaText { font-weight: 600; font-size: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; text-decoration: none; word-spacing: 1pt; } .ctaText:active { font-weight: 600; font-size: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; text-decoration: none; word-spacing: 1pt; } .ctaText:visited { font-weight: 600; font-size: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; text-decoration: none; word-spacing: 1pt; } .ctaText:hover { font-weight: 600; font-size: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; text-decoration: none; word-spacing: 1pt; } .FeatureHeading { font-weight: bold; TEXT-DECORATION:none; FONT-SIZE: 11pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .FeatureHeading:hover { font-weight: bold; TEXT-DECORATION:none; FONT-SIZE: 11pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .FeatureHeading:visited { font-weight: bold; TEXT-DECORATION:none; FONT-SIZE: 11pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .gripArrowedLinktext { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .gripArrowedLinkText:active { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .gripArrowedLinkText:visited { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .gripArrowedLinkText:hover { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .gripStyleArrowBg { background-color: #298CB6; } .headerBar { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; background-color: #298CB6; width: 100%; font-weight: bold; font-size: 12pt; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; } .HmpgFeatureHdng { font-weight: bold; FONT-SIZE: 10pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .HmpgFeatureText { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; } .HPFooter { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; padding:2px; height: 28px; color: white; vertical-align: middle; } .HPFooterLink { FONT-SIZE: 8pt; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; vertical-align: middle; padding:2px; } .HPFooterLink:visited { FONT-SIZE: 8pt; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; vertical-align: middle; padding:2px; } .HPFooterLink:hover { FONT-SIZE: 8pt; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; vertical-align: middle; padding:2px; } .imageWithBorder { border-right: #298CB6 1px solid; border-top: #298CB6 1px solid; border-left: #298CB6 1px solid; border-bottom: #298CB6 1px solid; } .LOGINInputBox { BORDER-RIGHT: #298EBC 1px solid; BORDER-TOP: #298EBC 1px solid; BORDER-LEFT: #298EBC 1px solid; BORDER-BOTTOM: #298EBC 1px solid; background-color: #E9F4FA; } .LOGINkeyLine { background-color: #FFCACA } .LOGINMoreInfo { BORDER-RIGHT: #298EBC 1px solid; BORDER-TOP: #298EBC 1px solid; BORDER-LEFT: #298EBC 1px solid; BORDER-BOTTOM: #298EBC 1px solid; background-color: #E9F4FA; } .makeitnowDesc { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; } .NAVlinkDivider { background-color: #298EBC; } .subtitle1 { font-weight: bold; FONT-SIZE: 12pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .NAVlinks { FONT-SIZE: 10pt; color: #298CB6 !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .NAVlinks:visited { FONT-SIZE: 10pt; color: #298CB6 !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .NAVlinks:hover { FONT-SIZE: 10pt; color: #298CB6 !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } p { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .PersonalNAVlinks { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6 !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .PersonalNAVlinks:visited { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6 !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .PersonalNAVlinks:hover { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6 !important; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .PrimaryColour { background-color: #298EBC; } .RECbuttonBg { background-color: #E9F4FA; } .RECbuttonBorder { background-color: #298EBC; } .RegEmailbody2 { FONT-SIZE: 10pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } .RegEmailsubtitle1 { font-weight: bold; FONT-SIZE: 12pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .SEARCHheader { font-weight: bold; FONT-SIZE: 10pt; color: #ffffff; font-family: Arial, Helvetica, sans-serif; background-color: #298EBC; } .SITEbuttons { font-weight: bold; FONT-SIZE: 9pt; CURSOR: pointer; color: #298EBC; font-family: Arial, Helvetica, sans-serif; HEIGHT: 20px; background-color: #E9F4FA; } .SITEkeyLine { background-color: #298CB6 } .SITEsquareNumbers { font-weight: bold; FONT-SIZE: 9pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; background-color: #E9F4FA } .SITEtitle1 { font-weight: bold; FONT-SIZE: 24px; color: #298CB6; font-family: Arial, Helvetica, sans-serif; LETTER-SPACING: -1px } .SITEtitle2 { font-weight: bold; FONT-SIZE: 11pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; LETTER-SPACING: -1px } .subtitle2 { FONT-SIZE: 17pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .tableBorderSecondary { border-right: #298CB6 1px solid; border-top: #298CB6 1px solid; border-left: #298CB6 1px solid; border-bottom: #298CB6 1px solid; } td { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .TertiaryColour { background-color: #E9F4FA; } .VanityCopy { font-weight: 300; font-size: 14px; color: #666666; font-family: Arial, Helvetica, sans-serif; } .VanityTitle1 { font-weight: 300; font-size: 24px; color: #666666; font-family: Arial, Helvetica, sans-serif; } .rememberMeCopy { font-size: 10pt; font-weight: bolder; color: #666666; font-family: Arial, Helvetica, sans-serif; } .rememberMeInstructions { padding-left: 41px; font-size: 10pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } .txtBlue { padding-left: 157px; } .LOGINbuttons { padding-left: 136px; } /* Kraft Canada Recipe Box Styles */ /* Last Modified: 10/12/2007 */ table { font-family:arial; font-size:10pt; } .RecipeBoxControlTitle { font-size:xx-large; color:Lime; } .RecipeBoxRecipeTitleLink { font-size:10pt; font-weight:bold; color: #298CB6; } .RecipeBoxRecipeTitleLink A, .RecipeBoxRecipeTitleLink A:hover { font-size:10pt; font-weight:bold; color: #298CB6; } .RecipeBoxBody { font-family:arial; font-size:10pt; width:100%; } table#mainControlBody A, table#mainControlBody A:visited { color: #298CB6; } table#mainControlBody A:hover { color: #298CB6; } table#mainControlBody A.light { color:White; } table#mainControlBody A.light:visited { color:white; } table#mainControlBody A.light:hover { color:Silver; } .RecipeBoxRecipe_table { border: solid 1px #298CB6; } .RecipeBoxRecipeImage_td { border-right: #298EBC 1px solid; background-color: #cae5b9; border-bottom: #298EBC 1px dashed; } .RecipeBoxRecipeOptions_tr { border-top: #298EBC 2px; border-style:dashed; font-weight: bold; background-color: #E9F4FA; color: #298CB6; padding-bottom:5px; padding-top:5px; padding-left:10px; padding-right:10px; } .RecipeBoxRecipeDetails_td { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; border-bottom: #298EBC 1px dashed; color: black; padding-top: 10px; background-color: white; } .RecipeBoxCategoryHeader_td { background-color: #298EBC; padding:5px; color:White; border: 1px #298CB6 solid; font-size:10pt; height:25px; } .RecipeBoxNavButtons_td { border-bottom: solid 2px #298CB6; border-top: solid 2px #298CB6; border-left:none; border-right: solid 2px #298CB6; } .RecipeBoxNavSearch_td { border-bottom: solid 2px #298CB6; border-top: solid 2px #298CB6; border-right:none; background-repeat:no-repeat; } .RecipeBoxShoppingListRegion_td { border-right: #298CB6 1px solid; border-top: #298CB6 1px solid; border-left: #298CB6 1px solid; border-bottom: #298CB6 1px solid; background-color: #E9F4FA; padding:10px; } .RecipeBoxShoppingListTitle_tbl { background-color: #298EBC; color:#ffffff; } .RecipeBoxShoppingListTitle_td { font-size:8pt; height:25px; padding-left:10px; padding-right:10px; } .RecipeBoxShoppintListPrintTitle_td { color: #666666; font-size:12pt; } .RecipeBoxShoppingListAisleHeading_td { font-size: 10pt; color: #298CB6; } .RecipeBoxShoppingListHeading_td { font-size:10pt; color: #666666; } .RecipeBoxRecipeCardSectionHeading_td { font-size:10pt; font-weight:bold; color: #666666; } .RecipeBoxRecipeCardSection_td { font-size:8pt; color: #666666; } .RecipeBoxRecipeCardTitle_td { font-size:12pt; font-weight:bold; color:#333333; } .RecipeBoxAdditionalControl_td { background-color: #E9F4FA; } .RecipeBoxAdditionalControlContainer_td { background-color: #E9F4FA; padding:10px; } RecipeBoxAdditionalControl_tbl { padding:5px; border:none; } .RecipeBoxListSeparator_tr { background-color:#ffffff; height:2px; } .RecipeBoxSubNav_td { background-color: #298EBC; padding-top:5px; padding-left:5px; padding-bottom:5px; color:White; border:none; } .RecipeBoxCardSectionHeading { font-weight: bold; FONT-SIZE: 11pt; color: #298CB6; } .RecipeBoxCardSection_td { padding-right:10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .RecipeBoxCard_tbl { BORDER-RIGHT: gray thin solid; BORDER-TOP: gray thin solid; BORDER-LEFT: gray thin solid; BORDER-BOTTOM: gray thin solid; MARGIN: 10px; HEIGHT: 5in; WIDTH: 7in; } .RecipeBoxCardNutrition_td { BORDER-RIGHT: gray thin solid; PADDING-RIGHT: 5px; BORDER-TOP: gray thin solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; PADDING-BOTTOM: 5px; BORDER-LEFT: gray thin solid; PADDING-TOP: 5px; BORDER-BOTTOM: gray thin solid; FONT-STYLE: italic; } .RecipeBoxShoppingListOptions_td { border-top:2px #298CB6 solid; border-bottom:2px #298CB6 solid; } .RecipeBoxShoppingListOptionsInner_td { border-right:2px #298CB6 solid; border-left:2px #298CB6 solid; border-top:2px #298CB6 solid; border-bottom:2px #298CB6 solid; } .RecipeBoxCardSeparator_tr { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; HEIGHT: 2px; background-color: gray; } .RecipeBoxCardNoPad_td { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; padding-top: 0px; padding-bottom: 0px; } .RecipeBoxSubNav_td { background-color: #298EBC; padding-top:5px; padding-left:5px; padding-bottom:5px; color:White; border:none; } /* Kraft Canada Recipe Styles */ /* Last Modified: 10/12/2007 */ body { } .AdvanceSearchBody { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .AdvanceSearchLabel { font-weight: bold; FONT-SIZE: 10pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .BrowseByCategoryBody { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .BrowseByCategoryBullet { color: #298CB6; } .cRecipeGrid1 { padding-right: 5px; padding-left: 5px; font-size: 8pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #ffcc00; } .cRecipeGrid2 { padding-right: 5px; padding-left: 5px; font-size: 8pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #ff9900; } .cRecipeGrid3 { padding-right: 5px; padding-left: 5px; font-size: 8pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #6699ff; } .cRecipeGrid4 { padding-right: 5px; padding-left: 5px; font-size: 8pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #99cc33; } .cRecipeGridHeading { font-weight: bold; FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .cRecipeGridImage { font-size: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .cRecipeGridImage1 { background-color: #ffcc00; vertical-align:top; } .cRecipeGridImage2 { background-color: #ff9900; vertical-align:top; } .cRecipeGridImage3 { background-color: #6699ff; vertical-align:top; } .cRecipeGridImage4 { background-color: #99cc33; vertical-align:top; } .cRecipeGridPrint1 { padding-right: 5px; padding-left: 5px; font-size: 9pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } .cRecipeGridPrint2 { padding-right: 5px; padding-left: 5px; font-size: 9pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } .cRecipeGridPrint3 { padding-right: 5px; padding-left: 5px; font-size: 9pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } .cRecipeGridPrint4 { padding-right: 5px; padding-left: 5px; font-size: 9pt; vertical-align: middle; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } .cRecipeGridWhite { padding-right: 5px; padding-left: 5px; font-size: 9pt; color: #333333; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; } .cRecipeGridWhitePrint { padding-right: 5px; padding-left: 5px; font-size: 9pt; color: #333333; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; border-style:none; } .CSSPrinterFriendlyHeading { color: #336699; } .CSSRecipeDescription { font-size: 9pt; color: #ffffff; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeDescriptionPrint { font-weight: normal; font-size: 10pt; color: #000000; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeIngredientLine { color: #cccccc; } .CSSRecipeIngredients { font-size: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } /***************************/ /* Recipe Nutritional Info */ /***************************/ .CSSRecipeNutrition { font-size: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeNutrition .CSSHeader { background-color:#FFFFFF; padding-left: 5px; padding-right: 5px; } .CSSRecipeNutrition .CSSTitle { font-weight: bold; } .CSSRecipeNutrition .CSSSmallTitle { font-size: 8pt; color: #298CB6; background-color:#FFFFFF; font-weight:bold; } .CSSRecipeNutrition .CSSDescription { color: #666666; font-size: 9pt; font-weight: normal; } .CSSRecipeNutrition .CSSFooter { font-weight: normal; background-color:#FFFFFF; } .CSSRecipeNutrition .CSSLabel { color: #666666; font-size: 9pt; text-align:right; background-color:#FFFFFF; } .CSSRecipeNutrition .CSSLabel a { color: #666666; font-weight:normal; } .CSSRecipeNutrition .CSSInfo { font-size: 9pt; color: #666666; text-align:left; background-color:#FFFFFF; } .CSSRecipeNutritionPrint { font-size: 10pt; width: 250; color: #000000; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeNutritionPrint .CSSHeader { color: #666666; font-size: 10pt; padding-left: 5px; padding-right: 5px; } .CSSRecipeNutritionPrint .CSSTitle { font-weight: bold; } .CSSRecipeNutritionPrint .CSSSmallTitle { font-size: 8pt; color: #298CB6; background-color:#FFFFFF; font-weight:bold; } .CSSRecipeNutritionPrint .CSSDescription { color: #666666; font-size: 9pt; font-weight: normal; } .CSSRecipeNutritionPrint .CSSLabel { font-size: 9pt; color: #666666; text-align:right; background-color:#FFFFFF; } .CSSRecipeNutritionPrint .CSSInfo { color: #666666; text-align:left; background-color:#FFFFFF; } .CSSRecipeNutritionPrint .CSSFooter { font-weight: normal; background-color:#FFFFFF; } .CSSRecipeNutritionBonus { font-size: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeNutritionBonus .CSSHeader { font-size: 9pt; font-weight: bold; color: #298CB6; } /* End Nutritional */ .CSSRecipePreparation { font-size: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } .CSSRecipePreparationNumbers { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; background-color: E9F4FA } .CSSRecipePreparationTitle { font-weight: bold; font-size: 12pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeRateLearnMore { font-size: 8pt; color: #298CB6; font-style: italic; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } .CSSRecipeRateLink { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #298CB6; } /************************/ /* Recipe Stats */ /************************/ .CSSRecipeStatsPrepTime { font-size: 9pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeStatsPrepTime .CSSLabel { color: #298CB6; font-weight: bold; } .CSSRecipeStatsPrepTime .CSSInfo { color: #666666; } .CSSRecipeStatsServes { font-size: 9pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeStatsServes .CSSLabel { color: #298CB6; font-weight: bold; } .CSSRecipeStatsServes .CSSInfo { color: #666666; } .CSSRecipeStatsTotalTime { font-size: 9pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeStatsTotalTime .CSSLabel { color: #298CB6; font-weight: bold; } .CSSRecipeStatsTotalTime .CSSInfo { color: #666666; } .CSSRecipeStatsRecipeRating { font-size: 9pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeStatsRecipeRating .CSSLabel { color: #666666; font-weight: bold; } .CSSRecipeStatsRecipeRating .CSSInfo { color: #666666; } /* End Recipe Stats */ .CSSRecipeTips { font-size: 10pt; color: #666666; background-color: #E9F4FA; font-family: Arial, Helvetica, sans-serif; padding-right: 3px; padding-left: 8px; padding-bottom: 3px; padding-top: 3px; } .CSSRecipeTips .CSSHeader { font-weight: bold; color: #298CB6; } .CSSRecipeTitle { font-size: 14pt; color: #ffffff; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeTitlePrint { font-weight: bold; font-size: 18px; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeUserRating { font-size: 9pt; padding-bottom: 15px; color: #666666; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeUserRating .CSSComment { font-size: 9pt; color: #666666; padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; } .CSSRecipeUserRating .CSSFooter { font-size: 9pt; font-style: italic; } .CSSRecipeUserRatingPageNav { color: #666666; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; } .CSSRecipeUserRatingViewAllLink { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #298CB6; } .KKECommentHeader { font-weight: bold; font-size: 10pt; padding-bottom: 3px; color: #666666; font-family: Arial, Helvetica, sans-serif; } .KKECommentText { border-right: #298EBC 1px solid; padding-right: 3px; border-top: #298EBC 1px solid; padding-left: 3px; font-size: 9pt; padding-bottom: 3px; border-left: #298EBC 1px solid; padding-top: 3px; border-bottom: #298EBC 1px solid; color: #666666; font-family: Arial, Helvetica, sans-serif; background-color: #E9F4FA; } .MakeItNowHeader { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #333333; font-weight: bold; } .MakeItNowLabel { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; font-weight: bold; } .MakeItNowTertiaryColour { background-color: #E9F4FA; } .PageNavigatorGroupText1 { font-weight: bold; font-size: 11pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif } .PageNavigatorGroupText2 { font-size: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif } .printedtitle { font-weight: bold; FONT-SIZE: 18px; color: #000000; font-family: Arial, Helvetica, sans-serif } .printedtext { font-weight: normal; FONT-SIZE: 10pt; color: #000000; font-family: Arial, Helvetica, sans-serif } .printedtextbold { font-weight: bold; FONT-SIZE: 10pt; color: #000000; font-family: Arial, Helvetica, sans-serif } .RecipeSearchResultHeader1 { FONT-SIZE: 8pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .RecipeSearchResultHeader2 { font-weight: bold; FONT-SIZE: 8pt; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #298EBC; padding-top:2px; padding-bottom:2px; } .RecipeSearchResultHeader3 { font-weight: bold; FONT-SIZE: 8pt; TEXT-DECORATION: underline; color: #ffffff; font-family: Arial, Helvetica, sans-serif; background-color: #298EBC; } .RecipeSearchResultLink { FONT-SIZE: 8pt; font-weight: bold; color: #298CB6; TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultLink:visited { FONT-SIZE: 8pt; font-weight: bold; color: #298CB6; TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultLink:active { FONT-SIZE: 8pt; font-weight: bold; color: #298CB6; TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultLink:hover { FONT-SIZE: 8pt; font-weight: bold; color: #298CB6; TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultLinkFeatured { FONT-SIZE: 11pt; font-weight: BOLD; color: #666666; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultLinkFeatured:visited { FONT-SIZE: 11pt; font-weight: BOLD; color: #666666; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultLinkFeatured:active { FONT-SIZE: 11pt; font-weight: BOLD; color: #666666; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultLinkFeatured:hover { FONT-SIZE: 11pt; font-weight: BOLD; color: #666666; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultRow1 { background-color: #EEEEEE; FONT-SIZE: 9pt; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultRow2 { background-color: #FFFFFF; FONT-SIZE: 9pt; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif } .RecipeSearchResultRowFeatured { background-color: #ffffff; FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .RecipeSearchResultRowFeaturedBody { font-weight: bold; FONT-STYLE: Italic; FONT-SIZE: 14pt; color: #298CB6; font-family: Gill-Sans, Helvetica, sans-serif; } .ResultSummaryLabel { FONT-SIZE: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } .ResultSummaryRowNotSelected { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .ResultSummaryRowSelected { font-weight: bold; FONT-SIZE: 10pt; color: #ffffff; font-family: Arial, Helvetica, sans-serif; background-color: #298EBC; } .SiteSearchTertiaryColour { background-color: #E9F4FA; } .waysToSearchHeader { font-weight: bold; FONT-SIZE: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } .waysToSearchLink { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .waysToSearchLink:active { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .waysToSearchLink:visited { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .waysToSearchLink:hover { font-weight: bold; FONT-SIZE: 8pt; color: #298CB6; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .WithInResultsBody { FONT-SIZE: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; } .WithInResultsLabel { font-weight: bold; FONT-SIZE: 9pt; color: #666666; font-family: Arial, Helvetica, sans-serif; } /* The Kraft Canada Healthy Living Tool Sidebar */ /* Last Modified: 10/12/2007 */ .HLtoolsArrowBg { background-color: #298CB6; } .HLtoolsHeader { font-weight: bold; TEXT-DECORATION:none; FONT-SIZE: 11pt; color: #298CB6; font-family: Arial, Helvetica, sans-serif; } .tools { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #298CB6;text-decoration: none; } .tools:visited { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #298CB6;text-decoration: none; } .tools:active { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #298CB6;text-decoration: none; } /* The Kraft Canada Dynamic Secondary Menu Styles */ /* Last Modified: 10/12/2007 */ .menuItemOn { background-color: #298CB6; color:#FFFFFF; font-style:normal; font-family:arial,tahoma,serif; font-size:10pt; text-align:left; margin:0px; padding:6px; } .menuItemOff { background-color: #E9F4FA; color: #298CB6; font-style:normal; font-family:arial,tahoma,serif; font-size:10pt; text-align:left; margin:0px; padding:6px; } .menuItemOn a { font-weight: normal; color: #FFFFFF; } .menuItemOn a:visited { font-weight: normal; color: #FFFFFF; } .menuItemOn a:active { font-weight: normal; color: #FFFFFF; } .menuItemOn a:hover { font-weight: normal; color: #FFFFFF; } A.menuItemOff:visited { font-weight: normal; color: #298CB6; } .headerMenuItemOn { font-style:normal; font-family:gill sans,serif; font-size:14pt; text-align:left; color: #298CB6; padding-left:6px; padding-top:8px; padding-bottom:4px; width:181px; } .headerMenuItemOff { font-style:normal; font-family:gill sans,serif; font-size:14pt; text-align:left; background-color: #E9F4FA; color: #298CB6; padding-left:6px; padding-top:8px; padding-bottom:4px; width:181px; } /* Message Board Styles */ .jive-page-title { font-size : 12pt; font-weight : bold; padding: 0px 0px 8px 3px; clear: both; } .jive-guest { font-style : italic !important; } .nobreak { white-space: nowrap; } .live-page-description { font-size : 10pt; padding: 0px 0px 8px 3px; } /* --------------------------------------------- */ /* Account Box */ /* --------------------------------------------- */ #jive-loginpage .jive-accountbox, #jive-logoutsuccesspage .jive-accountbox { float: right; } #jive-logoutsuccesspage .jive-page-title, #jive-loginpage .jive-page-title { float: left; } .jive-accountbox { padding-top: 4px; } .live-account-online { clear: both; width: 99%; padding-top: 4px; height: 1.8em; } .live-login-description { padding-top: 1em; } .jive-accountbox .jive-icon { padding : 3px; } .jive-accountbox .jive-icon-label { padding : 3px; white-space : nowrap; padding-right : 1em; font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } .jive-accountbox .jive-icon-label .jive-active { font-weight : bold; } .jive-accountbox THEAD TH { text-align : left; border-bottom : 1px #cccccc solid; } /* --------------------------------------------- */ /* Buttons */ /* --------------------------------------------- */ .jive-buttons { margin-bottom: 1em; } .jive-table .jive-buttons, .jive-buttons TABLE { } .jive-buttons .jive-icon { padding : 3px; } .jive-buttons .jive-icon.img { float: left; } .jive-buttons .jive-icon-label { padding : 3px; white-space : nowrap; padding-right : 1em; font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } #jive-categorypage .jive-buttons { padding-bottom : 3px; } /* --------------------------------------------- */ /* Search Forms */ /* --------------------------------------------- */ .jive-search-form { padding: 3px; } .jive-search-form TR { vertical-align : top; } .jive-search-form .jive-search-label { padding-top : 4px; } .jive-search-form LABEL, .jive-search-form INPUT, .jive-search-form SELECT { font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } .jive-search-form TD { padding : 3px; } .jive-search-form .jive-search-label { white-space : nowrap; padding-right : 0.5em; } #jive-searchpage .jive-search-form TD { padding : 5px; } .jive-search-results .jive-table THEAD TH { text-align : left; } .jive-search-results .jive-table .jive-search-noresults { padding : 1em; font-style : italics; } .jive-search-results .jive-result .jive-result-info, .jive-search-results .jive-search-result .jive-body { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; } .jive-search-results .jive-search-result .jive-body { padding : 1em; } .jive-search-results .jive-search-result .jive-result-link { font-weight : bold; } /* --------------------------------------------- */ /* Error styles */ /* --------------------------------------------- */ .jive-error-message .jive-icon { padding-right : 6px; } .jive-error-message .jive-icon-label, .jive-error-text { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; color : #f00; } .jive-error-message .jive-icon-label { padding-top : 1px; } /* --------------------------------------------- */ /* Success styles */ /* --------------------------------------------- */ .jive-success-message .jive-icon { padding-right : 6px; } .jive-success-message .jive-icon-label, .jive-success-text { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; color : #090; } .jive-success-message .jive-icon-label { padding-top : 1px; } /* --------------------------------------------- */ /* Footer */ /* --------------------------------------------- */ #jive-footer TD, #jive-footer { font-size : 0.8em; font-weight : bold; text-align : center; border-top : 1px #cccccc solid; padding-top : 5px; clear: both; } #jive-footer TD A, #jive-footer A { color : #666; text-decoration : none; } #jive-footer TD A:hover, #jive-footer A:hover { text-decoration : underline; } /* --------------------------------------------- */ /* Breadcrumbs */ /* --------------------------------------------- */ .jive-breadcrumbs { float: left; width: 50%; font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; color : #003399; font-weight : bold; padding: 3px; } .jive-breadcrumbs A:visited, .jive-breadcrumbs A:link, .jive-breadcrumbs A:hover { color : #003399; } .jive-breadcrumbs .jive-last-link { text-decoration : none; } /* --------------------------------------------- */ /* Paginator */ /* --------------------------------------------- */ .jive-paginator, .jive-paginator A { font-family : arial, helvetica, sans-serif; font-size : 9pt; font-weight : bold; } .jive-paginator A { text-decoration : none; border : 1px #fff solid; } .jive-paginator A:hover { border : 1px #ccc solid; color : #000; background-color : #ffc; text-decoration : none; } .jive-paginator .jive-current { color : #000; background-color : #eee; border : 1px #ccc solid; text-decoration : none; } /* --------------------------------------------- */ /* Descriptions, legends */ /* --------------------------------------------- */ .jive-description, .jive-legend .jive-icon-label { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; } .jive-legend .jive-icon-label { padding-left : 5px; } .jive-legend .jive-icon { padding-top : 2px; padding-bottom : 2px; } /* --------------------------------------------- */ /* Tables */ /* --------------------------------------------- */ .jive-table, .jive-table table { width : 100%; border-collapse: collapse; border: 0; } .jive-table TD, .jive-table TH .jive-table TBODY TD, .jive-table THEAD TH { padding : 3px; border: 1px solid #ccc; } .jive-table THEAD TH { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-align : left; background-color : #1a63a5; color : #fff; } .jive-table THEAD TH A { color : #fff; 2000 } .jive-watchlist .jive-watch-message { border-left : 1px #ccc solid; } .jive-table TFOOT TD { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; background-color : #ddd; } .jive-table .jive-odd {} .jive-table .jive-even { background-color : #eee; } .jive-table .light-header { background-color : #999; } .jive-table TFOOT INPUT, .jive-table TFOOT SELECT { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; } .jive-table .jive-active { background-color : #ffc; } .jive-table .jive-active TD, .jive-table .jive-active TH { border-bottom : 1px #999 solid; } .jive-form-table TH, .jive-form-table TD { padding : 3px; } #jive-reply-tree .jive-table .jive-current TD { background-color : #ffffcc; vertical-align : middle; } #jive-reply-tree .jive-table .jive-current A { font-weight : bold; } /* --------------------------------------------- */ /* Portlet Boxes */ /* --------------------------------------------- */ .jive-portlet-box { border : 1px #cccccc solid; margin-bottom : 1em; } .jive-portlet-box .body .live-last-post { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; margin-left: 16px; padding: 3px; } .jive-portlet-box THEAD TH, .jive-portlet-box TBODY TD, .jive-portlet-box .body, .jive-portlet-box .header { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; padding : 3px; } .jive-portlet-box THEAD TH, .jive-portlet-box .header { text-align : left; font-weight : bold; background-color : #eee; border-bottom : 1px #cccccc solid; } .jive-portlet-box TBODY TD { vertical-align : top; } .jive-portlet-box LABEL { padding-top : 2px; } .jive-portlet-box ul { padding-left: 14px; margin: 0; } .jive-portlet-box li { margin: 0 0 7px 0; } /* --------------------------------------------- */ /* Category, Forum and Thread lists */ /* --------------------------------------------- */ .jive-forum-list .jive-table .jive-category-name { font-family : arial, helvetica, sans-serif; font-size : 10pt; font-weight : bold; background-color : #eee; color : #000; } .jive-category-name .jive-description { font-weight : normal; } .jive-forum-list .jive-forum-name A { font-weight : bold; } .jive-forum-list .jive-forum-name .jive-description A { font-weight : normal; } .jive-forum-list .jive-table .jive-category-name A { color : #000; text-decoration : none; } .jive-forum-list .jive-table .jive-category-name A:hover { text-decoration : underline; } .jive-forum-list .jive-table .jive-even, .jive-forum-list .jive-table .jive-odd { background-color : #fff; } .jive-view-count, .jive-msg-count { text-align : center; } .jive-thread-list THEAD .jive-forum-name, .jive-thread-list THEAD .jive-date, .blog-topic-list THEAD .jive-forum-name, .blog-topic-list THEAD .jive-date, .photo-topic-list THEAD .jive-forum-name, .photo-topic-list THEAD .jive-date, .storyboard-topic-list THEAD .jive-forum-name, .storyboard-topic-list THEAD .jive-date { color : #fff; } .jive-forum-list .jive-table .jive-last-post, .jive-thread-list .jive-table .jive-last-post, .blog-topic-list .jive-table .jive-last-post, .photo-topic-list .jive-table .jive-last-post, .storyboard-topic-list .jive-table .jive-last-post, .jive-table .jive-date { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; } .jive-thread-list .jive-forum-name, .blog-topic-list .jive-forum-name, .storyboard-topic-list .jive-forum-name, .photo-topic-list .jive-forum-name { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; padding-left : 0.5em; padding-right : 0.5em; } /* --------------------------------------------- */ /* Message list */ /* --------------------------------------------- */ .thread-replies { } .thread-indent { margin-left: 20px; } .jive-message-list, profile-message-list, .blog-topic, .photo-topic, .storyboard-topic, .calendar-reply-list { margin-bottom : 0.5em; } .jive-message-list .jive-table THEAD TH, .blog-topic .jive-table THEAD TH, .photo-topic .jive-table THEAD TH, .storyboard-topic .jive-table THEAD TH { text-align : left; font-weight : normal; } .jive-message-list .jive-table THEAD TH A, .blog-topic .jive-table THEAD TH A, .photo-topic .jive-table THEAD TH A, .storyboard-topic .jive-table THEAD TH A { color : #fff; font-weight : normal; } .jive-message-list .jive-table .jive-paginator A, .blog-topic .jive-table .jive-paginator A, .photo-topic .jive-table .jive-paginator A, .storyboard-topic .jive-table .jive-paginator A { border : 1px #1a63a5 solid; } .jive-message-list .jive-table .jive-paginator A:hover, .blog-topic .jive-table .jive-paginator A:hover, .photo-topic .jive-table .jive-paginator A:hover, .storyboard-topic .jive-table .jive-paginator A:hover { background-color : #ffc; border : 1px #369 solid; color : #000; } .jive-message-list .jive-table .jive-paginator .jive-current, .blog-topic .jive-table .jive-paginator .jive-current, .photo-topic .jive-table .jive-paginator .jive-current, .storyboard-topic .jive-table .jive-paginator .jive-current { border : 1px #369 solid; background-color : #eee; color : #000; } .jive-message-list .jive-table .jive-subject, .blog-topic .jive-table .jive-subject, .photo-topic .jive-table .jive-subject, .storyboard-topic .jive-table .jive-subject { font-weight : bold; } .jive-message-list .jive-table TD, .jive-message-list .jive-table TH .jive-message-list .jive-table TBODY TD, .jive-message-list .jive-table THEAD TH { padding : 8px; } .jive-message-list .jive-table TD.live-message-body, .jive-message-list .jive-table TBODY TD.live-message-body { padding-top: 1.5em; padding-bottom: 1.5em; } /* --------------------------------------------- */ /* Info and errors */ /* --------------------------------------------- */ .jive-info-message { margin-bottom : 1em; } .jive-info-message TBODY TD { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; } .jive-info-message TBODY TD A { font-weight : normal; } .jive-info-message .jive-icon { padding-right : 6px; } /* --------------------------------------------- */ /* Search */ /* --------------------------------------------- */ .jive-search-result .jive-hilite { background-color : #ff0; font-weight : bold; } /* --------------------------------------------- */ /* Search */ /* --------------------------------------------- */ .jive-faq-answer { font-weight : bold; } /* --------------------------------------------- */ /* Login */ /* --------------------------------------------- */ .jive-login-form { width : 60%; } .jive-login-form .jive-table .jive-label { width : 30%; text-align : right; padding-right : 1em; } .jive-login-form TABLE { border : 1px #cccccc solid; } .jive-login-form TD { border-width : 0px; } /* --------------------------------------------- */ /* Polls */ /* --------------------------------------------- */ #jive-pollpage .jive-table { width : 400px; } #jive-pollpage .jive-table TABLE { width : 100%; } .jive-poll-results .jive-total TD { border-top : 1px #cccccc solid; } .jive-poll-results .jive-label { font-weight : bold; } .poll-name { font-weight: bold; } .poll-options ul { list-style-type: none; } .poll-options bar { } .poll-vote { margin-bottom: 5px; } /* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- */ /* Page styles - these are styles for specific pages which extend the ones */ /* defined above. */ /* -------------------------- 2000 -------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- */ /* --------------------------------------------- */ /* Extra front page styles */ /* --------------------------------------------- */ #jive-frontpage .jive-search-form TR { vertical-align : middle; } /* --------------------------------------------- */ /* Extra portlet styles */ /* --------------------------------------------- */ #jive-frontpage .jive-portlet-box, #jive-categorypage .jive-portlet-box, #jive-forumpage .jive-portlet-box { margin-left : 1em; } /* --------------------------------------------- */ /* Extra thread list styles */ /* --------------------------------------------- */ .jive-thread-list { margin-top: 1em; } #jive-forumpage .jive-thread-list .jive-table TR, #jive-categorypage .jive-thread-list .jive-table TR, .blog-content .blog-topic-list .jive-table TR, .photo-content .photo-topic-list .jive-table TR, .storyboard-content .storyboard-topic-list .jive-table TR { vertical-align : middle; } /* --------------------------------------------- */ /* Extra RSS page styles */ /* --------------------------------------------- */ #jive-rsspage .jive-portlet-box { margin-left : 1em; } /* --------------------------------------------- */ /* Spell checking styles */ /* --------------------------------------------- */ .jive-spell-error-current, .jive-spell-error { color : #f00; border-bottom : #f00 2px dotted; } .jive-spell-error-current { background-color : #eee; font-weight : bold; } #jive-spellpage .jive-table .jive-spell-button { background-color : #eee; font-size : 8pt; font-family : verdana,arial,helvetica,sans-serif; padding : 2px 6px 2px 6px; } /* --------------------------------------------- */ /* Quote original styles */ /* --------------------------------------------- */ .jive-quoteheader { font-weight : bold; width : 90%; margin-left : 15px; } .jive-quote { border : #d1d7dc 1px solid; /* font-size : 11px; */ color : #444; /* line-height : 125%; */ /* font-family : Verdana, Arial, Helvetica, sans-serif; */ background-color : #fafafa; width : 90%; margin-left : 15px; } /* --------------------------------------------- */ /* Extra settings and watch page styles */ /* --------------------------------------------- */ .jive-settings .jive-table TH, .jive-watchlist .jive-table TH { text-align : left; } .jive-settings .jive-table .jive-label { width : 30%; } .jive-watchlist .jive-watchlist-internal { /* margin : 10px; margin-bottom : 20px; */ width : 100%; } .jive-watchlist .jive-watchlist-internal TH { background-color : #eee; border-width : 1px 0px 1px 1px; border-color : #cccccc; border-style : solid; color : #000; } .jive-watchlist .jive-watchlist-internal .cn { border-right : 1px #cccccc solid; } .jive-watchlist .jive-watchlist-internal .c1 { border-left : 1px #cccccc solid; } .jive-watchlist .jive-watchlist-internal TBODY TR { background-color : #eee; border-width : 0px 1px 0px 1px; border-color : #cccccc; border-style : solid; } .jive-watchlist .jive-watchlist-internal .jive-odd, .jive-watchlist .jive-watchlist-internal .jive-even { background-color : #fff; } .jive-watchlist .jive-watchlist-internal TBODY TD { border-bottom : 1px #cccccc solid; } .jive-watchlist .jive-watchlist-internal TFOOT TD { background-color : #fff; } .jive-watchlist .jive-watch-message { padding : 10px; } /* --------------------------------------------- */ /* Private Messages */ /* --------------------------------------------- */ .jive-pm-usage { font-size : 8pt; font-family : verdana; } .jive-pm-unread { font-weight: bold; } #jive-pmpage .jive-info-message { padding : 3px; } #jive-pmpage .jive-mark-buttons INPUT, #jive-pmpage .jive-mark-buttons SELECT, #jive-pmpage .jive-jump-box SELECT { font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } #jive-pmpage .jive-pm-msg-row TD { border-bottom : 1px #cccccc solid; } #jive-pmpage .jive-pm-msg-row-sel TD { border-bottom : 1px #999 solid; background-color : #ffc; } #jive-pm-folder-box TH, #jive-pm-folder-box TD { font-size : 8pt; font-family : verdana; } #jive-pm-folder-box { margin-right : 8px; } #jive-pm-folder-box TABLE { border : 1px #cccccc solid; } #jive-pm-folder-box TH { text-align : left; font-weight : bold; background-color : #eee; border-bottom : 1px #cccccc solid; } #jive-pm-folder-box .jive-pm-folder-total TD { border-top : 1px #ccc solid; } .jive-pm-folder-warn { color : #c30; font-weight : bold; } .jive-pm-folder-bar, .jive-pm-folder-bar TABLE { border : 1px #666 solid; padding : 0px; margin : 0px; } #jive-pmpage .jive-pm-list TFOOT { border-top : 1px #cccccc solid; } #jive-pmpage .jive-pm-list TFOOT TD { background-color : #eee; } #jive-pmpage .jive-table .jive-paginator A { border : 1px #eee solid; } #jive-pmpage .jive-table .jive-paginator A:hover { background-color : #ffc; border : 1px #369 solid; color : #000; } #jive-pmpage .jive-table .jive-paginator .jive-current { border : 1px #666 solid; background-color : #eee; color : #000; } #jive-folder-form { margin-right : 10px; } #jive-folder-form TABLE { border : 1px #cccccc solid; } #jive-folder-form TD, #jive-folder-form TH, #jive-folder-form INPUT, #jive-folder-list INPUT { font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } #jive-folder-form TH { background-color : #eee; text-align : left; } #jive-folder-list TABLE { border : 1px #cccccc solid; } #jive-folder-list TH, #jive-folder-list TD { font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } #jive-folder-list TH { background-color : #eee; text-align : left; } #jive-folder-list TD { border-top : 1px #cccccc solid; } .jive-pm-box .jive-table .jive-body { padding : 12px; } .jive-pm-box .jive-table .jive-label { white-space : nowrap; width : 75px; } .jive-pm-box .jive-table THEAD TH { text-align : left; } #jive-pmviewpage .jive-nextprev { text-align : right; font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } /* --------------------------------------------- */ /* Timer (not enabled by default) */ /* --------------------------------------------- */ .jive-timer { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; color : #999; text-align : center; } /* --------------------------------------------- */ /* LiveWorld */ /* --------------------------------------------- */ .asterisk { color: red; font-weight: bold; } .jive-avatar { } .live-rating { white-space: nowrap; padding: 3px; } .live-watching { } td.jive-author { white-space: nowrap; } td.live-subject-box, .jive-table td.live-subject-box { border-right : 0px; } td.live-message-buttons, .jive-table td.live-message-buttons { border-left : 0px; } td.live-author-box { padding: 5px; white-space: nowrap; } .live-author { font-weight: normal; padding-bottom: 1em; } .jive-messagebox .live-author-box .jive-description { margin-top: 20px; } .jive-messagebox { margin-bottom: 10px; } .jive-attachment-list, .jive-attachment { margin-top: 5px; } .rss { float: right; } /* ------------------------------------- */ /* Community Center */ /* ------------------------------------- */ .header { font-weight: bold; } .navigation-menu { float: left; padding: 4px 4px 4px 4px; width: 13.5%; clear: both; } .navigation-menu .navigation-head { font-weight: bold; color: #fff; background-color: #6699CC; border-bottom: #909090 solid 1px; white-space: nowrap; text-align: center; padding: 6px 6px; } .navigation-menu L 2000 I { background-color: #EEEEEE; border-bottom: #909090 solid 1px; text-align: center; padding: 6px 6px; } .navigation-menu LI .active { background-color: #eee; border-bottom: #909090 solid 1px; white-space: nowrap; text-align: center; } .navigation-menu A:hover { color: #000; } .live-top-navigation { clear: both; width: 99%; margin: 0px 3px 3px 3px; padding: 4px 0px 8px 0px; border-top: 2px solid #999999; border-bottom: 2px solid #999999; } /* Table-Based navigation styles These are being replaced by the list-based navigation, above. These styles should match font, color, alignment and padding with the list-based styles above */ .navigation-side { font-family : arial, helvetica, sans-serif; font-size : 10pt; color : #000000; } .navigation-side TD { background-color : #eee; border-bottom: #909090 solid 1px; white-space: nowrap; text-align: center; } .navigation-side TD .active { background-color : #eee; border-bottom: #909090 solid 1px; white-space: nowrap; text-align: center; } .navigation-side TH { font-weight : bold; background-color : #1a63a5; color : #ffffff; border-bottom: #909090 solid 1px; text-align: center; } .navigation-side A:hover { color : #000; } /* end going away */ .live-custom-links { float: left; width: 35%; } .live-powered-by { color: rgb(102, 102, 102); text-decoration: none; font-size: 7.5pt; font-family: Arial,Helvetica,sans-serif; width: 14%; float: right; text-align: right; } .jive-buttons UL LI, .live-buttons LI, .live-button-links { display: inline; position: relative; left: -1px; } .jive-buttons UL LI .jive-icon, .live-buttons LI, .live-button-links .jive-icon { position: relative; left: 4px; } .live-search-button { text-align: right; padding: 8px 0px 0px 0px; } .jive-announcement { padding: 10px; background-color: #efefef; margin-bottom : 1em; } .jive-announcement-post { padding: 0px 4px 4px 0px; text-align: right; } .jive-announcement-edit { font-size: 8pt; } .navigation-menu UL, .jive-buttons UL, .live-portlet-list, .live-buttons { list-style-type: none; padding: 0px; margin: 0px; position: relative; } .jive-message-list .jive-buttons, .storyboard-topic .jive-buttons { white-space: nowrap; } .live-buttons { margin-bottom: 8px; } .live-header { position: relative; padding-top: 0; } .live-header-right { position: relative; top: -38px; left: 5px; } .live-welcomeuser { float: left; width: 30%; } .live-welcometext { font-weight: bold; position: relative; top: 3px; } .live-login { float: left; width: 20%; } .live-login-icon { position: relative; top: 3px; } .live-logintext { position: relative; top: -1px; } .live-help { float: left; width: 5%; } .live-help-icon { position: relative; top: 3px; } .live-online { float: right; width: 45%; text-align: right; } .live-onlinetext { position: relative; top: 3px; } .live-footer-navigation { clear: both; margin-top: 4em; text-align: center } .by { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; } .content { /* with portlets */ float: left; width: 62%; padding: 6px; } .content-full { /* without portlets */ float: left; width: 81%; padding: 6px; } .clear { clear: both; } .nowrap { white-space: nowrap; } .live-message-list-header, .live-message-list-footer, .live-thread-list-header, .live-thread-list-footer { padding: 5px; margin-bottom: 5px; margin-top: 5px; } .live-message-list-header { background-color : #1a63a5; border-top : 1px #369 solid; border-bottom : 1px #369 solid; } .live-message-list-header TD, .live-message-list-footer TD, .live-message-list-header .jive-paginator, .live-message-list-footer .jive-paginator { font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; font-weight: normal; vertical-align: top; } .live-message-list-header TD, .live-message-list-header A, .live-message-list-header .jive-paginator { color: #fff; } .portlets { float: right; width: 20%; margin: 6px 0px 0px 8px; } .topic-list, .blog-topic-list { } /* ------------------------------------- */ /* Community Center: Calendars */ /* ------------------------------------- */ .calendar { color: #000000; } .calendar .header-row { position: relative; padding: 6px; } .header-row .previous { /* left */ width: 33%; font-weight: normal; } .header-row .view, .header-row .event-name { /* left */ width: 50%; font-weight: normal; } .header-row .event-name { font-weight: bold; font-size : 120%; } .header-row .event-types { /* left */ width: 66%; } .header-row .calendar-title { font-size: 120%; font-weight: bold; width: 33%; position: absolute; top: 5px; left: 33.3%; text-align: center; } .header-row .next, .header-row .date-select { /* right */ width: 33%; position: absolute; top: 5px; left: 66.6%; text-align: right; font-weight: normal; } .header-row .buttons { /* right */ width: 50%; position: absolute; top: 5px; left: 49.5%; text-align: right; font-weight: normal; } .calendar-navigation { font-weight: bold; } .calendar .event-types, .header-row .date-select input, .header-row .date-select select { font-size: 8pt; } .event-description { font-size: 80%; } .event-type, .event-city, .event-state, .event-country, .event-name, .event-organizer, .event-replies, .event-rsvp { } .events-found { font-weight: bold; } .calendar-monthly TH A, .event-list TH A { color : #fff; } .calendar-monthly TABLE { background: #1a63a5; border: 0; width: 100%; border-collapse: collapse; } .calendar-monthly TD, .calendar-monthly TH { padding : 3px; border: 2px solid #666666; } .calendar-monthly TD { background-color: #ffffff; font-size: 90%; vertical-align: top; height: 100px; } .calendar-monthly TH { background-color : #1a63a5; color : #fff; text-align: center; font-weight: bold; } .calendar-monthly .none { background-color : #1a63a5; } .calendar-monthly .day { font-size: 120%; font-weight: bold; } .calendar-monthly .weekly { font-size: 80%; } .calendar-monthly .today { background: #ffffcc; } .calendar-monthly .event { font-size: 90%; } .event-list TABLE, .event TABLE { border: 0; width: 100%; border-collapse: collapse; } .event-list TD, .event-list TH, .event TD, .event TH { padding : 3px; vertical-align: top; } .event-replies, .event-rsvp { text-align: center; } .event-time, .event-list .event-time TD { whitespace: nowrap; font-size: 80%; } .event-list TH, .event TH { text-align: left; font-weight: bold; background-color : #1a63a5; color : #fff; } .event-title { font-weight: bold; font-size: 120%; } /* ------------------------------------- */ /* Community Center: Galleries */ /* ------------------------------------- */ /* Showcase Gallery */ .gallery-showcase-photos { float: left; width: 49%; background-color: #ffa702; border: 0; margin: 2px; } .gallery-showcase-photos .featured-photos .header { border-bottom: 1px solid #1a63a5; background-color: #1a63a5; color: #ffffff; padding: 3px; } .gallery-showcase-photos .featured-photos .photo { background-color: #ffa702; border: 0; } .gallery-showcase-blog { float: left; width: 49%; margin: 2px; } .gallery-showcase-blog .featured-blogs .header { background-color: #1a63a5; color: #ffffff; border: 0; padding: 3px; } .gallery-showcase-blog .featured-blogs .blog { border: 0; background-color: #ffffff; border: 1px solid #ffa702; margin: 0; } .gallery-showcase-profile { clear: both; float: left; width: 49%; margin: 2px; } .gallery-showcase-profile .featured-profiles .header { background-color: #1a63a5; color: #ffffff; border: 0; padding: 3px; } .gallery-showcase-profile .featured-profiles { background-color: #ffa702; } .gallery-showcase-profile .featured-profiles .profile { background-color: #ffffff; border: 0; margin: 1px; border-bottom: 1px solid #ffa702; } .gallery-showcase-threads { float: left; width: 33%; margin: 2px; } .gallery-showcase-threads .jive-portlet-box { border : 1px #ffa702 solid; } .gallery-showcase-threads .ji 2000 ve-portlet-box .body, .gallery-showcase-threads .jive-portlet-box .header { font-family : arial,helvetica,sans-serif; font-size : 10pt; } .gallery-showcase-threads .jive-portlet-box { border : 0; } .gallery-showcase-threads .jive-portlet-box .body { border : 1px #ffa702 solid; } .gallery-showcase-threads .jive-portlet-box .header { color: #fff; background-color: #1a63a5; border : 0; } .gallery-showcase-storyboard { clear: both; margin: 2px; } .gallery-showcase-storyboard .featured-storyboards .header { background-color: #1a63a5; color: #ffffff; border: 0; padding: 3px; } .gallery-showcase-storyboard .featured-storyboards { background-color: #ffa702; } .gallery-showcase-storyboard .featured-storyboards .storyboard { margin: 0; border: 0; background-color: #ffa702; } .gallery-welcome-content { background-color : #fff; } /* Forum Gallery */ /* welcome section */ .gallery-forums-welcome { width: 75%; float: left; } .gallery-forums-welcome .photo { float: left; padding: 0; border : 1px solid #1a63a5; } .gallery-forums-welcome .navigation { float: left; margin-left: 1em; } .gallery-forums-welcome .navigation .header { font-size: 1.2em; font-weight: bold; border-bottom: 1px dotted #000000; } .gallery-forums-welcome .navigation .description { float: left; padding-top: 1em; } .gallery-forums-welcome .navigation .links { float: left; padding-top: 1em; } .gallery-forums-welcome .navigation .links UL { list-style-type: none; margin: 0; padding-left: 5px; } .gallery-forums-welcome .navigation .links UL LI { font-weight: bold; } /* portlets section */ .gallery-forums-portlets { width: 25%; float: left; } .gallery-forums-portlets .jive-announcement { background-color: #ffffff; border: 1px dotted #000000; } /* content section */ .gallery-forums-content { clear: both; padding-top: 1em; } .gallery-forums-content .poll .jive-portlet-box .poll-options ul { font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } .gallery-forums-content .jive-portlet-box { float: left; width: 30%; margin-left: 0; margin-right: 1%; } .gallery-forums-photos { float: left; width: 25%; background-color: #ffffff; border: 1px solid #000000; margin-top: 2px; margin-left: 1%; margin-right: 1%; text-align: center; } .gallery-forums-photos .featured-photos .header { border-bottom: 1px solid #000000; background-color : #1a63a5; color: #ffffff; padding: 3px; } .gallery-forums-photos .featured-photos { } .gallery-forums-photos .featured-photos .photo { border: 0; background-color: #ffffff; } .gallery-forums-profile { float: right; width: 40%; background-color: #ffffff; border: 1px solid #000000; margin-top: 2px; margin-right: 2px; margin-left: 1%; } .gallery-forums-profile .featured-profiles .header { border-bottom: 1px solid #000000; background-color : #1a63a5; color: #ffffff; padding: 3px; text-align: center; } .gallery-forums-profile .featured-profiles, .gallery-forums-profile .featured-profiles .profile { background-color: #ffffff; color: #000000; border: 0; } /* styles for all portlets on this page */ .gallery-forums-portlets .jive-portlet-box, .gallery-forums-content .jive-portlet-box { border: 1px solid #000000; margin: 2px; } .gallery-forums-portlets .jive-portlet-box .header, .gallery-forums-content .jive-portlet-box .header { font-family : arial,helvetica,sans-serif; font-size : 10pt; border-bottom: 1px solid #000000; background-color : #1a63a5; color: #ffffff; padding: 3px; text-align: center; } .gallery-forums-portlets .jive-portlet-box .body, .gallery-forums-content .jive-portlet-box .body { background-color: #ffffff; } /* ------------------------------------- */ /* Community Center: Blogs */ /* ------------------------------------- */ .blog-header { background-color: #efefef; } .blog-header-comment { background-color: #ffffff; } .blog-dateline { font-weight: bold; color: #336699; } .blog-subject, .blog-post-comment { font-weight: bold; } .blog-posted-by, .blog-buttons { font-size: 90%; } .blog-comment { background-color: #efefef; margin-top: 10px; padding-bottom: 10px; } .blog-footer { border-top : 1px #cccccc solid; } .blog-comments { font-weight: bold; border-bottom: 1px solid #000; margin-bottom: 5px; padding: 3px; } .featured-blogs { } .featured-blogs .header { } .featured-blogs .blog { background-color: #ffffcc; padding: 5px; margin: 5px; border: 1px #000000 solid; } .blog-content { } .blog-excerpt { } .blog-excerpt img { float: left; margin: 5px; } .blog-footer { font-size: 9pt; font-color: #333333; border-top: 1px #ccc solid; } .blog-header { background-color: #efefef; } .blog-header-comment { background-color: #ffffff; } .blog-subject { font-weight: bold; } .blog-title { font-weight: bold; } .blog-post-form { } /* ------------------------------------- */ /* Community Center: Storyboards */ /* ------------------------------------- */ .storyboard-content, .storyboard-list { } .storyboard-header { text-align : left; background-color : #eee; border-bottom : 1px #cccccc solid; padding: 3px; } .featured-storyboards { clear: both; } .featured-storyboards .storyboard .header { border-bottom: 1px solid #000000; } .featured-storyboards .storyboard { background-color: #ffffcc; padding: 5px; margin: 5px; border: 1px #000000 solid; } .storyboard { clear: both; } .storyboard-photo, .storyboard-compare { float: left; text-align: center; } .storyboard-compare { background-color: #ffffcc; } .storyboard-poll { } .storyboard-title { font-weight: bold; } .storyboard-caption { font-size: 0.8em; } .storyboard-label { font-weight: bold; } .storyboard-thumbnails .thumbnail { display: inline; text-align:center; } /* ------------------------------------- */ /* Community Center: Photo Albums */ /* ------------------------------------- */ .album-cover-book { background-color: #989598; } /* each row of albums in forum page */ .album-thread-row { } .album-cover TD { padding : 0px 0px 0px 0px; } .album-num-photos { background-color: #989598; padding : 0px 0px 0px 0px; } .album-title { } .album-body { margin: 10px; } .featured-photos { margin-left: auto; margin-right: auto; } .featured-photos .header { text-align: center; } .featured-photos .photo { background-color: #ffffcc; padding: 5px; border: 1px #000000 solid; text-align: center; } .photo-title { font-weight: bold; } .photo-topic-list { } .photo-topic-list .photo { float: left; } .photo-title { font-weight: bold; } .photo-caption { font-size: 0.8em; } .photo-content { } .photo { padding: 3px; margin-left: auto; margin-right: auto; } .live-album-list { float: left; } .thumb-table TR TD { border: none; margin: 0; padding: 0; } .thumb-background { width: 96px; height: 106px; background-image: url('images/gallery/notebook.gif'); text-align: center; } .thumb-inner { display: table; margin: 2px 10px 0px 12px; } .thumb-image { width:80px; height:80px; display: table-cell; vertical-align: middle; } .thumb-image a { } .thumb-image a img { } .thumb-count { text-align: center; } /* ------------------------------------- */ /* Community Center: Profiles */ /* ------------------------------------- */ .featured-profiles { } .featured-profiles .header { } .profile { background-color: #ffffcc; border: 1px #000000 solid; margin: 5px; padding: 5px; } .profile img { float: left; margin: 5px; } .profile-label { font-weight: bold; } .profile .header, .profile-member-info .header, .profile-gallery .header, .profile-blog .header, .profile-friends .header, .profile-storyboard .header { background-color : #1a63a5; color : #fff; text-align: left; font-weight: bold; border-top : 1px #369 solid; border-bottom : 1px #369 solid; padding: 3px; } .profile-member-info .name { font-weight: bold; } .profile-member-info .jive-label { padding-right: 1em; } .profile-member-info .value { } .profile-friends { clear: both; } .profile .jive-table THEAD TH { text-align 911 : left; } .profile .jive-table TBODY TD { } .profile-member-info, .profile-gallery, .profile-blog, .profile-storyboard, .profile-message-list { padding: 3px; } .profile-member-info, .profile-gallery, .profile-blog { float: left; width: 32%; } .profile-member-info .jive-table THEAD TH, .profile-member-info .jive-table TH, .profile-member-info .jive-table TBODY TD, .profile-member-info .jive-table TD, .profile-member-info .jive-table TBODY .jive-first-last, .profile-member-info .jive-table TFOOT .jive-first-last, .profile-member-info .jive-table TBODY .jive-first, .profile-member-info .jive-table TBODY .jive-category-name, .profile-member-info .jive-table TFOOT .jive-first, #jive-profilepage .profile-member-info .jive-table TBODY .jive-label { text-align: left; border-width : 0px; } .profile-storyboard { clear: both; } .profile-gallery .photo { text-align: center; } .profile-member-info .jive-table { } /* ------------------------------------- */ /* Community Center: Directory */ /* ------------------------------------- */ .live-directory .jive-table THEAD TH { text-align : left; font-weight : normal; } .live-directory .jive-table THEAD TH A { color : #fff; font-weight : normal; } live-directory .jive-table .jive-paginator A { border : 1px #1a63a5 solid; } .live-directory .jive-table .jive-paginator A:hover { background-color : #ffc; border : 1px #369 solid; color : #000; } .live-directory .jive-table .jive-paginator .jive-current { border : 1px #369 solid; background-color : #eee; color : #000; } .live-directory .jive-table .jive-subject { font-weight : bold; } /* --------------------------------------------- */ /* Friends List */ /* --------------------------------------------- */ .live-friends-request-action { text-align: left; } .live-friends-request-action-button { margin-right: 2em; display: inline; } .live-friends-more { padding-top: 1em; clear: both; } .live-friends-list .live-watching { font-size : 8pt; font-family : verdana, arial, helvetica, sans-serif; } .live-friends-list .live-friend { border: 1px dotted #000000; float: left; padding: 5px; text-align: center; margin: 5px; } .live-friends-list .live-friend-name { font-weight: bold; text-align: center; }