.divOff{ display: none; } .divOn{ display: block; } .main { background-image:url(/greypoupon/images/common/background.gif); background-color:#caac79; margin:0px; padding:0px; } #parent{ width:100%; text-align:center; } #container{ width:929px; margin:auto; text-align:left; } .clear{ clear:both; } img,div{ behavior: url(/greypoupon/iepngfix.htc) } /*navigation styles*/ .navControl{ width:929px; text-align:left; } #topNav{ margin-top:12px; margin-left:35px; width:865px; height:85px; position:relative; background-image:url(/greypoupon/images/nav/nav_mast_head.gif); } #firstNav{ margin-top:55px; width:369px; float:left; } #middleNav{ float:left; width:131px; } #secondNav{ margin-top:55px; float:left; } a.home:link,a.home:visited{ display:block; background:url(/greypoupon/images/nav/nav_mast_center.gif) no-repeat; width:123px; height:83px; } a.home:active,a.home:hover{ background:url(/greypoupon/images/nav/nav_mast_over.gif) no-repeat; } * html #middleNav a.home:hover{ height:83px; position:relative; } a.nav:link,a.nav:visited { float:left; display:block; width:115px; height:27px; padding-top:3px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; color: #6c492a; text-decoration: none; } a.nav:hover{ background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; } a.nav:active{ background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } /*nav over states via css*/ #mustards a.mst:link,#mustards a.mst:visited,#mustards a.mst:hover,#mustards a.mst:active { float:left; display:block; width:115px; height:27px; padding-top:3px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #recipes a.rcp:link,#recipes a.rcp:visited,#recipes a.rcp:hover,#recipes a.rcp:active { float:left; display:block; width:115px; height:27px; padding-top:3px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #pairings a.par:link,#pairings a.par:visited,#pairings a.par:hover,#pairings a.par:active { float:left; display:block; width:115px; height:27px; padding-top:3px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #story a.sty:link,#story a.sty:visited,#story a.sty:hover,#story a.sty:active { float:left; display:block; width:115px; height:27px; padding-top:3px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #share a.shr:link,#share a.shr:visited,#share a.shr:hover,#share a.shr:active { float:left; display:block; width:115px; height:27px; padding-top:3px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #master a.mtr:link,#master a.mtr:visited,#master a.mtr:hover,#master a.mtr:active { float:left; display:block; width:115px; height:27px; padding-top:3px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } /*flashBox styles*/ .topBodyControl{ width:929px; text-align:left; } #flashBox{ width:929px; margin-bottom:20px; } .flashdetect{ font-size: 14px; font-family : Georgia, serif; color:#776539; text-align:center; } .flashdetect a{ font-size: 14px; font-family : Georgia, serif; color:#776539; text-decoration:underline; } /*page main box styles*/ #shelfbottom{ width:928px; height:70px; background:url(/greypoupon/images/common/shelf_bottom.png); background-repeat:no-repeat; } #shelfblank{ width:928px; height:49px; background:url(/greypoupon/images/common/shelf_topbottom.png); background-repeat:no-repeat; } #maintop{ width:858px; height:19px; background:url(/greypoupon/images/common/mainback_top.png); background-repeat:no-repeat; margin-left:35px; } #mainbottom{ width:858px; height:19px; background:url(/greypoupon/images/common/mainback_bot.png); background-repeat:no-repeat; margin-left:35px; } #mainback{ width:868px; background:url(/greypoupon/images/common/mainback_ie6.png); background-repeat:repeat-y; margin-left:35px; padding-left:21px; } #mainback:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } #mainback{ display: inline-block; } /*\*/ #mainback{ display: block; } /* share styles */ #shareback{ width:890px; background:url(/greypoupon/images/common/mainback_ie6.png); background-repeat:repeat-y; margin-left:35px; padding-left:38px; } #shareback:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } #shareback{ display: inline-block; } /*\*/ #shareback{ display: block; } #sharebottom{ width:927px; height:187px; background:url(/greypoupon/images/share/share_bottom.png); background-repeat:no-repeat; } #sharecontent{ width:530px; float:left; } #sharehead{ background:url(/greypoupon/images/share/hdr_sharethemastery.png); background-repeat:no-repeat; width:336px; height:74px; margin-left:80px; } #mustardman{ width:300px; height:303px; background:url(/greypoupon/images/share/mustard_man.png); background-repeat:no-repeat; float:left; } .sharetext{ font-size: 13px; font-family : Georgia, serif ; font-weight : bold; color: #6c492a; } .shareemail{ font-size: 12px; font-family : Georgia, serif ; color: #6c492a; width:490px; padding:10px; float:left; } .shareinput{ width:20px; padding-top:10px; float:left; } .shareformlable{ padding-left:30px; } .shareerror{ font-size: 9px; font-family : Georgia, serif ; color: #715b2f; } .inputhead{ font-size: 13px; font-family : Georgia, serif ; font-weight : bold; color: #d0b689; } .sharefield{ color: #a08a58; font-size: 10px; height:19px; width:300px; font-family : Arial, sans-serif ; border:1px solid #a08a58; background:url(/greypoupon/images/common/formback.gif); } .emaildisclamer{ width:350px; font-size: 9px; font-family : Georgia, serif ; color: #d0b689; } a.send:link,a.send:visited{ display:block; width:112px; height:42px; padding-top:12px; text-align:center; font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #FFFFFF; text-decoration: none; background:url(/greypoupon/images/share/btn_send.png) no-repeat; } a.send:hover{ background:url(/greypoupon/images/share/btn_send_over.png) no-repeat; } a.anothersend:link,a.anothersend:visited{ display:block; width:294px; height:41px; padding-top:12px; text-align:center; font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #FFFFFF; text-decoration: none; background:url(/greypoupon/images/share/btn_anotherfriend.png) no-repeat; } a.anothersend:hover{ background:url(/greypoupon/images/share/btn_anotherfriend_over.png) no-repeat; } /* nutritional info */ .nutpop{ background-color:#d7c097; font-size: 10px; font-family : Arial, sans-serif ; text-decoration: none; color:#9f2d22; } .ingtext{ width:250px; padding-left:20px; } .nutimage{ width:250px; padding:5px; } /*recipes styles*/ #recipemainmenu{ float:left; padding-left:415px; } #cocktailmainmenu{ float:left; padding-left:5px; } #recipecontainer{ float:left; width:597px; background:url(/greypoupon/images/recipes/recipebook_loop.gif); min-height:700px; } #recipebooktop{ width:597px; height:31px; background:url(/greypoupon/images/recipes/recipebook_top.gif); background-repeat:no-repeat; } #recipemainbottom{ width:927px; height:60px; background:url(/greypoupon/images/recipes/recipedetail_bottom.png); background-repeat:no-repeat; } #recipeback{ width:927px; height:424px; background:url(/greypoupon/images/recipes/recipemain.png); background-repeat:no-repeat; } .recipebox{ width:585px; padding-left:35px; } .recipebox:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } .recipebox{ display: inline-block; } /*\*/ .recipebox{ display: block; } .recipecontentlf{ float:left; width:240px; margin-right:45px; } .recipecontentrt{ float:left; width:240px; } .recipetitle{ font-size: 25px; font-family : Georgia, serif; font-weight:bold; color:#9f2d22; } .recipeinfo{ font-size: 12px; font-family : Georgia, serif; color:#776539; } .recipesubtitle{ font-size: 12px; font-family : Georgia, serif; font-style:italic; font-weight:bold; color:#776539; } .recipephoto{ width:237px; text-align:center; } .photoFalse { BACKGROUND-IMAGE:url(/greypoupon/images/recipes/no_image.gif); MARGIN-LEFT:12px; MARGIN-bottom:5px; BACKGROUND-REPEAT:no-repeat; HEIGHT:126px; } .phototop{ width:237px; height:19px; background:url(/greypoupon/images/recipes/photo_top.gif); background-repeat:no-repeat; } .photoloop{ width:237px; background:url(/greypoupon/images/recipes/photo_loop.gif); background-repeat:repeat-y; } .photobot{ width:237px; height:19px; background:url(/greypoupon/images/recipes/photo_bot.gif); background-repeat:no-repeat; } #nutritioninfo{ width:200px; margin-top:20px; } .nuthead{ font-size: 12px; font-style:italic; font-weight:bold; font-family : Georgia, serif ; color: #9f2d22; text-decoration:none; } .nutitem{ height:20px; padding-top:3px; background:url(/greypoupon/images/recipes/nut_div_line.gif) bottom; background-repeat:no-repeat; } .nuttitle{ font-size: 12px; font-family : Georgia, serif ; color: #776539; width:110px; float:left; } .nutvalue{ font-size: 12px; font-family : Georgia, serif ; color: #776539; width:80px; float:left; } .printbutton{ width:240px; text-align:center; } a.print:link,a.print:visited{ display:block; width:133px; height:25px; padding-top:5px; text-align:center; font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #9f2d22; text-decoration: none; background:url(/greypoupon/images/common/btn_sub_off.gif) no-repeat; } a.print:hover{ background:url(/greypoupon/images/common/btn_sub_over.gif) no-repeat; } /* search styles */ .searchText{ font-size: 12px; font-family : Georgia, serif ; color: #776539; } .bigRed{ font-size: 25px; font-family : Georgia, serif ; color: #9f2d22; } .searchhead{ font-size: 15px; font-family : Georgia, serif ; color: #776539; float:left; } a.pageResults:link, a.pageResults:hover, a.pageResults:active, a.pageResults:visited{ font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #9f2d22; text-decoration:underline; } a.searchLink:link, a.searchLink:hover, a.searchLink:active{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color: #9f2d22; } a.searchLink:visited{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color: #574421; } .searchLight{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color:#574421; height:30px; background-image:url(/greypoupon/images/recipes/rslt_back_ltloop.gif); } .searchDark{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color:#574421; height:30px; background-image:url(/greypoupon/images/recipes/rslt_back_darkloop.gif); } #searchcontainer{ float:left; width:589px; background:url(/greypoupon/images/recipes/search_back.gif); min-height:600px; } #searchtop{ width:589px; height:58px; background:url(/greypoupon/images/recipes/search_top.gif); background-repeat:no-repeat; padding-left:40px; } #searchmainbottom{ width:927px; height:60px; background:url(/greypoupon/images/recipes/reciperesults_bottom.png); background-repeat:no-repeat; } #searchback{ width:868px; background:url(/greypoupon/images/common/mainback_ie6.png); background-repeat:repeat-y; margin-left:35px; padding-left:30px; } #searchback:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } #searchback{ display: inline-block; } /*\*/ #searchback{ display: block; } .searcharea{ width:585px; padding-left:19px; } .searcharea:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } .searcharea{ display: inline-block; } /*\*/ .searcharea{ display: block; } /* side links styles */ .sidehead{ font-size: 14px; font-family : Georgia, serif; color:#776539; padding-left:25px; padding-bottom:9px; width:200px; height:19px; background:url(/greypoupon/images/recipes/sidenav_div.gif) bottom; background-repeat:no-repeat; } .sidelink{ padding-left:25px; padding-bottom:5px; width:200px; background:url(/greypoupon/images/recipes/sidenav_div.gif) bottom; background-repeat:no-repeat; } a.side:link,a.side:visited{ font-size: 13px; font-family : Georgia, serif; color:#002367; text-decoration:none; } a.side:active,a.side:hover{ text-decoration:underline; } .sidebutton{ width:220px; height:62px; } .back{ display:block; width:220px; height:62px; padding-top:25px; background:url(/greypoupon/images/recipes/btn_back.gif) no-repeat; } a.back:link,a.back:visited{ display:block; width:220px; height:62px; padding-top:25px; text-align:center; font-size: 11px; font-family : Georgia, serif ; color: #FFFFFF; text-decoration: none; background:url(/greypoupon/images/recipes/btn_back.gif) no-repeat; } a.back:hover{ background:url(/greypoupon/images/recipes/btn_back_over.gif) no-repeat; } #sidecontainer{ width:220px; float:left; margin-left:3px; } #signaturecontainer{ width:220px; background:url(/greypoupon/images/recipes/sidenav_back.gif); background-repeat:repeat-y; } .sidetopcontainer{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav_cap.gif); background-repeat:no-repeat; } .sidebotcontainer{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav_bot.gif); background-repeat:no-repeat; } .sidetopcontainer2{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav2_cap.gif); background-repeat:no-repeat; } .sidebotcontainer2{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav2_bot.gif); background-repeat:no-repeat; } #cocktailcontainer{ width:220px; background:url(/greypoupon/images/recipes/sidenav_back.gif); background-repeat:repeat-y; } /* for mustards, pairings, quiz pages */ #shelfLeftCorner, #contentMain, #contentMenu, #shelfRightCorner, #contentQuiz{ margin-top:5px; height: 435px; float: left; } #shelfLeftCorner{ background: url(/greypoupon/images/common/shelf-corner-left.gif) no-repeat bottom right; width: 45px; } #contentMain{ width: 645px; text-align: center; position: relative; } #shelfRightCorner{ background: url(/greypoupon/images/common/shelf-corner-right.gif) no-repeat bottom right; width: 42px; } /* mustards and pairings styles */ #contentMain h1{ height: 74px; margin: 20px auto 0 auto; padding: 0; text-indent: -5000px; } #contentMain p{ color: #776539; font-family: Georgia, serif; font-size: 12px; line-height: 18px; margin: 0 auto; padding: 0; width: 432px; } #contentMain p.mainPage{ font-size: 15px; line-height: 20px; } #contentMain h2{ color: #BFB094; font-family: Georgia, serif; font-size: 12px; letter-spacing: .15em; margin: 17px 0 8px 0; padding: 0; } #pairingsList{ padding-left: 210px; } #pairingsList ul, #pairingsList li{ margin: 0; padding: 0; } #pairingsList ul{ display: inline; float: left; margin-right: 30px; } #pairingsList li{ list-style-type: none; color: #563B3B; font-family: Georgia, serif; font-size: 12px; line-height: 18px; } #buttons{ position: relative; left: 185px; } #buttons div{ float: left; position: relative; background: url(/greypoupon/images/mustards/sub-button-off.gif) no-repeat; width: 133px; height: 26px; margin-top: 15px; margin-right: 7px; } #buttons div a{ width: 133px; height: 26px; padding-top: 5px; position: absolute; top: 0; left: 0; color: #9F2D22; font-family: Georgia, serif; font-size: 12px; text-decoration: none; } #buttons a:hover{ background: url(/greypoupon/images/mustards/sub-button-on.gif) no-repeat; } #awardButton{ background: url(/greypoupon/images/mustards/award-button-off.gif) no-repeat; width: 81px; height: 83px; position: absolute; bottom: 38px; right: 10px; } #awardButton a{ width: 81px; height: 83px; display: block; } #awardButton a:hover{ background: url(/greypoupon/images/mustards/award-button-on.gif) no-repeat; } /*mustards and pairings menu styles */ #contentMenu{ background: url(/greypoupon/images/common/shelf-menu.jpg) no-repeat bottom left; width: 196px; } #contentMenu ul#mustardsMenu{ margin: 0; padding: 105px 0 0 0; background: url(/greypoupon/images/mustards/menu-bg.jpg) no-repeat; width: 196px; height: 401px; } #contentMenu ul#pairingsMenu{ margin: 0; padding: 105px 0 0 0; background: url(/greypoupon/images/pairings/menu-bg.jpg) no-repeat; width: 196px; height: 401px; } #contentMenu li{ list-style-type: none; margin: 0; padding: 0; width: 191px; height: 40px; line-height: 1.3em; border-top: solid 1px #BD9E63; border-bottom: solid 1px #9C7531; } #contentMenu li a:link, #contentMenu li a:visited{ color: #FFF2B5; font-family: Georgia, serif; font-size: 13.5px; text-decoration: none; text-align: center; display: block; width: 191px; height: 40px; padding-top: 10px; } #contentMenu li a:hover, #contentMenu li a:active{ background: url(/greypoupon/images/mustards/menu-hover.jpg) no-repeat; color: #FFF; } .dijonPage #contentMenu li a#dijon, .harvestPage #contentMenu li a#harvest, .savoryPage #contentMenu li a#savory, .mildPage #contentMenu li a#mild, .heartyPage #contentMenu li a#hearty, .countryPage #contentMenu li a#country, .deliPage #contentMenu li a#deli, .dijonPairingsPage #contentMenu li a#dijon, .harvestPairingsPage #contentMenu li a#harvest, .savoryPairingsPage #contentMenu li a#savory, .heartyPairingsPage #contentMenu li a#hearty{ background: url(/greypoupon/images/mustards/menu-hover.jpg) no-repeat; color: #FFF; } /* mustards main page styles */ .mustardsMainPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-mustardsMain.jpg) no-repeat; } .mustardsMainPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustardsMain.gif) no-repeat; width: 328px; height: 94px; margin-top: 40px; } .mustardsMainPage #shelfLeftCorner{ background: url(/greypoupon/images/mustards/shelf-corner-left-mustardsMain.gif) no-repeat bottom right; } /* mustard dijon styles */ .dijonPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-dijon.jpg) no-repeat; } .dijonPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-dijon.gif) no-repeat; width: 137px; } .dijonPage #contentMain p{ width: 485px; } .dijonPage #shelfLeftCorner{ background: url(/greypoupon/images/mustards/shelf-corner-left-dijon.gif) no-repeat bottom right; } /* mustard harvest coarse ground styles */ .harvestPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-harvest.jpg) no-repeat; } .harvestPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-harvest.gif) no-repeat; width: 445px; } /* mustard savory honey styles */ .savoryPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-savory.jpg) no-repeat; } .savoryPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-savory.gif) no-repeat; width: 295px; } /* mustard mild & creamy styles */ .mildPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-mild.jpg) no-repeat; } .mildPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-mild.gif) no-repeat; width: 319px; } /* mustard hearty spicy brown styles */ .heartyPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-hearty.jpg) no-repeat; } .heartyPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-hearty.gif) no-repeat; width: 416px; } /* mustard country dijon styles */ .countryPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-country.jpg) no-repeat; } .countryPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-country.gif) no-repeat; width: 283px; } /* mustard deli styles */ .deliPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-deli.jpg) no-repeat; } .deliPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-deli.gif) no-repeat; width: 112px; } /* pairings main page styles */ .pairingsMainPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-pairingsMain.jpg) no-repeat; } .pairingsMainPage #contentMain h1{ background: url(/greypoupon/images/pairings/header-pairingsMain.gif) no-repeat; width: 437px; height: 94px; margin-top: 40px; } .pairingsMainPage #shelfLeftCorner{ background: url(/greypoupon/images/pairings/shelf-corner-left-pairingsMain.gif) no-repeat bottom right; } /* pairings dijon styles */ .dijonPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-dijon.jpg) no-repeat; } .dijonPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-dijon.gif) no-repeat; width: 137px; } .dijonPairingsPage #shelfLeftCorner{ background: url(/greypoupon/images/pairings/shelf-corner-left-dijon.gif) no-repeat bottom right; } .dijonPairingsPage #contentMain p{ width: 620px; } /* pairings harvest coarse ground styles */ .harvestPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-harvest.jpg) no-repeat; } .harvestPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-harvest.gif) no-repeat; width: 445px; } .harvestPairingsPage #contentMain p{ width: 620px; } .harvestPairingsPage #pairingsList{ padding-left: 20px; } .harvestPairingsPage #pairingsList ul{ margin-right: 15px; } /* pairings savory honey styles */ .savoryPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-savory.jpg) no-repeat; } .savoryPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-savory.gif) no-repeat; width: 295px; } .savoryPairingsPage #contentMain p{ width: 585px; } .savoryPairingsPage #pairingsList{ padding-left: 200px; } /* pairings hearty spicy brown styles */ .heartyPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-hearty.jpg) no-repeat; } .heartyPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-hearty.gif) no-repeat; width: 416px; } .heartyPairingsPage #contentMain p{ width: 585px; } .heartyPairingsPage #pairingsList{ padding-left: 190px; } /* quiz styles */ #contentQuiz{ background: url(/greypoupon/images/quiz/shelf-top-quiz.jpg) no-repeat bottom left; width: 841px; position: relative; } .quizPage #shelfRightCorner{ background: url(/greypoupon/images/quiz/shelf-corner-right-quiz.gif) no-repeat bottom right; } #flashQuiz{ width: 530px; height: 300px; background: #DDD; position: absolute; top: 66px; left: 23px; } /* story and awards styles */ #storyMain{ background: url(/greypoupon/images/story/bg-story.jpg) repeat-y 43px; position: relative; width: 928px; } #storyTop{ background: url(/greypoupon/images/story/bg-story-top.png) no-repeat; } #awardsTop{ background: url(/greypoupon/images/story/bg-awards-top.png) no-repeat; } #storyBottom{ background: url(/greypoupon/images/story/bg-story-bottom.jpg) no-repeat 43px bottom; } #awardsBottom{ background: url(/greypoupon/images/story/bg-awards-bottom.jpg) no-repeat 43px bottom; } #storyContent, #awardsContent{ margin: 0 350px 0 90px; padding: 20px 0 95px 0; color: #776539; font-family: Georgia, serif; font-size: 12px; line-height: 18px; } #awardsContent{ padding: 20px 0 0px 0; } #shelftop{ background: url(/greypoupon/images/common/shelf_topbottom.png) no-repeat; width: 928px; height: 49px; } #shelftopAwards{ background: url(/greypoupon/images/story/shelf-top-awards.png) no-repeat 1px bottom; width: 928px; height: 69px; } #storyContent h1, #awardsContent h1{ background: url(/greypoupon/images/story/header-story.gif) no-repeat; height: 92px; padding: 0; text-indent: -5000px; } #storyContent h1{ background: url(/greypoupon/images/story/header-story.gif) no-repeat; width: 292px; margin: 0 0 0 90px; } #awardsContent h1{ background: url(/greypoupon/images/story/header-awards.gif) no-repeat; width: 372px; margin: 0 0 0 55px; } #storyContent p, #awardsContent p{ margin: 0 0 10px 0; padding: 0; color: #776539; font-family: Georgia, serif; font-size: 12px; line-height: 18px; } #awardsContent strong{ font-size: 13px; font-weight: bold; } #storyContent a{ color: #776539; } #storyContent a:hover{ color: #771212; } #storyContent em{ font-style: italic; font-weight: bold; font-size: 13px; } #storyContent img{ float: left; border: 0; margin-left: -60px; padding: 0 15px 10px 0; position: relative; z-index: 2; } #storyMain img#awardsLinkBottom{ border: 0; position: absolute; right: 90px; bottom: -50px; margin: 0; padding: 0; } #storyMain #awardsLinkTop{ position: absolute; right: 110px; top: 280px; background: url(/greypoupon/images/story/button-awards.gif) no-repeat; width: 132px; height: 40px; } #storyMain #storyLink{ position: absolute; right: 120px; top: 640px; background: url(/greypoupon/images/story/button-awards.gif) no-repeat; width: 132px; height: 40px; } #storyMain #awardsLinkTop a{ padding: 10px 0 0 35px; width: 132px; height: 40px; text-decoration: none; color: #FFF; font-family: Georgia, serif; font-size: 14px; position: absolute; top: 0; left: 0; } #storyMain #storyLink a{ padding: 10px 0 0 30px; width: 170px; height: 40px; text-decoration: none; color: #FFF; font-family: Georgia, serif; font-size: 14px; position: absolute; top: 0; left: 0; } #storyMain #awardsLinkTop a:hover{ background: url(/greypoupon/images/story/button-awards-on.gif) no-repeat; } #storyMain #storyLink a:hover{ background: url(/greypoupon/images/story/button-story-on.gif) no-repeat; } #awardsContent ul{ width: 480px; padding: 40px 0 0 0; margin: 0; } #awardsContent li{ list-style-type: none; margin: 0; height: 100px; padding: 0; clear: left; } #awardsContent img.bottle{ padding: 0; margin: 0 0 0 10px; float: left; border: 0; width: 50px; height: 85px; } #awardsContent img.medal{ padding: 0; margin: 0; float: left; margin-top: 10px; border: 0; width: 50px; height: 64px; } #awardsContent li div{ float: left; margin: 13px 0 0 15px; } #awardsContent li p{ margin: 0; padding: 0; } /*bottom buckets styles*/ .subBodyControl{ margin-left:45px; width:841px; } .bucketSpace{ float:left; width:8px; height:63px; } .bucketLeft{ background-image:url(/greypoupon/images/common/box_left.gif); background-repeat:no-repeat; float:left; width:8px; height:63px; } .bucketRight{ background-image:url(/greypoupon/images/common/box_right.gif); background-repeat:no-repeat; float:left; width:8px; height:63px; } .bucketCenter{ background-image:url(/greypoupon/images/common/box_center.gif); background-repeat:repeat-x; float:left; height:63px; } .bucketHeader{ color: #893b2c; font-weight: bold; font-size: 12px; font-family : Georgia, serif ; } #bucketFeature{ width:183px; height:63px; text-align:center; padding-top:8px; } #bucketMaster{ width:196px; height:63px; text-align:center; padding-top:8px; } #bucketSearch{ width:394px; height:63px; text-align:left; padding-top:5px; color: #a08a58; font-size: 11px; font-family : Arial, sans-serif ; } #searchBoxArea{ padding-top:5px; padding-bottom:5px; } .searchBox{ color: #a08a58; font-size: 10px; height:19px; width:160px; font-family : Arial, sans-serif ; border:1px solid #a08a58; background:url(/greypoupon/images/common/formback.gif); } .subBodyControl a{ color: #a08a58; text-decoration: underline; font-size: 11px; font-family : Arial, sans-serif ; } /*footer styles*/ .footerBox{ width:841; padding-top:5px; margin-left:51px; margin-bottom:20px; } #footerLinks{ list-style: none; margin: 0; padding: 0; float: left; } #footerLinks li{ margin: 0; float: left; background-image: url(/greypoupon/images/footer/pipe.gif); background-repeat: no-repeat; padding: 0 5px 0 15px; } #footerLinks li.corporate{ margin: 0px; float: left; background-image: none; background-repeat: no-repeat; padding: 0px 5px 0px 15px; } #footerLinks li a{ color: #8c7144; text-decoration: none; font-size: 11px; font-family : Georgia, serif; } #footerLinks li a:hover{ color: #8c7144; text-decoration: underline; font-size: 11px; font-family : Georgia, serif; } #footerRight{ float:right; margin-right:15px; margin-top:3px; } .printHead { color: #000000; font-weight:bold; font-size: 18px; font-family : Georgia, serif; } .printText { color: #000000; font-size: 12px; font-family : Georgia, serif; } .divOff{ display: none; } .divOn{ display: block; } .main { background-image:url(/greypoupon/images/common/background.gif); background-color:#caac79; margin:0px; padding:0px; } #parent{ width:100%; text-align:center; } #container{ width:929px; margin:auto; text-align:left; } .clear{ clear:both; } img,div{ behavior: url(/greypoupon/iepngfix.htc) } /*navigation styles*/ .navControl{ width:929px; text-align:left; } #topNav{ margin-top:12px; margin-left:35px; width:865px; height:85px; position:relative; background-image:url(/greypoupon/images/nav/nav_mast_head.gif); } #firstNav{ margin-top:55px; width:369px; float:left; } #middleNav{ float:left; width:131px; } #secondNav{ margin-top:55px; float:left; } a.home:link,a.home:visited{ display:block; background:url(/greypoupon/images/nav/nav_mast_center.gif) no-repeat; width:123px; height:83px; } a.home:active,a.home:hover{ background:url(/greypoupon/images/nav/nav_mast_over.gif) no-repeat; } * html #middleNav a.home:hover{ height:83px; position:relative; } a.nav:link,a.nav:visited { float:left; display:block; width:115px; height:27px; padding-top:4px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; color: #6c492a; text-decoration: none; } a.nav:hover{ background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; } a.nav:active{ background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } /*nav over states via css*/ #mustards a.mst:link,#mustards a.mst:visited,#mustards a.mst:hover,#mustards a.mst:active { float:left; display:block; width:115px; height:27px; padding-top:4px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #recipes a.rcp:link,#recipes a.rcp:visited,#recipes a.rcp:hover,#recipes a.rcp:active { float:left; display:block; width:115px; height:27px; padding-top:4px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #pairings a.par:link,#pairings a.par:visited,#pairings a.par:hover,#pairings a.par:active { float:left; display:block; width:115px; height:27px; padding-top:4px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #story a.sty:link,#story a.sty:visited,#story a.sty:hover,#story a.sty:active { float:left; display:block; width:115px; height:27px; padding-top:4px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #share a.shr:link,#share a.shr:visited,#share a.shr:hover,#share a.shr:active { float:left; display:block; width:115px; height:27px; padding-top:4px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } #Join a.mtr:link,#Join a.mtr:visited,#Join a.mtr:hover,#Join a.mtr:active { float:left; display:block; width:115px; height:27px; padding-top:4px; margin-right:5px; text-align:center; font-size: 14px; font-family : Georgia, serif ; text-decoration: none; background:url(/greypoupon/images/nav/nav_over_state.gif) no-repeat; color: #FFFFFF; } /*flashBox styles*/ .topBodyControl{ width:929px; text-align:left; } #flashBox{ width:929px; margin-bottom:20px; } .flashdetect{ font-size: 14px; font-family : Georgia, serif; color:#776539; text-align:center; } .flashdetect a{ font-size: 14px; font-family : Georgia, serif; color:#776539; text-decoration:underline; } /*page main box styles*/ #shelfbottom{ width:928px; height:70px; background:url(/greypoupon/images/common/shelf_bottom.png); background-repeat:no-repeat; } #shelfblank{ width:928px; height:49px; background:url(/greypoupon/images/common/shelf_topbottom.png); background-repeat:no-repeat; } #maintop{ width:858px; height:19px; background:url(/greypoupon/images/common/mainback_top.png); background-repeat:no-repeat; margin-left:35px; } #mainbottom{ width:858px; height:19px; background:url(/greypoupon/images/common/mainback_bot.png); background-repeat:no-repeat; margin-left:35px; } #mainback{ width:868px; background:url(/greypoupon/images/common/mainback_ie6.png); background-repeat:repeat-y; margin-left:35px; padding-left:21px; } #mainback:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } #mainback{ display: inline-block; } /*\*/ #mainback{ display: block; } /* share styles */ #shareback{ width:890px; background:url(/greypoupon/images/common/mainback_ie6.png); background-repeat:repeat-y; margin-left:35px; padding-left:38px; } #shareback:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } #shareback{ display: inline-block; } /*\*/ #shareback{ display: block; } #sharebottom{ width:927px; height:187px; background:url(/greypoupon/images/share/share_bottom.png); background-repeat:no-repeat; } #sharecontent{ width:530px; float:left; } #sharehead{ background:url(/greypoupon/images/share/hdr_sharethemastery.png); background-repeat:no-repeat; width:336px; height:74px; margin-left:80px; } #mustardman{ width:300px; height:303px; background:url(/greypoupon/images/share/mustard_man.png); background-repeat:no-repeat; float:left; } .sharetext{ font-size: 13px; font-family : Georgia, serif ; font-weight : bold; color: #6c492a; } .shareemail{ font-size: 12px; font-family : Georgia, serif ; color: #6c492a; width:490px; padding:10px; float:left; } .shareinput{ width:20px; padding-top:10px; float:left; } .shareform{ padding-left:30px; } .shareerror{ font-size: 9px; font-family : Georgia, serif ; color: #715b2f; } .inputhead{ font-size: 13px; font-family : Georgia, serif ; font-weight : bold; color: #d0b689; } .sharefield{ color: #a08a58; font-size: 10px; height:19px; width:300px; font-family : Arial, sans-serif ; border:1px solid #a08a58; background:url(/greypoupon/images/common/formback.gif); } .emaildisclamer{ width:350px; font-size: 9px; font-family : Georgia, serif ; color: #d0b689; } a.send:link,a.send:visited{ display:block; width:112px; height:42px; padding-top:12px; text-align:center; font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #FFFFFF; text-decoration: none; background:url(/greypoupon/images/share/btn_send.png) no-repeat; } a.send:hover{ background:url(/greypoupon/images/share/btn_send_over.png) no-repeat; } a.anothersend:link,a.anothersend:visited{ display:block; width:294px; height:41px; padding-top:12px; text-align:center; font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #FFFFFF; text-decoration: none; background:url(/greypoupon/images/share/btn_anotherfriend.png) no-repeat; } a.anothersend:hover{ background:url(/greypoupon/images/share/btn_anotherfriend_over.png) no-repeat; } /* nutritional info */ .nutpop{ background-color:#d7c097; font-size: 10px; font-family : Arial, sans-serif ; text-decoration: none; color:#9f2d22; } .ingtext{ width:250px; padding-left:20px; } .nutimage{ width:250px; padding:5px; } /*recipes styles*/ #recipemainmenu{ float:left; padding-left:415px; } #cocktailmainmenu{ float:left; padding-left:5px; } #recipecontainer{ float:left; width:597px; background:url(/greypoupon/images/recipes/recipebook_loop.gif); min-height:700px; } #recipebooktop{ width:597px; height:31px; background:url(/greypoupon/images/recipes/recipebook_top.gif); background-repeat:no-repeat; } #recipemainbottom{ width:927px; height:60px; background:url(/greypoupon/images/recipes/recipedetail_bottom.png); background-repeat:no-repeat; } #recipeback{ width:927px; height:424px; background:url(/greypoupon/images/recipes/recipemain.png); background-repeat:no-repeat; } .recipebox{ width:585px; padding-left:35px; } .recipebox:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } .recipebox{ display: inline-block; } /*\*/ .recipebox{ display: block; } .recipecontentlf{ float:left; width:240px; margin-right:45px; } .recipecontentrt{ float:left; width:240px; } .recipetitle{ font-size: 25px; font-family : Georgia, serif; font-weight:bold; color:#9f2d22; } .recipeinfo{ font-size: 12px; font-family : Georgia, serif; color:#776539; } .recipesubtitle{ font-size: 12px; font-family : Georgia, serif; font-style:italic; font-weight:bold; color:#776539; } .recipephoto{ width:237px; text-align:center; } .photoFalse { BACKGROUND-IMAGE:url(/greypoupon/images/recipes/no_image.gif); MARGIN-LEFT:12px; MARGIN-bottom:5px; BACKGROUND-REPEAT:no-repeat; HEIGHT:126px; } .phototop{ width:237px; height:19px; background:url(/greypoupon/images/recipes/photo_top.gif); background-repeat:no-repeat; } .photoloop{ width:237px; background:url(/greypoupon/images/recipes/photo_loop.gif); background-repeat:repeat-y; } .photobot{ width:237px; height:19px; background:url(/greypoupon/images/recipes/photo_bot.gif); background-repeat:no-repeat; } #nutritioninfo{ width:200px; margin-top:20px; } .nuthead{ font-size: 12px; font-style:italic; font-weight:bold; font-family : Georgia, serif ; color: #9f2d22; text-decoration:none; } .nutitem{ height:20px; padding-top:3px; background:url(/greypoupon/images/recipes/nut_div_line.gif) bottom; background-repeat:no-repeat; } .nuttitle{ font-size: 12px; font-family : Georgia, serif ; color: #776539; width:110px; float:left; } .nutvalue{ font-size: 12px; font-family : Georgia, serif ; color: #776539; width:80px; float:left; } .printbutton{ width:240px; text-align:center; } a.print:link,a.print:visited{ display:block; width:133px; height:25px; padding-top:5px; text-align:center; font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #9f2d22; text-decoration: none; background:url(/greypoupon/images/common/btn_sub_off.gif) no-repeat; } a.print:hover{ background:url(/greypoupon/images/common/btn_sub_over.gif) no-repeat; } /* search styles */ .searchText{ font-size: 12px; font-family : Georgia, serif ; color: #776539; } .bigRed{ font-size: 25px; font-family : Georgia, serif ; color: #9f2d22; } .searchhead{ font-size: 15px; font-family : Georgia, serif ; color: #776539; float:left; } a.pageResults:link, a.pageResults:hover, a.pageResults:active, a.pageResults:visited{ font-size: 12px; font-weight:bold; font-family : Georgia, serif ; color: #9f2d22; text-decoration:underline; } a.searchLink:link, a.searchLink:hover, a.searchLink:active{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color: #9f2d22; } a.searchLink:visited{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color: #574421; } .searchLight{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color:#574421; height:30px; background-image:url(/greypoupon/images/recipes/rslt_back_ltloop.gif); } .searchDark{ font-size: 12px; font-weight:normal; font-family : Georgia, serif ; color:#574421; height:30px; background-image:url(/greypoupon/images/recipes/rslt_back_darkloop.gif); } #searchcontainer{ float:left; width:589px; background:url(/greypoupon/images/recipes/search_back.gif); min-height:600px; } #searchtop{ width:589px; height:58px; background:url(/greypoupon/images/recipes/search_top.gif); background-repeat:no-repeat; padding-left:40px; } #searchmainbottom{ width:927px; height:60px; background:url(/greypoupon/images/recipes/reciperesults_bottom.png); background-repeat:no-repeat; } #searchback{ width:868px; background:url(/greypoupon/images/common/mainback_ie6.png); background-repeat:repeat-y; margin-left:35px; padding-left:30px; } #searchback:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } #searchback{ display: inline-block; } /*\*/ #searchback{ display: block; } .searcharea{ width:585px; padding-left:19px; } .searcharea:after{ content: '[CONTENT]'; display: block; height: 0; clear: both; visibility: hidden; } .searcharea{ display: inline-block; } /*\*/ .searcharea{ display: block; } /* side links styles */ .sidehead{ font-size: 14px; font-family : Georgia, serif; color:#776539; padding-left:25px; padding-bottom:9px; width:200px; height:19px; background:url(/greypoupon/images/recipes/sidenav_div.gif) bottom; background-repeat:no-repeat; } .sidelink{ padding-left:25px; padding-bottom:5px; width:200px; background:url(/greypoupon/images/recipes/sidenav_div.gif) bottom; background-repeat:no-repeat; } a.side:link,a.side:visited{ font-size: 13px; font-family : Georgia, serif; color:#002367; text-decoration:none; } a.side:active,a.side:hover{ text-decoration:underline; } .sidebutton{ width:220px; height:62px; } .back{ display:block; width:220px; height:62px; padding-top:25px; background:url(/greypoupon/images/recipes/btn_back.gif) no-repeat; } a.back:link,a.back:visited{ display:block; width:220px; height:62px; padding-top:25px; text-align:center; font-size: 11px; font-family : Georgia, serif ; color: #FFFFFF; text-decoration: none; background:url(/greypoupon/images/recipes/btn_back.gif) no-repeat; } a.back:hover{ background:url(/greypoupon/images/recipes/btn_back_over.gif) no-repeat; } #sidecontainer{ width:220px; float:left; margin-left:3px; } #signaturecontainer{ width:220px; background:url(/greypoupon/images/recipes/sidenav_back.gif); background-repeat:repeat-y; } .sidetopcontainer{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav_cap.gif); background-repeat:no-repeat; } .sidebotcontainer{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav_bot.gif); background-repeat:no-repeat; } .sidetopcontainer2{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav2_cap.gif); background-repeat:no-repeat; } .sidebotcontainer2{ width:220px; height:25px; background:url(/greypoupon/images/recipes/sidenav2_bot.gif); background-repeat:no-repeat; } #cocktailcontainer{ width:220px; background:url(/greypoupon/images/recipes/sidenav_back.gif); background-repeat:repeat-y; } /* for mustards, pairings, quiz pages */ #shelfLeftCorner, #contentMain, #contentMenu, #shelfRightCorner, #contentQuiz{ margin-top:5px; height: 435px; float: left; } #shelfLeftCorner{ background: url(/greypoupon/images/common/shelf-corner-left.gif) no-repeat bottom right; width: 45px; } #contentMain{ width: 645px; text-align: center; position: relative; } #shelfRightCorner{ background: url(/greypoupon/images/common/shelf-corner-right.gif) no-repeat bottom right; width: 42px; } /* mustards and pairings styles */ #contentMain h1{ height: 74px; margin: 20px auto 0 auto; padding: 0; text-indent: -5000px; } #contentMain p{ color: #776539; font-family: Georgia, serif; font-size: 12px; line-height: 18px; margin: 0 auto; padding: 0; width: 432px; } #contentMain p.mainPage{ font-size: 15px; line-height: 20px; } #contentMain h2{ color: #BFB094; font-family: Georgia, serif; font-size: 12px; letter-spacing: .15em; margin: 17px 0 8px 0; padding: 0; } #pairingsList{ /* padding-left: 210px; */ } #pairingsList ul, #pairingsList li{ margin: 0; padding: 0; } #pairingsList ul{ display: inline; float: left; /* margin-right: 30px; */ list-style-position: outside; } #pairingsList li{ list-style-type: none; color: #563B3B; font-family: Georgia, serif; font-size: 12px; line-height: 18px; } #buttons{ position: relative; left: 185px; } #buttons div{ float: left; position: relative; background: url(/greypoupon/images/mustards/sub-button-off.gif) no-repeat; width: 133px; height: 26px; margin-top: 15px; margin-right: 7px; } #buttons div a{ width: 133px; height: 26px; padding-top: 5px; position: absolute; top: 0; left: 0; color: #9F2D22; font-family: Georgia, serif; font-size: 12px; text-decoration: none; } #buttons a:hover{ background: url(/greypoupon/images/mustards/sub-button-on.gif) no-repeat; } #awardButton, #awardButton-bronze, #awardButton-silver{ background: url(/greypoupon/images/mustards/award-button-off.gif) no-repeat; width: 81px; height: 83px; position: absolute; bottom: 38px; right: 10px; } #awardButton-bronze{ background: url(/greypoupon/images/mustards/award-button-bronze-off.gif) no-repeat; } #awardButton-silver{ background: url(/greypoupon/images/mustards/award-button-silver-off.gif) no-repeat; } #awardButton a, #awardButton-bronze a, #awardButton-silver a{ width: 81px; height: 83px; display: block; } #awardButton a:hover{ background: url(/greypoupon/images/mustards/award-button-on.gif) no-repeat; } #awardButton-bronze a:hover{ background: url(/greypoupon/images/mustards/award-button-bronze-on.gif) no-repeat; } #awardButton-silver a:hover{ background: url(/greypoupon/images/mustards/award-button-silver-on.gif) no-repeat; } /*mustards and pairings menu styles */ #contentMenu{ background: url(/greypoupon/images/common/shelf-menu.jpg) no-repeat bottom left; width: 196px; } #contentMenu ul#mustardsMenu{ margin: 0; padding: 105px 0 0 0; background: url(/greypoupon/images/mustards/menu-bg.jpg) no-repeat; width: 196px; height: 401px; } #contentMenu ul#pairingsMenu{ margin: 0; padding: 105px 0 0 0; background: url(/greypoupon/images/pairings/menu-bg.jpg) no-repeat; width: 196px; height: 401px; } #contentMenu li{ list-style-type: none; margin: 0; padding: 0; width: 191px; height: 40px; line-height: 1.3em; border-top: solid 1px #BD9E63; border-bottom: solid 1px #9C7531; } #contentMenu li a:link, #contentMenu li a:visited{ color: #FFF2B5; font-family: Georgia, serif; font-size: 13.5px; text-decoration: none; text-align: center; display: block; width: 191px; height: 40px; padding-top: 10px; } #contentMenu li a:hover, #contentMenu li a:active{ background: url(/greypoupon/images/mustards/menu-hover.jpg) no-repeat; color: #FFF; } .dijonPage #contentMenu li a#dijon, .harvestPage #contentMenu li a#harvest, .savoryPage #contentMenu li a#savory, .mildPage #contentMenu li a#mild, .heartyPage #contentMenu li a#hearty, .countryPage #contentMenu li a#country, .deliPage #contentMenu li a#deli, .dijonPairingsPage #contentMenu li a#dijon, .harvestPairingsPage #contentMenu li a#harvest, .savoryPairingsPage #contentMenu li a#savory, .heartyPairingsPage #contentMenu li a#hearty{ background: url(/greypoupon/images/mustards/menu-hover.jpg) no-repeat; color: #FFF; } /* mustards main page styles */ .mustardsMainPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-mustardsMain.jpg) no-repeat; } .mustardsMainPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustardsMain.gif) no-repeat; width: 328px; height: 94px; margin-top: 40px; } .mustardsMainPage #shelfLeftCorner{ background: url(/greypoupon/images/mustards/shelf-corner-left-mustardsMain.gif) no-repeat bottom right; } /* mustard dijon styles */ .dijonPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-dijon.jpg) no-repeat; } .dijonPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-dijon.gif) no-repeat; width: 137px; } .dijonPage #shelfLeftCorner{ background: url(/greypoupon/images/mustards/shelf-corner-left-dijon.gif) no-repeat bottom right; } /* mustard harvest coarse ground styles */ .harvestPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-harvest.jpg) no-repeat; } .harvestPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-harvest.gif) no-repeat; width: 445px; } /* mustard savory honey styles */ .savoryPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-savory.jpg) no-repeat; } .savoryPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-savory.gif) no-repeat; width: 295px; } /* mustard mild & creamy styles */ .mildPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-mild.jpg) no-repeat; } .mildPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-mild.gif) no-repeat; width: 319px; } /* mustard hearty spicy brown styles */ .heartyPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-hearty.jpg) no-repeat; } .heartyPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-hearty.gif) no-repeat; width: 416px; } /* mustard country dijon styles */ .countryPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-country.jpg) no-repeat; } .countryPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-country.gif) no-repeat; width: 283px; } /* mustard deli styles */ .deliPage #contentMain{ background: url(/greypoupon/images/mustards/shelf-top-deli.jpg) no-repeat; } .deliPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-deli.gif) no-repeat; width: 112px; } /* pairings main page styles */ .pairingsMainPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-pairingsMain.jpg) no-repeat; } .pairingsMainPage #contentMain h1{ background: url(/greypoupon/images/pairings/header-pairingsMain.gif) no-repeat; width: 437px; height: 94px; margin-top: 40px; } .pairingsMainPage #shelfLeftCorner{ background: url(/greypoupon/images/pairings/shelf-corner-left-pairingsMain.gif) no-repeat bottom right; } /* pairings dijon styles */ .dijonPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-dijon.jpg) no-repeat; } .dijonPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-dijon.gif) no-repeat; width: 137px; } .dijonPairingsPage #shelfLeftCorner{ background: url(/greypoupon/images/pairings/shelf-corner-left-dijon.gif) no-repeat bottom right; } .dijonPairingsPage #contentMain p{ width: 575px; } .dijonPairingsPage #pairingsList ul{ padding-left: 0px; } /* pairings harvest coarse ground styles */ .harvestPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-harvest.jpg) no-repeat; } .harvestPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-harvest.gif) no-repeat; width: 445px; } .harvestPairingsPage #contentMain p{ width: 575px; } .harvestPairingsPage #pairingsList{ padding-left: 20px; } .harvestPairingsPage #pairingsList ul{ margin-right: 15px; } /* pairings savory honey styles */ .savoryPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-savory.jpg) no-repeat; } .savoryPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-savory.gif) no-repeat; width: 295px; } .savoryPairingsPage #contentMain p{ width: 585px; } .savoryPairingsPage #pairingsList{ padding-left: 195px; } .savoryPairingsPage #pairingsList ul{ margin-right: 25px; } /* pairings hearty spicy brown styles */ .heartyPairingsPage #contentMain{ background: url(/greypoupon/images/pairings/shelf-top-hearty.jpg) no-repeat; } .heartyPairingsPage #contentMain h1{ background: url(/greypoupon/images/mustards/header-mustards-hearty.gif) no-repeat; width: 416px; } .heartyPairingsPage #contentMain p{ width: 585px; } .heartyPairingsPage #pairingsList{ padding-left: 185px; } .heartyPairingsPage #pairingsList ul{ margin-right: 25px; } /* quiz styles */ #contentQuiz{ background: url(/greypoupon/images/quiz/shelf-top-quiz.jpg) no-repeat bottom left; width: 841px; position: relative; } .quizPage #shelfRightCorner{ background: url(/greypoupon/images/quiz/shelf-corner-right-quiz.gif) no-repeat bottom right; } #flashQuiz{ width: 530px; height: 300px; background: #DDD; position: absolute; top: 66px; left: 23px; } /* story and awards styles */ #storyMain{ background: url(/greypoupon/images/story/bg-story.jpg) repeat-y 43px; position: relative; width: 928px; } #storyTop{ background: url(/greypoupon/images/story/bg-story-top.png) no-repeat; } #awardsTop{ background: url(/greypoupon/images/story/bg-awards-top.png) no-repeat; } #storyBottom{ background: url(/greypoupon/images/story/bg-story-bottom.jpg) no-repeat 43px bottom; } #awardsBottom{ background: url(/greypoupon/images/story/bg-awards-bottom.jpg) no-repeat 43px bottom; } #storyContent, #awardsContent{ margin: 0 350px 0 90px; padding: 20px 0 95px 0; color: #776539; font-family: Georgia, serif; font-size: 12px; line-height: 18px; } #awardsContent{ padding: 20px 0 0px 0; } #shelftop{ background: url(/greypoupon/images/common/shelf_topbottom.png) no-repeat; width: 928px; height: 49px; } #shelftopAwards{ background: url(/greypoupon/images/story/shelf-top-awards.png) no-repeat 1px bottom; width: 928px; height: 69px; } #storyContent h1, #awardsContent h1{ background: url(/greypoupon/images/story/header-story.gif) no-repeat; height: 92px; padding: 0; text-indent: -5000px; } #storyContent h1{ background: url(/greypoupon/images/story/header-story.gif) no-repeat; width: 292px; margin: 0 0 0 90px; } #awardsContent h1{ background: url(/greypoupon/images/story/header-awards.gif) no-repeat; width: 372px; margin: 0 0 0 55px; } #storyContent p, #awardsContent p{ margin: 0 0 10px 0; padding: 0; color: #776539; font-family: Georgia, serif; font-size: 12px; line-height: 18px; } #awardsContent strong{ font-size: 13px; font-weight: bold; } #storyContent a{ color: #776539; } #storyContent a:hover{ color: #771212; } #storyContent em{ font-style: italic; font-weight: bold; font-size: 13px; /*padding-left: 125px;*/ } #storyContent img{ float: left; border: 0; margin-left: -60px; padding: 0 15px 10px 0; position: relative; z-index: 2; } #storyMain img#awardsLinkBottom{ border: 0; position: absolute; right: 90px; bottom: -50px; margin: 0; padding: 0; } #storyMain #awardsLinkTop{ position: absolute; right: 110px; top: 280px; background: url(/greypoupon/images/story/button-awards.gif) no-repeat; width: 132px; height: 40px; } #storyMain #storyLink{ position: absolute; right: 120px; top: 640px; background: url(/greypoupon/images/story/button-awards.gif) no-repeat; width: 132px; height: 40px; } #storyMain #awardsLinkTop a{ width: 132px; height: 40px; text-decoration: none; color: #FFF; font-family: Georgia, serif; font-size: 14px; position: absolute; top: 0; left: 0; } #storyMain #storyLink a{ width: 132px; height: 40px; text-decoration: none; color: #FFF; font-family: Georgia, serif; font-size: 14px; position: absolute; top: 0; left: 0; } #storyMain #awardsLinkTop a{ width: 132px; padding: 10px 0 0 35px; } #storyMain #storyLink a{ width: 132px; padding: 10px 0 0 45px; } #storyMain #awardsLinkTop a:hover{ background: url(/greypoupon/images/story/button-awards-on.gif) no-repeat; } #storyMain #storyLink a:hover{ background: url(/greypoupon/images/story/button-awards-on.gif) no-repeat; } #awardsContent ul{ width: 480px; padding: 40px 0 0 0; margin: 0; } #awardsContent li{ list-style-type: none; margin: 0; height: 100px; padding: 0; clear: left; } #awardsContent img.bottle{ padding: 0; margin: 0 0 0 10px; float: left; border: 0; width: 50px; height: 85px; } #awardsContent img.medal{ padding: 0; margin: 0; float: left; margin-top: 10px; border: 0; width: 50px; height: 64px; } #awardsContent li div{ float: left; margin: 13px 0 0 15px; } #awardsContent li p{ margin: 0; padding: 0; } /*bottom buckets styles*/ .subBodyControl{ margin-left:45px; width:841px; } .bucketSpace{ float:left; width:8px; height:63px; } .bucketLeft{ background-image:url(/greypoupon/images/common/box_left.gif); background-repeat:no-repeat; float:left; width:8px; height:63px; } .bucketRight{ background-image:url(/greypoupon/images/common/box_right.gif); background-repeat:no-repeat; float:left; width:8px; height:63px; } .bucketCenter{ background-image:url(/greypoupon/images/common/box_center.gif); background-repeat:repeat-x; float:left; height:63px; } .bucketHeader{ color: #893b2c; font-weight: bold; font-size: 12px; font-family : Georgia, serif ; } #bucketFeature{ width:183px; height:63px; text-align:center; padding-top:8px; } #bucketMaster{ width:196px; height:63px; text-align:center; padding-top:8px; } #bucketSearch{ width:394px; height:63px; text-align:left; padding-top:5px; color: #a08a58; font-size: 11px; font-family : Arial, sans-serif ; } #searchBoxArea{ padding-top:5px; padding-bottom:5px; } .searchBox{ color: #a08a58; font-size: 10px; height:19px; width:160px; font-family : Arial, sans-serif ; border:1px solid #a08a58; background:url(/greypoupon/images/common/formback.gif); } .subBodyControl a{ color: #a08a58; text-decoration: underline; font-size: 11px; font-family : Arial, sans-serif ; } /*footer styles*/ .footerBox{ width:841; padding-top:5px; margin-left:51px; margin-bottom:20px; } #footerLinks{ list-style: none; margin: 0; padding: 0; float: left; } #footerLinks li{ margin: 0; float: left; background-image: url(/greypoupon/images/footer/pipe.gif); background-repeat: no-repeat; padding: 0 5px 0 15px; } #footerLinks li.corporate{ margin: 0px; float: left; background-image: none; background-repeat: no-repeat; padding: 0px 5px 0px 15px; } #footerLinks li a{ color: #8c7144; text-decoration: none; font-size: 11px; font-family : Georgia, serif; } #footerLinks li a:hover{ color: #8c7144; text-decoration: underline; font-size: 11px; font-family : Georgia, serif; } #footerRight{ float:right; margin-right:15px; margin-top:3px; } .printHead { color: #000000; font-weight:bold; font-size: 18px; font-family : Georgia, serif; } .printText { color: #000000; font-size: 12px; font-family : Georgia, serif; } /* 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; }