/* Core Styles ----------- */ /* Yahoo! UI Library: Reset CSS (with some potential tweaks) */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} /* address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} */ ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}abbr,acronym {border:0;} /** * Grid system definitions here. * * Moving forward, maybe we can use these instead of combinations of leftandcenter, leftcolumn, etc. * By default, all gridCol have a left margin of 12px. using left or right adds the edge margins * (28px in theory, 20px in reality). * * @author kaiser shahid [2007-10-26] */ div.gridCol { width: 66px; margin-left: 12px !important; margin-bottom: 12px !important; float: left !important; } div.gridCol.noLeft { margin-left: 0px !important; } div.gridCol.noMargin { margin: 0px !important; } div.gridCol.left { margin-left: 20px !important; _margin-left: 10px !important; } div.gridCol.right { margin-right: 20px !important; _margin-right: 10px !important; } div.gridCol.two { width: 144px !important; } div.gridCol.three { width: 222px !important; } div.gridCol.four { width: 300px !important; } div.gridCol.five { width: 378px !important; } div.gridCol.six { width: 456px !important; } div.gridCol.seven { width: 534px !important; } div.gridCol.eight { width: 612px !important; } div.gridCol.nine { width: 690px !important; } div.gridCol.ten { width: 768px !important; } /* * added [2007-11-14] * * a 'group' column should be used to group together two or more gridCols. doing so * would allow the designer to insert rows that span multiple columns while keeping * the overall grid structure. for instance * * * --------------- ---- * -xxxx-xxxxxxxxx ---- * -xxxx-xxxxxxxxx ---- * -yyyyyyyyyyyyyy ---- * -xxxx-xxxxxxxxx ---- * -xxxx-xxxxxxxxx ---- * --------------- ---- * * * this shows a layout of, say, 8x4. within the 8-column, we have a 3x5-column layout * mixed in with an 8-column layout. * * a gridCol group should occupy the space equalling all its sub-columns plus any margin * (but should not itself use any margins), and was envisioned to be used as 'edge' columns * (i.e. left and right). therefore, the widths are the widths above plus 20px to account * for either left or right margin. * * because of IE's stupidity, i had to revert to gridColGroup%Size%, since it didn't like * definitions for gridCol.group.eight but has no problems with gridColGroupEight, etc. */ div.gridColGroupTwo { width: 164px !important; margin: 0px !important; float: left !important; } div.gridColGroupThree { width: 242px !important; margin: 0px !important; float: left !important; } div.gridColGroupFour { width: 320px !important; margin: 0px !important; float: left !important; } div.gridColGroupFive { width: 398px !important; margin: 0px !important; float: left !important; } div.gridColGroupSix { width: 476px !important; margin: 0px !important; float: left !important; } div.gridColGroupSeven { width: 554px !important; margin: 0px !important; float: left !important; } div.gridColGroupEight { width: 632px !important; margin: 0px !important; float: left !important; } div.gridColGroupNine { width: 710px !important; margin: 0px !important; float: left !important; } div.gridColGroupTen { width: 788px !important; margin: 0px !important; float: left !important; } /* Page Structure & Globals ------------------------ */ html { height: 100%; margin: 0px; overflow: -moz-scrollbars-vertical; padding: 0px; font-size: 100%; /* IE hack */ } body { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/backgrounds/bg_global.gif); background-repeat: repeat-y; background-position: center; background-color: #c8c8c8; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; line-height: 1.8em; font-style: normal; font-variant: normal; font-weight: normal; height: 100%; margin: 0px 15px; text-align: center; } /* Glue and Shims -------------- */ .clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; } .alt { display: none; } /* --------------------------------------------------- --------------------------------------------------- DO WE NEED THESE? --------------------------------------------------- --------------------------------------------------- */ .noTopMargin { margin-top: 0px !important; } .noBottomMargin { margin-bottom: 0px !important; } .noMargin { margin: 0px !important; } div.clearer, div.clearMe, .clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; } .clearMe12 { clear: both; height: 12px; } .clearMe25 { clear: both; height: 25px; } .clearMe50 { clear: both; height: 50px; } .clearMe75 { clear: both; height: 75px; } .clearMe100 { clear: both; height: 100px; } .centered { text-align: center; } .noBorder { border: none; } .extraSpaceAbove { padding-top: 20px; } .extraSpaceBelow { padding-bottom: 20px; } .systemErrors { color: #F40E0E; } p.systemErrors { font-size: 1.4em; margin: 20px 0px; } img.button, .button, input.button { border: none; } /* Global table styles --------------------------*/ .table { margin: 0 0 20px 20px; } .table table { width: 100%; font-size: 1.3em; } .table table td, .table table th { padding: 3px 0; } .table table, .table table td, .table table th { border: 1px solid #333; border-collapse: collapse; } /*---*/ /* Header ------ */ #header { position: relative; text-align: left; height: 165px; z-index: 2; /* should go on container*/ } #productsHeader { position: relative; text-align: left; height: 178px; z-index: 2; } #satellites ul, #satellites li { margin: 0px; padding: 0px; } #satellites { margin: 0px 0px 0px 20px; } #satellites ul { list-style-type: none; } #satellites li { float: left; } #satellites li a { display: block; height: 42px; background-image: url(http://assets.aarp.org/aarp.org_/images/header/s14/hat_bg.gif); } #satellites li a span { display: none; } li#dotOrg a { width: 96px; } li#dotOrg a:hover, li#dotOrg a.current { background-position: 0px -42px; } li#magazine a { width: 128px; background-position: -96px 0px; } li#magazine a:hover { background-position: -96px -42px; } li#bulletin a { width: 100px; background-position: -224px 0px; } li#bulletin a:hover, li#bulletin a.current { background-position: -224px -42px; } li#segunda a { width: 154px; background-position: -323px 0px; } li#segunda a:hover { background-position: -323px -42px; } li#tv a { width: 36px; background-position: -477px 0px; } li#tv a:hover { background-position: -477px -42px; } li#benefits a { width: 130px; background-position: -513px 0px; } li#benefits a:hover, li#benefits a.current { background-position: -513px -42px; } li#foundation a { width: 116px; background-position: -643px 0px; } li#foundation a:hover { background-position: -643px -42px; } li#research a { width: 71px; background-position: -759px 0px; } li#research a:hover { background-position: -759px -42px; } li#dwf a { width: 94px; background-position: -830px 0px; } li#dwf a:hover { background-position: -830px -42px; } #logoLockup { position: absolute; left: 20px; top: 57px; } #logoLockup img { border: none; } #coBranding { position: absolute; left: 20px; top: 100px; } #coBranding img { border: none; } #searchHeader { position: absolute; left: 295px; top: 55px; } #searchHeader input#searchTerms { width: 260px; margin-top: 1px; float: left; font-family: Arial, Verdana, sans-serif; padding: 5px; font-size: 14px; color: #000000; border: 1px solid #999999; overflow: visible; } #searchHeader input#searchActionButton { position: absolute; top: 0px; left: 276px; } #welcomeAnon { position: absolute; left: 672px; top: 47px; width: 272px; height: 49px; background-image: url( http://assets.aarp.org/aarp.org_/images/header/s0906/personalization_bg.gif ); background-position: 0px -49px; } #welcomeAnon ul { list-style-type: none ; } #joinAnon span, #logIn span, #signUp span { display: none; } #joinAnon { position: absolute; left: 164px; top: 5px; width: 104px; height: 20px; background-image: url( http://assets.aarp.org/aarp.org_/images/header/s0906/personalization_bg.gif ); background-position: 0px -98px; cursor: pointer; } #logIn { position: absolute; left: 146px; top: 26px; width: 52px; height: 20px; background-image: url( http://assets.aarp.org/aarp.org_/images/header/s0906/personalization_bg.gif ); background-position: 0px -118px; cursor: pointer; } #signUp { position: absolute; left: 202px; top: 26px; width: 66px; height: 20px; background-image: url( http://assets.aarp.org/aarp.org_/images/header/s0906/personalization_bg.gif ); background-position: 0px -138px; cursor: pointer; } #welcomeLoggedIn { position: absolute; left: 672px; top: 47px; width: 272px; height: 49px; background-image: url( http://assets.aarp.org/aarp.org_/images/header/s0906/personalization_bg.gif ) ; } #welcomeGreeting { margin: 4px 8px 4px 0px; font: 20px/20px "Trebuchet MS", Verdana, sans-serif; text-align: right; } #welcomeLabel { color: #78766F; } #welcomeLabel a:link, #welcomeLabel a:visited, #welcomeLabel a:hover, #welcomeLabel a:active { color: #78766F; text-decoration: none; } #welcomeName { color: #0570ad; } #welcomeName a:link, #welcomeName a:visited, #welcomeName a:hover, #welcomeName a:active { color: #0570ad; text-decoration: none; } #loggedInActions { font: 11px/11px Arial, Verdana, sans-serif; margin: 0px 8px 0px 4px; text-align: right; } #loggedInActions a:link, #loggedInActions a:visited { color: #0570ad; text-decoration: none; } #loggedInActions a:hover, #loggedInActions a:active { text-decoration: underline; } #newMessageCount { color: #ee3224; } #loggedInNonMemberJoin span { display: none ; } #loggedInNonMemberJoin { width: 41px ; height: 20px ; margin-left: 3px ; margin-top: -2px ; background-image: url( http://assets.aarp.org/aarp.org_/images/header/s0906/personalization_bg.gif ); background-position: 0px -161px ; float: right ; cursor: pointer ; } #loggedInActions a.expiredRenewLink:link, #loggedInActions a.expiredRenewLink:visited { color: #ee3224; } #channelNav { position: absolute; top: 101px; left: 20px; width: 924px; } #productsChannelNav { position: absolute; top: 134px; left: 20px; width: 923px; } #channelNav ul, #channelNav li, #productsChannelNav ul, #productsChannelNav li { margin: 0px; padding: 0px; } #channelNav ul, #productsChannelNav ul, #healthSubNav ul, #moneySubNav ul, #leisureSubNav ul, #makeadifferenceSubNav ul, #familySubNav ul, #communitySubNav ul, #membershipSubNav ul { list-style-type: none; margin: 0px; padding: 0px; } #channelNav li, #productsChannelNav li, #healthSubNav li, #moneySubNav li, #leisureSubNav li, #makeadifferenceSubNav li, #familySubNav li, #communitySubNav li, #membershipSubNav li { float: left; } #channelNav li a { display: block; background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/channelNav_bg.gif); height: 33px; } #productsChannelNav li a { display: block; background-image: url(http://assets.aarp.org/aarp.org_/images/header/productsChannelNav_bg.gif); height: 39px; } #healthSubNav, #moneySubNav, #leisureSubNav, #makeadifferenceSubNav, #familySubNav, #communitySubNav, #membershipSubNav { position: absolute; top: 134px; left: 20px; width: 924px; background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); height: 28px; } #moneySubNav { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); } #leisureSubNav { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); } #makeadifferenceSubNav { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); } #familySubNav { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); } #communitySubNav { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); } #membershipSubNav { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_membership_bg.gif); } #healthSubNav li a, #moneySubNav li a, #leisureSubNav li a, #makeadifferenceSubNav li a, #familySubNav li a, #communitySubNav li a, #membershipSubNav li a { display: block; height: 28px; } #channelNav li a span, #productsChannelNav li a span, #healthSubNav li a span, #moneySubNav li a span, #leisureSubNav li a span, #makeadifferenceSubNav li a span, #familySubNav li a span, #communitySubNav li a span, #membershipSubNav li a span { display: none; } li#health a { width: 116px; } li#health a:hover { background-position: 0px -33px; } li#health a.healthCurrent { background-position: 0px -66px; } li#money a { background-position: -116px 0px; width: 125px; } li#money a:hover { background-position: -116px -33px; } li#money a.moneyCurrent { background-position: -116px -66px; } li#leisure a { width: 130px; background-position: -241px 0px; } li#leisure a:hover { background-position: -241px -33px; } li#leisure a.leisureCurrent { background-position: -241px -66px; } li#makeadifference a { width: 145px; background-position: -371px 0px; } li#makeadifference a:hover { background-position: -371px -33px; } li#makeadifference a.makeadifferenceCurrent { background-position: -371px -66px; } li#family a { width: 120px; background-position: -516px 0px; } li#family a:hover { background-position: -516px -33px; } li#family a.familyCurrent { background-position: -516px -66px; } li#community a { width: 143px; background-position: -636px 0px; } li#community a:hover { background-position: -636px -33px; } li#community a.onlinecommunityCurrent { background-position: -636px -66px; } li#membership a { width: 145px; background-position: -779px 0px; } li#membership a:hover { background-position: -779px -33px; } li#membership a.membershipCurrent { background-position: -779px -66px; } li#healthy a { width: 144px; } li#healthy a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: 0px -28px; } li#healthy a.healthylivingCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: 0px -56px; } li#conditions a { width: 210px; } li#conditions a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -144px -28px; } li#conditions a.conditionsCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -144px -56px; } li#doctors a { width: 184px; } li#doctors a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -354px -28px; } li#doctors a.doctorsCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -354px -56px; } li#insurance a { width: 181px; } li#insurance a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -538px -28px; } li#insurance a.insuranceCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -538px -56px; } li#longtermcare a { width: 151px; } li#longtermcare a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -719px -28px; } li#longtermcare a.longtermcareCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_health_bg.gif); background-position: -719px -56px; } li#work a { width: 91px; } li#work a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: 0px -28px; } li#work a.workCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: 0px -56px; } li#finance a { width: 161px; } li#finance a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -91px -28px; } li#finance a.personalCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -91px -56px; } li#retirement a { width: 120px; } li#retirement a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -252px -28px; } li#retirement a.retirementCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -252px -56px; } li#consumer a { width: 196px; } li#consumer a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -372px -28px; } li#consumer a.consumerCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -372px -56px; } li#socialsecurity a { width: 150px; } li#socialsecurity a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -568px -28px; } li#socialsecurity a.social_securityCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -568px -56px; } li#estate a { width: 144px; } li#estate a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -718px -28px; } li#estate a.estate_planningCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_money_bg.gif); background-position: -718px -56px; } li#travel a { width: 93px; } li#travel a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: 0px -28px; } li#travel a.travelCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: 0px -56px; } li#games a { width: 85px; } li#games a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -93px -28px; } li#games a.gamesCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -93px -56px; } li#entertainment a { width: 147px; } li#entertainment a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -178px -28px; } li#entertainment a.entertainmentCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -178px -56px; } li#food a { width: 76px; } li#food a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -325px -28px; } li#food a.foodCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -325px -56px; } li#activities a { width: 180px; } li#activities a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -401px -28px; } li#activities a.activitiesCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_leisure_bg.gif); background-position: -401px -56px; } li#advocacy a { width: 170px; } li#advocacy a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: 0px -28px; } li#advocacy a.advocacyCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: 0px -56px; } li#volunteering a { width: 140px; } li#volunteering a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: -170px -28px; } li#volunteering a.volunteerCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: -170px -56px; } li#giving a { width: 164px; } li#giving a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: -310px -28px; } li#giving a.givingCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: -310px -56px; } li#outreach a { width: 196px; } li#outreach a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: -474px -28px; } li#outreach a.gettinghelpCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_makeadifference_bg.gif); background-position: -474px -56px; } li#grandparenting a { width: 161px; background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); } li#grandparenting a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: 0px -28px; } li#grandparenting a.grandparentingCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: 0px -56px; } li#caregiving a { width: 113px; } li#caregiving a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -161px -28px; } li#caregiving a.caregivingCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -161px -56px; } li#housing a { width: 177px; } li#housing a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -274px -28px; } li#housing a.housingCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -274px -56px; } li#lifeafterloss a { width: 140px; } li#lifeafterloss a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -451px -28px; } li#lifeafterloss a.lifeafterlossCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -451px -56px; } li#love a { width: 175px; } li#love a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -591px -28px; } li#love a.loveCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s0904/subNav_family_bg.gif); background-position: -591px -56px; } li#people a { width: 97px; } li#people a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: 0px -28px; } li#people a.peopleCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: 0px -56px; } li#photos a { width: 92px; } li#photos a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -97px -28px; } li#photos a.photosCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -97px -56px; } li#videos a { width: 93px; } li#videos a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -189px -28px; } li#videos a.videosCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -189px -56px; } li#journals a { width: 108px; } li#journals a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -282px -28px; } li#journals a.journalsCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -282px -56px; } li#groups a { width: 91px; } li#groups a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -390px -28px; } li#groups a.groupsCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -390px -56px; } li#tagsItem a { width: 84px; } li#tagsItem a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -481px -28px; } li#tagsItem a.tagsItemCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_community_bg.gif); background-position: -481px -56px; } li#benefitsSubNav a { width: 160px; background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_membership_bg.gif); } li#benefitsSubNav a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_membership_bg.gif); background-position: 0px -28px; } li#benefitsSubNav a.benefitsSubNavCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_membership_bg.gif); background-position: 0px -56px; } li#join a { width: 113px; } li#join a:hover { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_membership_bg.gif); background-position: -161px -28px; } li#join a.joinCurrent { background-image: url(http://assets.aarp.org/aarp.org_/images/header/s10/subNav_membership_bg.gif); background-position: -161px -56px; } li#healthProducts a { width: 184px; } li#healthProducts a:hover { background-position: 0px -39px; } li#healthProducts a.healthCurrent { background-position: 0px -39px; } li#financialProducts a { background-position: -184px 0px; width: 184px; } li#financialProducts a:hover { background-position: -184px -39px; } li#financialProducts a.financialCurrent { background-position: -184px -39px; } li#travelProducts a { background-position: -368px 0px; width: 184px; } li#travelProducts a:hover { background-position: -368px -39px; } li#travelProducts a.travelCurrent { background-position: -368px -39px; } li#discountsProducts a { background-position: -552px 0px; width: 184px; } li#discountsProducts a:hover { background-position: -552px -39px; } li#discountsProducts a.discountsCurrent { background-position: -552px -39px; } li#insuranceProducts a { background-position: -736px 0px; width: 187px; } li#insuranceProducts a:hover { background-position: -736px -39px; } li#insuranceProducts a.insuranceCurrent { background-position: -736px -39px; } /* Footer ------ */ #footer { clear: both; text-align: center; padding-top: 30px; padding-bottom: 20px; } #fTopLinks { font-size: 12px; font-weight: bold; } #fTopLinks a { padding: 0px 7px; } #fBottomLinks { font-size: 12px; padding: 8px 0px; } #fBottomLinks a { padding: 0px 7px; } #fCopyright { font-size: 11px; margin-top: 20px; color: #666666; } #fCopyright a, #fCopyright a:visited { color: #666666; } .agnDesignation { font-family: Helvetica, Arial, Verdana, sans-serif; margin-left: 3px; font-size: 11px; font-weight: bold; } #agnLogo { vertical-align: -35%; margin-left: 1px; border-style: none; } /* Button Sprites -------------- */ .btnGutter, .tabGutter { width: 5px; float: left; position: relative; } a.btnSmallGray, a.btnMediumGray, a.btnLargeGray, a.btnSmallBlue, a.btnMediumBlue, a.btnLargeBlue, a.btnSmallRed, a.btnMediumRed, a.btnLargeRed { display: block; font-family: 'Trebuchet MS'; font-weight: bold; text-transform: uppercase; color: #fff !important; cursor: pointer; padding: 0; margin: 0; } a.btnSmallBlue:hover, a.btnMediumBlue:hover, a.btnLargeBlue:hover, a.btnSmallRed:hover, a.btnMediumRed:hover, a.btnLargeRed:hover { color: #fff !important; text-decoration: none; } a.btnSmallGray, a.btnMediumGray, a.btnLargeGray { color: #3e76ad !important; } a.btnSmallGray:hover, a.btnMediumGray:hover, a.btnLargeGray:hover { color: #247fd8 !important; } a.btnSmallGray, a.btnSmallBlue, a.btnSmallRed { font-size: 11px !important; } a.btnMediumGray, a.btnMediumBlue, a.btnMediumRed { font-size: 12px !important; } a.btnLargeGray, a.btnLargeBlue, a.btnLargeRed { font-size: 19px !important; } a.btnSmallGray span, a.btnMediumGray span, a.btnLargeGray span, a.btnSmallBlue span, a.btnMediumBlue span, a.btnLargeBlue span, a.btnSmallRed span, a.btnMediumRed span, a.btnLargeRed span { background-image: url(http://assets.aarp.org/aarp.org_/images/buttons/btnSprite.gif); background-repeat: no-repeat; float: left; display: block; } a.btnSmallGray span.left, a.btnMediumGray span.left, a.btnLargeGray span.left, a.btnSmallBlue span.left, a.btnMediumBlue span.left, a.btnLargeBlue span.left, a.btnSmallRed span.left, a.btnMediumRed span.left, a.btnLargeRed span.left, a.btnSmallGray span.right, a.btnMediumGray span.right, a.btnLargeGray span.right, a.btnSmallBlue span.right, a.btnMediumBlue span.right, a.btnLargeBlue span.right, a.btnSmallRed span.right, a.btnMediumRed span.right, a.btnLargeRed span.right { width: 9px; } a.btnSmallGray span, a.btnSmallBlue span, a.btnSmallRed span { height: 20px; line-height: 20px; } a.btnMediumGray span, a.btnMediumBlue span, a.btnMediumRed span { height: 24px; line-height: 24px; } a.btnLargeGray span, a.btnLargeBlue span, a.btnLargeRed span { height: 32px; line-height: 32px; } a.btnSmallGray span.left { background-position: left 0; } a.btnSmallGray span.right { background-position: right 0; } a.btnSmallGray span.middle { background-position: -10px 0; } a.btnSmallGray:hover span.left { background-position: left -20px; } a.btnSmallGray:hover span.right { background-position: right -20px; } a.btnSmallGray:hover span.middle { background-position: -10px -20px; } .btnSmallGray.inactive span.left { background-position: left -40px; } .btnSmallGray.inactive span.right { background-position: right -40px; } .btnSmallGray.inactive span.middle { background-position: -10px -40px; } a.btnMediumGray span.left { background-position: left -180px; } a.btnMediumGray span.right { background-position: right -180px; } a.btnMediumGray span.middle { background-position: -10px -180px; } a.btnMediumGray:hover span.left { background-position: left -204px; } a.btnMediumGray:hover span.right { background-position: right -204px; } a.btnMediumGray:hover span.middle { background-position: -10px -204px; } .btnMediumGray.inactive span.left { background-position: left -228px; } .btnMediumGray.inactive span.right { background-position: right -228px; } .btnMediumGray.inactive span.middle { background-position: -10px -228px; } a.btnLargeGray span.left { background-position: left -400px; } a.btnLargeGray span.right { background-position: right -400px; } a.btnLargeGray span.middle { background-position: -10px -400px; } a.btnLargeGray:hover span.left { background-position: left -432px; } a.btnLargeGray:hover span.right { background-position: right -432px; } a.btnLargeGray:hover span.middle { background-position: -10px -432px; } .btnLargeGray.inactive span.left { background-position: left -464px; } .btnLargeGray.inactive span.right { background-position: right -464px; } .btnLargeGray.inactive span.middle { background-position: -10px -464px; } a.btnSmallBlue span.left { background-position: left -60px; } a.btnSmallBlue span.right { background-position: right -60px; } a.btnSmallBlue span.middle { background-position: -10px -60px; } a.btnSmallBlue:hover span.left { background-position: left -80px; } a.btnSmallBlue:hover span.right { background-position: right -80px; } a.btnSmallBlue:hover span.middle { background-position: -10px -80px; } .btnSmallBlue.inactive span.left { background-position: left -100px; } .btnSmallBlue.inactive span.right { background-position: right -100px; } .btnSmallBlue.inactive span.middle { background-position: -10px -100px; } a.btnMediumBlue span.left { background-position: left -252px; } a.btnMediumBlue span.right { background-position: right -252px; } a.btnMediumBlue span.middle { background-position: -10px -252px; } a.btnMediumBlue:hover span.left { background-position: left -276px; } a.btnMediumBlue:hover span.right { background-position: right -276px; } a.btnMediumBlue:hover span.middle { background-position: -10px -276px; } .btnMediumBlue.inactive span.left { background-position: left -276px; } .btnMediumBlue.inactive span.right { background-position: right -276px; } .btnMediumBlue.inactive span.middle { background-position: -10px -276px; } a.btnLargeBlue span.left { background-position: left -496px; } a.btnLargeBlue span.right { background-position: right -496px; } a.btnLargeBlue span.middle { background-position: -10px -496px; } a.btnLargeBlue:hover span.left { background-position: left -528px; } a.btnLargeBlue:hover span.right { background-position: right -528px; } a.btnLargeBlue:hover span.middle { background-position: -10px -528px; } .btnLargeBlue.inactive span.left { background-position: left -560px; } .btnLargeBlue.inactive span.right { background-position: right -560px; } .btnLargeBlue.inactive span.middle { background-position: -10px -560px; } a.btnSmallRed span.left { background-position: left -120px; } a.btnSmallRed span.right { background-position: right -120px; } a.btnSmallRed span.middle { background-position: -10px -120px; } a.btnSmallRed:hover span.left { background-position: left -140px; } a.btnSmallRed:hover span.right { background-position: right -140px; } a.btnSmallRed:hover span.middle { background-position: -10px -140px; } .btnSmallRed.inactive span.left { background-position: left -160px; } .btnSmallRed.inactive span.right { background-position: right -160px; } .btnSmallRed.inactive span.middle { background-position: -10px -160px; } a.btnMediumRed span.left { background-position: left -300px; } a.btnMediumRed span.right { background-position: right -300px; } a.btnMediumRed span.middle { background-position: -10px -300px; } a.btnMediumRed:hover span.left { background-position: left -324px; } a.btnMediumRed:hover span.right { background-position: right -324px; } a.btnMediumRed:hover span.middle { background-position: -10px -324px; } .btnMediumRed.inactive span.left { background-position: left -348px; } .btnMediumRed.inactive span.right { background-position: right -348px; } .btnMediumRed.inactive span.middle { background-position: -10px -348px; } a.btnLargeRed span.left { background-position: left -592px; } a.btnLargeRed span.right { background-position: right -592px; } a.btnLargeRed span.middle { background-position: -10px -592px; } a.btnLargeRed:hover span.left { background-position: left -624px; } a.btnLargeRed:hover span.right { background-position: right -624px; } a.btnLargeRed:hover span.middle { background-position: -10px -624px; } .btnLargeRed.inactive span.left { background-position: left -656px; } .btnLargeRed.inactive span.right { background-position: right -656px; } .btnLargeRed.inactive span.middle { background-position: -10px -656px; } /* Community Sprite Buttons ----------------- */ .btnGutter, .tabGutter { width: 5px; float: left; position: relative; } .btn20 .left, .btn20 .middle, .btn20 .right, .btn20Blue .left, .btn20Blue .middle, .btn20Blue .right, .btn20Red .left, .btn20Red .middle, .btn20Red .right, .btn20Inactive .left, .btn20Inactive .middle, .btn20Inactive .right, .btn24 .left, .btn24 .middle, .btn24 .right, .btn24Blue .left, .btn24Blue .middle, .btn24Blue .right, .btn24Red .left, .btn24Red .middle, .btn24Red .right, .btn24Inactive .left, .btn24Inactive .middle, .btn24Inactive .right, .btn32 .left, .btn32 .middle, .btn32 .right, .btn32Blue .left, .btn32Blue .middle, .btn32Blue .right, .btn32Red .left, .btn32Red .middle, .btn32Red .right, .tabActive .left, .tabActive .middle, .tabActive .right, .tabInactive .left, .tabInactive .middle, .tabInactive .right, .tabAdminActive .left, .tabAdminActive .middle, .tabAdminActive .right, .tabAdminInactive .left, .tabAdminInactive .middle, .tabAdminInactive .right { background: url(http://assets.aarp.org/aarp.org_/images/sprites/buttons_tabs_v2.gif) no-repeat; position: relative; display: block; float: left; height: 18px; } .btn20, .btn20Blue, .btn20Red, .btn20Inactive { text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative; .position: static; float: left; } .btn20Inactive { cursor: default; } #header .btn20Blue, #header .btn20Red { font-family: "Trebuchet MS", Arial, sans-serif; } .btn20 .left, .btn20 .right, .btn20Blue .left, .btn20Blue .right, .btn20Red .left, .btn20Red .right, .btn20Inactive .left, .btn20Inactive .right { padding: 1px 0; width: 4px; } .btn20 .middle, .btn20Blue .middle, .btn20Red .middle, .btn20Inactive .middle { padding: 1px 3px; font-size: 11px; text-align: center; } .btn20 .left { background-position: 0 0; } .btn20:hover .left { background-position: 0 -20px; } .btn20 .middle { color: #3e76ad !important; background-position: -4px 0; } .btn20:hover .middle { color: #247fd8 !important; background-position: -4px -20px; } .btn20 .right { background-position: -296px 0; } .btn20:hover .right { background-position: -296px -20px; } .btn20Blue .left { background-position: 0 -40px; } .btn20Blue:hover .left { background-position: 0 -60px; } .btn20Blue .middle { color: #ffffff !important; background-position: -4px -40px; } .btn20Blue:hover .middle { background-position: -4px -60px; } .btn20Blue .right { background-position: -296px -40px; } .btn20Blue:hover .right { background-position: -296px -60px; } .btn20Red .left { background-position: 0 -80px; } .btn20Red:hover .left { background-position: 0 -100px; } .btn20Red .middle { color: #ffffff !important; background-position: -4px -80px; } .btn20Red:hover .middle { background-position: -4px -100px; } .btn20Red .right { background-position: -296px -80px; } .btn20Red:hover .right { background-position: -296px -100px; } .btn20Inactive .left { background-position: 0 -120px; } .btn20Inactive .middle { color: #3e76ad !important; background-position: -4px -120px; } .btn20Inactive .right { background-position: -296px -120px; } .btn24, .btn24Blue, .btn24Red, .btn24Inactive { text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative; .position: static; /* necessary to avoid FCKEditor crash in IE6 */ float: left; } .btn24Inactive { cursor: default; } #memberTestimonials .btn24Blue { .position: relative; } .btn24 .left, .btn24 .right, .btn24Blue .left, .btn24Blue .right, .btn24Red .left, .btn24Red .right, .btn24Inactive .left, .btn24Inactive .right { padding: 3px 0; width: 4px; } .btn24 .middle, .btn24Blue .middle, .btn24Red .middle, .btn24Inactive .middle { padding: 3px 4px; font-size: 13px; text-align: center; } .btn24 .left { background-position: -300px 0; } .btn24:hover .left { background-position: -300px -24px; } .btn24 .middle { color: #3e76ad !important; background-position: -304px 0; } .btn24:hover .middle { color: #247fd8 !important; background-position: -304px -24px; } .btn24 .right { background-position: -596px 0; } .btn24:hover .right { background-position: -596px -24px; } .btn24Blue .left { background-position: -300px -48px; } .btn24Blue:hover .left { background-position: -300px -72px; } .btn24Blue .middle { color: #ffffff !important; background-position: -304px -48px; } .btn24Blue:hover .middle { background-position: -304px -72px; } .btn24Blue .right { background-position: -596px -48px; } .btn24Blue:hover .right { background-position: -596px -72px; } .btn24Red .left { background-position: -300px -96px; } .btn24Red:hover .left { background-position: -300px -120px; } .btn24Red .middle { color: #ffffff !important; background-position: -304px -96px; } .btn24Red:hover .middle { background-position: -304px -120px; } .btn24Red .right { background-position: -596px -96px; } .btn24Red:hover .right { background-position: -596px -120px; } .btn24Inactive .left { background-position: -300px -144px; } .btn24Inactive .middle { color: #3e76ad !important; background-position: -304px -144px; } .btn24Inactive .right { background-position: -596px -144px; } /* remove this after we talk to Jeff about it ------------------- */ .btn24Inactive.hidden { display: none; } /*-----------*/ .btn32, .btn32Blue, .btn32Red { text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative; .position: static; float: left; } #header .btn32Red { font-family: "Trebuchet MS", Arial, sans-serif; } .btn32 .left, .btn32 .right, .btn32Blue .left, .btn32Blue .right, .btn32Red .left, .btn32Red .right { padding: 7px 0; width: 4px; } .btn32 .middle, .btn32Blue .middle, .btn32Red .middle { padding: 7px 4px; font-size: 18px; text-align: center; } .btn32 .left { background-position: -600px 0; } .btn32:hover .left { background-position: -600px -32px; } .btn32 .middle { color: #3e76ad !important; background-position: -604px 0; } .btn32:hover .middle { color: #247fd8 !important; background-position: -604px -32px; } .btn32 .right { background-position: -896px 0; } .btn32:hover .right { background-position: -896px -32px; } .btn32Blue .left { background-position: -600px -64px; } .btn32Blue:hover .left { background-position: -600px -96px; } .btn32Blue .middle { color: #ffffff !important; background-position: -604px -64px; } .btn32Blue:hover .middle { background-position: -604px -96px; } .btn32Blue .right { background-position: -896px -64px; } .btn32Blue:hover .right { background-position: -896px -96px; } .btn32Red .left { background-position: -600px -128px; } .btn32Red:hover .left { background-position: -600px -160px; } .btn32Red .middle { color: #ffffff !important; background-position: -604px -128px; } .btn32Red:hover .middle { background-position: -604px -160px; } .btn32Red .right { background-position: -896px -128px; } .btn32Red:hover .right { background-position: -896px -160px; } .btn20 .middle.icon, .btn20Blue .middle.icon, .btn20Inactive .middle.icon, .btn24 .middle.icon, .btn24Blue .middle.icon, .btn24Red .middle.icon, .btn32 .middle.icon, .btn32Red .middle.icon { text-align: left; } /* Modal Windows ------------- */ /* Email Overlay */ .emailOverlay { position: absolute; top: 170px; left: 10px; z-index: 1; /* width: 354px; */ width: auto; height: auto !important; overflow: auto !important; background: #FFFFFF url(http://assets.aarp.org/internal/tech/scrum3/loginOverlay_bg.gif) no-repeat; } .emailOverlay form, .emailOverlay table { padding: 0px; margin: 0px; } h1#emailTitle { background-image: url("http://assets.aarp.org/internal/tech/scrum3/PleaseSignIn.gif"); background-repeat: no-repeat; text-indent: -9999px; height: 35px; margin-left: 15px; margin-top: 30px; } .emailOverlay table { margin-left: 10px; margin-bottom: 20px; } .emailOverlay td { font-size: 1.2em; padding: 4px; } .emailOverlay td.labels { width: 100px; } .emailOverlay td.inputs { width: 125px; } #emailOverlaySubmit { margin: 10px 0px; } #emailOverlayWait { position: absolute; top: 220px; left: 50px; z-index: 2; width: 155px; height: 115px; overflow: hidden; background: #FFFFFF; border: 1px solid #999; padding-top: 60px; padding-left: 95px; -moz-opacity:.90; opacity:.90; filter:alpha(opacity=90); } #emailOverlayValidationError { margin-left: 20px; } #emailOverlayAuthor td.note { padding-top: 15px; } /* Styles for Social Bookmarking tool ------------------------------------------*/ #shareTool.dialogBody { width: 274px; left: 30px; } #shareTool .dialogContent { font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 10pt; width: auto; } #shareTool .dialogContent a { text-decoration: none; color: #0570ad; } #shareTool .dialogContent a:visited { color: #0570ad; } #shareTool .dialogContent a:hover { text-decoration: underline; } #shareTool .dialogContent ul { margin: 10px 0 -6px 2px; padding: 0; list-style: none; } #shareTool .dialogContent li { margin-bottom: 6px; text-transform: uppercase; } #shareTool .dialogContent li a { padding-left: 31px; } #shareTool .dialogContent li#digg a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_digg.gif') no-repeat scroll center left; } #shareTool .dialogContent li#delicious a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_delicious.gif') no-repeat scroll center left; } #shareTool .dialogContent li#linkedin a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_linkedin.gif') no-repeat scroll center left; } #shareTool .dialogContent li#yahoobuzz a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_yahoobuzz.gif') no-repeat scroll center left; } #shareTool .dialogContent li#facebook a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_facebook.gif') no-repeat scroll center left; } /* Global Overlays & Dialogs */ #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #333; } #dialog { position: absolute; z-index: 100; text-align: left; padding: 15px 10px; } #dialog h3 { font-size: 14px; color: #000000; font-weight: bold; } #dialog p { font-size: 13px; color: #000000; margin: 10px 0px; } #dialog p.actions { text-align: center; margin-top: 20px; } .systemMessages li { color: #ff0000; font-size: 12px; } .dialogHeader { font-size: 18px; color: #ffffff; background-color: #05609e; font-weight: bold; padding: 10px; line-height: normal; border: 1px #838383 solid; } .dialogBody { background-color: #666666; width: 384px; padding: 10px; position: relative; text-align: left; font-family: "Trebuchet MS", Arial, sans-serif; } .dialogContent { font-size: 12px; font-weight: normal; color: #000000; background-color: #ffffff; padding: 10px; line-height: normal; width: 364px; } .dialogButtons { padding: 10px; background-color: #ffffff; } .dialogButtons a, .dialogButtons a:hover { text-decoration: none; } .dialogBody .dialogInput { width: 356px; border-top: 2px #848484 solid; border-left: 2px #848484 solid; border-bottom: 2px #fafafa solid; border-right: 2px #fafafa solid; height: 18px; font-size: 12px; margin: 0; padding: 0 2px; font-family: "Trebuchet MS", Arial, sans-serif; } .dialogBody .dialogTextarea { width: 356px; border-top: 2px #848484 solid; border-left: 2px #848484 solid; border-bottom: 2px #fafafa solid; border-right: 2px #fafafa solid; height: 90px; font-size: 12px; margin: 0; padding: 0 2px; font-family: "Trebuchet MS", Arial, sans-serif; } .dialogDisclaimer { font-size: 11px; color: #5c5449; background-color: #ffffff; padding: 0 10px 10px 10px; line-height: normal; width: 364px; } /* Global Tooltips -----------------------*/ .toolTipBalloon { display: none; z-index: 100000; position: absolute; left: 0px; bottom: 0px; } .toolTipBalloonSide { position: absolute; z-index: 100000; display: none; width: 340px; /* needed to handle these floats properly */ font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; } .toolTipBody { background-image: url(http://assets.aarp.org/aarp.org_/images/backgrounds/popup_middle.gif); background-repeat: repeat-y; width: 294px; padding: 20px; position: relative; text-align: left; display: block; z-index: 100000; } .toolTipBalloonSide .toolTipBody { position: relative; float: left; width: 280px; z-index: 100000; } .toolTipHeader { position: relative; font-size: 138.5%; color: #fff; background-color: #05609e; font-weight: bold; padding: 10px; line-height: normal; border: 1px #838383 solid; width: 272px; display: block; z-index: 100000; } .toolTipBalloonSide .toolTipHeader { position: relative; width: auto; background-color: #f9ecc0; color: #000; border: 1px #dcca8a solid; z-index: 100000; } .toolTipContent { position: relative; font-weight: normal; font-size: 1.2em; color: #000; background-color: #fff; padding: 10px; line-height: normal; width: 274px; display: block; z-index: 100000; } .toolTipBalloonSide .toolTipContent { position: relative; width: 260px; z-index: 100000; } .toolTipBottom { position: relative; background-image: url(http://assets.aarp.org/aarp.org_/images/backgrounds/popup_bottom.gif); height: 20px; background-repeat: no-repeat; width: 334px; display: block; z-index: 100000; } .toolTipLeft { position: relative; float: left; background-image: url(http://assets.aarp.org/aarp.org_/images/backgrounds/popup_left.gif); width: 20px; height: 40px; background-repeat: no-repeat; z-index: 100000; } .toolTipIFrameIEHack { position: absolute; top: 0; left: 0; width: 334px; } .toolTipTriggerLink { position: relative; } .toolTipTriggerLink:hover { cursor: pointer; } /* end: Global Tooltips */ /* Pagination */ div.pageNavigation { float:right; border:0px; padding:0px; margin:0px; } a.pageNavigation { display:inline; font-size: 1.3em; font-weight:bold; border:0px; padding:0px; margin:0px; } ul.pageNavigation { display:inline; border:0px; padding:0px; margin:0px; } ul.pageNavigation li { display:inline; padding:0px; margin:0px; border:0px; } a.paginationLink:link { border: 1px solid #0066CB; font-size: 1.3em; line-height:1.5em; font-weight:bold; text-decoration:none; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px; margin:0px; } div.pager { font-size: 1.1em; text-align: center; padding-top: 20px; padding-bottom: 20px; } table.friendRequests a.thumbnailImgLink { display:block; } .friendRequestsAll { margin-left:5px; float:left; } input.friendRequestSubmit { margin-left:5px; float:left; } span.clear { display:block; clear:both; height:1px; line-height:0px; font-size:0px; margin-bottom:-1px; } /* Comments Pagination ---------- */ #commentsArea .pager, #articlePagination.pager { font-family: 'Trebuchet MS'; font-size: 12px; color: #312d2e !important; text-align: center !important; height: 23px !important; line-height: 23px ; margin: 10px 0 !important; padding: 2px 5px 0 5px !important; border-left: 1px #e8e7e5 solid !important; border-right: 1px #e8e7e5 solid !important; border-top: 1px #e8e7e5 solid !important; border-bottom: 1px #c1c2c4 solid !important; background: transparent url(http://assets.aarp.org/aarp.org_/images/backgrounds/bg_pagination.gif) repeat-x scroll left bottom !important ; position: relative; clear: both; } #articlePagination.pager img { margin-bottom: -6px ; position: relative ; } #commentsArea .colMContent .pager, #commentsArea .colMRContent .pager, #articlePagination .colMContent .pager, #articlePagination .colMRContent .pager { font-size: 100%; } #commentsArea .pager a, #commentsArea .pager a:hover, #commentsArea .pager a, #commentsArea .pager a:hover, #articlePagination .pager a, #articlePagination .pager a:hover, #articlePagination .pager a, #articlePagination .pager a:hover { text-decoration: none; } #commentsArea .pagerPagination, #articlePagination .pagerPagination { float: right; line-height: 16px; position: relative; } #commentsArea .pagerNumbers, #articlePagination .pagerNumbers { float: left; position: relative; } #commentsArea .pagerSorting, #articlePagination .pagerSorting { padding-top: 2px; float: left; position: relative; } #commentsArea .pagerSorting select, #articlePagination .pagerSorting select { padding: 0; height: 18px; font-size: 85% !important; } #commentsArea .pagerButton, #articlePagination .pagerButton { float: left; position: relative; } #commentarySlot, #commentarySlot p, #commentarySlot textarea, #commentarySlot a { position: relative; } /* end: Comments Pagination */ /** * Article styles */ /********** COLUMNS **********/ #articleBody { width: 612px; float: left; margin-left: 20px; _margin-left: 10px; } div.gridCol.eight #articleBody { margin-left: 0px; } /******************** ARTICLE BODY FEATURES ********************/ #articleHeader { margin-top: 15px; margin-bottom: 10px; } #articleBodyWidget { margin: 20px 0px; } #articleBody ul#articleShareTools { font-size: 1.1em; margin: 0px 0px 15px 0px; padding: 5px; border: 1px solid #C8C6C3; } #tools { padding-top: 1px ; } #articleShareTools li { display: inline; margin-right: 20px; } #articleShareTools li a { line-height: 1.6em; padding: 2px 0 2px 25px; } #articleShareTools li.comment a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_comment.gif) no-repeat; } #articleShareTools li.email a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_email.gif) no-repeat; } #articleShareTools li.print a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_print.gif) no-repeat; } #articleShareTools li.bookmark a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_star.gif) no-repeat; } #articleShareTools li.social a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_share.gif) no-repeat; } #articleFeatureImage .imageDescription { float: left; font-size: 1.1em; color: #000; } #articleFeatureImage .imageCredit { float: right; font-size: 1.0em; color: #999; } #articleFeatureImage .photoCaptionCreditBlock p { font-family: Verdana; line-height: 1.22em; color: #807d7d; } #articleFeatureImage .photoCaptionCreditBlock p.photoCredit { font-size: 1.1em; text-align: right; margin: 0; } #articleFeatureImage .photoCaptionCreditBlock p.photoCaption { font-size: 1.15em; margin: 5px 0 10px 0; } #articleText .imageWithCaption { float: right; margin-left: 20px; margin-bottom: 20px; } #articleText .imageWithCaption p { font-size: 0.86em !important; line-height: 1.1em !important ; color: #666666 !important; margin: 0.56em 0px 0.56em 0px !important; } /********** TEXT STYLES **********/ div#articleHeader h1, div#articleHeader p#articleDescription { color: #333333; } div#articleHeader h1 { color: #000000; font-family:'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; font-size: 2.8em; line-height: 1.071em; font-weight: bold; margin: 0px 0px 6px 0px; } div#articleHeader h2 { color:#000; font-size: 1.8em; font-weight: normal; margin: 10px 0px; text-transform: none; } div#articleHeader h2#dotOrgKicker { font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 1.6em; text-transform: uppercase; margin: 0 0 6px 0; } div#articleHeader h2#dotOrgDeck { font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 1.8em; font-weight: 100; margin: 0 0 6px 0; } div#articleHeader p#articleDescription { font-size: 1.8em; margin: 10px 0; } p#byline { font-size: 1.2em; margin: 0; padding: 0; color: #666666; } p#byline span.info { color: #666666; } p#byline a { color: #0066cc; text-decoration: none; } p#byline a:hover { text-decoration: underline; } #articleFeatureImage { margin-bottom: 15px; } #articleText { color: #333333 ; font-size: 1.3em ; line-height: 22px ; } #articleText h2 { font-family:'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 2em; color: #000; margin: 18px 0px 2px 0px; text-transform: none; } #articleText h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 1.6em; color: #000; margin-bottom: 5px; } #articleText p { font-size: 1.0em ; line-height: 1.692em ; margin: 0px 0px 12px 0px ; } #articleText ul { font-size: 1.0em; list-style-position: inside; list-style-image: url(http://assets.aarp.org/aarp.org_/images/global/li.png); margin-left: 0px; padding-left: 0px; margin-bottom: 15px; } #articleText ol { font-size: 1.0em; list-style-type: decimal; list-style-position: inside; } #articleText li { margin: 0px 0px 12px 0px; line-height: 1.692em; } /* Comments ----------- */ #commentarySlot, #recentCommentsSlot { font-size: 1.4em; } #commentarySlot p, #recentCommentsSlot p, #commentarySlot p a, #recentCommentsSlot p a { margin-bottom: 5px; font-size: 1em !important; } .originalComment { margin-bottom: 20px; } .commentThumbnail { position: relative; float: left; width: 66px; } .commentTitle { font-weight: bold; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; margin-bottom: 5px; } .commentText { margin-left: 76px; } .smallTextGray { font-size: 11px; color: #5c5449; } #permalinks { font-size: 12px; margin-top: 10px; } .articleCommentFormInput { width: 100%; margin-bottom: 6px; } .commentsHeaders { font-size: 2.1em; color: #0066cc; margin-top: 0px; } .articleCommentTimestampBox { margin-bottom: 5px; } #previewArea { display: none; border-width: thin; border-style: solid; background-color: #f2f7fb; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; padding-top: 5px; } #previewComment { position: relative; top: 0px; left: 20px; margin: 0 auto; padding: 0; } .commentFlagDelete { position: relative; padding: 10px; background: #fffafa; border: 1px #ff6666 solid; margin-top: 10px; display: none; } /* Comments (added by jn 3/13/2008) -------------------------------- */ #commentsArea p { width: 532px; overflow: hidden; } /* Comments Tools ----------------- */ #toolsCommentArea { padding-top: 1px ; } #toolsCommentArea ul { font-size: 1.1em; margin: 0px 0px 20px 0px; padding: 5px; border: 1px solid #C8C6C3; } #toolsCommentArea li { display: inline; margin-right: 20px; } #toolsCommentArea li a { line-height: 1.6em; padding: 2px 0 2px 25px; } #toolsCommentArea li.comment a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_comment.gif) no-repeat; } #toolsCommentArea li.email a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_email.gif) no-repeat; } #toolsCommentArea li.print a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_print.gif) no-repeat; } #toolsCommentArea li.bookmark a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_star.gif) no-repeat; } #toolsCommentArea li.social a { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/icons/20x16icon_share.gif) no-repeat; } /************* SPECIAL STYLES *************/ /*** Please note: All hyperlinked images must be given this class to avoid a colored background in the rollover state. ***/ a.button:link, a.button:hover, a.button:active, a.button:visited { padding: 0px; text-decoration: none; background-color: transparent; } div#listHolder { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; margin: -16px 0; _margin: -19px 0; /* IE6 Hack: do not modify or remove */ padding: 0; } div#relatedTop, div#relatedBottom { display: block; } h2.moreOnTopic { font-family: Verdana, Arial, sans-serif; font-size: 1.2em; margin-bottom: 40px; text-align: right; } .ruled { border-bottom: 1px solid #d5d3d0; padding-bottom: 10px; margin-bottom: 10px; } div#articleMedia, #articleLeftNav { float:left; margin-right:12px; width:222px; } #articleLeftNav { margin-top: 20px; } #articleMedia .textImage p, #articleLeftNav .textImage p { font-size: 1.1em; line-height: 1.273em; } #articleMedia .textImage h3, #articleLeftNav .textImage h3 { font-family: 'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; font-size: 1.6em; font-weight: bold; color: #000000; margin-bottom: 10px; } #articleMedia .textImage ul, #articleLeftNav .textImage ul { margin: 0px 0px 8px 0px; list-style-type: disc; list-style-position: outside; padding-left: 15px; } #articleMedia .textImage ol, #articleLeftNav .textImage ol { margin: 0px 0px 8px 0px; list-style-type: decimal; padding-left: 0px; list-style-position: inside; } #articleMedia .textImage li, #articleLeftNav .textImage li { font-size: 1.1em; line-height: 1.273em; margin-bottom: 8px; } #articleMedia .imageWithCaption p, #articleLeftNav .imageWithCaption p { font-size: 1.1em; line-height: 1.273em; color: #666666; margin: 0.54em 0px 0.54em 0px; } /* Sidebar Promo -------------------------------- */ .columnPromo { clear: both; margin: 0px 0px 12px 0px; border: 1px solid #e1ddd1; background: #FFFFFF; } .columnPromo h2 { margin: 0px 0px 10px 0px; padding: 3px 5px 2px 5px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 1.6em; line-height: 1.125em; color: #5e5b4f; font-weight: normal; background: url(http://assets.aarp.org/internal/testing/jmatthews/talkWithMyHands/eForce/images/channelHeader_bg2.jpg) repeat-x; border-bottom: 1px solid #e1ddd1; } .columnPromo ul { margin: 5px 0px 0px 15px; list-style-image: url(http://assets.aarp.org/aarp.org_/images/global/li.png); } .columnPromo ol { margin: 0px 0px 8px 5px; list-style-type: decimal; padding-left: 0px; list-style-position:inside; } .columnPromo p, .columnPromo li { font-size: 1.3em; line-height: 1.385em; margin: 0px 8px 5px 10px; } .columnPromo img.cms_img_left { float: left; margin: 0px 10px 0px 10px; } .columnPromo img.cms_img_right { float: right; margin: 0px 10px 0px 10px; } .columnPromo p.more { text-align: right; margin-top: 5px; } .columnPromo p.about { font-size: 1.1em; margin: 0px; padding: 15px 10px; background-color: #e7e6e4; } .columnPromo h3 { margin: 2px 5px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 1.4em; line-height: 1.071em; } div#membershipTout, div.membershipTout, div.memberBenefits, div.newsletter { margin: 0px 0px 12px 0px; } /************* Callout Box with Blue Titlebar *************/ #articleMedia .promoBox, #articleLeftNav .promoBox { clear: both; margin: 8px 0px; border: 1px solid #e1ddd1; padding-bottom: 10px; } #articleMedia .promoBox h2, #articleLeftNav .promoBox h2 { margin: 0px ; padding: 3px 5px 2px 5px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 1.6em; line-height: 1.125em; color: #FFFFFF; font-weight: normal; background: #0571ad; text-transform: uppercase ; } #articleMedia .promoContent, #articleLeftNav .promoContent { background: #fff url(http://assets.aarp.org/aarp.org_/build/topics/images/backgrounds/bg_leftCol_blueGradient.gif) repeat-x; border-style: none ; } #articleMedia .promoBox p, #articleLeftNav .promoBox p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 15px; } #articleMedia .promoBox ul, #articleLeftNav .promoBox ul { margin: 0px 0px 8px 0px; list-style-type: disc; list-style-position: outside; padding-left: 15px; } #articleMedia .promoBox ol, #articleLeftNav .promoBox ol { margin: 0px 0px 8px 0px; list-style-type: decimal; padding-left: 0px; list-style-position: inside; } #articleMedia .promoBox li, #articleLeftNav .promoBox li { font-size: 1.1em ; line-height: 1.4em ; margin-bottom: 8px ; } /************* Comments *************/ .profileNav { position: relative; } .profileNav .memberName { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/line.gif); background-repeat: repeat-x; display: block; font-size: 1.6em; line-height: normal; color: #010000; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; float: left; overflow: hidden; text-align: center; width: 222px; position: relative; height: 22px; .border-bottom: 2px #C1C2C4 solid; .padding-bottom: 2px; } .profileNav .tabSpaceLeft { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/line.gif); background-repeat: repeat-x; border: none; display: block; float: left; height: 26px; width: 10px; margin: 0; position: relative; } .profileNav .tabSpaceRight { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/line.gif); background-repeat: repeat-x; border: none; display: block; height: 26px; margin: 0; } .profileNav .tabSpaceDivider { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/line.gif); background-repeat: repeat-x; border: none; display: block; float: left; height: 26px; width: 3px; margin: 0; position: relative; } .profileNav .activeTab, .profileNav .inactiveTab { cursor: pointer; } .profileNav .activeTab:hover, .profileNav .inactiveTab:hover { text-decoration: none; } .profileNav .activeTab .tabLeft { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/on_left.gif); display: block; float: left; height: 26px; width: 4px; margin: 0; position: relative; } .profileNav .activeTab .tabMiddle { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/on_middle.gif); background-repeat: repeat-x; color: #4a4a4a; display: block; font-size: 1.4em; line-height: normal; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; float: left; height: 23px; padding-top: 3px; padding-left: 10px; padding-bottom: 0; padding-right: 10px; margin: 0; position: relative; text-transform: capitalize; } .profileNav .activeTab .tabRight { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/on_right.gif); display: block; float: left; height: 26px; width: 4px; margin: 0; position: relative; } .profileNav .inactiveTab .tabLeft { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/off_left.gif); display: block; float: left; height: 26px; width: 4px; margin: 0; position: relative; } .profileNav .inactiveTab:hover .tabLeft { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/hover_left.gif); } .profileNav .inactiveTab .tabMiddle { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/off_middle.gif); background-repeat: repeat-x; color: #3e76ad; display: block; font-size: 1.4em; line-height: normal; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; float: left; height: 20px; padding-top: 6px; padding-left: 10px; padding-bottom: 0; padding-right: 10px; margin: 0; position: relative; text-transform: capitalize; } .profileNav .inactiveTab .tabMiddle.admin { color: #EE2E24; } .profileNav .inactiveTab:hover .tabMiddle { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/hover_middle.gif); color: #247fd8; } .profileNav .inactiveTab:hover .tabMiddle.admin { color: #EE2E24; } .profileNav .inactiveTab .tabRight { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/off_right.gif); display: block; float: left; height: 26px; width: 4px; margin: 0; position: relative; } .profileNav .inactiveTab:hover .tabRight { background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/community/profile/nav/hover_right.gif); } *html #commentsArea { margin-left: 10px; } #articleBody #commentsArea { margin-left: 0px; } *html #articleBody #commentsArea { margin-left: 0px; } .commentsNav { margin-top: 40px; } .commentsNav .tabSpaceLeft { width: 30px; } .commentsNav .activeTab .tabMiddle { color: #4a4a4a; height: 23px; padding-top: 6px; } .countText { font-size: 0.8em; } .commentsNav .activeTab .tabMiddle, .commentsNav .inactiveTab .tabMiddle { text-transform: uppercase; } .profileNav.commentsNav { margin-bottom: 12px; } #recentCommentsSlot { margin-top: 20px; } #commentsArea a.moreLink { font-family: Verdana; font-size: 1.2em; font-weight: bold; float: right; } /************* Financial Calculators *************/ #articleText h1 { font-family:'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; font-weight: bold; font-size: 1.8em; color: #000; margin: 18px 0px 2px 0px; } #articleText p.footer { text-align: left; } center table td { text-align: left; } /* Styles for Social Bookmarking tool ------------------------------------------*/ #shareBG, #shareBG2 { margin: 0; padding: 40px 0 0 20px; width: 334px; height: 272px; background-image: url('http://assets.aarp.org/aarp.org_/images/backgrounds/bg_share.png'); background-repeat: no-repeat; z-index: 999; position: absolute; top: 23px; left: 135px; visibility: hidden; } #socialBookmarks, #socialBookmarks2 { margin: 0; padding: 0; z-index: 1000; position: absolute; top: 63px; left: 155px; background-color: #fff; width: 294px; height: 212px; border: 1px solid #c8c8c8; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 10pt; display: none; } #socialBookmarks2 { top: 39px; _top: 62px; left: 19px; _left: 154px; } #socialBookmarks a, #socialBookmarks2 a { text-decoration: none; color: #0570ad; } #socialBookmarks a:visited, #socialBookmarks2 a:visited { color: #0570ad; } #socialBookmarks a:hover, #socialBookmarks2 a:hover { text-decoration: underline; } #socialBookmarks ul, #socialBookmarks2 ul { margin: 10px 0 0 15px; padding: 0; list-style: none; } #socialBookmarks li, #socialBookmarks2 li { margin-bottom: 6px; text-transform: uppercase; } #socialBookmarks li a, #socialBookmarks2 li a { padding-left: 31px; } #socialBookmarks li#digg a, #socialBookmarks2 li#digg2 a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_digg.gif') no-repeat scroll center left; } #socialBookmarks li#delicious a, #socialBookmarks2 li#delicious2 a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_delicious.gif') no-repeat scroll center left; } #socialBookmarks li#linkedin a, #socialBookmarks2 li#linkedin2 a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_linkedin.gif') no-repeat scroll center left; } #socialBookmarks li#yahoobuzz a, #socialBookmarks2 li#yahoobuzz2 a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_yahoobuzz.gif') no-repeat scroll center left; } #socialBookmarks li#facebook a, #socialBookmarks2 li#facebook2 a { background: #fff url('http://assets.aarp.org/aarp.org_/images/icons/16x16icon_facebook.gif') no-repeat scroll center left; } #socialBookmarks h2, #socialBookmarks2 h2 { margin: 0; padding: 10px; border-bottom: 1px solid #c8c8c8; background-color: #05609E; color: #fff; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 100; } #socialBookmarks #shareClose, #socialBookmarks2 #shareClose2 { padding: 0; margin-left: 13px; } /* END: Styles for Social Bookmarking tool ---------------------------------------------*/ /* when leftNavCss is present */ #articleHeader.leftNav { margin-left: 234px; } #articleHeader.leftNav h1 { margin-top: -6px; } #tools.leftNav { margin-left: 228px; _margin-left: 234px; } ul.articleShareTools.leftNav li { margin-right: 3px; _margin-right: 1px; } #shareBG.leftNav, #shareBG2.leftNav { left: 79px; } #socialBookmarks.leftNav, #socialBookmarks2.leftNav { left: 100px; }