/* Promo Styles */ /* Custom PromoArea ---------------- */ .promoBox { background-color: #f0f0ef; border: none; padding: 0; _padding-bottom: 1px; margin: 0 0 12px 0; } .promoBox.bgOn { border: none; padding: 10px 10px 1px 10px; } .promoBox h2 { color: #5e5b4f; background-color: #dcdcdc; background-image: url(http://assets.aarp.org/aarp.org_/images/backgrounds/bg_leftPromo.gif); background-repeat: repeat-x; background-position: : left top; border: solid #cacaca; border-width: 1px 1px 0 1px; text-transform: none; font-weight: normal; font-size: 1.6em; line-height: 1.35; height: auto; width: auto; margin: 0 0 1px 0; padding: 0 5px; } .gridCol.right .promoBox h2 { color: #fff; background-color: #5e5b4f; background-image: none; border-color: #cacaca; padding: 0 10px; } .promoBox h2 a { background: none; color: #5e5b4f; padding: 0; } .promoBox h2 a:hover { color: #5e5b4f; } .gridCol.right .promoBox h2 a { color: #fff; } .gridCol.right .promoBox h2 a:hover { color: #fff; } .promoContent { background-color: #F5F5F4; border: 1px solid #cacaca; padding: 8px 5px; margin-top: 0; } .gridCol.four.right .promoContent, .gridCol.three .promoContent { background-color: #fff; } .gridCol.four.right .promoContent { padding: 8px 10px; } .withFooter .promoContent { border-bottom: none; } .gridCol .textImage { margin-bottom: 7px; } .gridCol h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 2.0em; line-height: 1.2; padding: 0; margin: 0; } .gridCol .leadText h3 { font-size: 2.6em; } .gridCol .promoContent h3 { font-size: 1.6em; line-height: 1.125; } .gridCol.four.right h3 { font-size: 1.8em; line-height: 1.111; } .gridCol p, .gridCol ul, .gridCol ol { font-size: 1.3em; margin: 0 0 1em 0; padding: 0; } .gridCol li { margin: 0 0 8px 15px; line-height: 1.2; } .gridCol ul { list-style-image: url('http://assets.aarp.org/aarp.org_/images/global/li.png'); list-style-position: outside; } .gridCol ol { list-style-type: decimal; list-style-position: outside; } .gridCol img.cms_img_left, .gridCol div.cms_img_left { float: left; margin: 0 8px 0 0; } .gridCol img.cms_img_right, .gridCol div.cms_img_right { float: right; margin: 0 0 0 8px; } .gridCol.left img.cms_img_right, .gridCol.middle img.cms_img_right, .gridCol.left div.cms_img_right, .gridCol.middle div.cms_img_right { float: right; margin: 0 5px; } .gridCol p.credit, .gridCol p.caption { color: #807d7d; font-size: 1.0em; line-height: 1.4em; } .gridCol p.credit { text-align: right; margin-bottom: .4em; } .promoContent p.moreLink a.textLinkArrw { background: url(http://assets.aarp.org/aarp.org_/build/topics/images/buttons/btn11x11_arrowRT.gif) no-repeat right; padding-right: 17px; } p.moreLink.textLeft { text-align: left; } p.moreLink.textRight { text-align: right; } p.moreLink.btnRight a { float: right; } .withFooter .promoFooter { margin: 0; padding: 15px 10px; background-color: #e7e6e4; border: solid #cacaca; border-width: 0 1px 1px 1px; font-size: 1.3em ; } .gridCol .promoContent .textImage { clear: both; margin: 0 0 1px 0; } .gridCol .imageWithCaption p { font-size: 1.1em; line-height: 1.273em; color: #666666; margin: 0.54em 0 0.54em 0; } .textImage p.more { margin-bottom: 0px ; } .gridCol .textImage p.author { color: #807d7d; font-size: 1.1em; line-height: 1.636em; margin-bottom: 5px; } .gridCol .subHead h3 { margin-bottom: 0.6em; text-transform: uppercase; font-size: 1.8em; line-height: 1.111em; color: #333333; } /* Custom Promos and Widgets ------------------------- */ #productsTools h2 { background-color: #689231; } #productsTools .promoContent { border-style: none; background-color: #edf6d9; } #productsTools .promoContent a.moreLink { background-image: url(http://assets.aarp.org/aarp.org_/images/channels/productToolsMoreArrow.gif); } /* Ageline ------- */ .ageline { margin: 0 0 10px 0; } .ageline h2 { margin: 0 0 1px 0; padding: 5px; background-color: #dcdcdc; font-size: 1.6em; font-weight: normal; text-transform: none; font-family:'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; } .agelineContent { margin: 0; padding: 10px; background-color: #eee; border: 1px solid #cacaca; } .agelineContent p, .agelineContent label { font-size: 1.3em; } .agelineContent p { margin-bottom: 10px; } .agelineContent #SearchBox1 { margin: 10px 0; } #toolTipAgelineSearch { position: absolute; z-index: 10000; top: -10px; left: 20px; } /* end: Styles for Ageline Search component */ /* From the Community ------------------ */ div.promoCol_three_left, div.promoCol_four_left, div.promoCol_five_left { margin: 0 0 0 2px !important; _margin: 0 0 0 1px !important; float: left !important; } div.promoCol_three_right, div.promoCol_four_right, div.promoCol_five_right { margin: 0 0 0 6px !important; _margin: 0 0 0 3px !important; float: left !important; } div.promoCol_three_left { width: 132px !important; } div.promoCol_four_left { width: 178px !important; } div.promoCol_five_left { width: 224px !important; } div.promoCol_three_right { width: 132px !important; } div.promoCol_four_right { width: 178px !important; } div.promoCol_five_right { width: 224px !important; } .promoBox.fromCommunity { background: #f0f0ef; border: none; } .promoBox.fromCommunity .promoContent { background: #fff; border: solid #a3cce3; border-width: 1px 2px 2px 2px; } .promoBox.fromCommunity h2 { color: #fff; background: #fff url(http://assets.aarp.org/aarp.org_/images/backgrounds/bg_twoTone_blue.gif) repeat-x left top; border-color: #a3cce3; } .promoBox.fromCommunity h2 a { color: #fff; } .promoBox.fromCommunity h2 a:hover { color: #fff; } .promoBox.fromCommunity img { background-color: #ffffff; border: 1px solid #c0c0c0; padding: 2px; } .promoBox.fromCommunity a:hover img { background-color: #0570AD; border-color: #0570AD; } /* Related Articles ------------ */ .gridCol.four .promoBox.relatedArticles .promoContent { padding-bottom: 0; } .gridCol.four .promoBox.relatedArticles .promoContent ul { margin-bottom: 0; } /* Bulletin Feed ------------ */ .gridCol.four .promoBox.bulletin h2 { background-image: url(http://assets.aarp.org/aarp.org_/images/logos/AARPBulletintoday_newsfeed.gif); background-repeat: no-repeat; background-position: 172px; } /* JobSearch PromoStyle Components ------------ */ #jobsearch .promoContent { background: #707070; color: #fff; border: none; padding-top: 7px; } #jobsearch.promoBox p { font-size: 1.3em; margin-bottom: 1em; padding: 0 7px; } #jobsearch.promoBox p.logo { text-align: right; padding: 0 7px 7px 7px; margin-bottom: 0; } #jobsearch.promoBox label { display: block; font-size: 1.1em; color: #daf1f7; font-weight: bold; margin-bottom: 5px; } #jobsearch.promoBox a.btnSearch { display: block; background: url(http://assets.aarp.org/aarp.org_/images/buttons/btn20x_search.gif) no-repeat; background-position: 0 0; width: 57px; height: 20px; } #jobsearch.promoBox a.btnSearch:hover { background-position: 0 -20px; } /* Healthline PromoStyle Components ------------ */ #healthline { margin-bottom: 12px; padding-bottom: 6px; background: url(http://assets.aarp.org/aarp.org_/images/channels/healthline_footer.gif) no-repeat left bottom; } #healthline .promoContent { background: #fff; border: solid #cacaca; border-width: 1px 1px 0 1px; padding: 0; } #healthline.promoBox { border-bottom: none; } #healthline .textImage { padding: 11px; margin-bottom: 0; } form#healthlineForm { display: block; background: #257eb2; padding: 0 10px 0 10px; } form#healthlineForm select { width: 100%; margin: 11px 0 5px 0; } #healthline p { font-size: 1.3em; line-height: 1.2; margin-bottom: 1em; } /* Tag Cloud Fix ---------------------------------------------*/ .promoBox .shadedHeader { display: none; } .promoBox .tags { margin-left: 5px;; margin-right: 5px;; } /* END: Tag Cloud Fix ---------------------------------------------*/ /* Email Promo ---------------------------------------------*/ .emailPromo a.btn { margin-top: 1em; } /* END: Email Promo ---------------------------------------------*/ /* State Promo -------------------------- */ .statePromo { margin-bottom: 12px; padding: 0; } .statePromo .bottomRounded { height: 16px; background: #0570ad url(http://assets.aarp.org/aarp.org_/images/channels/bottomRounded.png) no-repeat left bottom; margin-top: -10px; } .statePromo .bottomRounded .bottomRight { height: 16px; width: 10px; float: right; background: url(http://assets.aarp.org/aarp.org_/images/channels/bottomRounded2.png) no-repeat left bottom; } .statePromo .promoContent { background: #fff; border: solid #cacaca; border-width: 1px 1px 0 1px; padding: 11px; } form#statePromoForm { display: block; clear: both; background: #0570ad; border: solid #cacaca; border-width: 0 1px; padding: 11px 10px 5px 10px; text-align: center; margin: 0; } .statePromo p { font-size: 1.3em; line-height: 1.2; margin-bottom: 1em; } .gridCol.right .promoBox.statePromo h2 { font-size: 2.2em; font-weight: bold; background: none; border: none; color: #0570ad; margin-top: -0.5em; } #statePromoAnon h2 a, #statePromoReg h2 a { color: #5f899f; } #statePromoAnon h2 a:hover, #statePromoReg h2 a:hover { color: #b50301; } /* Categories ------------ */ .categoriesPromo { background: #f0f0ef; border: none; margin: 0 0 12px 0; padding: 0; } .categoriesPromo h2 { color: #fff; background: #5e5b4f; border: solid #cacaca; border-width: 1px 1px 0 1px; text-transform: uppercase; font-weight: normal; font-size: 1.6em; line-height: 1.35; height: auto; width: auto; margin: 0 0 1px 0; padding: 0 10px; } .categoriesPromo .promoContent { background: #fff; padding: 0; border: none; } .categoriesPromo ul { list-style: none; list-style-image: none; margin: 0; } .categoriesPromo .categories { list-style: none; list-style-image: none; height: auto; line-height: 1; padding: 10px 11px; margin: 0; border-bottom: 1px solid #cacaca; } /* Sub-Site Search ---------------------*/ #subSiteSearchContainer.promoBox { background-color: #FFFFFF; padding: 0; _padding-bottom: 1px; margin: 0 0 12px 0; } #subSiteSearchContainer.promoBox h2 { color: #5e5b4f; background-color: #dcdcdc; background-image: url(http://assets.aarp.org/aarp.org_/images/backgrounds/bg_leftPromo.gif); background-repeat: repeat-x; background-position: : left top; border: solid #cacaca; border-width: 1px 1px 0 1px; text-transform: none; font-weight: normal; font-size: 1.6em; line-height: 1.35; height: auto; width: auto; margin: 0 0 1px 0; padding: 0 5px; } #subSiteSearchContainer .promoContent { background: #fbfbfb; padding-left: 0; padding-right: 0; } #subSiteSearchForm { padding-top: 15px ; margin-left: 10px ; margin-bottom: 15px ; } #subSiteSearchForm input { border:1px solid #BEB9B6; color:#a0a0a0; font-family:verdana; font-size:12px; padding:2px 4px; } #searchTermsSubSite { margin-bottom: 5px ; } /* Left-Side Navigation -------------------- */ #leftNavigation { width: 220px; margin-bottom: 12px; } #leftNavigation ul { list-style-type: none ; list-style-image: none ; padding: 0px; margin: 0px; } #leftNavigation ul li { margin: 0px ; line-height: inherit ; border-bottom: 1px solid #FFF; background-color: #dcdcdc; background-image: url(http://assets.aarp.org/aarp.org_/images/global/leftNavL1_bg.gif); background-repeat: no-repeat; } #leftNavigation ul li a { font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 4px 5px 4px 12px; color: #5e544a; display: block; text-decoration: none; } #leftNavigation ul li a:hover { color: #0570ad; } #leftNavigation ul li.currentLevelOne { border: 1px solid #c6c3b9; background-image: none; background-color: #faf8f3; margin-bottom: 1px; } #leftNavigation ul li a.current { color: #000000; } #leftNavigation ul li ul li { background-image: none; background-color: #faf8f3; } #leftNavigation ul li ul li.currentLevelTwo { background-color: #e3f0f6; border-top: 1px solid #e4f0f5; border-bottom: 1px solid #e4f0f5; border-right-style: none; border-left-style: none; } #leftNavigation ul li ul li a { color: #0570ad; font-size: 13px; border-style: none; background-color: transparent; text-transform: none; padding: 2px 5px 3px 22px; } #leftNavigation ul li ul li a.current { color: #2d2829; background-color: #e3f0f6; background-image: url(http://assets.aarp.org/aarp.org_/images/global/LeftNavL2Current_bg.gif); background-repeat: no-repeat; } #leftNavigation ul li ul li a:hover { color: #fff; background-image: none; background-color: #096397; } /* CTG Custom Promo Fix -------------------------- */ #ctgCustomPromo { margin-bottom: 12px; } /* Error Messages ---------------------*/ #actCalcErr p { color: #ff0000; font-size: 1.5em; } /* Expedia Deals Promo ---------------------------------------------*/ .gridCol.four .expediaDeals { width: 278px; } .gridCol.four .expediaDeals .promoContent { width: 258px; } .gridCol.three .expediaDeals { width: 200px; } .gridCol.three .expediaDeals .promoContent { width: 180px; } .gridCol.five .expediaDeals { width: 356px; } .gridCol.five .expediaDeals .promoContent { width: 336px; } .gridCol.eight .expediaDeals { width: 590px; } .gridCol.eight .expediaDeals .promoContent { width: 570px; } .expediaDeals { background: #ebebeb; border: 1px solid #cacaca; margin: 0px 0px 12px 0px; padding: 0 10px 10px 10px; } .expediaDeals h2, .gridCol.right .expediaDeals h2 { color: #5e5b4f; background: #ebebeb; border: none; text-transform: none; font-weight: normal; font-size: 1.6em; line-height: 1; height: auto; width: auto; margin: 0 0 1px 0; padding: 4px 0; } .expediaDeals .promoContent { background: #fff; border: none; padding: 8px 10px 1px 10px; } .expediaDeals li, .expediaDeals p { margin-bottom: 1em; } /* end: Expedia Deals Promo */ /* Page Structure & Globals ------------------------ */ a, a:link { color: #0570AD; text-decoration: none; } a:visited { color: #5F899F; } a:hover, a:active { color: #B50301; } #pageContainer { background: #FFFFFF; border-bottom: 15px solid #FFFFFF; margin: 0px auto; padding: 0px; z-index: 2; text-align: left; width: 964px !important; } h1 { color: #004AAC; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 2.0em; line-height: 1.1em; margin: 0px 0px 15px 0px; } h2 { color: #78766F; margin: 30px 0px 8px 0px; text-transform: uppercase; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 1.3em; font-weight: bold; } #bodyContent { width: 924px; margin: 0px 20px; } #bodyContent p { margin: 0px 10px 1.0em 0px; } .smallText { font-size: 1.1em; } .tinyText { font-size: 1.0em; } .floatLeft { float: left; } .floatRight { float: right; } div.dividerGeneric { position: relative; height: 1px; line-height: 1px; border-top: 1px #cccccc solid; margin-top: 9px; margin-bottom: 20px; clear: both; } /* Photo Upload Form --------------------------------- */ #requiredHeading { margin-bottom: 15px; text-align: right; } span.required { color: #EE3224; font-family: Verdana; font-size: 2.2em; vertical-align: middle; } #uploadPhotosDetailDiv { margin-left: 40px; position: relative; } #uploadPhotosDetailDiv hr { padding-bottom: 20px; border: none; height: 0px; margin-bottom: -1px; } div.formRow { clear: both; padding-left: 20px; } div.formRow span.formLabel { float: left; text-align: right; height: 20px; padding-right: 10px; width: 140px; } div.formRow span.formField { float: left; margin-bottom: 10px; text-align: left; width: 210px; } div.uploadPhotoDetailForm { float: left; position: relative; width: 460px; } div.uploadPhotoDetailForm textarea, div.uploadPhotoDetailForm input.inputText, div.uploadPhotoDetailForm select { width: 210px; } div.uploadPhotoDetailPhoto { float: left; position: relative; width: 240px; } /* Specific to Pages & Functionality --------------------------------- */ .fieldNote { margin: 0px; padding-left: 15px; font-family: Georgia,Times,serif; font-size: 1.1em; } input { padding: 0px; margin: 0px; } input.action { margin: 15px 0px 0px 190px; border: none; } .cancelButton { border: none; } #breadcrumb { font-family: Arial,"MS Trebuchet",sans-serif; font-size: 1.4em; font-weight: bold; margin-top: 20px; } #breadcrumb a { text-decoration: none; } /* Custom CMS Dropdowns --------------------------------- */ .dropdownHead { margin: 0px 0px 0px 0px; padding: 3px 5px 2px 5px; font-size: 1.6em; line-height: 1.125em; color: #5e5b4f; font-weight: normal; text-transform: none; background: #D5D6D8 url(http://assets.aarp.org/aarp.org_/images/channels/channelHeader_bg2.jpg) repeat-x; border: solid #EBEBEB; border-width: 0 1px 1px 1px; } .dropdownHead span, .dropdownHead form { float: right; } .dropdownHead span { padding-right: 10px; } /* PollMonkey Poll --------------------------------- */ .poll { background: url(http://assets.aarp.org/aarp.org_/images/global/roundedBorderBG-e1e1e1.gif) repeat-y; margin: 0 0 12px 0; padding: 0px; width: 222px; } .pollHead { background: url(http://assets.aarp.org/aarp.org_/images/global/roundedBorderTop-e1e1e1.gif) no-repeat left top; display: block; } .pollHead h2 { color: #5e5b4f; font-weight: normal; padding: 10px 20px; margin: 0; line-height: 1.0em; font-size: 1.6em; } .pollFoot { background: url(http://assets.aarp.org/aarp.org_/images/global/roundedBorderBot-e1e1e1.gif) no-repeat left bottom; display: block; clear: both; height: 10px; } .pollContent { background: #fff; border: 1px solid #c0bfbc; margin: 0px 10px; padding: 9px; } .pollContent b { font-weight: normal; } /* video thumbnail styles, added by Brian P. */ a.videoThumbnail { position: relative; display: block; } img.videoIcon { position: absolute; top: 0px; left: 0px; z-index: 1; -moz-opacity: .40; opacity: .40; filter: alpha(opacity=40); } /* %%%%%%%%%% Ad wrappers %%%%%%%%%% added by kaiser shahid [2007-09-20] wrap around ads. right now, there's only a bordered box or no box. as new requirements are needed, add ad stylings here. NEW (2007-12-13): added styles for wide ads. */ div.ad { margin: 0px 0px 12px 0px !important; text-align: center !important; } div.ad.wide { padding: 5px; background: #ccc !important; } div.ad-caption { clear: both; padding-top: 3px !important; padding-bottom: 3px !important; margin: 0px 0px 9px 0px !important; letter-spacing: 1px; font-size: 0.8em; text-align: center !important; background: #ccc !important; } div.ad-caption.wide { background: #fff !important; border-bottom: 0px solid #ccc; margin: 0px !important; } /* %%%%%%%%%% General Status %%%%%%%%%% added by kaiser shahid [2007-10-10] general status box. */ #generalStatus, .generalStatus { margin-bottom: 9px; font-size: 1.0em; font-weight: bold; padding: 5px; border: 2px solid #999; } /* added 2007-10-17] */ #commentResponse.generalStatus { margin-top: 9px; } /****************************** STYLES FOR SEARCH RESULTS AND ARCHIVES added by Yonas Hassen (14 August 2007) last modified by Yonas Hassen: (08 October 2007) last modified by Kaiser Shahid: 2007-11-12 > TODO: remove #archivesContainer styling (for main div) > since we're moving to the gridCol system of sizing columns. > > added general .searchContainer selector for inner things > > TODO: move to .searchContainer for styles that are shared between > the two searches. ******************************/ #searchContainer, #archivesContainer { width: 612px; float: left; margin: 0; padding: 0 0 0 20px; } #searchContainer h1, .searchContainer h1, #searchContainer h3, .searchContainer h3, #searchContainer p, .searchContainer p, #searchContainer td, .searchContainer td, #archivesContainer h1, #archivesContainer h3, #archivesContainer p, #archivesContainer td{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; } #searchContainer h1, .searchContainer h1 { font-weight: bold; font-size: 2.3em; margin: 10px 0; } #archivesContainer h1 { font-weight: 100; font-size: 2.3em; margin: 10px 0; } #searchResultsListing { font-size: 1.2em; } #searchResultsListing h2, .searchContainer h2 { font-size: 1.8em; line-height: 1em; margin-bottom: -10px; padding-bottom: 0; } #searchContainer h3, .searchContainer h3, #searchContainer p, .searchContainer p, #searchContainer td, .searchContainer td, #archivesContainer h3, #archivesContainer p, #archivesContainer td { font-size: 1.2em; margin: 0; padding: 0; } #searchContainer p#helpMe, .searchContainer p#helpMe { float: right; } #searchContainer table#searchField, .searchContainer table#searchField { margin-top: 10px; } #searchContainer td.pad10, .searchContainer td.pad10, #archivesContainer td.pad10 { padding-left: 10px; } #searchContainer td.pad25, .searchContainer td.pad25, #archivesContainer td.pad25 { padding-left: 25px; } #searchContainer div.odd, .searchContainer div.odd, #searchContainer div.even, .searchContainer div.even, #archivesContainer div.odd, #archivesContainer div.even { padding: 10px; } #searchContainer div.odd, .searchContainer div.odd, #archivesContainer div.odd { background-color: #fff; } #searchContainer div.even, .searchContainer div.even, #archivesContainer div.even { background-color: #eee; } #searchContainer p.bottomLine, .searchContainer p.bottomLine, #archivesContainer p.bottomLine { margin-top: 5px; } span#numOfResults, span.searchKeyword, span#numOfResults, span.searchKeyword { font-weight: bold; } #searchContainer form, .searchContainer form, #archivesContainer form { margin: 10px 0 0 0; padding: 0; } #searchContainer a, .searchContainer a, #archivesContainer a { text-decoration: none; } #searchContainer a:hover, .searchContainer a:hover, #archivesContainer a:hover { text-decoration: underline; } #searchContainer a:visited, .searchContainer a:visited, #archivesContainer a:visited { color: #990099; } #searchContainer div#pagination, div.searchContainer div#pagination, #archivesContainer div.pagination, div.searchContainer div.pagination { background-color: #eaeaea; padding: 5px; margin: 18px 0px 0px 0px; } #searchContainer div#pagination td, div.searchContainer div#pagination td, #archivesContainer div.pagination td, div.searchContainer div.pagination td { font-weight: bold; width: 213px; } div.searchContainer div.pagination.bottom { margin-top: 0px; } div.searchContainer form.filter { padding: 0 10px; } div.searchContainer .filter label { font: 1.6em 'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; text-transform: uppercase; } div.searchContainer .filter label, div.searchContainer .filter select, div.searchContainer .filter a { float: left; margin-right: 10px; } div.searchContainer .filter select { font-family: Verdana; font-size: 1.2em; color: #5c5449; float: left; height: 2.0em !important; border: 1px #beb9b6 solid; margin-bottom: 14px; padding: 2px 4px; } /*CTG Browse*/ .searchContainer.ctg .toolTipBalloonSide { position: absolute; z-index: 100000; display: none; width: 340px; /* needed to handle these floats properly */ height: 100px; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; left: 22px; top: -20px; } .searchContainer.ctg div.odd, .searchContainer.ctg div.even { padding: 10px 0 0 0; } .searchContainer.ctg h3 { left: 10px; font-weight: bold; width: 420px; } .searchContainer.ctg #ctg-display-results p { position: relative; left: 10px; width: 420px; } .searchContainer.ctg #ctg-display-results p { padding-left: 15px; padding-right: 15px; } .searchContainer.ctg #ctg-display-results p.where { position: absolute; top: 10px; left: 440px; width: 162px; margin: 0; padding: 0 10px 0 0; text-align: right; } .searchContainer.ctg #ctg-display-results p.where .postal { margin-left: 15px; } .searchContainer.ctg div.period { margin-top: 1em; } .searchContainer.ctg ul { position: relative; left: 10px; margin: 8px 0 8px 30px; list-style-image: none; padding-left: 0; width: 390px; } .searchContainer.ctg ul li { background: url(http://assets.aarp.org/aarp.org_/images/global/li.png) no-repeat; background-position: left 0.8em; font-size: 1.2em ; line-height: 1.5; margin-bottom: 0.64em; padding: 0 0 0 10px; } .searchContainer.ctg #ctg-display-results p.moreLink { position: absolute; top: 10px; left: 440px; width: 162px; margin: 0; padding: 0 10px 0 0; } .searchContainer.ctg form.aarpForm label { width: auto; } .searchContainer.ctg form.aarpForm select { margin-bottom: 0; } .searchContainer.ctg input.wide, .searchContainer.ctg select.wide { width: 300px; margin-right: 8px; float: left; } .searchContainer.ctg select.wide { width: 310px; } .searchContainer.ctg select.narrow { width: 150px; margin-right: 30px; } .toolbar { border: solid #CDCDCD; border-width: 1px 0; padding: 7px 20px; margin-top: 10px; /* margin-bottom: -11px; */ } a.moreLess { float: right; margin-top: -2px; cursor: pointer; position: relative; .position: static; } a.moreLess img { margin-top: 3px; } .moreLess .left, .moreLess .middle, .moreLess .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; } .moreLess .left, .moreLess .right { padding: 1px 0; width: 4px; } .moreLess .middle { padding: 1px 3px; font-size: 11px; text-align: center; } .moreLess .left { background-position: 0 0; } .moreLess:hover .left { background-position: 0 -20px; } .moreLess .middle { color: #3e76ad !important; background-position: -4px 0; } .moreLess:hover .middle { color: #247fd8 !important; background-position: -4px -20px; } .moreLess .right { background-position: -296px 0; } .moreLess:hover .right { background-position: -296px -20px; } /***************************** END: STYLES FOR SEARCH RESULTS *****************************/ /*%%%%%%%%%% Most Popular [added by Kaiser, 2008-02-29] %%%%%%%%%%*/ #mostPopular { background-color:#F0F0EF; } #mostPopular h2 { background-image:url(http://assets.aarp.org/aarp.org_/images/home/template/mostPopular_bg.gif); height:29px; margin:0px; width:300px; } #mostPopular h2 span { display:none; } #mostPopular ol { list-style-type:decimal; margin:8px 0px 0px 20px; } #mostPopular li { font-size: 1.2em; line-height: 1.385em; margin:0px 0px 8px 10px; } .mostPopularContainer { font-size: 1.1em; } .roundedBottom.mostPopular { background:transparent url(http://assets.aarp.org/aarp.org_/images/home/template/homePromoBottom_bg.gif) no-repeat scroll center bottom; height:11px; width:300px; } /* Float Image no matter where Text & Image component is used *** Added by jlechliter on 2008-4-23 *** ---------------- */ img.cms_img_left { float: left; margin: 0px 5px 0px 0px; } img.cms_img_right { float: right; margin: 0px 0px 0px 5px; } /* Page Title ---------- */ .pageTitle { margin-left: 20px; margin-right: 20px } .pageTitle h2 { position: relative; color: #5e544a; margin-top: 11px; font-size: 24px; margin-bottom: 15px; padding-bottom: 3px; text-align: center; border-bottom: 2px solid #5e544a; } .pageTitleSpacer { margin-bottom: 15px ; } /* Article Proxy Template Styles ----------------------------- */ #sponsorimg { width: 180px; height: 35px; position: relative; margin-top:-52px; padding: 0px; right: 0px; float: right; } /* Personalized Membership ------------ */ .ptabs { position: relative; } .ptabs .headerGroup { display: block; color: #fff; font-size: 9px !important; position: absolute; top: 5px; left: 3px; } .ptabs .headerGroup a { display: block; color: #4173AF; float: left; line-height: 10px; padding: 3px 2px; background: #CFE5FF; border-right: 1px solid #C4DDFF; border-left: 1px solid #173D6E; border-bottom: 1px solid #C4DDFF; border-top: 1px solid #173D6E; cursor: pointer; } .ptabs .headerGroup a.off:hover { background: #98BEEF; color: #333; } .ptabs .headerGroup a.off { background: #4173AF; color: #fff; border-left: 1px solid #C4DDFF; border-right: 1px solid #173D6E; border-top: 1px solid #C4DDFF; border-bottom: 1px solid #173D6E; } .ptabs div.parsys { display: block; } .ptabs div.parsys.off { display: none; } /* Right column sponsorship ad styles ---------------------------------------------*/ #rightColumnSponsor { float: right; width: 180px; margin-bottom: 10px; } /* END: Right column sponsorship ad styles ---------------------------------------------*/ /* Styles for BMI calculator ------------------------------------*/ #BMIall, #BMIinner, #BMIform { margin: 0; padding: 0; } #BMIall { border: 1px solid #cacaca; margin-bottom: 10px; } #BMItitle { font-family: 'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; font-size: 1.6em; font-weight: normal; color: #333; background-color: #e7f2cf; margin: 0; padding: 5px 0 5px 10px; } #BMIinner { padding: 0 10px 10px 10px; } #BMIinner p, #BMIinner td { margin: 10px 0; font-size: 1.3em; font-family: Verdana,'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Arial,sans-serif; color: #333; } #BMIinner td { margin: 0; padding: 4px 0; font-size: 1.15em; } #BMIinner td.lefty { padding-right: 5px; } #BMIinner td.righty { padding-left: 5px; } #BMIinner .btnSelect { } #BMIinner #userWeight { border: 3px solid #9dca3f; width: 60px; margin-left: 21px; height: 25px; font-family: Verdana,'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Arial,sans-serif; font-size: 1.5em; text-align: center; } #BMIinner .BMIResultStrip { padding: 10px 0; text-align:center; background-color: #9dca3f; } #BMIinner table { width: 100%; } #BMIinner tr.even { background-color:#dcdcdc; } #BMIbutton { margin: 0 auto; padding: 0; width: 85px; } #BMIErrorTag { font-size: 1.3em; font-family: Verdana,'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Arial,sans-serif; color: red; border: 1px solid #fff; } /* end: Styles for BMI calculator */ /* Styles for Community Tag Cloud ------------------------------------*/ div.tags { line-height: 20px; margin-bottom: 10px; } #tagSize1 { font-size: 10px; margin-right: 5px; } #tagSize2 { font-size: 12px; margin-right: 5px; } #tagSize3 { font-size: 18px; margin-right: 10px; } #tagSize4 { font-size: 24px; margin-right: 5px; } a#tagSize1, a#tagSize2, a#tagSize3, a#tagSize4 { text-decoration:none; } a#tagSize1:hover, a#tagSize2:hover, a#tagSize3:hover, a#tagSize4:hover { background-color:#0570AD; color:#FFFFFF; text-decoration:none; } .promoBox .shadedHeader { display: none; } /* --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- Dotorg.css styles --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- */ /* Column Control -------------- */ #col1 { margin: 0px 12px 0px 0px; } /* Page Title ---------- */ .pageTitle { margin-left: 20px; margin-right: 20px } .pageTitle h2 { position: relative; color: #5e544a; margin-top: 11px; font-size: 2.4em; margin-bottom: 15px; padding-bottom: 3px; text-align: center; border-bottom: 2px solid #5e544a; } /* Home Page Billboard/Hero ------------------------ */ #billboard { position: relative; border: 1px solid #e8e8e8; width: 610px; height: 278px; margin-bottom: 12px; } #billboard h3 { float: left; clear: left; margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight: bold; text-align: left; } #billboard h3 a { background: #fff; color: #0570ad; display: block; width: 168px; height: 35px; border-top: 1px solid #e8e8e8; text-decoration: none; margin: 0; padding: 10px; vertical-align: middle; } #billboard #promo_1 h3 a { border-top: none; height: 34px; } #billboard h3 a:hover { color: #000; } #billboard h3.on a { background: #deeff7; color: #0570ad; } #billboard h3.on a:hover { color: #000; } #billboard p { position: absolute; top: 0; left: 188px; margin: 0; padding: 0; clear: none; } #billboard p a { display: block; width: 413px; height: 270px; border: solid #deeff7; border-width: 4px 4px 4px 5px; } .alt { display: none; } /* OLD --- Home Page Billboard/Hero --- OLD ------------------------ */ #heroPromo { width: 615px; height: 270px; } #heroTabs { float: left; width: 195px; } #heroTabs li { display: block; float: left; text-align: left; height: 54px; width: 197px; background-image: url(http://assets.aarp.org/aarp.org_/images/home/template/heroTabBg.gif); font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 1.4em; line-height: 1.143em; overflow: hidden; } #heroTabs li.activeHeroTab { background-position: 0px -108px; } #heroTabs a { display: block; margin: 11px 22px 0px 10px; } #heroTabs a:hover { text-decoration: none; } #heroTabs a:visited { color: #015cb7; } #heroTabs a.activeHeroLink, #heroTabs a.activeHeroLink:visited { color: #222222; text-decoration: none; } #heroImages { float: left; } /* Home Page: Daily Dose --------------------- */ #dailyDose { width: 612px ; margin-bottom: 12px ; } #dailyDose h2 { background-image: url(http://assets.aarp.org/aarp.org_/images/home/template/dailyDose_h2_bg.gif) ; background-repeat: no-repeat ; width: 612px ; height: 30px ; margin: 0px ; } #dailyDose h2 span { display: none ; } #dailyDose #stage { background-color: #f7f7f6 ; background-image: url(http://assets.aarp.org/aarp.org_/images/home/template/dailyDose_bg.gif) ; background-repeat: repeat-y ; padding-top: 8px; padding-bottom: 10px; padding-left: 18px; } #dailyDose .dailyDoseCell { width: 160px ; margin-right: 40px ; float: left ; } #dailyDose .last { margin: 0px ; } #dailyDose .dailyDoseCell h3 { font-size: 13px ; font-weight: bold ; margin-top: 8px ; } #dailyDose .dailyDoseCell h4 { font-size: 13px ; line-height: 17px ; } #dailyDose .dailyDoseCell p { font-size: 13px ; line-height: 17px ; } #dailyDose #bottom { background-image: url(http://assets.aarp.org/aarp.org_/images/home/template/dailyDose_bottom_bg.gif); background-repeat: no-repeat; width: 612px ; height: 7px ; } /* AARP Goes Local / States ------------------------ */ div#aarpGoesLocal { padding: 72px 0 45px 15px; margin: 0px 0px 12px 0px; background: url('http://assets.aarp.org/aarp.org_/build/homepage/goesLocal_bg.jpg') top left no-repeat; } div#stateSelection { } div#aarpGoesLocal #submitButton { margin-top: 12px; } div#aarpGoesLocal h2 { margin: 10px 0px 2px 15px; font-size: 2.0em; font-weight: normal; color: #5E5B4F; } div#aarpGoesLocal p { margin: 0px 5px 10px 15px; font-size: 1.4em; color: #999999; } input#zipCode { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #444444; padding: 3px; width: 60px; } /* State Events Calendar ---------------- */ .stateEvent, .stateEventType { margin-bottom: 20px; } .stateEvents h3 { margin: 0px 0px 1em 5px; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 2.0em; line-height: 1.2em; } .stateEventType h3 { margin: 0px 0px 0.3em 5px; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 2.0em; line-height: 1.2em; } .stateEvent h4, .stateEventType h4 { margin: 0px 0px 0px 5px; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-weight: normal; font-size: 2.0em; line-height: 1.2em; } .stateEvent p, .stateEvent li { margin: 0px 5px; font-size: 1.3em; } .stateEventType p, .stateEventType li { margin: 0px 5px; padding-left: 20px; font-size: 1.3em; } .stateEventType p.stateEventTypeDesc { padding-left: 0px; } .stateEvent li, .stateEventType li { margin-bottom: 8px; } .stateEvent p.stateEventDate { color: #807d7d; } .stateEvent ul, .stateEventType ul { margin: 0px; padding: 0px; list-style-image: url(http://assets.aarp.org/aarp.org_/images/global/li.png); } /* Home, Channel & Topic Ribbon ---------------------------- */ .ribbonMatte { position: relative; width: 964px; height: 250px; background: #848278; } .ribbonHeading { height: 21px; overflow: hidden; color: #fff; font-size: 20px; font-weight: normal; text-transform: none; margin: 0px 44px 0px 44px; padding-top: 6px; } .ribbonStage { position: absolute; left: 40px; top: 30px; width: 886px; height: 200px; background-color: #fff; background-image: url(http://assets.aarp.org/aarp.org_/images/home/template/ribbonStage_bg.gif); } .ribbonMatte #prevRibbonArrow { position: absolute; top: 115px; left: 10px; width: 24px; height: 24px; background-image: url(http://assets.aarp.org/aarp.org_/images/global/prevRibbonArrow_inactive.gif); } .ribbonMatte #nextRibbonArrow { position: absolute; top: 115px; right: 9px; width: 24px; height: 24px; background-image: url(http://assets.aarp.org/aarp.org_/images/global/nextRibbonArrow_inactive.gif); } .ribbonStageOpening { position: absolute; left: 40px; top: 30px; width: 886px; height: 200px; overflow: hidden; background-color: #848278 ; } #ribbonCellsContainer { position: absolute; left: 0px ; } .ribbonCell { background-color: #FFFFFF ; background-image: url(http://assets.aarp.org/aarp.org_/images/home/template/ribbonCell_bg.gif) ; float: left; width: 170px; height: 199px; overflow: hidden; margin-right: 9px; cursor: pointer; } .lastCell { margin-right: 0px; } .cellMediaType { float: right; margin: -2px 0px 0px 1px; } .ribbonCell h3 { margin: 10px 14px 3px 12px; font-family: 'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; font-size: 12px; line-height: 16px; font-weight: bold; color: #456b9a; } .ribbonCell p, .ribbonCell ul { margin: 0px 12px 3px 12px; font-size: 11px; line-height: 16px; color: #1b1616; } .ribbonCell ul { list-style-image: url(http://assets.aarp.org/aarp.org_/images/global/li.png); padding: 0px; } .cellFeatureImage { margin: 0px 0px 3px 12px; } .cellFeatureImage img { width: 144px ; height: 100px ; } /* Article Proxy Template Styles ----------------------------- */ #sponsorimg { width: 180px; height: 35px; position: relative; margin-top:-52px; padding: 0px; right: 0px; float: right; } /* Article Proxy Template Styles ----------------------------- */ .article { float: left; width: 612px; } .articleHeader h2 { font-size: 1.8em; margin: 5px 0px; } .articleHeader h1 { color: #004AAC; font-family: 'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; font-size: 2.0em; line-height: 1.1em; font-weight: bold; margin: 0px 0px 5px; } .articleShareTools { padding: 5px; border: 1px solid #C8C6C3; } .ruled { border-bottom: 1px solid #d5d3d0; padding-bottom: 10px; margin-bottom: 10px; } /* Misc & Sandpaper ---------------- */ .ruled { border-bottom: 1px solid #CACACA; margin: 10px 0px 10px 0px; } #systemMessages { margin-bottom: 140px; } #systemMessages h1 { color: #015CB7; font-size: 21px; margin: 18px 20px 12px 20px; } #systemMessages p { font-size: 13px; line-height: 18px; margin: 0px 20px 16px 20px; } /* Search Hit Listing & Pagination: kaiser [2008-08-06] ---------------------------------------------------- */ .new-article-index { } .new-article-index .result { padding: 10px ; } .new-article-index .odd { background: #EEEEEE ; } .new-article-index .even { background: #FFFFFF ; } .new-article-index h3 { font-size: 1.8em ; color: #0570AD ; margin-top: 0.7em ; } .new-article-index h3 a { text-decoration: none; } .new-article-index h3 a:hover { color: #B50301; text-decoration: none; } .new-article-index h3 a:visited { color: #5F899F; } .new-article-index p.description { font-size: 1.3em ; line-height: 1.3em ; margin-bottom: 0px ; } .new-article-index p.date { color: #666 ; font-size: 1.3em ; line-height: 1.3em ; padding-bottom: 2px ; } .article-index-nav { background: url( http://assets.aarp.org/aarp.org_/images/backgrounds/bg_pagination.gif ) repeat-x bottom left; border: 1px solid #e7e6e4; border-bottom: 1px solid #c0c2c4; height: 23px; line-height: 23px; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif ; padding: 0px 10px ; } .article-index-nav.bottom { margin-top: 20px ; } .article-index-nav img { margin-bottom: -6px ; } .article-index-nav .sort-col { padding-left: 10px; } .article-index-nav .left { float: left; font-size: 1.325em; } .article-index-nav .right { float: right !important; font-size: 1.125em; } .article-index-nav a.selected, .article-index-nav a:visited.selected { color: #000; } .new-article-index form.filter { } .new-article-index .filter label { font: 1.6em 'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif; text-transform: uppercase; } .new-article-index .filter label, .new-article-index .filter select, .new-article-index .filter a { float: left; margin-right: 10px; } .new-article-index .filter select { font-family: Verdana; font-size: 1.2em; color: #5c5449; float: left; height: 2.0em !important; border: 1px #beb9b6 solid; margin-bottom: 14px; padding: 2px 4px; } /* --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- embedMedia.css styles --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- */ /* embedMedia wrappers created by kaiser shahid [2007-10-29] */ div.embedMedia { } div.embedMedia embed { padding: 0px; } div.embedMedia.community { } div.embedMedia.community h2, div.embedMedia.community h3 { margin: 0px; margin-bottom: 12px; color: #0570AD; font-size: 12pt; } div.embedMedia.community h3 { margin-top: 12px; margin-bottom: 0px; } div.embedMedia.community p { margin-top: 6px; font-size: 9pt; } div.embedMedia.community p.viewMore { margin-top: 9px; text-align: right; } div.embedMedia.community p.viewMore a { text-decoration: none; } div.embedMedia.community div.hero { border: 1px solid #e7e6d4; padding: 6px; } /* --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- Comments & Toolbar Styles --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------- */ ul.articleShareTools { font-size: 1.1em; margin: 0px 0px 15px 0px; padding: 5px; border: 1px solid #C8C6C3; } #tools { padding-top: 1px ; } #tools.noPrint { margin-top: 12px ; } .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; } /* 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: 9999; position: absolute; top: 0px; left: 0px; visibility: hidden; } #socialBookmarks, #socialBookmarks2 { margin: 0; padding: 0; z-index: 10000; position: absolute; top: 39px; left: 19px; 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; } .noPrint #shareBG, .noPrint #shareBG2 { top: 20px; left: 70px; } .noPrint #socialBookmarks, .noPrint #socialBookmarks2 { top: 59px; left: 89px; } #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#digg 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#delicious 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#linkedin 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#yahoobuzz 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#facebook 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 #shareClose { padding: 0; margin-left: 13px; } /* Comments ----------- */ #commentarySlot, #recentCommentsSlot { font-size: 1.4em; } #commentarySlot p, #recentCommentsSlot p { margin-bottom: 5px; } .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; } #commentsArea p { width: 552px; overflow: hidden; } .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); } #commentsArea { margin-left: 0; } *html #commentsArea { margin-left: 0; } .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; } /* Expanding Categories ---------------------------------------------*/ .categoryGroup { margin-bottom: 15px; } .categoryGroup h3 { font-size: 2.0em; margin-bottom: 0; color: #0570AD; line-height: 1.5; } .categoryGroup h3 a { color: #0570AD; background: url(http://assets.aarp.org/aarp.org_/images/buttons/btnArrow_close.gif) no-repeat left center; padding-left: 20px; } .categoryGroup h3 a:hover { color: #b50301; } .categoryGroup h3 a.on { background: url(http://assets.aarp.org/aarp.org_/images/buttons/btnArrow_open.gif) no-repeat left center; } .categoryGroup p.subtitle { padding-left: 20px; } .categoryGroup .subGroups { border: solid #d3d0cd; border-width: 0 1px 1px 1px; margin-left: 20px; margin-top: 8px; } .categoryGroup .category { border: 1px solid #d3d0cd; margin-left: 20px; margin-top: 8px; background: #f7f7f6; } .categoryGroup .subGroups .category { border: none; margin: 0; background: none; } .categoryGroup .category h4 { font-size: 1.4em; margin: 0; color: #0570AD; background: #ecebe9; border-top: 1px solid #d3d0cd; line-height: 30px; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; } .categoryGroup .category h4 a { padding: 0 35px 0 10px; color: #0570AD; background: #ecebe9 url(http://assets.aarp.org/aarp.org_/images/buttons/btnExpand_close.gif) no-repeat 558px center; line-height: 30px; display: block; } .categoryGroup .category h4 a:hover { background: #0570ad url(http://assets.aarp.org/aarp.org_/images/buttons/btnExpand_close.gif) no-repeat 558px center; color: #fff; } .categoryGroup .category h4 a.on { background: #0570ad url(http://assets.aarp.org/aarp.org_/images/buttons/btnExpand_open.gif) no-repeat 558px center; color: #fff; } .categoryGroup .categoryContent { margin: 0; padding: 12px 10px; } .categoryGroup .category p.subtitle, .categoryGroup .category, .categoryGroup .subGroups, .categoryGroup .subGroups .categoryContent { display: none; } .categoryGroup .subGroups .category { display: block; } .categoryGroup .categoryContent { margin: 0; } /* end: Styles for Expanding Categories */ .votersGuide { margin: 0 0 20px 20px; } .votersGuide h1 { color: #333; margin: 0 0 5px 0; } .race { margin-top: 20px; padding: 5px 10px; } .race h3 { font-weight: bold; font-size: 13px; margin-bottom: 2px; } .race p { font-size: 13px; } .odd { background-color: #e6f1f7; } .votersGuide h1.vgResponse { border: 1px solid #efefef; background-color: #fefefe; padding: 2px 2px 8px 4px; margin: 0 0 20px 0; font-weight: normal; color: #333; font-size: 24px; line-height: 26px; } .votersGuide h2 { font-size: 18px; line-height: 24px; color: #5e5b4f; margin: 12px 4px 6px 4px; font-weight: normal; text-transform: none; } .votersGuide h3 { font-size: 18px; margin-bottom: 6px; margin-top: 20px; } .votersGuide h4 { font-size: 16px; margin: 20px 0px 6px 0px; } p.anchorQuestions { font-size: 18px; } p.anchorQuestions a { margin-right: 20px; } p.comment { font-size: 17px; color: #333; margin: 20px 0 0 0; } .responseKeyContainer { margin: 40px 0px 20px 0px; font-size: 14px; } .keyYes, .keyNo, .keyNoResponse { float: left; margin-right: 40px; _margin-left: 20px; /* IE6 hack */ } .keyNoResponse { margin-right: 0; _margin-left: 0; /* IE6 hack */ } .responseKeyContainer img { margin-right: 7px; vertical-align: text-bottom; } div.issueContainer { border: 1px solid #cccccc; margin: 20px 0px; padding: 2px; } .issueContainer h1 { border: 1px solid #efefef; background-color: #fefefe; margin: 2px 2px 10px 2px; padding: 2px 2px 8px 4px; } p.positionResponses { background-color: #ebf4f9; border-bottom: 2px solid #cacaca; padding: 6px 2px 8px 10px; margin: 0px 2px; } p.positionResponses span.text { font-size: 16px; padding: 0 0 0 15px; position: relative; top: -5px; } h3.fullQuestion { line-height: 24px; margin-top: 0px; color: #5e5b4f; } .aarpResponse, .candidateResponse { font-size: 16px; } .votersGuide h3.candidates { margin-top: 0; } form.aarpForm { font-family: "Trebuchet MS"; font-size: 1.2em; color: #333; clear: both; } form.aarpForm div.formRow { clear: both; } form.aarpForm div.formRow.noLabel, form.aarpForm p.descText { margin: 0 0 14px 212px; width: 366px; } form.aarpForm label { float: left; font-weight: bold; font-size: 1.2em; color: #333; text-align: right; margin: 0 12px 0 0; padding: 0; line-height: 1.8em !important; width: 202px; } form.aarpForm .fieldGroup { float: left; width: 366px; } form.aarpForm input, form.aarpForm textarea, form.aarpForm select { font-family: Verdana; font-size: 1.2em; color: #5c5449; } form.aarpForm input[type='text'] { float: left; height: 1.3em !important; margin: 0 0 14px 0; padding: 2px 4px; border: 1px #beb9b6 solid; } form.aarpForm input.textSmall { width: 176px; } form.aarpForm input.textSmall.left { margin-right: 4px; } form.aarpForm input.textSmall.zipcode { float: right; width: 99px; } form.aarpForm input.textWide { width: 366px; } form.aarpForm textarea { float: left; margin: 0 0 14px 0; padding: 2px 4px; border: 1px #beb9b6 solid; width: 366px; height: 5.0em !important; } form.aarpForm select { float: left; height: 1.7em !important; border: 1px #beb9b6 solid; margin: 0 0 14px 0; padding: 2px 4px; max-width: 366px; } form.aarpForm select.left { margin-right: 4px; } form.aarpForm .fieldGroup input[type='checkbox'] { float: left; height: 2.0em !important; line-height: 2.0em !important; margin: 0 8px 0 0; padding: 0; } form.aarpForm .fieldGroup .checkbox { float: left; margin: 0 25px 14px 0; height: 2.4em !important; line-height: 2.4em !important; display: block; max-width: 366px; } form.aarpForm .fieldGroup input[type='radio'] { float: left; height: 2.0em !important; line-height: 2.0em !important; margin: 0 8px 0 0; padding: 0; } form.aarpForm .fieldGroup .radio { float: left; margin: 0 25px 14px 0; height: 2.4em !important; line-height: 2.4em !important; display: block; max-width: 366px; } form.aarpForm p.descText { float: left; margin-top: -8px; padding: 0; width: 366px; font-size: 0.9em; line-height: 1; color: #999; } form.aarpForm label .reqd, form.aarpForm p.reqd strong, form.aarpForm .invalid label { color: red; } form.aarpForm p.reqd { float: left; margin: 20px 0 14px 0; padding: 0; width: 366px; font-size: 0.9em; line-height: 1; color: #999; } form.aarpForm a.submitBtn { float: left; background: url(http://assets.aarp.org/aarp.org_/images/buttons/btn24_submit_sprite.gif) no-repeat; background-position: 0 0; width: 66px; height: 24px; margin: 0 4px 0 0; padding: 0; line-height: 1; } form.aarpForm a.submitBtn:hover { background-position: 0 -24px; } form.aarpForm .colRow h3 { margin-bottom: 34px; } form.aarpForm h3 { font-size: 2.3em; line-height: 1.071em; font-weight: bold; color: #000; margin-bottom: 24px; } form.aarpForm .colRow p { font-family: Verdana; font-size: 1.083em; line-height: 1.692em; } /* * Ext JS Library 2.2 * Copyright(c) 2006-2008, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ /* Overrides ----------- */ #tabbedThingyTabPanel ul, #tabbedThingyTabPanel li { list-style-image: none ; list-stye-type: none ; margin: 0px ; line-height: auto ; } .ext-el-mask { z-index: 20000; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1; } .ext-el-mask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #6593cf; background: #c3daf9 url(/libs/cq/widgets/themes/default/ext/box/tb-blue.gif) repeat-x 0 -16px; padding:2px; } .ext-el-mask-msg div { padding:5px 10px 5px 10px; background: #eee; border:1px solid #a3bad9; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif; cursor:wait; } .ext-shim { position:absolute; visibility:hidden; left:0; top:0; overflow:hidden; } .ext-ie .ext-shim { filter: alpha(opacity=0); } .ext-ie6 .ext-shim { margin-left: 5px; margin-top: 3px; } .x-mask-loading div { padding:5px 10px 5px 25px; background: #fbfbfb url('dotorg/ext/grid/loading.gif' ) no-repeat 5px 5px; line-height: 16px; } /* class for hiding elements without using display:none */ .x-hidden, .x-hide-offsets { position:absolute; left:-10000px; top:-10000px; visibility:hidden; } .x-hide-display { display:none !important; } .x-hide-visibility { visibility:hidden !important; } .x-masked { overflow: hidden !important; } .x-masked select, .x-masked object, .x-masked embed { visibility: hidden; } .x-layer { visibility: hidden; } .x-unselectable, .x-unselectable * { -moz-user-select: none; -khtml-user-select: none; } .x-repaint { zoom: 1; background-color: transparent; -moz-outline: none; } .x-item-disabled { color: gray; cursor: default; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); } .x-item-disabled * { color: gray !important; cursor: default !important; } .x-splitbar-proxy { position: absolute; visibility: hidden; z-index: 20001; background: #aaa; zoom: 1; line-height: 1px; font-size: 1px; overflow: hidden; } .x-splitbar-h, .x-splitbar-proxy-h { cursor: e-resize; cursor: col-resize; } .x-splitbar-v, .x-splitbar-proxy-v { cursor: s-resize; cursor: row-resize; } .x-color-palette { width: 150px; height: 92px; cursor: pointer; } .x-color-palette a { border: 1px solid #fff; float: left; padding: 2px; text-decoration: none; -moz-outline: 0 none; outline: 0 none; cursor: pointer; } .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { border: 1px solid #8BB8F3; background: #deecfd; } .x-color-palette em { display: block; border: 1px solid #ACA899; } .x-color-palette em span { cursor: pointer; display: block; height: 10px; line-height: 10px; width: 10px; } .x-ie-shadow { display: none; position: absolute; overflow: hidden; left:0; top:0; background:#777; zoom:1; } .x-shadow { display: none; position: absolute; overflow: hidden; left:0; top:0; } .x-shadow * { overflow: hidden; } .x-shadow * { padding: 0; border: 0; margin: 0; clear: none; zoom: 1; } /* top bottom */ .x-shadow .xstc, .x-shadow .xsbc { height: 6px; float: left; } /* corners */ .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { width: 6px; height: 6px; float: left; } /* sides */ .x-shadow .xsc { width: 100%; } .x-shadow .xsml, .x-shadow .xsmr { width: 6px; float: left; height: 100%; } .x-shadow .xsmc { float: left; height: 100%; background: transparent url(dotorg/ext/shadow-c.png ); } .x-shadow .xst, .x-shadow .xsb { height: 6px; overflow: hidden; width: 100%; } .x-shadow .xsml { background: transparent url(dotorg/ext/shadow-lr.png ) repeat-y 0 0; } .x-shadow .xsmr { background: transparent url(dotorg/ext/shadow-lr.png ) repeat-y -6px 0; } .x-shadow .xstl { background: transparent url(dotorg/ext/shadow.png ) no-repeat 0 0; } .x-shadow .xstc { background: transparent url(dotorg/ext/shadow.png ) repeat-x 0 -30px; } .x-shadow .xstr { background: transparent url(dotorg/ext/shadow.png ) repeat-x 0 -18px; } .x-shadow .xsbl { background: transparent url(dotorg/ext/shadow.png ) no-repeat 0 -12px; } .x-shadow .xsbc { background: transparent url(dotorg/ext/shadow.png ) repeat-x 0 -36px; } .x-shadow .xsbr { background: transparent url(dotorg/ext/shadow.png ) repeat-x 0 -6px; } .loading-indicator { font-size: 11px; background-image: url(/libs/cq/widgets/themes/default/ext/grid/loading.gif); background-repeat: no-repeat; background-position: left; padding-left: 20px; line-height: 16px; margin: 3px; } .x-text-resize { position: absolute; left: -1000px; top: -1000px; visibility: hidden; zoom: 1; } .x-drag-overlay { width: 100%; height: 100%; display: none; position: absolute; left: 0; top: 0; background-image:url(/libs/cq/widgets/themes/default/ext/s.gif); z-index: 20000; } .x-clear { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; } .x-spotlight { z-index: 8999; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width:0; height:0; zoom: 1; } .x-tab-panel { overflow:hidden; } .x-tab-panel-header, .x-tab-panel-footer { background: #deecfd; border: 1px solid #8db2e3; overflow:hidden; zoom:1; } .x-tab-panel-header { border: 1px solid #8db2e3; padding-bottom: 2px; } .x-tab-panel-footer { border: 1px solid #8db2e3; padding-top: 2px; } .x-tab-strip-wrap { width:100%; overflow:hidden; position:relative; zoom:1; } ul.x-tab-strip { display:block; width:5000px; zoom:1; } ul.x-tab-strip-top{ padding-top: 1px; background: url(/libs/cq/widgets/themes/default/ext/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom; border-bottom: 1px solid #8db2e3; } ul.x-tab-strip-bottom{ padding-bottom: 1px; background: url(/libs/cq/widgets/themes/default/ext/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top; border-top: 1px solid #8db2e3; border-bottom: 0 none; } .x-tab-panel-header-plain .x-tab-strip-top { background:transparent !important; padding-top:0 !important; } .x-tab-panel-header-plain { background:transparent !important; border-width:0 !important; padding-bottom:0 !important; } .x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer { border:1px solid #8db2e3; height:2px; background: #deecfd; font-size:1px; line-height:1px; } .x-tab-panel-header-plain .x-tab-strip-spacer { border-top: 0 none; } .x-tab-panel-footer-plain .x-tab-strip-spacer { border-bottom: 0 none; } .x-tab-panel-footer-plain .x-tab-strip-bottom { background:transparent !important; padding-bottom:0 !important; } .x-tab-panel-footer-plain { background:transparent !important; border-width:0 !important; padding-top:0 !important; } .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer, .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer { height:3px; } ul.x-tab-strip li { list-style-type:none; float:left; margin-left:2px; } ul.x-tab-strip li.x-tab-edge { float:left; margin:0 !important; padding:0 !important; border:0 none !important; font-size:1px !important; line-height:1px !important; overflow:hidden; zoom:1; background:transparent !important; width:1px; } .x-tab-strip a, .x-tab-strip span, .x-tab-strip em { display:block; } .x-tab-strip a { text-decoration:none !important; -moz-outline: none; outline: none; cursor:pointer; } .x-tab-strip-inner { overflow:hidden; text-overflow: ellipsis; } .x-tab-strip span.x-tab-strip-text { font:normal 11px tahoma,arial,helvetica; color:#416aa3; white-space: nowrap; cursor:pointer; padding:4px 0; } .x-tab-strip-top .x-tab-with-icon .x-tab-right { padding-left:6px; } .x-tab-strip .x-tab-with-icon span.x-tab-strip-text { padding-left:20px; background-position: 0 3px; background-repeat: no-repeat; } .x-tab-strip-over span.x-tab-strip-text { color:#15428b; } .x-tab-strip-active, .x-tab-strip-active a.x-tab-right { cursor:default; } .x-tab-strip-active span.x-tab-strip-text { cursor:default; color:#15428b; font-weight:bold; } .x-tab-strip-disabled .x-tabs-text { cursor:default; color:#aaaaaa; } .x-tab-panel-body { overflow:hidden; } .x-tab-panel-bwrap { overflow:hidden; } .ext-ie .x-tab-strip .x-tab-right { position:relative; } .x-tab-strip-top .x-tab-strip-active .x-tab-right { margin-bottom:-1px; } .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text { padding-bottom:5px; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { margin-top:-1px; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text { padding-top:5px; } .x-tab-strip-top .x-tab-right { background: transparent url(/libs/cq/widgets/themes/default/ext/tabs/tabs-sprite.gif) no-repeat 0 -51px; padding-left:10px; } .x-tab-strip-top .x-tab-left { background: transparent url(/libs/cq/widgets/themes/default/ext/tabs/tabs-sprite.gif) no-repeat right -351px; padding-right:10px; } .x-tab-strip-top .x-tab-strip-inner { background: transparent url(/libs/cq/widgets/themes/default/ext/tabs/tabs-sprite.gif) repeat-x 0 -201px; } .x-tab-strip-top .x-tab-strip-over .x-tab-right { background-position:0 -101px; } .x-tab-strip-top .x-tab-strip-over .x-tab-left { background-position:right -401px; } .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner { background-position:0 -251px; } .x-tab-strip-top .x-tab-strip-active .x-tab-right { background-position: 0 0; } .x-tab-strip-top .x-tab-strip-active .x-tab-left { background-position: right -301px; } .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner { background-position: 0 -151px; } .x-tab-strip-bottom .x-tab-right { background: url(/libs/cq/widgets/themes/default/ext/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right; } .x-tab-strip-bottom .x-tab-left { background: url(/libs/cq/widgets/themes/default/ext/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { background: url(/libs/cq/widgets/themes/default/ext/tabs/tab-btm-right-bg.gif) no-repeat bottom left; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { background: url(/libs/cq/widgets/themes/default/ext/tabs/tab-btm-left-bg.gif) no-repeat bottom right; } .x-tab-strip-bottom .x-tab-left { padding:0 10px; } .x-tab-strip-bottom .x-tab-right { padding:0; } .x-tab-strip .x-tab-strip-close { display:none; } .x-tab-strip-closable { position:relative; } .x-tab-strip-closable .x-tab-left { padding-right:19px; } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { background-image:url(/libs/cq/widgets/themes/default/ext/tabs/tab-close.gif); opacity:.6; -moz-opacity:.6; background-repeat:no-repeat; display:block; width:11px;height:11px; position:absolute; top:3px; right:3px; cursor:pointer; z-index:2; } .x-tab-strip .x-tab-strip-active a.x-tab-strip-close { opacity:.8; -moz-opacity:.8; } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ background-image:url(/libs/cq/widgets/themes/default/ext/tabs/tab-close.gif); opacity:1; -moz-opacity:1; } .x-tab-panel-body { border: 1px solid #8db2e3; background:#fff; } .x-tab-panel-body-top { border-top: 0 none; } .x-tab-panel-body-bottom { border-bottom: 0 none; } .x-tab-scroller-left { background: transparent url(/libs/cq/widgets/themes/default/ext/tabs/scroll-left.gif) no-repeat -18px 0; border-bottom: 1px solid #8db2e3; width:18px; position:absolute; left:0; top:0; z-index:10; cursor:pointer; } .x-tab-scroller-left-over { background-position: 0 0; } .x-tab-scroller-left-disabled { background-position: -18px 0; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default; } .x-tab-scroller-right { background: transparent url(/libs/cq/widgets/themes/default/ext/tabs/scroll-right.gif) no-repeat 0 0; border-bottom: 1px solid #8db2e3; width:18px; position:absolute; right:0; top:0; z-index:10; cursor:pointer; } .x-tab-scroller-right-over { background-position: -18px 0; } .x-tab-scroller-right-disabled { background-position: 0 0; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default; } .x-tab-scrolling .x-tab-strip-wrap { margin-left:18px; margin-right:18px; } .x-tab-scrolling { position:relative; } .x-tab-panel-bbar .x-toolbar { border:1px solid #99bbe8; border-top:0 none; overflow:hidden; padding:2px; } .x-tab-panel-tbar .x-toolbar { border:1px solid #99bbe8; border-top:0 none; overflow:hidden; padding:2px; } /* State Journals ---------------------------------------------*/ #stateJournal { margin-bottom: 12px; padding: 0 0 10px 0; border-bottom: 5px solid #219ed6; } #stateJournal h3 { margin: 25px 0px 0.6em 0px; padding: 0 5px 5px 5px; font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; border-bottom: 1px solid #aaa; text-transform: uppercase; font-weight: normal; font-size: 1.8em; color: #333333; } #stateJournal #journalrss ul { padding: 0 5px; list-style-type: none; list-style-image: none; } #stateJournal #journalrss li { font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif; font-size: 1.15em; margin-bottom: 1.2em; margin-left: 0; } #stateJournal .moreLink { font-size: 1.4em; margin: 0; text-align: right; } /* end: Styles for State Journals */