/* --------------------------------------------------- KRAFT NUTRITION STYLES ------------------------------------------------------ */ /* --------------------------------------------------- LEFT NAV STYLES These styles were created to correct the "leftnav" class that was showing up in the main template for the left nav items */ a.leftnav:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline; } a.leftnav:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline; } a.leftnav:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline; } a.leftnav:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; } /* --------------------------------------------------- KGNU ARTICLE PAGE STYLES */ .knuArticleRecipeTitles { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003399; } .knuArticleTable { margin-top: 10px; margin-bottom: 20px; border-collapse: collapse; } #knuArticleRecipe { width:518px; *width: 542px; border:solid 2px #99ccff; padding: 10px; margin-bottom:20px; } #knuArticleRecipe p { line-height: 1.2; margin-bottom: 5px; } #knuArticleRecipe h3 { font-size: 14px; color: #003399; margin:0px; } #knuArticleRecipe img { float:right; margin-left: 5px; margin-top: 12px; margin-bottom: 5px; } #knuArticleRecipe table#knuRecipeIngredients { margin-bottom:20px; border-collapse:collapse; margin-top:10px; } #knuArticleRecipe table#knuRecipeIngredients td { padding: 4px; vertical-align: top; } #knuArticleRecipe table#knuRecipeIngredients tr { margin-top:0px; margin-bottom:5px; } #knuArticleRecipe table#knuRecipeIngredients col#MEASUREMENT { width:40px; *width:20px; text-align: right; } #knuArticleRecipe table#knuRecipeIngredients col#INGREDIENT { width:220px; } #knuArticleRecipe #knuArticleRecipeBonus { background-color: #cce6ff; padding: 10px 8px 4px 8px; margin-top: 20px; } #knuArticleRecipe #knuArticleRecipeBonus p { margin-bottom: 10px; } .knuArticleTitles { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; line-height: 20px; } .knuAwardTitlesPurple { font-family: "Trebuchet MS", Verdana, Arial; font-size: 16px; color: #663399; line-height: 20px; font-weight: bold; } .knuAwardRecipientsTable { border-collapse: collapse; background-color: #FFFFDC; width: 90%; padding: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .newBurst { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #CC0000; background-color: #FFFF66; vertical-align: middle; padding: 2px; margin: 2px; } .knuBasedInScienceSubHeads { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #8D52C2; } tbody tr.odd:hover td, tbody tr.even:hover td { background:#F0F8FF; } .footnotes { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; } /* --------------------------------------------------- GLOBAL PAGE STYLES */ th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; padding-top: 4px; padding-right: 4px; padding-bottom: 6px; padding-left: 0px; } td { FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: verdana,arial,helvetica,sans-serif } hr { margin-bottom: 10px; } p { line-height: 16px; margin-top:0px; } h4 { font-size: 11px; font-style: italic; margin-bottom:0px; margin-top: 0px; } li { line-height: 16px; } .sidebar { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 10px; line-height: 15px; } .sideBarBlue { width: 200px; position: relative; border: #ACCCFF solid 2px; float: right; padding: 10px; margin: 0px 0px 10px 15px; background-color: #e5f2ff; font-size: 10px; } .sideBarBlue h4 { font-size: 10px; } #references { padding: 10px; margin-bottom: 20px; background-color: #e5f2ff; } #references ol li { margin-bottom: 15px; } a.bodyCopy:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; } a.bodyCopy:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; } a.bodyCopy:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; } a.bodyCopy:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; } a.bodyCopyBOLD:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; } a.bodyCopyBOLD:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; } a.bodyCopyBOLD:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; } a.bodyCopyBOLD:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; } a.ArticleLink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; text-decoration: none; } a.ArticleLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; text-decoration: none; background: #F0F8FF; } a.ArticleLink:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; text-decoration: none; } a.ArticleLink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; text-decoration: none; } A.gnav:link { FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.gnav:visited { FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.gnav:active { FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .errorSearch { FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .textLinkWhite { FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .whtBld { font-size : 10pt; color : #FFFFFF; font-family : verdana; text-decoration : none } .wnav { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .wnavBlk2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 } .wnavBlk { text-decoration: none; font-family: Verdana; font-size: 8pt; color: #000000; } .textNUbluebold10 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #1E5990; FONT-FAMILY: Verdana; } .textNUbluebold11 { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #1E5990; FONT-FAMILY: Verdana; } .wnav11 { font-size : 11px; color : #666666; font-family : verdana; text-decoration : none } .wform { FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnav { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnav:link { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnav:visited { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnav:active { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnavSm { FONT-SIZE: 7pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnavSm:link { FONT-SIZE: 7pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnavSm:visited { FONT-SIZE: 7pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.wnavSm:active { FONT-SIZE: 7pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.bluebold:link { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #003399; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.bluebold:visited { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #003399; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.bluebold:active { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #003399; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .textlight { FONT-SIZE: 8pt; COLOR: #999999; FONT-FAMILY: Verdana } .textdark { FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: Verdana } .text_grey_lg { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Verdana } .texthdr { FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: Verdana } .texthdrlg { FONT-SIZE: 18pt; COLOR: #003399; FONT-FAMILY: Verdana } .textbluebold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .textCategoryTitle { font-family: Verdana; font-size: 12pt; color: #ffffff; font-weight: bold; } .searchbox { BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #003399; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #003399; WIDTH: 100px; BORDER-TOP-COLOR: #003399; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #003399 } .selectbox { BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #003399; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #003399; WIDTH: 143px; BORDER-TOP-COLOR: #003399; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #003399 } .bluebold { text-decoration: none; font-family: Verdana; font-size: 7pt; color: #003399; font-weight: bold; } .blueboldlg { text-decoration: none; font-family: Verdana; font-size: 20px; color: #003399; } A.bluebold:link { text-decoration: none; font-family: Verdana; font-size: 7pt; color: #003399; font-weight: bold; } A.bluebold:visited { text-decoration: none; font-family: Verdana; font-size: 7pt; color: #003399; font-weight: bold; } A.bluebold:active { text-decoration: none; font-family: Verdana; font-size: 7pt; color: #003399; font-weight: bold; } .textblue { text-decoration: none; font-family: Verdana; font-size: 9px; color: #003399; } a.textblue:active { text-decoration: underline; font-family: Verdana; font-size: 9px; color: #003399; } a.textblue:visited { text-decoration: underline; font-family: Verdana; font-size: 9px; color: #003399; } a.textblue:link { text-decoration: underline; font-family: Verdana; font-size: 9px; color: #003399; } .textbold { FONT-WEIGHT: bold; FONT-SIZE: 7pt; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: Verdana } .text { FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: Verdana } .text_grey { FONT-SIZE: 7pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .text_black { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none } .text_list { FONT-SIZE: 7pt; COLOR: #333333; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: none } UNKNOWN { COLOR: #ff5566 } .ttform { FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,helvetica,sans-serif } .tt1 { FONT-SIZE: 11px } .tt2 { xFONT-SIZE: 20px; COLOR: #006600; FONT-FAMILY: verdana,arial,helvetica,sans-serif } .tt2Small { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #006600; FONT-FAMILY: verdana,arial,helvetica,sans-serif } .tt3 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,sans-serif } .tt4 { FONT-SIZE: 11px; COLOR: #660000 } .tt5 { FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; COLOR: #ff0000 } .errors { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: verdana,arial,helvetica,sans-serif } TEXTAREA { FONT-SIZE: 12px; FONT-FAMILY: verdana,arial,helvetica,sans-serif } .error { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: verdana,arial,helvetica,sans-serif } .errornb { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: verdana,arial,helvetica,sans-serif } .searchLinkWhite { FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana,arial, Helvetica, sans-serif } A.searchLinkWhite:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana,arial, Helvetica, sans-serif } A.searchLinkWhite:link { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana,arial, Helvetica, sans-serif } A.searchLinkWhite:visited { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana,arial, Helvetica, sans-serif } .product { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Helvetica, arial, verdana,sans-serif } .required { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000 } .required2 { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff0000 } .searchTitle { FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: verdana,arial, Helvetica, sans-serif } .searchForm { BORDER-RIGHT: #50779e 2px solid; BORDER-TOP: #50779e 2px solid; FONT-WEIGHT: normal; FONT-SIZE: 13px; BORDER-LEFT: #326698 2px solid; COLOR: #326698; BORDER-BOTTOM: #326698 2px solid; FONT-FAMILY: verdana,arial, Helvetica, sans-serif } .searchLinkBlue { FONT-SIZE: 12px; COLOR: #326698; FONT-FAMILY: verdana,arial, Helvetica, sans-serif } .regTitle { FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #003399; FONT-FAMILY: verdana } .regHeader { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana } .regHeader2 { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffcc33; FONT-FAMILY: Verdana } .regHeader3 { FONT-WEIGHT: bold; COLOR: #00379c; FONT-FAMILY: Verdana } .regTitle { FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #003399; FONT-FAMILY: verdana } .btnAlt { BORDER-RIGHT: #78a759 1px solid; BORDER-TOP: #badea4 1px solid; FONT-SIZE: 7pt; BORDER-LEFT: #badea4 1px solid; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #78a759 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #6fb940 } .rowunderline { border-bottom: black 1px solid; } .textFooter { FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR: #bbbbbb; FONT-FAMILY: Verdana } .texthdrmd { FONT-SIZE: 13pt; COLOR: #003399; FONT-FAMILY: Verdana } .texthdrsm { FONT-SIZE: 11pt; COLOR: #003399; FONT-FAMILY: Verdana } .quizCorrect { FONT-SIZE: 11px; COLOR: #009900; FONT-FAMILY: verdana, arial, helvetica, sans-serif } .quizWrong { FONT-SIZE: 11px; COLOR: #CC3300; FONT-FAMILY: verdana, arial, helvetica, sans-serif } .nutritionHeaderTable { FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN:center; BACKGROUND-COLOR: #002388; } .nutritionRowEven { FONT-SIZE: 7pt; COLOR: #000000; padding: 1 2 1 2; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN: center; BACKGROUND-COLOR: #CDD6E8; } .nutritionRowEvenLeft { FONT-SIZE: 7pt; COLOR: #000000; padding: 1 2 1 2; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN: left; BACKGROUND-COLOR: #CDD6E8; } .nutritionRowOdd { FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN: center; BACKGROUND-COLOR: FFFFFF; } .nutritionRowOddLeft { FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN: left; BACKGROUND-COLOR: FFFFFF; } /* RECIPE STYLES */ .cRecipeGrid0 { background-color: #cccccc; } .cRecipeGrid1 { background-color: #FFCC32; } .cRecipeGrid2 { background-color: #F18A01; } .cRecipeGrid3 { background-color: #6B9FD8; } .cRecipeGrid4 { background-color: #77BF76; } .cRecipeGridWhite { background-color: #ffffff; } .cRecipeGridImage { FONT-SIZE: 9px; COLOR: #CC3300; FONT-FAMILY: tahoma, arial, helvetica, sans-serif } .text_orange { text-decoration: none; FONT-FAMILY: verdana,arial, Helvetica, sans-serif; font-size: 11px; color: #CC6600; } .text_magenta { text-decoration: none; FONT-FAMILY: verdana,arial, Helvetica, sans-serif; font-size: 11px; color: #CC3399; } .text_green { text-decoration: none; FONT-FAMILY: verdana,arial, Helvetica, sans-serif; font-size: 11px; color: #339933; } .text_teal { text-decoration: none; FONT-FAMILY: verdana,arial, Helvetica, sans-serif; font-size: 11px; color: #339999; } .text_red { text-decoration: none; FONT-FAMILY: verdana,arial, Helvetica, sans-serif; font-size: 11px; color: #FF3300; } .subheadred { text-decoration: none; font-family: Verdana; font-size: 8pt; color:#009900; font-weight: bold; } .textredbold {text-decoration: none; font-family: Verdana; font-size: 8pt; color:#cc3300; font-weight: bold } .header { font-family: Verdana; font-size: 12px; font-weight: bold; color:#660000; } /* Nutrition Update */ .goldborder { border-color: ffbb323b ffbb32b ffbb32b; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px } .superscript { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; line-height: 12px; vertical-align: top } .greaterthansymbol { text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px } A.SRNav:link { font-family: Verdana, sans-serif; color: #006600; text-decoration: underline; font-size: 12px; font-weight : bold } A.SRNav:active { font-family: Verdana, sans-serif; color: #006600; text-decoration: underline; font-size: 12px; font-weight : bold } A.SRNav:visited { font-family: Verdana, sans-serif; color: #006600; text-decoration: underline; font-size: 12px; font-weight : bold } A.SRNav:hover { font-family: Verdana, sans-serif; color: #33CC66; text-decoration: underline; font-size: 12px; font-weight : bold } A.ReNav:link { font-family: sans-serif; color: #666666; text-decoration: underline; font-size: 10px; font-weight : none} A.ReNav:active { font-family: Verdana, sans-serif; color: #666666; text-decoration: underline; font-size: 10px; font-weight :none } A.ReNav:visited { font-family: Verdana, sans-serif; color: #666666; text-decoration: underline; font-size: 10px; font-weight : none} A.ReNav:hover { font-family: Verdana, sans-serif; color: #666666; text-decoration: underline; font-size: 10px; font-weight : none } .SprCopy { font-size : 11px; color : #666666; font-family : verdana; text-decoration : none; font-weight : none; } .SprRechgHeader { font-size : 15px; color : #003399; font-family : verdana; text-decoration : none; font-weight : bold; } .SprRevivHeader { font-size : 15px; color : #ff6600; font-family : verdana; text-decoration : none; font-weight : bold; } .SprReinHeader { font-size : 15px; color : #fc9aba; font-family : verdana; text-decoration : none; font-weight : bold; } .SRhead { font-size : 13px; color : #006600; font-family : verdana; text-decoration : none; font-weight : bold; } .wnavBlueSm { font-size : 10px; color : #0066CC; font-family : verdana; text-decoration : none; font-weight : bold; } .wnavBlue { font-size : 8pt; color : #2D689F; font-family : verdana; text-decoration : none; font-weight : none; } .wnavBlueLg { font-size : 12px; color : #004A9D; font-family : verdana; text-decoration : none; font-weight : bold; } .wnavBlueLg14 { font-size : 14px; color : #004A9D; font-family : verdana; text-decoration : none; font-weight : bold; } .wnavOrange { font-size : 8pt; color : #ff9933; font-family : verdana; text-decoration : none; font-weight : bold; } a.wnavOrange:link { font-size : 14px; color : #F59100; text-decoration:underline; } a.wnavOrange:visited { font-size : 14px; color : #F59100; text-decoration:underline; } .wnavOrangeSm { font-size : 10px; color : #F59100; font-family : verdana; text-decoration : none; font-weight : none; } .wnavBlueLight { font-size : 10px; color : #8CB9E3; font-family : verdana; text-decoration : none; font-weight : none; } a.wnavBlueLight:link { color : #8CB9E3; text-decoration : underline; } a.wnavBlueLight:visited { color : #8CB9E3; text-decoration : underline; } .wnavPurpleLg { font-size : 14px; color : #7e5fa0; font-family : verdana; text-decoration : none; font-weight : none; } a.wnavPurpleLg:link { font-size : 14px; color : #7e5fa0; font-family : verdana; text-decoration : underline; font-weight : none; } a.wnavPurpleLg:visited { font-size : 14px; color : #7e5fa0; font-family : verdana; text-decoration : underline; font-weight : none; } .wnavPurpleSm { font-size : 10px; color : #7e5fa0; font-family : verdana; text-decoration : none; font-weight : none; } a.wnavPurpleSm:link { font-size : 10px; color : #7e5fa0; font-family : verdana; text-decoration : none; font-weight : none; } a.wnavPurpleSm:visited { font-size : 10px; color : #7e5fa0; font-family : verdana; text-decoration : none; font-weight : none; } .wnavGreenLg { font-size : 14px; color : #90BD01; font-family : verdana; text-decoration : none; font-weight : none; } a.wnavGreenLg:link { font-size : 14px; color : #90BD01; font-family : verdana; text-decoration : underline; font-weight : none; } a.wnavGreenLg:visited { font-size : 14px; color : #90BD01; font-family : verdana; text-decoration : underline; font-weight : none; }.wnavGreenSm { font-size : 10px; color : #90BD01; } a.wnavGreenSm:link { font-size : 10px; color : #90BD01; } a.wnavGreenSm:visited { font-size : 10px; color : #90BD01; } a.wnavGray { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Verdana; TEXT-DECORATION: underline; } .Underlined { TEXT-DECORATION: underline } .highlightYellow { background: #FFFF00; } .highlightPink { background: #FF00FF; } .highlightGrey { background: #CCCCCC; } .highlightGreen { background: #00FF00; } .highlightCyan { background: #00FFFF; } .imageFloatRight { position: relative; float: right; padding: 10px; margin: 0px 0px 10px 10px; } /****** STYLES FOR RESOURCE CENTER ******/ .resrcntrlst dl.block { width:266px; margin-bottom:10px; } .resrcntrlst dl.block dt { background-color: #cdebfc; padding:5px 0px 5px 10px; color:#2D689F; text-transform:uppercase; font-weight:bold; } .resrcntrlst dl.block dd { background-color: #EDF6FB; padding: 5px; margin: 0px; } .resrcntrlst dl.block dd ul { list-style:square; list-style-position:outside; margin:0px; padding:0px 0px 0px 20px; font-size:8pt; color:#666666; } .resrcntrlst dl.block dd li { margin-bottom:5px; } .resrcntrlst a.wnav:hover { color: #999999; text-decoration: none; } /****** CONSUMER EDUCATION LANDING PAGE ARTICLE BLOCKS ******/ .conEdArtBlock { /*float:left;*/ position:relative; width: 356px; min-height: 215px; height: auto !important; height: 215px; background-color:#E5F2FF; background-image: url(/NR/rdonlyres/5396A2DD-6352-4009-BDA9-DA4CD5B726BF/0/knuCEContentBottom.jpg); background-repeat: no-repeat; background-position: left bottom; margin: 0px 0px 3px 0px; } .conEdArtBlock.healthy { min-height: 146px; height: auto !important; height: 146px; } .conEdArtBlock dt { padding-left: 8px; padding-top: 16px; background-image: url(/NR/rdonlyres/3577E412-AE3D-4D76-A1CA-5500DB5733B5/0/knuCEContentTop.jpg); background-repeat: no-repeat; background-position: left top; } /**************** ****************/ .conEdArtBlock dt img { float:left; margin-bottom: 16px; } .conEdArtBlock dd { margin-right: 10px; margin-left: 156px; margin-bottom: 16px; } .conEdArtBlock dd h4 { margin-top: 0px; margin-bottom: 12px; font-style: normal; } .conEdArtBlock a, .conEdArtBlock a:link, .conEdArtBlock a:active, .conEdArtBlock a:hover, .conEdArtBlock a:visited { color: #333333; text-decoration: none; } .conEdArtBlock a h4, .conEdArtBlock a:link h4, .conEdArtBlock a:active h4, .conEdArtBlock a:hover h4, .conEdArtBlock a:visited h4 { color: #666666; } /****** CONSUMER EDUCATION LANDING PAGE SIDE BAR ******/ #condEdSideBar { padding:10px; } #condEdSideBar ul { margin-top:20px; margin-bottom:20px; padding-left:18px; *margin-left:0px; } #condEdSideBar li { line-height: 1.2; margin-bottom: 7px; } #condEdSideBar a, #condEdSideBar a:link, #condEdSideBar a:active, #condEdSideBar a:visited { font-size: 10px; color: #003399; text-decoration: none; } #condEdSideBar a:hover { background-color: #F0F8FF; } caption { font-size: 11px; } /*****************************************************************************/ /*****************************************************************************/ /************************* ONE FLIGHT UP DESIGN **************************/ /*****************************************************************************/ /****************************** AUG, 2008 ********************************/ /*****************************************************************************/ /*****************************************************************************/ #cpeContent * { /* 0's out the margin, padding & border on everything */ margin: 0px; padding: 0px; } /* ========================================================= MAIN BODY CONTAINER & STRUCTURE ============================================================ */ #cpeContent { width: 537px; line-height: 1.0; margin: 0px; padding: 0px; margin-top: 3px; margin-left: 3px; font-size: 10px; font-family: Verdana, Geneva, sans-serif; color: #333333; padding-bottom: 5px; /*float: left; background-color:#FFFFCC*/ } #cpeContent #masthead { width: 537px; height: 99px; background-color: #FFa307; margin-bottom: 10px; text-indent: -9999px; background-image: url(/KraftNutrition/images/cpe-header.jpg); background-repeat: no-repeat; } #cpeContent #subfooter { clear:both; width: 537px; height: 33px; margin-top: 25px; background-color: #FFa307; text-indent: -9999px; background-image: url(/KraftNutrition/images/cpe-footer.jpg); background-repeat: no-repeat; } /* ========================================================= TEXT STYLES ============================================================ */ #cpeContent p { line-height: 1.4; margin-bottom: 10px; } #cpeContent p#intro { line-height: 1.3; color: #666666; font-size: 12px; margin-top: 12px; } #cpeContent strong { color: #FF500B; font-weight: bold; } #cpeContent h1 { font-size: 15px; color: #FF500B; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 3px; } #cpeContent h2 { font-size: 14px; color: #FFA307; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; } #cpeContent h3 { font-size: 14px; color: #FF500B; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 3px; } #cpeContent h4 { font-size: 14px; color: #FFA307; font-weight: normal; font-style: normal; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 5px; } #cpeContent h5 { font-size: 10px; color: #AAAAAA; font-weight: normal; font-style: italic; margin-bottom:20px; } .dropcap { float:left; position:relative; top: 0px; *top: 0px; /* hack lte ie7 */ font-size: 31px; line-height: 23px; *line-height: 25px; /* hack lte ie7 */ margin-bottom: 0px; font-family: Tahoma, Geneva, sans-serif; width: 23px; } /* ========================================================= LIST STYLES ============================================================ */ #cpeContent ul { list-style-position: outside; list-style-type:disc; margin-left: 1em; padding-left: 1em; margin-top: 10px; } #cpeContent ul.num { list-style-type: decimal; margin-left: 2em; padding-left: 2em; } #cpeContent li { line-height: 1.4; margin-bottom:10px; } #cpeContent .rtmenu ul { list-style-position: outside; list-style-type: none; margin-left: 0em; padding-left: 0em; margin-top: 0px; margin-bottom: 0px; } #cpeContent .rtmenu li { margin-bottom: 5px; } #cpeContent .rtmenu li span.indent { margin-left: 30px; *margin-left: 32px; /* hack lte ie7 */ } #cpeContent .rtmenu.objectives ul { margin-top: 8px; } #cpeContent .rtmenu.objectives li { background-image: url(/KraftNutrition/images/arrow-rt-green.gif); background-repeat: no-repeat; background-position: left 3px; padding-left: 10px; } /* ========================================================= LINK STYLES ============================================================ */ #cpeContent a, #cpeContent a:visited { text-decoration: none; cursor: pointer; color: #9EBF02; font-weight: bold; } #cpeContent a:hover, #cpeContent a:active { text-decoration:underline; } #cpeContent a:active, #cpeContent a:focus { outline: 0; } #cpeContent a.back, #cpeContent a.back:visited { color: #FFA307; font-weight: normal; background-image: url(/KraftNutrition/images/arrow-up-orange.gif); background-repeat: no-repeat; background-position: center left; padding-left: 14px; display: block; clear: both; float: right; margin-right: 25px; margin-bottom: 10px; *margin-bottom: 0px; /* hack lte ie7 */ } /* ========================================================= UNIVERSAL STYLES ============================================================ */ #cpeContent img { border: none; } #cpeContent .fltlt { /* float an element left */ float: left; margin-right: 10px; } #cpeContent .fltrt { /* float an element right */ float: right; margin-left: 10px; } #cpeContent img.fltrt, #cpeContent img.fltlt { margin-bottom: 10px; } #cpeContent .clear { /* place on a div or br as the final element before the close of a tag to fully contain a float */ clear:both; } #cpeContent .hr { height: 3px; *font-size: 3px; /* hack lte ie7 */ width: 537px; margin-bottom: 15px; background-image: url(/KraftNutrition/images/cpe-hr.jpg); background-repeat:no-repeat; } /* ========================================================= RIGHT FLOATING MENU STYLES ============================================================ */ #cpeContent dl.rtmenu { float:right; clear: right; width: 184px; margin-left: 15px; margin-bottom: 10px; margin-top: -27px; } #cpeContent dl.rtmenu.objectives { width: 266px; margin-top: 16px; } #cpeContent dl.rtmenu dt { width:auto; color: #ffffff; font-size: 13px; line-height: 22px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; padding-left:5px; margin-bottom:5px; background-image: url(/KraftNutrition/images/cpe-hdr-bar.jpg); background-repeat: repeat-x; background-position: right bottom; background-color: #FF9D07; margin-bottom:0px; border-width: 1px 1px 0px 1px; border-color: #ffa307; border-style: solid; } #cpeContent dl.rtmenu dd { padding-left: 20px; padding-right: 5px; padding-top: 8px; color: #777777; font-size: 10px; padding-bottom: 3px; border-width: 0px 1px 1px 1px; border-color: #ffa307; border-style: solid; margin-bottom: 10px; } #cpeContent dl.rtmenu dd.credit { padding-bottom: 8px; } #cpeContent dl.rtmenu dd.adobe { text-align: center; padding: 0px; border: none; margin-bottom: 0px; } #cpeContent dl.rtmenu.objectives dd { padding-left: 10px; margin-bottom: 0px; } /* ========================================================= EVALUATION FORM ============================================================ */ #cpeContent #cpeEval { } #cpeEval fieldset { border: none; float:left; clear: left; width: 537px; margin-bottom: 0px; } #cpeContent fieldset.req { background-image: url(/KraftNutrition/images/cpe-eval-req-btm.gif); background-repeat: no-repeat; background-position: left bottom; } #cpeEval fieldset.submit { float: none; text-align: right; } #cpeContent fieldset.req dl { float:left; width: 537px; margin-bottom: 10px; } #cpeEval dt { clear: left; font-size: 12px; color: #444444; padding-top: 20px; margin-bottom: 5px; } #cpeContent .req dt { text-indent: -9999px; height: 15px; margin: 0px; padding: 0px; background-image: url(/KraftNutrition/images/cpe-eval-req-top.gif); background-repeat: no-repeat; background-position: left top; } #cpeEval dd { float: left; clear: left; font-size: 10px; color: #444444; margin-left: 15px; margin-bottom: 2px; } #cpeContent .req dd { padding: 0px; margin: 0px; padding-top: 15px; padding-bottom: 5px; width: 535px; *width: 537px; /* hack lte ie7 */ border-left: 1px solid #ffa307; border-right: 1px solid #ffa307; } #cpeEval dd label { line-height: 20px; padding-right: 8px; } #cpeEval .req dd label { float: left; width: 100px; line-height: 22px; font-size: 12px; color: #888888; padding-right: 0px; margin-left: 30px; } #cpeEval dd.other { width: 300px; } #cpeContent fieldset.req label.wauto { width:auto; margin-right: 10px; } #cpeEval input.text { float: left; height: 22px; margin-right: 10px; } #cpeEval input.text.other { float: none; color: #999999; font-size: 10px; } #cpeEval input.radio { margin-right: 5px; } #cpeEval textarea { resize:none; padding-top: 4px; padding-left: 3px; vertical-align: top; } #cpeContent input.submit { width: 65px; height: 25px; border: none; cursor: pointer; background-color:transparent; background-image:url(/KraftNutrition/images/cpe-btn-submit.gif); background-position: top left; margin-right: 150px; } #cpeContent input.submit:hover { background-position: bottom left; } /*****************************************************************************/ /*****************************************************************************/ /****************************** END STYLES *******************************/ /*****************************************************************************/ /*****************************************************************************/ /* BUTTON STYLES */ .btn { border-right: #6E914A thin solid; border-top: #5D9229 thin solid; font-size: 7pt; border-left: #E3F8CE thin solid; color: #FFFFFF; cursor: HAND; border-bottom: #AEE676 thin solid; font-family: Verdana; background-color: #82AD58; border-width: 1px 1px 1px 1px; border-color: #6E914A #5D9229 #E3F8CE #AEE676; } .cdark /* DARK STYLES */ { /*background-color: #639CCE;*/ /*background-color: #B7011F;*/ /*background-color: #639CCE;*/ /*background-color: #DA6A90;*/ /*background-color: #902D1D;*/ /*background-color: #6495BD;*/ /*background-color: #3f825f;*/ /*background-color: #79B6D1;*/ /*background-color: #778EC0;*/ /*background-color: #003399;*/ background-color: #82AD58; } .clight /* LIGHT COLORS STYLES for recipe search area */ { /*background-color: #018358;*/ /*background-color: #84C6FF;*/ /*background-color: #AFA395;*/ /*background-color: #FF8CB3;*/ /*background-color: #B28765;*/ /*background-color: #8CB9E3;*/ /*background-color: #9cc29d;*/ /*background-color: #A2D6EB;*/ /*background-color: #A6BEE2; */ /*background-color: #6196FF;*/ background-color: #ABC88F; } .cl_top /* Top area*/ { background-color: #FC8524; background-image:url(/kraftnutrition/global/images/gn_Ltop_rays.gif); background-repeat:no-repeat; background-position:top left; } .clighter /* LIGHTER COLOR UNDER PUSH ASSETS STYLES */ { /*background-color: #c2d6ff;*/ /*background-color: #FFD9E5;*/ /*background-color: #6DD06D;*/ /*background-color: #CCFF99;*/ /*background-color: #CC0000;*/ /*background-color: #FFFFFF;*/ /*background-color: #3366CC;*/ background-color: #FFFFFF; } .clighter_areas /* MESSAGE BOARD OR DAILY DISH BACKGROUND STYLES */ { /*background-color: #E7EED9;*/ /*background-color: #E7F3FD;*/ /*background-color: #FeF0F0;*/ /*background-color: #EADDCE;*/ /*background-color: #DAECFD;*/ /*background-color: #E9FAE6;*/ /*background-color: #E1F2F9;*/ /*background-color: #D3E0F3;*/ background-color: #E9F4DE; } .cfoot /* FOOTER STYLES */ { background-color: #cccccc; } .clines /* LINE STYLES */ { background-color: #cccccc; /*background-color: #CC0033;*/ } .line /* LINE SEPARATER STYLES */ { background-color: #99ADEB; } /* NAV TEXT */ .textlg { FONT-SIZE: 13pt; /*COLOR: #56664B;*/ COLOR: #CCCCCC; FONT-FAMILY: Verdana; } .textLink { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink:link { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink:visited { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.textLink:active { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .textLinkBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* RECIPE NAV LINK - SELECTED AND NON */ .textLinkLight { FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:link { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:visited { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:active { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .textLinkLightBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; /*COLOR: #efefef;*/ COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* LEFT AREA TEXT - RECIPE SEARCH KEYWORD "ENTER KEYWORD..." */ .text { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:link { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:visited { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:active { FONT-SIZE: 7pt; COLOR:#FFFFFF; FONT-FAMILY: Verdana; } /* magazine offer text - PROMO ITEM TEXT */ .textMd { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } /* MESSAGE BOARD TITLES AND LINKS */ .ddlink { FONT-WEIGHT: Regular; FONT-SIZE: 8pt; COLOR: #888888; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink { FONT-WEIGHT: Regular; FONT-SIZE: 8pt; COLOR: #888888; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:link { FONT-WEIGHT: Regular; FONT-SIZE: 8pt; COLOR: #888888; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:visited { FONT-WEIGHT: Regular; FONT-SIZE: 8pt; COLOR: #888888; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:active { FONT-WEIGHT: Regular; FONT-SIZE: 8pt; COLOR: #888888; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .ddtitle { FONT-WEIGHT: Bold; FONT-SIZE: 8pt; /*COLOR: #E5CCDD;*/ Color: #888888; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } /* Message Board */ .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; }