/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:inherit;font-weight:inherit; } body { line-height: 1; } ol, ul { list-style: none; } li { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } abbr,acronym { border:0;font-variant:normal; } legend { color:#000; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } input,button,textarea,select,optgroup,option { font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; } input,button,textarea,select { *font-size:100%; } form { display: inline; } /* Core Styles ----------- */ /** * Grid system definitions here. */ .colFix { float: left; margin: 0 -20px 0 20px; } .colFix:first-child { margin: 0; } .colFix .pageColumnMain, .colFix .pageColumnRight { float: none; } .colFix .pageColumnRight { margin-left: 0; } .colFix .column2, .colFix .column3, .colFix .column4, .colFix .column5 { float: none; margin-left: 0; } .showDivider .colFix .column2, .colFix .showDivider .column3, .colFix .showDivider .colFix .column4, .showDivider .colFix .column5 { margin-left: 20px; } .pageColumnLeft { margin-right: 20px; width: 180px; float: left; } .pageColumnMain { margin-right: 0; margin-left: 0; float: left; } .pageColumnRight { margin-left: 20px; width: 300px; float: left; } .pageColumnRight .pageColumnRight { margin-left: 0; float: none; } .oneColumn { width: auto; } .twoColumn { width: auto; } .content { float: left; width: 740px; } .contentFooter { clear: both; } .oneColumn .pageColumnMain { width: 740px; } .twoColumn .pageColumnMain { width: 420px; } #pageHeader .twoColumn.diffAlt { text-align: left; } .twoColumn.diffAlt .pageColumnMain { width: 540px; } .twoColumn.diffAlt .pageColumnRight { width: 180px; } #pageHeader .twoColumn.diffAlt .pageColumnRight { margin-bottom: -20px; } .twoColumn.diffSmall .pageColumnMain { width: 180px; } .twoColumn.diffSmall .pageColumnRight { width: 420px; } .twoColumn.equal .pageColumnMain { width: 360px; } .twoColumn.equal .pageColumnRight { width: 360px; } .twoColumn.community .pageColumnMain { width: 520px; } .twoColumn.community .pageColumnRight { width: 200px; } .landingPage .content { min-width: 940px; } .landingPage .oneColumn .pageColumnMain { min-height: 390px; width: 940px; } .landingPage .twoColumn .pageColumnMain { width: 620px; } .content > .columns > .twoColumn.diff > .pageColumnMain, .content > .columns > .twoColumn.diff > .colFix .pageColumnMain, .content > .columns_body > .twoColumn.diff > .pageColumnMain, .content > .columns_body > .twoColumn.diff > .colFix .pageColumnMain { width: 620px; } #aside ~ #content > .content > .columns > .twoColumn.diff > .pageColumnMain, #aside ~ #content > .content > .columns > .twoColumn.diff > .colFix .pageColumnMain, #aside ~ #content > .content > .columns_body > .twoColumn.diff > .pageColumnMain, #aside ~ #content > .content > .columns_body > .twoColumn.diff > .colFix .pageColumnMain { width: 420px; } .landingPage #aside ~ #content > .content > .columns > .twoColumn.diff > .pageColumnMain, .landingPage #aside ~ #content > .content > .columns > .twoColumn.diff > .colFix .pageColumnMain, .landingPage #aside ~ #content > .content > .columns_body > .twoColumn.diff > .pageColumnMain, .landingPage #aside ~ #content > .content > .columns_body > .twoColumn.diff > .colFix .pageColumnMain { width: 620px; } .landingPage .twoColumn.diffAlt .pageColumnMain { width: 540px; } .base .content { float: none; clear: both; width: auto; } /* Page Structure & Globals ------------------------ */ html { height: 100%; margin: 0; overflow: -moz-scrollbars-vertical; padding: 0; } body { /*background-color: #FEFFFE;*/ background-color: #f3f2f0; height: 100%; margin: 0; text-align: center; } /* Images outside content, appearing at the root level of (like, for instance, pixel tracker), also get line-height and all sorts of stuff, so they end up taking up room and causing spaces. So, this rule will hide any images outside of our content flow. */ body > img { display: none; } #page { text-align: center; width: 100%; margin: 0; background-color: #f3f2f0; } #page .container { text-align: left; width: 940px; padding: 0 23px 23px 23px; margin: 0 auto; background: transparent url(global/img/bg_container.imgcache.rev20160310090244.png) repeat-y left top; } /* Glue and Shims -------------- */ .clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; } .alt { display: none; } /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } .warning { color: red !important; } .underline { text-decoration: underline; } /* Type ------------------------ */ html { font-size: 100%; /* IE hack */ } body { color: #2b2b2b; font-family: Arial, Verdana, sans-serif; font-size: 13px; line-height: 20px; font-style: normal; font-variant: normal; font-weight: normal; } a { color: #369; text-decoration: none; } a:hover { color: #8b0000; text-decoration: underline; } /* CQ Tweak ------------------------ */ .contentSource .new.section { display: none; } .cq-wcm-edit .contentSource .new.section { display: block; } .drbadge { position: relative; } .badge-left { float:left; margin-right:10px; } .badge-right { float:right; margin-left:10px; } /* UI Styles ----------------------*/ /* jQuery-UI Base */ /* Layout helpers */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(global/css/images/ui-bg_flat_0_aaaaaa_40x100.imgcache.rev20160310090244.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(global/css/images/ui-bg_flat_0_aaaaaa_40x100.imgcache.rev20160310090244.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* END: jQuery-UI Base */ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget-overlay { background: #000; opacity: .50;filter:Alpha(Opacity=50); } .ui-dialog { background-image: none; background-color: #fff; border: 2px solid #C0C0C0; text-align: left; padding: 20px 20px 0; font-size: 12px; } .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .ui-dialog-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #3a3a3a; } .ui-dialog-titlebar-close { display: none; } .ui-dialog .ui-dialog-buttonpane { border: 0; padding: 0 0 10px; overflow: hidden; } .ui-dialog .ui-dialog-buttonpane button { float: left; margin: 0.5em 1.4em 0.5em 0; padding: 0 7px 0 0; } .ui-dialog.AARP-overlayFrame { width: auto; } .ui-dialog.AARP-overlayFrame .ui-dialog-titlebar { display: none; } .ui-dialog.AARP-overlayFrame .overlayContent { max-height: 431px; max-width: 606px; overflow: auto; } .ui-dialog.AARP-overlayFrame .ui-dialog-buttonpane button { float: left; margin: 10px 8px 0 0; padding: 0 7px 0 0; } /* Selectmenu */ .ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;} .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; } .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /*for optgroups*/ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* TOOLTIPS ----------- */ .tooltipContainer { position: relative; } .formField .tooltipContainer { float: left; margin-left: 2px; } .tooltip { position: absolute; display: none; /* keeps the popup hidden if no JS available */ } .formField .tooltip { margin: 0 0 -75px -8px; } .tooltip .body { background: #ffffff; border: 3px #d5d5d5 solid; font-size: 12px; line-height: normal; min-width: 120px; padding: 5px; } .formField .tooltip .body { width: 200px; } .tooltip .body .title { font-weight: bold; } .tooltip a { font-weight: bold; } .tooltip .hook { background-repeat: no-repeat; height: 15px; width: 15px; } .tooltip .hook.bottomLeft { margin: -3px 0 0 5px; } .trigger { cursor: pointer; } .trigger.help { background-position: 0 0; display: block; height: 16px; width: 16px; } /* button Styles ------------------------ */ /* baseline button - zeroing out browser styles */ #CQ button { color: #2b2b2b; } button { position: relative; border: 0; padding: 0; margin: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ float: left; } a.btn { display: block; position: relative; text-decoration: none; padding: 0; margin: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ float: left; } button::-moz-focus-inner { /* overrides extra padding in Firefox */ border: none; padding: 0; } button span, a.btn span { position: relative; display: block; white-space: nowrap; } /* default small */ #page button, #page a.btn, .overlay a.btn, button.ui-button, .overlayContainer a.btn { padding: 0 7px 0 0; color: #fff; font-size: 11px; font-weight: bold; text-align: center; background: transparent url(global/img/sprite_button.imgcache.rev20160310090244.png) no-repeat right -40px; } #page button span, #page a.btn span, .overlay a.btn span, button.ui-button span, .overlayContainer a.btn span { padding: 0 0 0 7px; line-height: 24px; height: 25px; background: transparent url(global/img/sprite_button.imgcache.rev20160310090244.png) no-repeat left 0px; } #page button:hover, #page a.btn:hover, .overlay a.btn:hover, button.ui-button:hover, .overlayContainer a.btn:hover { background-position: right -120px; text-decoration: none; } #page button:hover span, #page a.btn:hover span, .overlay a.btn:hover span, button.ui-button:hover span, .overlayContainer a.btn:hover span { background-position: left -80px; } /* default medium */ #page button.medium, #page a.btn.medium { font-size: 14px; font-weight: bold; background-position: right -284px; } #page button.medium span, #page a.btn.medium span { line-height: 28px; height: 29px; background-position: left -240px; } #page button.medium:hover, #page a.btn.medium:hover { background-position: right -372px; } #page button.medium:hover span, #page a.btn.medium:hover span { background-position: left -328px; } /* default large */ #page button.large, #page a.btn.large { font-size: 17px; background-position: right -556px; } #page button.large span, #page a.btn.large span { line-height: 36px; height: 37px; background-position: left -504px; } #page button.large:hover, #page a.btn.large:hover { background-position: right -660px; } #page button.large:hover span, #page a.btn.large:hover span { background-position: left -608px; } /* red large */ #page button.large.red, #page a.btn.large.red, .overlay a.btn.large.red { font-size: 17px; background-position: right -2700px; } #page button.large.red span, #page a.btn.large.red span, .overlay a.btn.large.red span { line-height: 36px; height: 37px; background-position: left -2650px; } #page button.large.red:hover, #page a.btn.large.red:hover, .overlay a.btn.large.red:hover { background-position: right -2800px; } #page button.large.red:hover span, #page a.btn.large.red:hover span, .overlay a.btn.large.red:hover span { background-position: left -2750px; } /* alternative small */ #page button.alt, #page a.btn.alt, a.btn.alt, button.overlayCancel, button.ui-button-alt { display: block; color: #000; background-position: right -856px; } #page button.alt span, #page a.btn.alt span, a.btn.alt span, button.overlayCancel span, button.ui-button-alt span { background-position: left -816px; } #page button.alt:hover, #page a.btn.alt:hover, a.btn.alt:hover, button.overlayCancel:hover, button.ui-button-alt:hover { background-position: right -936px; } #page button.alt:hover span, #page a.btn.alt:hover span, a.btn.alt:hover span, button.overlayCancel:hover span, button.ui-button-alt:hover span { background-position: left -896px; } /* alternative medium */ #page button.medium.alt, #page a.btn.medium.alt { background-position: right -1100px; } #page button.medium.alt span, #page a.btn.medium.alt span { background-position: left -1056px; } #page button.medium.alt:hover, #page a.btn.medium.alt:hover { background-position: right -1188px; } #page button.medium.alt:hover span, #page a.btn.medium.alt:hover span { background-position: left -1144px; } /* alternative large */ #page button.large.alt, #page a.btn.large.alt { background-position: right -1372px; } #page button.large.alt span, #page a.btn.large.alt span { background-position: left -1320px; } #page button.large.alt:hover, #page a.btn.large.alt:hover { background-position: right -1476px; } #page button.large.alt:hover span, #page a.btn.large.alt:hover span { background-position: left -1424px; } /* special small */ #page button.special, #page a.btn.special, a.btn.special { padding-right: 47px; font-size: 22px; text-align: left; text-transform: uppercase; background-position: right -1980px; } #page button.special span, #page a.btn.special span, a.btn.special span { padding-left: 14px; line-height: 47px; height: 48px; background-position: left -1920px; } #page button.special:hover, #page a.btn.special:hover, a.btn.special:hover { background-position: right -2100px; } #page button.special:hover span, #page a.btn.special:hover span, a.btn.special:hover span { background-position: left -2040px; } /* special large */ #page button.special.large, #page a.btn.large.special { font-size: 14px !important; font-weight: bold !important; text-align: left !important; text-transform: none !important; background-position: right -2349px !important; } #page button.special.large em, #page a.btn.large.special em { font-size: 22px; font-weight: bold; text-transform: uppercase; } #page button.special.large span, #page a.btn.large.special span { padding-top: 10px !important; line-height: 15px !important; height: 58px !important; background-position: left -2279px !important; } #page button.special.large span em, #page a.btn.large.special span em { line-height: 24px; } #page button.special.large:hover, #page a.btn.large.special:hover { background-position: right -2489px !important; } #page button.special.large:hover span, #page a.btn.large.special:hover span { background-position: left -2419px !important; } /* search */ #page button.search, #page a.btn.search { padding-right: 7px; color: #fff; font-size: 16px; text-transform: uppercase; background-position: right -1682px; } #page button.search span, #page a.btn.search span { padding-left: 7px; line-height: 32px; height: 32px; background-position: left -1634px; } #page button.search:hover, #page a.btn.search:hover { background-position: right -1778px; } #page button.search:hover span, #page a.btn.search:hover span { background-position: left -1730px; } /* Pagination Styles -----------------------*/ .pagination { font-size: 12px; line-height: 18px; background: #fff url(global/img/bg_pagination.imgcache.rev20160310090244.png) repeat-x left bottom; border-bottom: 1px solid #c4c4c4; padding: 0 9px; overflow: hidden; } .pagination span.range { color: #928d88; } .pagination span.subset, .pagination span.total { color: #2b2b2b; font-weight: bold; } .pagination ul { float: right; } .pagination li { float: left; border-left: 1px solid #c4c4c4; height: 17px; } .pagination li.previous, .pagination li.previousSet, .pagination li.first { border-left: none; } .pagination li.previousSet a, .pagination li.first a { padding-left: 0; } .pagination li.next { border-left: none; } .pagination a:hover { text-decoration: none; } .pagination li.next a, .pagination li.next span, .pagination li.nextSet a, .pagination li.last a { padding-right: 0; } .pagination ul a, .pagination ul span.active { display: block; padding: 0 9px; } .pagination span.active, .article-index-nav span.right span.active { color: #fff; background: #8e8e2b; } .pagination span.arrow { font-size: 14px; line-height: 16px; padding: 0; } /* Manual Pagination */ .manualPagination { font-size: 12px; line-height: 18px; background: #fff url(global/img/bg_pagination.imgcache.rev20160310090244.png) repeat-x left bottom; border-bottom: 1px solid #c4c4c4; padding: 0 9px; overflow: hidden; position: relative; } .manualPagination span.range { color: #2b2b2b; font-weight: bold; position: absolute; bottom: 0; } .manualPagination li { color: #928d88; height: auto; } .manualPagination ul a { padding: 0; } .manualPagination li.previous { border-right: 1px solid #c4c4c4; padding-right: 7px; margin-right: 7px; } .manualPagination li.previous.noBorder { border-right: none; padding-right: 0; margin-right: 0; } .manualPagination li.next img { border-right: none; margin-left: 7px; } /* Archive Pagination */ .article-index-nav span.right span.linkPrevOff, .article-index-nav span.right span.linkNextOff { color: #928d88; } .article-index-nav span.right { float: right; padding: 0 10px 0 0; } .article-index-nav span.right span.linkPrevOff, .article-index-nav span.right span.linkPrevOn { margin-right: 15px; } .article-index-nav span.right span.linkNextOff, .article-index-nav span.right span.linkNextOn { margin-left: 15px; } .article-index-nav span.right span.linkPage { border-left: 1px solid #c4c4c4; padding: 3px 6px; } /* Header Styles ----------- */ /* Site Banner */ .siteBanner { display: none; } .siteBanner .section { height: 56px; } .siteBanner .section.new { height: auto; } .siteBanner .section .siteBanner { position: absolute; top: 0; left: 0; z-index: 10001; width: 100%; height: 60px; background: #574e47; overflow: hidden; } .siteBanner .section .siteBanner .siteBannerContent { width: 940px; margin: 0 auto; padding: 0; position: relative; text-align: left; } .siteBanner .section .siteBanner p { text-align: left; width: auto; margin: 0; font-size: 15px; font-weight: bold; color: #fff; line-height: 1em; display: inline-block; } .ie7 .siteBanner .section .siteBanner p { zoom: 1; display: inline; margin-top: -25px; } .siteBanner .section .siteBanner p a { color: #f1c972; background: transparent url('global/img/arrow_sitebanner-link.imgcache.rev20160310090244.png') no-repeat right center; padding: 0 19px 0 0; } .siteBanner .section .siteBanner .siteBannerHeadline { font-size: 15px; font-weight: bold; color: #feff99; line-height: 20px; text-transform: uppercase; } .siteBanner .section .siteBanner .siteBannerClose { height: 16px; width: 16px; display: block; background: transparent url('global/img/buttons/sitebanner-close.imgcache.rev20160310090244.png') no-repeat left top; position: absolute; top: 22px; right: 0; cursor: pointer; } .siteBanner .sb-alert { background: #3b322b; color: #f1c972; font-size: 15px; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 22px 10px 10px; margin: 0 20px 0 0; } .ie7 .siteBanner .sb-alert { zoom: 1; display: inline; } /* Header Ad */ #homepage-ad { margin-left: -15px; min-height: 125px; text-align: center; position: relative; padding-top: 20px; margin-bottom: -20px; } #homepage-ad.pushdown-ad { text-align: inherit; padding-top:0; margin-bottom:0; } #homepage-ad > img { visibility: hidden; } #homepage-ad img.homepage-ad-img { visibility: visible; position: absolute; top:5px; } #homepage-ad.pushdown-ad img.homepage-ad-img { visibility: visible; position: inherit; top: 0; } #adContainer { margin: 0; height: 95px; } #adContainer .ad { width: 738px; height: 90px !important; float: right; } #adContainer .ad img { float: left; } #homepage-ad div > div { margin: 0 auto; } #homepage-ad > div embed, #homepage-ad object > embed, #homepage-ad > object { display: block; margin: 0 auto; } #homepage-ad > a > img { display: inline-block; } /* Smart Tips */ #smartTip { width: 146px; height: 59px; overflow: hidden; padding: 8px 17px 23px 17px; /* Be sure to match-up .smartTipTip margin, but all negative */ float: left; background: transparent url('global/img/bg_smartTips.imgcache.rev20160310090244.png') no-repeat left top; position: relative; } .smartTipTop { width: 180px; height: 90px; margin: -8px -17px -23px -17px; background: transparent url('global/img/bg_smartTips_fold.imgcache.rev20160310090244.png') no-repeat left top; position: absolute; z-index: 100; } .smartTipContent { width: 146px; height: 59px; overflow: hidden; } #smartTip.pointer { cursor: pointer; } #smartTip a:hover, #smartTip.pointer:hover a { color: #8b0000; text-decoration: underline; } #smartTip h5 { font-size: 15px; font-weight: bold; margin-bottom: -2px; } #smartTip .smart { color: #990000; } #smartTip p { margin: 0; line-height: 14px; font-size: 12px; } #smartTipImage.r { float: right; margin-left: 5px; } #smartTipImage.l { float: left; margin-right: 5px; } /* Header */ .container > .header { width: 940px; padding: 0; position: relative; left: 0; z-index: 1; } .header #header #logo { width: 180px; height: 40px; margin: 7px 0 15px -9px; background: transparent url('global/img/logos/aarp_180x40.imgcache.rev20160310090244.png') no-repeat; float: left; } .header #header #logo a { display: block; height: 40px; width: 180px; margin: 0; } #header { border-top: 1px solid #ccc; padding-top: 4px; } #header .dropdown, #header .dropdown2, #header .helpButton { float: right; margin-right: 2px; padding-top: 0; } #header .search { margin-right: 0; } #header .dropdown, #header .dropdown2 { z-index: 999 !important; } #header .dropdown .mainLabel, #header .dropdown2 .mainLabel, #header .helpButton ul li { max-width: 174px; height: 32px; background: transparent url('global/img/bg/header_dropdown.imgcache.rev20160310090244.gif') no-repeat top left; } #header .helpButton ul li { background: transparent url('global/img/bg/header_dropdown.imgcache.rev20160310090244.gif') no-repeat top left; } #header .dropdown .mainLabel:hover, #header .dropdown2 .mainLabel:hover, #header .helpButton ul li:hover { background-position: 0 -32px; } #header .dropdown .mainLabel a.mainAnchor, #header .dropdown2 .mainLabel a.mainAnchor, #header .helpButton a { display: block; width: auto; height: 27px; padding: 5px 7px 0 7px; color: #fff; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; } #header .helpButton a:hover { color: #231f20; } #header .activeMainLabel { color: #231f20 !important; } #header .dropdown .mainLabel a.mainAnchor img, #header .dropdown2 .mainLabel a.mainAnchor img { position: relative; top: 3px; } #header .dropdown .mainLabel .innerList, #header .dropdown2 .mainLabel .innerList { display: none; max-width: 174px; background-color: #fff; border-left: 1px solid #E5E4E2; border-right: 1px solid #E5E4E2; border-bottom: 1px solid #E5E4E2; } #header .dropdown .mainLabel .innerList li:hover, #header .dropdown2 .mainLabel .innerList li:hover { background-color: #e6e6e6; } #header .dropdown .mainLabel .innerList a, #header .dropdown2 .mainLabel .innerList a { display: block; width: auto; height: 25px; padding: 3px 7px; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #231f20; } #header .dropdown .mainLabel .innerList a:hover, #header .dropdown2 .mainLabel .innerList a:hover { color: #990100; text-decoration: underline; } #header .dropdown .mainLabel .innerList li.myPageLI { height: 31px; } #header #welcomeLoggedIn, #header #welcomeAnon { display: none; float: right; font-weight: bold; margin-right: 3px; } #header .makeThisHomepage { float: left; margin-left: 3px; } #header #welcomeLoggedIn p, #header #welcomeAnon p, #header .makeThisHomepage p { margin-bottom: 1px; font-size: 15px; } #header .makeThisHomepage p { font-size: 13px; } #header #navUtility { background-color: #e5e4e2; background: #e5e4e2 url('global/img/bg_header.imgcache.rev20160310090244.png') repeat-x top left; border-bottom: 1px solid #999; color: #333; font-size: 12px; font-weight: bold; height: 32px; clear: both; } #header #navUtility ul#welcomeJoin { float: left; height: 27px; padding-top: 5px; } #header #navUtility ul#welcomeJoin li { float: left; line-height: 14px; padding: 0 7px; margin: 4px 0; border-left: 1px solid #b3aea8; } #header #navUtility ul#welcomeJoin li:first-child { border-left: none; } #header #navUtility ul#welcomeJoin li.localHome { padding-left: 0; border-left: none; border-right: 2px solid #b3aea8; margin: -5px -1px 0px 0px; padding: 9px 7px; } #header #navUtility a { text-decoration: none; } #header #search { background: transparent url('global/img/bg/search.imgcache.rev20160310090244.gif') repeat-x top left; width: 173px; height: 28px; padding: 4px 0 0 7px; overflow: visible; } #header #navUtility .search { width: 180px; float: right; } #header #search form { display: block; } #header #search input { height: 22px; width: 133px; padding: 0 0 0 5px; margin: 0 4px 0 0 !important; border: 1px solid #999; float: left; overflow: visible; color: #4d4d4d; font-weight: 100; } #header #search button { background: transparent url('global/img/bg/btn_search.imgcache.rev20160310090244.gif') no-repeat top left; padding: 0; width: 24px; height: 24px; } #header #search button img { margin-top: 3px; } #header #search button:hover { background-position: 0px -24px; } /* Page Header */ #pageHeader { width: 740px; margin-bottom: 20px; float: right; text-align: right; } .headerBanner { margin: 0; padding: 0; } .headerBanner .headerBanner { margin-top: 0; min-width: 0; float: none; } .pubTitle { font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; text-align: left; height: 18px; display: inline; float: left; border-bottom: 1px solid #ee2e24; padding: 10px 0 3px 0; } /* Navigation */ #nav { width: 180px; margin-top: 5px; margin-bottom: 30px; } #nav ul { font-family: Arial,sans-serif; font-size: 15px; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; } #nav ul li { line-height: 22px; } #nav ul a, #nav ul li.active ul.subchannel li a { color: #837870; text-decoration: none; } #nav ul a:hover, #nav ul li.active ul.subchannel li a:hover, #nav ul li.active a, #nav ul li.active ul.subchannel li.active a { color: #8b0000; } #nav ul.subchannel { font-size: 14px; text-transform: none; margin-left: 15px; text-transform: none; } #nav ul.subchannel li { line-height: 19px; } .ui-dialog ol.instructions { list-style-type: decimal; } .ui-dialog ol.instructions li { list-style: decimal inside; } /* MSS Header Style */ body.mssPage #page > .container > .section .columns { padding: 40px 0 20px 0; margin: 0 0 0 -10px; } /* IE-specific styles ONLY (taken from the old ie.css file) -------------------------------------------------------------*/ .ie .pubTitle { line-height: 18px; } .ie .contentWrapper h2 span { background: url(global/img/bg_contentWrapperTitle.imgcache.rev20160310090244.png) no-repeat -10000px -10000px; } .ie .mostPopular.articles ol { padding: 0 10px 0 25px; } .ie .mostPopular.articles ol li { vertical-align: top; line-height: 15px; } .ie .pluck-dialog-wrapper, .ie .pluck-score-dialog-wrapper { zoom: 1 !important; } .ie input.pluck-comm-facebook-link-connect, .ie input.pluck-comm-facebook-link, .ie input.pluck-comm-twitter-link-connect, .ie input.pluck-comm-twitter-link { margin: 2px 0 0 0 !important; } .ie .articleShareTools .ie .facebooklike iframe { width: 100px; height: 21px !important; } /* New header layout for new logo and different look and feel on the nav bar */ /* 02.24.2014 - GA */ .thinLogoBarContent { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #f2f1ed !important; border-color: #D8D3D0 !important; border-image: none !important; border-style: solid solid none !important; border-width: 1px 1px 0 !important; clear: both; font-size: 12px; font-weight: bold; height: 75px; position: relative; } .thinLogoBarContent ul li.textlink a { color: #054576; text-shadow: none !important; } .thinLogoBarContent p.promoTag { color: #333333 !important; font-size: 10px; font-weight: bold; left: 20px; margin: 0; padding: 0; position: absolute; text-shadow: none !important; text-transform: uppercase; top: 15px; } .thinLogoBarContent #search input { background: none repeat scroll 0 0 transparent; border: medium none; box-shadow: none; color: #635E5A !important; float: left; font-size: 16px; font-weight: normal; height: 38px; line-height: 38px; margin: 0 !important; outline: medium none; overflow: visible; padding: 0 0 0 10px; width: 164px; } .thinLogoBarContent ul.right li.textlink { border-left: 1px solid #939291 !important; margin-left: 7px; padding-left: 7px; } .channelBarContent.style-2013 .channelBarMain ul.left li a { color: #333333; } .channelBarContent.style-2013 .channelBarMain ul.left li a:hover { color: #666666; } .thinLogoBarContent ul.right li.textlink.link0 { border-left: medium none !important; margin-left: 0; padding-left: 0; } .channelBarContent.style-2013 .channelBarMain { background: none repeat scroll 0 0 #f2f1ed!important; border-color: #D7D2CC !important; border-style: solid !important; border-width: 1px !important; color: #4B4B4A !important; } .thinLogoBarContent ul.left li.standout a { background: url("global/img/sprite-bg_header.imgcache.rev15368.imgcache.rev20160310090244.png") repeat-x scroll 0 -750px #333333; } .thinLogoBarContent ul.left li.standout a:hover { background: url("global/img/sprite-bg_header.imgcache.rev15368.imgcache.rev20160310090244.png") repeat-x scroll 0 -792px #666666; color: #FFFFFF; } /* Vendor Responsive CSS Code */ .thinLogoBarContent .icon, .channelBarMain ul.left li.mwrapper-home { display:none; visibility:hidden; } /* New Header Styles ----------- */ /* Super Hat */ #aarpHeader { margin-bottom: 20px; } #aarpHeader #header { margin-bottom: -20px; } #aarpHeader > .header { width: 940px; padding: 0; position: relative; left: 0; z-index: 10; } .superHatContent { border-top: 2px solid #231F20; color: #5C5249; font-size: 12px; font-weight: bold; clear: both; position: relative; height: 30px; } .superHatContent a { color: #5C5249; padding: 0; margin: 0; } .superHatContent a:hover { color: #8b0000; } .superHatContent li.facebook a, .superHatContent li.twitter a, .superHatContent li.youtube a { background: transparent url('global/img/sprite-icon_social.imgcache.rev20160310090244.png') no-repeat; color: #fff; font-size: 0; display: block; width: 15px; height: 15px; } .superHatContent li.twitter a { background-position: 0 -40px; } .superHatContent li.youtube a { background-position: 0 -80px; } .superHatContent li { float: left; line-height: 14px; padding-left: 10px; margin-left: 10px; } .superHatContent li.twitter, .superHatContent li.youtube { padding-left: 0; } .superHatContent ul.left { float: left; margin-top: 8px; } .superHatContent ul.left li { border-left: 1px solid #999; } .superHatContent ul.left li a.magazine, .superHatContent ul.left li a.bulletin { color: #D52B1E; } .superHatContent ul.left li a.magazine:hover, .superHatContent ul.left li a.bulletin:hover { color: #8b0000; } .superHatContent ul.left li:first-child { border-left: none; padding-left: 0; margin-left: 0; } .superHatContent ul.right { float: right; margin-top: 8px; } /* Sub Hat */ .subHatContent { border-top:1px solid #999; background:#E6E6E6; color:#5C5249; font-size:12px; font-weight:bold; clear:both; position:relative; z-index:10000; height:30px; } .subHatContent a { color:#5C5249; padding:0; margin:0; } .subHatContent a:hover { color:#8b0000; } .subHatContent li { float:left; line-height:14px; padding-left:10px; margin-left:10px; } .subHatContent ul.left { margin-top:8px; } .subHatContent ul.left li { border-left:1px solid #999; } .subHatContent ul.left li:first-child { border-left:none; margin-left:0; } .subHatContent ul.right { display: inline-block; width: auto; z-index:10000; background: url('global/img/separator_subhat-dotted.imgcache.rev20160310090244.png') top left no-repeat; margin: -8px 0 0 11px; padding: 8px 0 0 1px; } .ie7 .subHatContent ul.right { margin: -9px 0 0 11px; padding: 6px 0 3px 1px; zoom: 1; display: inline; } /* community & account */ .subHatContent ul.right li.community, .subHatContent ul.right li.account { height: 22px; padding: 0; } .subHatContent ul.right li.community { margin: 0; padding: 0; } .subHatContent ul.right li.account { margin: 0; padding: 0; } .subHatContent ul.right li.community ul, .subHatContent ul.right li.account ul { overflow:hidden; background: #E6E6E6; height: 14px; padding: 0; line-height: 14px; } .ie7 .subHatContent ul.right li.community ul, .ie7 .subHatContent ul.right li.account ul { height: 17px; } .subHatContent ul.right li.community ul { } .subHatContent ul.right li.account ul { } .subHatContent ul.right li.community ul:hover, .subHatContent ul.right li.account ul:hover { height: auto; cursor: pointer; border-bottom: 1px solid #999; } .subHatContent ul.right li.community ul li, .subHatContent ul.right li.account ul li { border: 1px solid #999; border-width: 0 1px; float:none; font-weight: normal; margin-left:0; padding: 0 10px; } .subHatContent ul.right li.community ul.active li:last-child, .subHatContent ul.right li.account ul.active li:last-child { border-bottom: 1px #999999 solid; } .subHatContent ul.right li.community ul li.first, .subHatContent ul.right li.account ul li.first { font-weight: bold; height: 12px; margin: 0 0 10px; border: 0; padding: 0 10px 0 11px; } .subHatContent ul.right li.community ul li.first span, .subHatContent ul.right li.account ul li.first span { background: url('global/img/arrow_subhat-sprite.imgcache.rev20160310090244.png') right 5px no-repeat; padding: 0 10px 0 0; } .subHatContent ul.right li.community ul li.first span:hover, .subHatContent ul.right li.account ul li.first span:hover { background-position: right -41px; } .subHatContent ul.right li.community ul li.first { } .subHatContent ul.right li.account ul li.first { border-left: 1px solid #999; } .subHatContent ul.right li.community ul li a, .subHatContent ul.right li.account ul li a { display: block; font-weight: normal; padding: 8px 0; } .subHatContent ul.right li.account ul li a.join { background: #f5f5f5; border-top: 1px #dfdfdf solid; border-bottom: 1px #dfdfdf solid; color:#000000; font-weight: bold; margin: 0 -10px; padding: 8px 10px; } .subHatContent ul.right li.community ul li a:hover, .subHatContent ul.right li.account ul li a:hover { color:#8b0000; text-decoration: underline; } /* IE7 hacks */ .ie7 .subHatContent ul.right li.account ul li, .ie7 .subHatContent ul.right li.community ul li { min-width:auto; } /* login & register */ .subHatContent .reg-log { position: absolute; top: 0; right: 10px; } .subHatContent li.register, .subHatContent li.login { line-height:14px; font-size:12px; } .subHatContent li.register { margin: 8px 0 0 0; } .subHatContent li.login { border-left: 1px solid #cecece; margin: 8px 0 0 10px; padding-left: 10px; } .subHatContent li.register a, .subHatContent li.login a { color: #336698; } /* welcome */ .subHatContent div.welcome { position: absolute; top: 8px; right: 10px; font-size:12px; line-height:14px; margin: 0; } .subHatContent div.welcome a { color:#336698; } /* ___ Thin Hat ____ -----------------------------------------------------*/ /* Updated with new AARP Logo instead of Gear 02.10.14 GA */ .thinHatContent { clear: both; position: relative; z-index: 10000; color: #504843; font-size: 12px; font-weight: bold; line-height: 1em; border-left: 1px solid #e8e8e7; border-top: 1px solid #e8e8e7; } .acct-acct-menu { float: right; display: block; } .aarp-acct-menu .welcome { float: left; padding: 1px 6px 0 0; width: 90px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .aarp-acct-menu .aarp-acct-image { float: right; margin-top: -3px; padding:0 5px 0 0; padding-right: 10px; background: url('global/img/arrow_subhat-sprite.imgcache.rev20160310090244.png') right 5px no-repeat; } .thinHatContent a { color: #369; padding: 0; margin: 0; } .thinHatContent a:hover { color: #8b0000; } .thinHatContent>ul { float: left; border-right: 1px solid #e8e8e7; margin:0; } .thinHatContent>ul.right { float: right; height: 27px; } .thinHatContent .rewardUnit { display: none; } .thinHatContent>ul>li { display: inline-block; line-height: 12px; padding: 7px 0; margin: 1px 0 0; vertical-align: middle; } .thinHatContent>ul>li a{ display: block; padding: 0 6px; border-left: 1px solid #ccc; } .thinHatContent>ul.left>li:first-child a{ border-left: none; } .thinHatContent li.dropdown>span{ background: url('global/img/arrow_subhat-sprite.imgcache.rev20160310090244.png') right 5px no-repeat; padding: 0 12px 0 7px; float: left; } .thinHatContent li.dropdown:hover>span{ background-position: right -41px; } .thinHatContent>ul>li.account{ border: none; margin-left: 0; background: none; } /* hide default My Account text */ #page.notLoggedIn .thinHatContent li.account.dropdown > span:first-child { text-indent: -9999px; width: 0; } .thinHatContent li.account>span{ display: block; float: right; padding-right: 24px; padding-left: 0; } .thinHatContent ul.right li.account>span:before{ content: "\00a0"; background: url('global/img/aarp-acct-icon.imgcache.rev20160310090244.png') 0 center no-repeat; width:21px; height:20px; display: block; /* margin-left: 3px; */ position: absolute; bottom: 3px; right: 15px; } .thinHatContent>ul>li.account ul{ left:auto; right:-1px; } .thinHatContent .aarp-acct-menu .aarp-acct-image { margin-top: -3px; padding:0; background: none; } .thinHatContent li.account.dropdown .aarp-acct-menu:before { content: "\00a0"; } .thinHatContent>ul>li#rewards{ padding-right: 7px; border-left: 1px solid #e8e8e7; } .thinHatContent>ul>li#rewards a{ padding-right: 0; border: none; float:left; display: inline; } .thinHatContent li.dropdown { position: relative; cursor: pointer; color: #369; padding-right: 5px; } .thinHatContent li.dropdown.more { background: url('global/img/bg_thinHeader-li.imgcache.rev15422.imgcache.rev20160310090244.png') left bottom repeat-x; border-color: #e8e8e7; } .thinHatContent ul.left li.dropdown.more { border-right: 1px solid #e8e8e7; border-left: 1px solid #e8e8e7; } .thinHatContent li.dropdown.community { border-color: #e8e8e7; } .thinHatContent li.dropdown ul { display: none; position: absolute; z-index: 2; top: 26px; left: -1px; border: 1px solid #989898; border-top-color:#e8e8e7; padding: 0; background: #fff; box-shadow: -2px 3px 3px -2px #888; } .ie8 .thinHatContent li.dropdown ul{top:26px;} .thinHatContent li.dropdown:hover ul {display: block;} .thinHatContent li.dropdown ul li { float: none; margin: 0; padding: 0; white-space: nowrap; } .thinHatContent li.dropdown ul li.banner { margin: 0; padding: 8px 7px 7px; line-height: 10px; background: #fff url('global/img/bg_thinHat-banner.imgcache.rev20160310090244.png') bottom left repeat-x; color: #666; font-size: 10px; letter-spacing: .10em; text-transform: uppercase; border-bottom: 1px solid #cfcfcf; font-weight: bold; } .thinHatContent li.dropdown.more ul { padding-top: 0; } .thinHatContent li.dropdown ul li a { color: #817c78; display: block; padding: 7px 17px 7px 7px; } .thinHatContent li.dropdown.account ul li a { padding: 7px; display: block; min-width: 100px; } .thinHatContent li.dropdown ul li a:hover { color: #7b1e29; } .thinHatContent ul.left li.facebook, .thinHatContent ul.left li.twitter, .thinHatContent ul.left li.youtube{ position: relative; width: 18px; } .thinHatContent ul.left li.facebook a, .thinHatContent ul.left li.twitter a, .thinHatContent ul.left li.youtube a { background: transparent url('global/img/sprite-icon_social.imgcache.rev20160310090244.png') no-repeat; display: block; text-indent: -9999px; width: 15px; height: 15px; border: none; position: absolute; top: 0; left: 2px; padding: 0; } .thinHatContent ul.left li.twitter a { background-position: 0 -40px; } .thinHatContent ul.left li.youtube a { background-position: 0 -80px; } .thinHatContent ul.left li a.magazine, .thinHatContent ul.left li a.bulletin { color: #ED3425; } .thinHatContent ul.left li a.magazine:hover, .thinHatContent ul.left li a.bulletin:hover { color: #8b0000; } .thinHatContent li.register a{ border: none; } .thinHatContent li.login { border: none; margin-right: 0; margin-left: -3px; padding-right: 5px; } /* IE7 Fixes */ .ie7 .thinHatContent, .ie7 .thinHatContent > ul, .ie7 .thinHatContent > ul > li { zoom: 1; display: inline; } .ie7 .thinHatContent > ul > li { line-height: 14px; } .ie7 .thinHatContent li.dropdown { padding-top: 6px; } .ie7 .thinHatContent .aarp-acct-image, .ie8 .thinHatContent .aarp-acct-image, .ie9 .thinHatContent .aarp-acct-image{ padding-left: 0; } /* ___ END Thin Hat ____ -----------------------------------------------------*/ /* Logo Bar */ .logoBarContent { background: #ec1c24 url(global/img/sprite-bg_header.imgcache.rev20160310090244.png) repeat-x 0 0; font-size: 12px; font-weight: bold; height: 75px; position: relative; clear: both; } .logoBarContent a { color: #FFF; padding: 0; margin: 0; } .logoBarContent li { float: left; line-height: 14px; margin-left: 15px; } .logoBarContent ul.left { float: left; margin-top: 30px; } .logoBarContent ul.right { float: right; margin-top: 30px; margin-right: 20px; } .logoBarContent ul.left li:first-child { margin-left: 20px; } .logoBarContent ul.right li:first-child { margin-left: 0; } .logoBarContent ul.left li.standout { margin: -7px -5px 0 15px; } .logoBarContent ul.left li.standout:first-child { margin-left: -10px; } .logoBarContent ul.left li.standout a { background: #5c5249 url(global/img/sprite-bg_header.imgcache.rev20160310090244.png) repeat-x 0 -200px; display: block; line-height: 30px; font-size: 15px; text-transform: uppercase; padding: 0 10px; } .logoBarContent ul.left li.standout a:hover { background: #3f362f url(global/img/sprite-bg_header.imgcache.rev20160310090244.png) repeat-x 0 -300px; } .logoBarContent .standoutCorner { background: transparent url(global/img/bg_standoutCorner.imgcache.rev20160310090244.png) no-repeat left top; width: 10px; height: 10px; display: block; } .logoBarContent #search { background: #FFF; width: 210px; height: 30px; padding: 0; margin-top: -8px; overflow: visible; } .logoBarContent #search form { display: block; } .logoBarContent #search input { height: 30px; width: 170px; padding: 0 0 0 10px; margin: 0 0 0 0 !important; border-color: #fff; border: none; outline: none; box-shadow: none; float: left; overflow: visible; color: #5B5349; font-weight: normal; } .ie7 .logoBarContent #search input, .ie8 .logoBarContent #search input { line-height: 30px; } .logoBarContent #search button { background: transparent url('global/img/buttons/btn_search.imgcache.rev20160310090244.png') no-repeat 4px 6px; padding: 0; width: 30px; height: 30px; font-size: 0; } .logoBarContent #search button:hover { background-position: 4px -54px; } .logoBarContent .logo { position: absolute; top: 17px; left: 374px; } /* Thin Logo Bar */ .thinLogoBarContent { background: #d52b1d; font-size: 12px; font-weight: bold; height: 75px; position: relative; clear: both; } .thinLogoBarContent p.promoTag { color: #FFF; font-size: 10px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #9e2019; position: absolute; top: 15px; left: 20px; margin: 0; padding: 0; } .thinLogoBarContent a { color: #FFF; padding: 0; margin: 0; } .thinLogoBarContent li { float: left; line-height: 14px; } .thinLogoBarContent ul.left { position: absolute; top: 31px; left: 20px; } .thinLogoBarContent ul.right { position: absolute; top: 31px; right: 20px; } .thinLogoBarContent ul li.textlink a { text-shadow: 1px 1px 1px #9e2019; } .thinLogoBarContent ul.left li.textlink { margin-left: 7px; padding-left: 7px; border-left: 1px solid #fff; } .thinLogoBarContent ul.left li.textlink.link0 { margin-left: 35px; padding-left: 0; border-left: none; } .thinLogoBarContent ul.right li.textlink { margin-left: 7px; padding-left: 7px; border-left: 1px solid #fff; } .thinLogoBarContent ul.right li.textlink.link0 { margin-left: 0; padding-left: 0; border-left: none; } .thinLogoBarContent ul.left li:first-child, .thinLogoBarContent ul.left li.standout:first-child { margin-left: 0; } .thinLogoBarContent ul.right li:first-child { margin-left: 0; } .thinLogoBarContent ul.left li.standout { margin: 2px -5px 0 15px; display: none; border: none; } .thinLogoBarContent ul.left li.standout a { background: #5c5249 url(global/img/sprite-bg_header.imgcache.rev20160310090244.png) repeat-x 0 -750px; display: block; line-height: 21px; font-size: 13px; text-transform: uppercase; text-align: center; padding: 1px 10px 0 10px; min-width: 70px; border-radius: 4px; -moz-border-radius: 4px; } .thinLogoBarContent ul.left li.standout a:hover { background: #3f362f url(global/img/sprite-bg_header.imgcache.rev20160310090244.png) repeat-x 0 -792px; text-decoration: none; } .thinLogoBarContent #search { background: #fff url('global/img/sprite_search.imgcache.rev20160310090244.png') no-repeat 0px -38px; width: 212px; height: 38px; padding: 0; margin-top: -12px; margin-left: 35px; overflow: visible; } .thinLogoBarContent #search form { display: block; } .thinLogoBarContent #search input { background: #fff url('global/img/sprite_search.imgcache.rev20160310090244.png') no-repeat 0px -38px; height: 38px; line-height: 38px; width: 164px; padding: 0 0 0 10px; margin: 0 0 0 0 !important; border-color: #fff; border: none; outline: none; box-shadow: none; float: left; overflow: visible; color: #635b52; font-weight: normal; font-size: 16px; } .ie7 .thinLogoBarContent #search input, .ie8 .thinLogoBarContent #search input { line-height: 38px; } .thinLogoBarContent #search button { background: transparent url('global/img/sprite_search.imgcache.rev20160310090244.png') no-repeat right top; padding: 0; width: 38px; height: 38px; font-size: 0; } .thinLogoBarContent .logo { position: absolute; top: 0; left: 348px; } html.isSpanish .logo { left: 373px; } /* Channel Bar Original */ .channelBarContent .channelBarMain { position: relative; background: #5c5249 url(global/img/sprite-bg_header.imgcache.rev20160310090244.png) repeat-x 0 -100px; height: 30px; clear: both; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; z-index: 1000; } .channelBarMain .empty { display: none; } .cq-wcm-edit .channelBarMain .empty { display: block; line-height: 30px; color: #FFF; font-size: 12px; font-weight: bold; padding-left: 10px; } .channelBarMain ul.left { float: left; margin-left: 0; } .channelBarMain ul.left li { float: left; display: block; color: #FFF; line-height: 30px; padding: 0; margin: 0; } .channelBarMain ul.left li a { color: #FFF; display: block; padding: 0 9px; line-height: 30px; } .channelBarMain ul.left li a.active, .channelBarMain ul.left li a:hover { background: #E6E6E6; color: #8b0000; } .channelBarMain ul.left li a:hover { text-decoration: underline; } .channelBarMain ul.right { margin-top: 8px; position: absolute; right: 0; top: 0; z-index: 1000; } .ie7 .channelBarMain ul.right { margin-top: 0; } .channelBarMain ul.right li { padding-right: 0; padding-left: 0; margin-left: 0; } .channelBarMain ul.right li ul { background: #ec1c24 url(global/img/sprite-bg_header.imgcache.rev20160310090244.png) repeat-x 0 -400px; display: block; color: #FFF; margin-top: -8px; height: 30px; overflow: hidden; } .channelBarMain ul.right li ul:hover, .channelBarMain ul.right li ul.active { background: #999; color: #FFF; height: auto; cursor: default; } .channelBarMain ul.right li ul li { float: none; line-height: 30px; width: 230px; margin-left: 0px; padding: 0; } .channelBarMain ul.right li ul li:first-child { width: 210px; padding: 0 10px; } .channelBarMain ul.right li ul li a { display: block; line-height: 30px; color: #FFF; padding: 0 10px; } .channelBarMain ul.right li ul li a:hover { background: #E6E6E6; color: #5C5249; text-decoration: none; } /* Channel Bar 2013 */ .channelBarContent.style-2013 .channelBarMain { border-top: 1px solid #f2ebe3; border-left: 1px solid #cfcac6; border-right: 1px solid #cfcac6; border-bottom: 1px solid #cfcac6; background: #dfdad6; color: #2b2b2b; } .channelBarContent.style-2013 .channelBarMain ul.left li a { color: #2b2b2b; } .channelBarContent.style-2013 .channelBarMain ul.left li a:hover { background: transparent; color: darkRed; } .channelBarContent.style-2013 .channelBarMain ul.left li a.active { background: #97897c url('global/img/bg_channel-active.imgcache.rev20160310090244.png') top left repeat-x; color: #fff; border-bottom: 1px solid #97897c; } /* Subchannels */ .subChannelBarDisplay { display: none; } .subChannelBarDisplay.active { display: block; } .subChannelBar .empty { display: none; line-height: 30px; padding-left: 10px; } .cq-wcm-edit .subChannelBar .empty, .subChannelBarMain { position: relative; background: #E6E6E6; color: #5C5249; font-size: 12px; font-weight: bold; text-transform: none; height: 30px; clear: both; display: block; } .subChannelBarMain ul { padding: 0; height: 30px; border-bottom: 1px solid #999; } .subChannelBarMain li { float: left; line-height: 14px; padding: 0 9px; } .subChannelBarMain a { color: #5C5249; display: block; line-height: 30px; padding: 0; margin: 0; } .subChannelBarMain a:hover, .subChannelBarMain a.active { color: #8b0000; } /* Subchannels 2013 */ .channelBarContent.style-2013 .subChannelBarMain { background: #97897c; } .channelBarContent.style-2013 .subChannelBarMain a { color: #fff; } .channelBarContent.style-2013 .subChannelBarMain a.active { color: #fddf9d; } /* LeaderBoard */ #aarpHeader > .leaderBoard { display: block; } .leaderBoard .leaderBoard .leaderBoard, .leaderBoard .leaderboardAdGPT { margin: 20px 0 0 -10px; width: 950px; } .leaderBoardContent { text-align: center; } .leaderBoardContent .ad { display: inline-block; padding: 0 0 0 10px; line-height: 1em; font-size: 0px; background-color: transparent; background-position: left center; background-repeat: no-repeat; } .leaderBoardContent .ad.slug { background-image: url('global/img/ad_vertical.imgcache.rev20160310090244.gif'); } .leaderBoardContent .ad.slugES { background-image: url('global/img/publicidad_vert.imgcache.rev20160310090244.png'); } .leaderBoard table div[id^='OUTER_DIV_0_1'] { line-height: 1em; font-size: 0px; z-index: 10000 !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { .aarp-acct-menu {top:-10px; position:relative;} } /* Various Odds and Ends */ .ie7 #pageHeader { margin-top: -16px; } #pageHeader { margin-bottom: 0; } .headerBanner > .section { margin-bottom: 20px; } .headerBanner > .section.new { margin-bottom: 0; } /* Companion Bar Styles */ .skyboxContent, .skyboxContent.closed { clear: both; display: none; height: 28px !important; overflow: hidden; position: relative; border: 1px #e8e6e6 solid; } .skyboxContent.open { height: 60px !important; } #aarpHeader > .skybox { margin:10px 0 20px 0; } .cq-wcm-edit #aarpHeader > .skybox, .cq-wcm-edit #aarpHeader > .skybox.sb-open { height: inherit !important; } #aarpHeader > .skybox.sb-open { height: 60px; } #aarpHeader > .skybox.sb-closed { height: 28px; } .skyboxContent.closed h3 { background: transparent url("global/img/bg/skybox_highlights.imgcache.rev20160310090244.png") no-repeat 0 0; color: #d52b1e; float: left; font-weight: bold; height: 22px; line-height: normal; padding: 8px 0 0 8px; text-transform: uppercase; width: 108px; } .skyboxContent.open h3 { display: none; } .skyboxContent.open .items > div { float: left; height: 60px; overflow: hidden; padding-right: 20px; width: 214px; } .skyboxContent.closed .titles h4 { border-left: 1px #cccccc solid; float: left; font-size: 14px; font-weight: bold; height: 15px; line-height: 14px; margin-top: 8px; overflow: hidden; padding: 0 10px; } .skyboxContent.closed .titles h4:first-child { border-left: none; } .skyboxContent.open .skyboxItem h4 { font-size: 12px; font-weight: bold; line-height: 14px; padding: 6px 0 3px 0; margin: 0; } .skyboxContent.open .skyboxItem img { float: left; height: 60px; margin: 0 6px 0 0; width: 80px; } .skyboxContent.open .skyboxItem p { color: #333333; font-size: 11px; line-height: 13px; } .skyboxContent.open .skyboxItem sup { bottom: 1ex; height: 0; line-height: 1; position: relative; vertical-align: baseline; _vertical-align: bottom; } .skyboxContent .expand { position: absolute; right: 5px; top: 0; } .skyboxContent .expand:hover { cursor: pointer; } .skyboxContent .expand span { background: transparent url("global/img/buttons/arrows_up_down.imgcache.rev20160310090244.png") no-repeat 0 0; display: block; height: 13px; width: 14px; } .skyboxContent.closed .expand span { background: transparent url("global/img/buttons/arrows_up_down.imgcache.rev20160310090244.png") no-repeat 0 -13px; } /* IMAX feed for Skybox styling*/ .skyboxContent .textimage { width:25%; float:left; } .skyboxContent.open .items.skyboxSD > div { width:100% } .skyboxContent.open a.offerText { display: block; font-size: 12px; font-weight: bold; line-height: 14px; padding: 4px 0 2px; margin-right: 18px; } .skyboxContent.open .offersTextContainer p { color: #333333; font-size: 11px; line-height: 13px; margin-right: 10px; } .skyboxContent.open .offersTextContainer { padding-top:6px; } .skyboxContent.closed .titles a.offerText { border-right: 1px solid #CCCCCC; float: left; font-size: 14px; font-weight: bold; height: 15px; line-height: 14px; margin-top: 8px; overflow: hidden; padding: 0 10px;} .skyboxContent.closed .titles a.offerText:first-child {display:none} .skyboxContent.closed .titles a.offerText:last-child {border-right:none;} /* Footer Styles ----------- */ .footer .section .footer { clear: both; text-align: center; background: #5c5249 url(global/img/bg_footer.imgcache.rev20160310090244.png) repeat-x top; width: 100%; } .footer .container { background: #ebf3f6 url(global/img/bg_footer.imgcache.rev20160310090244.png) repeat-x top !important; text-align: left !important; width: 980px !important; padding: 10px 0 0 !important; margin: 0 auto !important; overflow: hidden !important; } .footer .container.thin { padding: 5px 0 0 !important; } .footer .featureBar { height: 130px; width: 940px; margin-left: 20px; margin-bottom: 6px; } .footer .featureBar li { float: left; margin-right: 4px; } .footer .featureBar li.last { margin-right: 0; } .footer .featureBar li a { display: block; height: 130px; width: 232px; } .footer .featureBar li a:hover { text-decoration: none; } .footer .toolbar { font-size: 14px; font-weight: bold; background: transparent url(global/img/bg_footerToolbar.imgcache.rev20160310090244.png) no-repeat left top; height: 38px; width: 940px; padding: 2px 3px 3px 3px; margin-left: 17px; } .footer .toolbar ul.left { float: left; margin-left: 15px; } .footer .toolbar ul.right { float: right; margin-right: -5px; } .footer .toolbar li { float: left; margin-right: 20px; line-height: 37px; } .footer .toolbar a { display: block; color: #4c4c4c; } .footer .toolbar a img { vertical-align: middle; margin-right: 3px; } .footer .toolbar a:hover { color: #8b0000; text-decoration: none; } .footer .pageColumnLeft, .footer .pageColumnRight { width: auto; margin-left: 0; margin-bottom: 0; } .footer .pageColumnLeft { margin-right: 4px; width: 468px; float: left; } .footer .pageColumnRight { width: 468px; } .footer .twoColumn { margin-left: 20px; margin-bottom: 25px; width: 940px; overflow: hidden; } .footer h2 { color: #333; font-size: 16px; text-transform: lowercase; margin-bottom: 5px; } .footer h2 span { font-size: 22px; font-weight: bold; text-transform: uppercase; } .footer h3 { color: #8e8e2b; font-size: 13px; text-transform: uppercase; margin-left: 20px; } .footer h3 span { color: #2b2b2b; font-weight: bold; text-transform: none; } .footer .twoColumn p, .footer .twoColumn ul { font-size: 12px; color: #2b2b2b; margin-left: 20px; } .footer .twoColumn p.date { color: #928d88; text-transform: uppercase; } .footer .aarpStands, .footer .aboutAarp { background: #f5f9fa url(global/img/bg_footerBoxBottom.imgcache.rev20160310090244.png) repeat-x left bottom; width: 448px; padding: 20px 10px 10px 10px; overflow: hidden; } .footer .aboutAarp { height: 149px; height: 294px; } .footer .aboutAarp .section { float: left; width: 149px; margin-top: 10px; } .footer .aboutAarp .section h3 { margin-top: 5px; } .footer .aarpStands { margin-bottom: 4px; height: 130px; } .footer .aarpStands .section { float: left; width: 149px; } .footer .aarpYourState { background: #f5f9fa url(global/img/bg_footerBoxTop.imgcache.rev20160310090244.png) repeat-x left top; width: 448px; height: 130px; padding: 20px 10px 10px 10px; overflow: hidden; } .footer .aarpYourState form, .footer .aarpYourState select, .footer .aarpYourState h2 { float: left; } .footer .aarpYourState h2 { margin-right: 25px; } .footer .aarpYourState h3, .footer .aarpYourState p { clear: left; } .footer .aarpYourState img { float: right; padding-left: 5px; padding-bottom: 5px; } .footer .boilerplate { background: #5c5249 url(global/img/bg_footerBoilerplate.imgcache.rev20160310090244.png) repeat-x left top; height: 69px; width: 100%; } .footer .boilerplate a, .footer .boilerplate a:hover { color: #fff; } .footer .boilerplate p.left { font-size: 12px; line-height: 12px; color: #fff; float: left; margin-top: 11px; margin-left: 20px; } .footer .boilerplate p.right { font-size: 11px; line-height: 12px; color: #fff; float: right; margin-top: 10px; margin-right: 20px; } .footer .boilerplate p.right img { margin: 0 5px -10px; } .footer .boilerplate p.right a:hover img { text-decoration: none; } #footer-ad-container { text-align: center; width: 100%; margin: 0; background-color: #f3f2f0; } #footer-ad-container #footer-ad { text-align: left; width: 834px; padding: 0 23px 0 129px; margin: 0 auto; background: transparent url('global/img/bg_container.png' ) repeat-y left top; } #footer-ad-container #footer-ad .ad-icon { float: left; } .gray-border-container { width: 940px; padding: 0 23px 0 23px; margin: 0 auto; background: transparent url('global/img/bg_container.png' ) repeat-y left top; } .gray-border { height: 10px; border-top: 2px solid #e5e5e5; } /* Companion Bar Styles */ .companionBar { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999; display: none; } .companionBarWrapper { margin: 0px auto; width: 1000px; position: relative; text-align: left; } .companionBarCorner { background: transparent url(global/img/companionBarCorner.imgcache.rev20160310090244.png) no-repeat left top; width: 10px; height: 8px; } .companionBar.expanded .companionBarCorner { bottom: 160px; } .companionBarMain { background: #E5E4E2 url(global/img/bg_header.imgcache.rev20160310090244.png) repeat-x 0 0; border-top: 1px solid #5C5249; width: 990px; height: 32px; } .companionBar.closed { width: 25px; overflow: hidden; } .companionBar.closed ..companionBarContent { display: none; } .companionBar.expanded .companionBarMain { height: 160px; } .companionBarContent, .companionBar.closed .companionBarMain { height: 32px; } .companionBarHandle { cursor: pointer; background: #DF2D24 url(global/img/companionBarHandleClose.imgcache.rev20160310090244.png) no-repeat; border-left: 1px solid #e8e9ea; width: 25px; height: 32px; position: absolute; right: 10px; top: 9px; display: block; } .companionBar.closed .companionBarHandle { cursor: pointer; background: #DF2D24 url(global/img/companionBarHandleOpen.imgcache.rev20160310090244.png) no-repeat; border-left: none; left: 0; } .companionBar.expanded .companionBarHandle { cursor: default; background: #DF2D24 url(global/img/bg_headerSecondary.imgcache.rev20160310090244.png) repeat-x 0 0; } .companionBarExpand { background: #DF2D24 url(global/img/bg_headerSecondary.imgcache.rev20160310090244.png) repeat-x 0 0; position: absolute; right: 35px; top: 9px; width: 172px; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; } .companionBarExpand:hover { text-decoration: underline; cursor: pointer; } .companionBar.expanded .companionBarExpand { background: #E6E6E6; border: solid #928D88; border-width: 1px 1px 0 1px; right: 35px; width: 173px; height: 37px; margin-top: -5px; line-height: 37px; z-index: 1001; font-size: 16px; color: #333; } .companionBarExpand span.close.plus { background: transparent url(global/img/buttons/plus_minus.imgcache.rev20160310090244.png) no-repeat 0 0; } .companionBarExpand span.close { background: transparent url(global/img/buttons/plus_minus.imgcache.rev20160310090244.png) no-repeat -14px 0; height: 12px; width: 14px; position: absolute; top: 3px; right: 3px; } .companionBarExpand span.close:hover { cursor: pointer; } .companionBarContent a, .companionBarContent a:hover { color: #4a4a4a; } .companionBarLogin, .companionBarFacebook, .companionBarTwitter, .companionBarYouTube { float: left; text-align: left; line-height: 32px; font-size: 11px; font-weight: bold; overflow: hidden; color: #4a4a4a; } .companionBarFacebook iframe, .companionBar.author .companionBarFacebook img, .companionBarTwitter iframe, .companionBar.author .companionBarTwitter img, .companionBarYouTube img { margin-top: 6px; float: left; } .companionBarFacebook { margin-right: 35px; } .isSpanish .companionBarFacebook { margin-right: 25px; } .companionBarYouTube img { margin-top: 4px; margin-right: 5px; } .companionBarTwitter { width: 105px; margin-right: 35px; } .isSpanish .companionBarTwitter { width: 165px; margin-right: 25px; } .companionBarLogin { background: #DF2D24 url(global/img/bg_headerSecondary.imgcache.rev20160310090244.png) repeat-x 0 0; width: 263px; height: 32px; color: #fff; font-size: 12px; font-weight: bold; margin-right: 22px; text-align: left; } .isSpanish .companionBarLogin { width: 195px; } #companionBarMember, #companionBarAnonymous { display: none; padding: 3px 10px; } #companionBarAnonymous { padding: 1px 10px; } #companionBarMember a img.companionBarMemberImage { border: 2px solid #fff; float: left; margin-right: 10px; } #companionBarMember p a { color: #fff; padding-left: 1px; } #companionBarAnonymous p a { color: #fff; font-size: 16px; } #companionBarMember p.companionBarMemberAction a:first-child { padding-left: 0; padding-right: 3px; border-right: 1px solid #fff; } #companionBarMember p.companionBarMemberWelcome a { padding: 0; border: none; } #companionBarMember p a:hover { color: #fff; text-decoration: underline; } #companionBarMember p { line-height: 16px; font-size: 11px; font-weight: normal; } #companionBarMember p.companionBarMemberWelcome { line-height: 12px; font-size: 12px; font-weight: bold; } .companionBarMore { display: none; background: #E6E6E6 url(global/img/companionBarMore.imgcache.rev20160310090244.png) repeat-x left bottom; border: 1px solid #928D88; height: 128px; width: 988px; } .companionBarMore .textimage { text-align: left; background: #fff; border: 1px solid #ccc; color: #5C5249; line-height: 15px; height: 58px; width: 281px; float: left; margin-left: 20px; margin-top: 23px; padding: 10px; } .companionBar.author { position: relative; } .companionBar.author .companionBarCorner { bottom: 160px; } .companionBar.author .companionBarMain { height: 160px; } .companionBar.author .companionBarHandle { cursor: default; background: #DF2D24 url(global/img/bg_headerSecondary.imgcache.rev20160310090244.png) repeat-x 0 0; } .companionBar.author .companionBarExpand { background: #E6E6E6; border: solid #928D88; border-width: 1px 1px 0 1px; right: 35px; width: 173px; height: 37px; margin-top: -5px; line-height: 37px; z-index: 1001; } .companionBar.author .companionBarMore { display: block; } /* Aticle Styles */ .articlePage #pageHeader { margin-bottom: 0; } /* Heading */ #pageHeadline { width: auto; float: left; } .contentHeader .drbadge { margin: -50px 0 10px; position: relative; } .contentHeader hgroup { margin-bottom: 10px; } .contentHeader header { margin-bottom: 16px; } .contentHeader h1 { color: #333; font-size: 26px; font-weight: bold; line-height: 26px; margin-bottom: 10px; } .contentHeader p.slug { font-family: Georgia,"Times New Roman",serif; font-size: 13px; font-weight: bold; color: #8e8e2b; } .contentHeader h2 { font-size: 15px; line-height: 20px; color: #666; } .contentHeader p.byline { font-size: 13px; color: #999; line-height: 22px; } #articleText h2 { font-size: 16px; font-weight: bold; color: #4c4c4c; } #articleText h3, #articleText h4, #articleText h5, #articleText h6 { font-weight: bold; } #articleText .textimage h3 { font-size: 14px; line-height: 20px; margin-bottom: 8px; } #articleText .textimage h4 { font-size: 13px; } #articleText p { margin-bottom: 1em; } #articleText .textimage ul { padding-left: 15px !important; margin-bottom: 1em; } #articleText .textimage ul, #articleText .textimage li { list-style-image: none !important; list-style-type: disc; } #articleText .textimage ol { margin-bottom: 1em; list-style-type: decimal; } #articleText .textimage ol li { list-style-type: decimal; } #printLogo { display: none; } /* Bookmark Tool */ .bmConfirm { display: none; } /* Article Sidebar and Pullquote styles ------------------------------------------*/ .pullQuote .pqImgDiv .imgError { font-family: Arial, sans-serif; font-size: 14px; color: #ff0000; } .article-sidebar, .pullQuote { background-color: #f0f0f0; margin: 0 0 13px 0; padding: 20px 20px 10px 20px; } .article-sidebar { font-family: Arial; color: #63564e; } .pullQuote { width: 200px; } .article-sidebar .sbContents { font-size: 13px; } .pullQuote .pq { font-family: Georgia, serif; font-size: 16px; line-height: 1.6em; color: #837870; } .article-sidebar h2 { font-weight: bold !important; color: #333 !important; } .article-sidebar h2, .article-sidebar p, .article-sidebar ul { margin-bottom: 10px; } .pullQuote .pqImgDiv { width: 200px; margin: 0 0 10px 0; } .article-sidebar .sbImgCredit, .pullQuote .pqImgCredit, .article-sidebar p.sbImgCaption, .pullQuote p.pqImgCaption, .textImage .caption { font-style: italic; color: #999; font-size: 10px; line-height: 15px; padding: 0 10px; } .article-sidebar .sbImgCredit, .pullQuote .pqImgCredit { padding: 0; } .textImage .credit { line-height: 1.2em; margin: 0; } .article-sidebar .sbImgCredit, .article-sidebar p.sbImgCaption, .pullQuote .pqImgCredit { margin-bottom: 0 !important; } .article-sidebar ul { padding-left: 15px !important; } .article-sidebar ul, .article-sidebar li { list-style-image: none !important; list-style-type: disc; } .article-sidebar li { margin-bottom: 10px; } .article-sidebar ol { margin-left: 15px; list-style-type: decimal; } .article-sidebar ol li { list-style-type: decimal; } .dropShadow { margin-right: -20px; padding: 0 16px 0 0; background-image: url('global/img/dropshadow.imgcache.rev20160310090244.png'); background-repeat: no-repeat; background-position: bottom right; overflow: hidden; } /* Article Zoom styles -------------------------*/ #articleText.zoom, #articleText.zoom h4, #articleText.zoom p, #articleText.zoom ul, #articleText.zoom ol, #articleText.zoom li { font-size: 16px; } #articleText.zoom h2 { font-size: 22px; } #articleText.zoom h3 { font-size: 18px; } /* Article Feature Image: Credit and Caption styles ----------------------------------------------------*/ #articleText .textImage .caption, .textImage .caption, .textimage .caption { font-size: 11px; color: #928D88; margin-bottom: 0px; line-height: 15px; } #articleText .textImage .credit, .textImage .credit, .textimage .credit { font-size: 11px; font-style: italic; color: #928D88; margin-bottom: 0px; } /* Article Text and Image --------------------*/ .cms_img_left, .cms_img_right, .cms_img_none { margin: 0 0 20px 0; } #articleText .cms_img_left p, .cms_img_left p, #articleText .cms_img_right p, .cms_img_right p { margin: 0; } .cms_img_left { float: left; margin-right: 20px; } .cms_img_right { float: right; margin-left: 20px; } .textImage table { border-width: 1px; border-style: solid; width: 420px; margin: 20px 0; } .textImage td, .textImage th { padding: 9px; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; } .textImage tr td:last-child, .textImage tr th:last-child { border-right: none; } .textImage tr:last-child td, .textImage tr:last-child th { border-bottom: none; } .textImage th { font-weight: bold; } /* Comments Page Hidden Elements */ .commentPage .articleAddOns, .commentPage .conGrpCon { display: none; } /* K4 Article Style */ #articleText .textImage strong { font-weight: bold; } #articleText .textImage em { font-style: italic; } .landingPage .breadcrumbs { float: left !important; width: 940px !important; } /* Tertiary Nav 2013 Style*/ .leftNav .tertiarynav2013 li a, .articleAddOns .tertiarynav2013 li a { color: #333; letter-spacing: 0px; font: bold 14px/16px Arial; text-decoration: none; } .leftNav .tertiarynav2013 li, .articleAddOns .tertiarynav2013 li { line-height: 16px; margin-bottom: 5px; } .leftNav .tertiarynav2013 li a:hover, .leftNav ul li a:active, .articleAddOns .tertiarynav2013 li a:hover, .articleAddOns ul li a:active { color: #c18B10; } .leftNav .tertiarynav2013, .articleAddOns .tertiarynav2013 { margin: 0 15px 0; letter-spacing: 0px; padding-left: 0; } .leftNav .leftNavBack, .articleAddOns .leftNavBack { border: 1px solid #D9D9D9; border-left: none; margin-bottom: 20px; padding: 10px 0 10px; width: 179px; } .leftNav .leftNavBack h2, #articleText .articleAddOns .leftNavBack h2 { border-bottom: 1px solid #D9D9D9; font: normal 13px arial; color: #666; padding-bottom: 10px; margin: 0 15px 15px 0; } .leftNav .tertiarynav2013 li a, .articleAddOns .tertiarynav2013 li a { color: #333; letter-spacing: 0px; font: bold 14px/16px Arial; } .leftNav ul.tertiarynav2013 li.active a, .leftNav ul.tertiarynav2013 li.active a:hover, .leftNav ul.tertiarynav2013 li a:hover, .articleAddOns ul.tertiarynav2013 li.active a, .articleAddOns ul.tertiarynav2013 li.active a:hover, .articleAddOns ul.tertiarynav2013 li a:hover { color: #c18B10; } .leftNav .tertiarynav2013, .articleAddOns .tertiarynav2013 { margin-left:0px; letter-spacing: 0px; } .article .tertiarynav2013 > li { list-style: none outside none; } /* Article Archive Styles -----------------------------*/ #archiveSorting { margin: 0 0 40px 0; } #archiveSorting p, .result .preTitle h3, .result .preTitle h3 a, .result .preTitle h3 span a.recommend, .result .preTitle h3 span .recommend { color: #928d88 !important; } .result .preTitle h3 a:hover, .result .preTitle h3 span .Recommend .Recommend_Container a.recommend:hover, .new-article-index h2 a:hover { color: #b50301 !important; } .new-article-index h1#archiveTitle, .new-article-index h2 a { color: #4c4c4c; font-size: 18px; font-weight: bold; } .new-article-index h1#archiveTitle { margin: 0 0 20px 0; text-transform: uppercase; } .article-index-nav { background: url('global/img/bg/1x25_gradient_gray.imgcache.rev20160310090244.gif') repeat-x top left; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px; } .article-index-nav .pageCountDisp { padding: 0 0 0 10px; width: 120px; float: left; } .result { margin-bottom: 20px; } .result .preTitle h3 { font-size: 11px; text-transform: uppercase; } .result .preTitle h3 span { float: left; } .result p, .article-index-nav .pageCountDisp { color: #2b2b2b; } div.currencyCalculatorFrame { width: 98%; padding-top: 20px; padding-bottom: 20px; } div.currencyCalculatorFrame .defaultText { width: 100%; } div.currencyCalculatorFrame .defaultTextActive { color: #a1a1a1; font-style: italic; width: 100%; } div.currencyCalculatorFrame .currencyCalculatorFrame { width: 98%; font-family: Arial, Helvetica, sans-serif; padding-bottom: 20px; } div.currencyCalculatorFrame .currencySelect { width: 100%; font-size: 12px; } div.currencyCalculatorFrame .formRow { padding-bottom: 20px; } div.currencyCalculatorFrame .formLabel { font-weight: bold; font-size: 16px; color: #4c4c4c; } div.currencyCalculatorFrame .formField { padding-top: 5px; } div.currencyCalculatorFrame .resultRow { padding-bottom: 4px; font-size: 13px; color: #2b2b2b; } div.currencyCalculatorFrame .resultRowBold { font-weight: bold; font-size: 13px; color: #4c4c4c; padding-bottom: 4px; } div.currencyCalculatorFrame .resultTitle { margin-bottom: 10px; font-weight: bold; font-size: 18px; color: #4c4c4c; } div.currencyCalculatorFrame .conversionResult { margin-left: 3px; } div.currencyCalculatorFrame .result { display: none; width: 100%; padding-top: 20px; } div.currencyCalculatorFrame .disclaimer { padding-top: 4px; font-size: 10px; color: #4c4c4c !important; } div.currencyCalculatorFrame .tosLink { font-size: 13px; } div.currencyCalculatorFrame .fieldInstructions { font-size: small; font-weight: bold; margin-left: 3px; } div.currencyCalculatorFrame .instructions { font-size: 13px; color: #2b2b2b; } div.currencyCalculatorFrame .appTitle { font-weight: bold; margin-left: 3px; font-size: 22px; color: #000; } div.currencyCalculatorFrame .appSubTitle { margin-left: 3px; } div.currencyCalculatorFrame .errorPanel { margin-bottom: 5px; margin-top: 8px; border-width: thin; border-color: red; border-style: solid; padding: 4px; color: red; font-weight: bold; display: none; } /* Document : modal Created on : Dec 30, 2011, 9:17:12 AM Author : janderson-pomeroy Description: Styling for AARP modal */ .olContainer { text-align: left; left: 50%; top: 50%; } .olContainer .olContent { padding-left: 60px; background: transparent url("global/img/modal/overlay_TL.imgcache.rev20160310090244.png") no-repeat left top; } .olContainer .olContent .olContentBody { background: transparent url("global/img/modal/overlay_TR.imgcache.rev20160310090244.png") no-repeat right top; padding-top: 60px; padding-right: 60px; } .olContainer .olFooter { padding-left: 60px; background: transparent url("global/img/modal/overlay_BL.imgcache.rev20160310090244.png") no-repeat left top; } .olContainer .olFooter .olFooterBody { background: transparent url("global/img/modal/overlay_BR.imgcache.rev20160310090244.png") no-repeat right top; height: 60px; padding-right: 60px; } .olContentBody .progressBar { display: none; } /* IE7 sucks: http://reference.sitepoint.com/css/haslayout */ .ol.noFade .olContent { background: transparent url(global/img/modal/overlay_TL_noFade.imgcache.rev20160310090244.png) no-repeat left top; min-height: 100px; /* required for IE7 "hasLayout" fix */ } .ol.noFade .olContent .olContentBody { background: transparent url("global/img/modal/overlay_TR_noFade.imgcache.rev20160310090244.png") no-repeat right top; min-height: 100px; /* required for IE7 "hasLayout" fix */ } .ol.noFade .olFooter { background: transparent url("global/img/modal/overlay_BL_noFade.imgcache.rev20160310090244.png") no-repeat left top; } .ol.noFade .olFooter .olFooterBody { background: transparent url("global/img/modal/overlay_BR_noFade.imgcache.rev20160310090244.png") no-repeat right top; } .olContentBody .olConfirmOverlay, .olContentBody .olErrorOverlay { padding-left: 25px; } .olContentBody .olConfirmOverlay { background: transparent url("../../../content/dam/aarp/graphics/icons/18x18/confirmed.imgcache.rev20160310090244.png") no-repeat left top; } .olContentBody .olErrorOverlay { background: transparent url("../../../content/dam/aarp/graphics/icons/18x18/report_abuse.imgcache.rev20160310090244.png") no-repeat left top; } .ol { display: none; background-color: transparent; } .ol .title, .ol .body .textimage h3, .ol .body .textimage h4 { color: #CC6600; font-size: 24px; font-weight: normal; margin-bottom: 20px; text-align: left; } .ol .olCloseX { background: transparent url("../../../content/dam/aarp/graphics/icons/18x18/delete.imgcache.rev20160310090244.png") no-repeat left top; width: 18px; height: 18px; position: absolute; top: 35px; right: 35px; cursor: pointer; } .ol .body .textimage, .ol .body { color: #2b2b2b; float: none; font-size: 13px; margin: 0; min-width: 100%; padding: 0; text-align: left; } .ol .buttons { height: 22px; margin-top: 30px; } #ol-container p { padding-bottom: 1em; } #ol-container ul { margin-left: 30px; padding-bottom: 1em; } #ol-container ul li { list-style: disc outside none; } /* red large button */ #cmsModalOverlay button.large.red, #cmsModalOverlay a.btn.large.red, .overlay a.btn.large.red { background-position: right -2700px; font-size: 17px; } #cmsModalOverlay button.large.red, #cmsModalOverlay a.btn.large.red, .overlay a.btn.large.red { background-position: right -2700px; font-size: 17px; } #cmsModalOverlay button.large, #cmsModalOverlay a.btn.large { background-position: right -556px; font-size: 17px; } #cmsModalOverlay button, #cmsModalOverlay a.btn, .overlay a.btn, button.ui-button, .overlayContainer a.btn { background: url("global/img/sprite_button.imgcache.rev20160310090244.png") no-repeat scroll right -40px transparent; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0 7px 0 0; text-align: center; } #cmsModalOverlay button.large.red span, #cmsModalOverlay a.btn.large.red span, .overlay a.btn.large.red span { background-position: left -2650px; height: 37px; line-height: 36px; } #cmsModalOverlay button.large.red span, #cmsModalOverlay a.btn.large.red span, .overlay a.btn.large.red span { background-position: left -2650px; height: 37px; line-height: 36px; } #cmsModalOverlay button.large span, #cmsModalOverlay a.btn.large span { background-position: left -504px; height: 37px; line-height: 36px; } #cmsModalOverlay button span, #cmsModalOverlay a.btn span, .overlay a.btn span, button.ui-button span, .overlayContainer a.btn span { background: url("global/img/sprite_button.imgcache.rev20160310090244.png") no-repeat scroll left 0 transparent; height: 25px; line-height: 24px; padding: 0 0 0 7px; } #paywallOverlay h2 { margin-bottom: 20px; font-size: 24px; color: #c05411; } #paywallOverlay p { font-size: 20px; line-height: 25px; color: #4c4c4c; } #paywallOverlay .dropShadow { margin: 0 0 0 10px; padding-bottom: 14px; float: right; width: 240px; } #paywallOverlay .call-out { background-color: #F0F0F0; padding: 20px 20px 0 20px; width: 200px; color: #63564e; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; } #paywallOverlay .call-member { color: #4C4C4C; float: right; font-size: 16px; font-weight: bold; margin-right: 18px; } #paywallOverlay .call-out h3 { color: #4C4C4C; font-size: 16px; font-weight: bold; margin-bottom: 10px; } #paywallOverlay .call-out ul { margin-left: 12px; } #paywallOverlay .call-out li { font-size: 85%; line-height: 1.2em; margin-bottom: 5px; } #paywallOverlay .call-out p { font-size: 90%; line-height: 1.2em; margin: 0; padding: 0 0 1em 0; } #paywallOverlay .call-out img { float: right; } #paywallOverlay #ol-non-member .call-out img, #paywallOverlay #ol-expired-member .call-out img { float: right; margin-top: -10px; } #paywallOverlay #ol-non-member .call-out h3, #paywallOverlay #ol-expired-member .call-out h3 { margin-bottom: 15px; } /* SEARCH RESULTS ----------------- */ .searchPlaceholder input[type='text'], .searchPlaceholder select { border: 1px #cccccc solid !important; color: #4c4c4c !important; font-size: 12px !important; height: 16px !important; margin: 0 !important; padding: 2px !important; } .searchPlaceholder select { height: 22px !important; } .searchPlaceholder input[type='checkbox'] { margin: 0 !important; padding: 0 !important; } .searchPlaceholder input.blur { color: #000000 !important; } .searchPlaceholder { margin: 0 0 30px 0; } #searchResultsHeader { margin-bottom: 5px; } .searchPlaceholder #resultsText { color: #4c4c4c; font-size: 16px; margin-bottom: 5px; } .searchPlaceholder #resultsText span { font-size: 18px; font-weight: bold; } .searchPlaceholder .pagination { margin: 10px 0; } .searchPlaceholder .searchNoResults ul { margin: 10px 0 0 5px; } .searchPlaceholder .searchNoResults ul li { margin: 0 0 0 15px; } .searchPlaceholder #searchPaginationTop, .searchPlaceholder #searchPaginationBottom { clear: both; } .searchPlaceholder .searchResultsItem { margin: 0 0 20px 0 !important; } .searchPlaceholder .searchResultsItem h2 a { color: #4c4c4c; font-size: 18px; font-weight: bold; line-height: 20px; } .searchPlaceholder .searchResultsItem h2 a:hover { color: #8b0000; } .searchPlaceholder .searchResultsItem table, .searchPlaceholder .searchResultsItem .s { font-size: 13px !important; line-height: 20px !important; } .searchPlaceholder .searchResultsItem .s a { font-weight: bold; } .searchPlaceholder .keyMatchBox { background-position: top left; background-repeat: no-repeat; border-top: 1px #cccccc solid !important; border-bottom: 1px solid #c0c0c0; margin: 5px 0 40px 0; padding: 0; } .searchPlaceholder .keyMatchBox .keyMatchTag { background: #8e8e2b; color: #ffffff; float: right; font-size: 14px; margin: 0; padding: 0 5px; width: auto; } .searchPlaceholder .keyMatchBox .keyMatchBoxItem { clear: both; margin: 2px 20px 10px; } .searchPlaceholder .keyMatchBox h2 { background-image: none; font-size: 14px; font-weight: bold; text-transform: none; margin: 0; padding: 0; } .searchPlaceholder .keyMatchBox h2 a { color: #4c4c4c; font-size: 18px; } .searchPlaceholder .keyMatchBox h2 a:hover { color: #8B0000; } /* ads ------ */ .searchPlaceholder .googleAdCode { background: #f7f2f2; margin-bottom: 15px; padding: 4px 10px 10px 10px; } .searchPlaceholder .googleAdCodeBox p { font-size: 12px; line-height: 16px; } /*-------------------- Auto-suggest Dimension Search CSS------------------------*/ div.dimSearchSuggContainer { display:none; position:absolute; top:10px; left:10px; background-color:#FFF; border:#CCC thin solid; font-family:sans-serif; font-size:13px; z-index:9999; text-align: left; } div.dimSearchSuggContainer .title{ color:#666; width:98%; padding-left:8px; padding-right:5px; } div.dimSearchSuggContainer .dimRoots{ color:#666666; font-weight:bold; width:98%; margin-top:10px; padding-left:8px; padding-right:5px; } div.dimSearchSuggContainer .dimResult{ width:98%; margin-left:8px; cursor:pointer; } div.dimSearchSuggContainer .dimResult table{ width:98%; border-collapse: separate; } div.dimSearchSuggContainer .dimResult table td{ text-align:left; padding:0px; } div.dimSearchSuggContainer .dimResult a{ color:black; } div.dimSearchSuggContainer .dimResult .link{ width:100%; padding-top:2px; padding-bottom:2px; } div.dimSearchSuggContainer .selected .link{ background-color:#f0f0f0; } div.dimSearchSuggContainer .dimResult .link span{ color:#8B0000; font-weight:bold; } /******** End of Auto-suggest Dimension Search CSS *********/ /* SITEMAP ----------------- */ .sitemap { width: 940px; } .sitemap h2 { color: #333; font-size: 22px; line-height: 24px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #ccc; } .sitemap h3 { color: #333; font-size: 18px; line-height: 15px; margin-bottom: 15px; } .sitemap .sitemap_channel_listing, .sitemap .sitemap_year_listing { float: left; overflow: hidden; } .sitemap .sitemap_channel_listing { width: 240px; margin-right: 19px; border-right: 1px solid #ccc; } .sitemap .sitemap_year_listing { width: 680px; } .sitemap .sitemap_year_listing li { display: block; float: left; width: 50px; } .sitemap .sitemap_breadcrumbs { color: #988A7D; font-size: 13px; margin-bottom: 10px; margin-top: 10px; } .sitemap .pagination { margin-top: 20px; } /* Form Styles -----------------------*/ .actionForm { margin-bottom: 20px; } form.aarpForm .formRow { margin-top: 20px; position: relative; } form.aarpForm label { font-size: 16px; font-weight: bold; line-height: 20px; display: block; position: static !important; left: 0 !important; color: #4c4c4c; } form.aarpForm button { float: none; } form.aarpForm select { color: #000 !important; } .aarpForm .required span.checkbox, .aarpForm .required span.radio { color: #000 !important; } form.aarpForm input[type="text"], form.aarpForm .formRow textarea { border: 1px solid #999; padding: 2px 3px; margin: 0; color: #2b2b2b; } .actionForm #afFName, .actionForm #afLName, .actionForm #afCity, .actionForm #afState, .actionForm #afZip, .actionForm #afPhone { width: 50%; float: left; } .actionForm form.aarpForm .formRow textarea { width: 90%; height: 160px; } .actionForm input[type="text"] { width: 90%; } .actionForm #afFName input[type="text"], .actionForm #afLName input[type="text"], .actionForm #afCity input[type="text"], .actionForm #afZip input[type="text"], .actionForm #afPhone input[type="text"] { width: 80%; } form.aarpForm input[type="text"]:focus, form.aarpForm .formRow textarea:focus { background: #f1efef; } .actionForm .endPage p, .actionForm .endPage button { margin-bottom: 20px; } form.aarpForm select { margin: 0; border: 1px solid #999; } form.aarpForm input.left, form.aarpForm select.left { margin-right: 11px; } .date.section { font-size: 13px; color: #2b2b2b; text-transform: none; } .checkbox .checkbox { width: auto; display: block; float: left; margin: 0 10px 0 26px; text-indent: -26px; } form.aarpForm .formRow.checkbox-text span { width: 94%; float: right; } .ie7 form.aarpForm .formRow.checkbox-text span { margin-top: -20px; } .radio { padding-right: 10px; } .reqdAstrk { font-weight: normal; color: #c3161c; } .checkbox .reqdAstrk { float: left; } .checkbox label .reqdAstrk { float: none; } .descText { color: #928d88; font-size: 11px; line-height: 14px; clear: left; } form.aarpForm label.error, form.aarpForm div.error { color: #c3161c; font-weight: bold; } form.aarpForm input.error, form.aarpForm select.error, form.aarpForm textarea.error { border-color: #c3161c; } form.aarpForm span[generated="true"] { padding-left: 20px; padding-top: 2px; } form.aarpForm span[generated="true"].error { background: url(global/img/sprite-icon_close.imgcache.rev20160310090244.png) no-repeat right 1px; } form.aarpForm span[generated="true"].checked { background: url(global/img/sprite-icon_check.imgcache.rev20160310090244.png) no-repeat right 1px; } form.aarpForm .checkbox span[generated="true"].error { background: url(global/img/sprite-icon_close.imgcache.rev20160310090244.png) no-repeat right 1px; float: left; } form.aarpForm .checkbox span[generated="true"].checked { background: url(global/img/sprite-icon_check.imgcache.rev20160310090244.png) no-repeat right 1px; float: left; } .radio + span.error { margin-left: 0px; } input.blur, textarea.blur { color:#999999 !important; } .fieldGroup { overflow: hidden; } .formRow input[type="button"] { width: 60px !important; height: 24px !important; color: #fff !important; font-size: 11px !important; font-weight: bold !important; text-align: center !important; background: transparent url('global/img/sprite_button-vote.imgcache.rev20160310090244.png') no-repeat 0 0 !important; border: none !important; margin: 0 0 10px; } .formRow input[type="button"]:hover { cursor: pointer !important; background-position: 0 -80px !important; } /* NuCaptcha */ .captcha #recaptchaRow { padding-top: 20px; } .captcha #directions-verbose-label, .captcha #directions-label { font-weight:normal; } .captcha #directions-label { margin-top:2px !important; } .captcha #directions-label.error { color: #C3161C !important; } .captcha #nucaptcha-answer{ height:21px !important; } .captcha #nucaptcha-answer .required.error { border: 1px solid #C3161C !important; } .captcha #nucaptcha-widget #nucaptcha-widget-container { display: block !important; height: auto !important; margin: 0 !important; padding: 0 !important; position: relative !important; width: auto !important; } .captcha #nucaptcha-widget #nucaptcha-player { background: none repeat scroll 0 0 #968A7D !important; border-radius: 5px 5px 5px 5px !important; height: 110px !important; padding: 10px !important; position: relative !important; width: 300px !important; } .captcha #nucaptcha-widget label#directions-verbose-label { color: #FFFFFF !important; display: block !important; float: none !important; left: 0 !important; margin: 0 0 5px !important; padding: 0 !important; position: relative !important; top: 0 !important; width: auto !important; } .captcha #nucaptcha-widget #cmd-container { height: 24px !important; left: 232px !important; top: 5px !important; width: 78px !important; } .captcha #nucaptcha-widget #cmd-container a.cmd { background-position: 0 0 !important; float: left !important; height: 24px !important; left: 0 !important; margin-left: 2px !important; position: relative !important; top: 0 !important; width: 24px !important; } .captcha #nucaptcha-widget #cmd-container a.cmd:hover { background-position: 0 -24px !important; } .captcha #nucaptcha-widget #cmd-container a#refresh.cmd { background-image: url("global/img/captcha/refresh.imgcache.rev20160310090244.gif") !important; } .captcha #nucaptcha-widget #cmd-container a#help.cmd { background-image: url("global/img/captcha/help.imgcache.rev20160310090244.gif") !important; } .captcha #nucaptcha-widget #cmd-container a#audio.cmd { background-image: url("global/img/captcha/audio.imgcache.rev20160310090244.gif") !important; } .captcha #nucaptcha-widget #media-container { display: block !important; left: 0 !important; margin: 0 !important; padding: 0 !important; position: relative !important; top: 0 !important; } .captcha #nucaptcha-widget #media-container a.cmd-audio { color: #FFFFFF !important; line-height: 17px !important; } .captcha #nucaptcha-widget #media-container a.cmd-audio:hover { color: #8B0000 !important; } .captcha #nucaptcha-widget label#directions-label { position: absolute !important; top: 102px !important; } .captcha #nucaptcha-widget input#nucaptcha-answer { background: none repeat scroll 0 0 #FFFFFF !important; position: absolute !important; top: 102px !important; width: 144px !important; } /* RichText Editor Classes ----------- */ .actionLink {} .date {} .disclaimer {} .slug {} .byline {} .ssQaAnswer {} /* RichText Editor Classes ----------- */ .siteBannerHeadline {} /* Branding Styles */ /* Foundation */ body#foundation #page, body#afl #page, body#foundation_es #page, body#afl_es #page, body#foundationVendor #page, body#foundationVendor_es #page { background: #f23e23 url(global/img/branding/foundation_bg.imgcache.rev20160310090244.png) no-repeat center top; } body#foundation .logoBarContent, body#afl .logoBarContent, body#foundation_es .logoBarContent, body#afl_es .logoBarContent, body#foundation .thinLogoBarContent, body#afl .thinLogoBarContent, body#foundation_es .thinLogoBarContent, body#afl_es .thinLogoBarContent, body#foundationVendor #logoBarContent, body#foundationVendor #thinLogoBarContent, body#foundationVendor_es #logoBarContent, body#foundationVendor_es #thinLogoBarContent { background: #ec1c24 url(global/img/branding/foundation_logobar.imgcache.rev20160310090244.png) no-repeat left top; } body#foundationVendor .footer2013 .toolbar, body#foundationVendor .footer2013 .columnLinks { display:none; visibility:hidden; } div.ipadpromopersist { background: url("ipad/img/bg-tile-top.imgcache.rev20160310090244.png") repeat-x scroll left bottom white; height: 50px; margin-bottom: 15px; text-align: center; width: 940px; } div.ipadpromopersist div.edge { display:inline-block; float:left; padding:0px; width:1px; height:50px; background: url('ipad/img/edge-lft-rgt.imgcache.rev20160310090244.png') left center repeat-x; } div.ipadpromopersist div.edge.right { float:right; } div.ipadpromopersist div.contentcell { background: url("ipad/img/aarp-app-icon.imgcache.rev20160310090244.png") no-repeat scroll left center transparent; display: inline-block; font-size: 20px; font-weight: bold; height: 50px; line-height: 50px; margin-top: 0; padding-left: 100px; width: 600px; } div.ipadpromopersist div.contentcell span.reg{ font-size:12px; vertical-align: super; } div.ipadpromopersist a { background: url("ipad/img/btn-download.imgcache.rev20160310090244.png") no-repeat scroll right center transparent; display: inline-block; float: right; height: 34px; margin-top: 9px; width: 160px; } /* * 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; 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; 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 { /* Commenting out display:none for SP-2356, CMS FireFox slowness */ /* display:none !important; */ position:absolute !important; left:-10000px !important; top:-10000px !important; visibility:hidden !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(global/ext/shadow-c.png ); } .x-shadow .xst, .x-shadow .xsb { height: 6px; overflow: hidden; width: 100%; } .x-shadow .xsml { background: transparent url(global/ext/shadow-lr.png ) repeat-y 0 0; } .x-shadow .xsmr { background: transparent url(global/ext/shadow-lr.png ) repeat-y -6px 0; } .x-shadow .xstl { background: transparent url(global/ext/shadow.png ) no-repeat 0 0; } .x-shadow .xstc { background: transparent url(global/ext/shadow.png ) repeat-x 0 -30px; } .x-shadow .xstr { background: transparent url(global/ext/shadow.png ) repeat-x 0 -18px; } .x-shadow .xsbl { background: transparent url(global/ext/shadow.png ) no-repeat 0 -12px; } .x-shadow .xsbc { background: transparent url(global/ext/shadow.png ) repeat-x 0 -36px; } .x-shadow .xsbr { background: transparent url(global/ext/shadow.png ) repeat-x 0 -6px; } .loading-indicator { font-size: 11px; 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; 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; border-bottom: 1px solid #8db2e3; } ul.x-tab-strip-bottom{ padding-bottom: 1px; 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 { padding-left:10px; } .x-tab-strip-top .x-tab-left { padding-right:10px; } .x-tab-strip-top .x-tab-strip-inner { } .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 { } .x-tab-strip-bottom .x-tab-left { } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { } .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { } .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 { 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{ 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 { 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 { 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; } /* Remove "Design of" from Design Mode toolbars */ .cq-wcm-design #CQ .x-toolbar td:first-child .ytb-text { display: none; } .x-btn-mc em.x-btn-arrow { display:block; background:transparent no-repeat right center; padding-right:10px; } #cform_dspvolunteer_app .formElements > .section:nth-of-type(5){ float: left; width: 200px; /* display: inline-flex !important; */ } #cform_dspvolunteer_app .formElements > .section:nth-of-type(6){ float: left; margin-top: 20px; width: 200px; } #cform_dspvolunteer_app .formElements > .section:nth-of-type(7):before{ clear:both; content:" "; display:table; } #cform_dspvolunteer_app .formRow span.checkbox{ width: 166px !important; } #cform_experiencecorps_vtm .formElements > .section:nth-of-type(1), #cform_statevolunteer1 .formElements > .section:nth-of-type(1), #cform_GeneralVolunteerIntakeForm .formElements > .section:nth-of-type(1){ float: left; padding-right:10px; } #cform_experiencecorps_vtm .formElements > .section:nth-of-type(2), #cform_statevolunteer1 .formElements > .section:nth-of-type(2), #cform_GeneralVolunteerIntakeForm .formElements > .section:nth-of-type(2){ float:left; width: 380px; } #cform_experiencecorps_vtm .formElements > .section:nth-of-type(3), #cform_statevolunteer1 .formElements > .section:nth-of-type(3), #cform_GeneralVolunteerIntakeForm .formElements > .section:nth-of-type(3){ width: 270px; float:left; /* margin-bottom:20px;*/ } #cform_experiencecorps_vtm .formElements > .section:nth-of-type(6), #cform_statevolunteer1 .formElements > .section:nth-of-type(6), #cform_GeneralVolunteerIntakeForm .formElements > .section:nth-of-type(6){ float:left; } #cform_experiencecorps_vtm .formElements > .section:nth-of-type(7), #cform_statevolunteer1 .formElements > .section:nth-of-type(7), #cform_GeneralVolunteerIntakeForm .formElements > .section:nth-of-type(7){ width:420px; float:left; margin-top: 20px; /* margin-bottom:20px; */ } #cform_experiencecorps_vtm .formRow span.checkbox, #cform_statevolunteer1 .formRow span.checkbox, #cform_GeneralVolunteerIntakeForm .formRow span.checkbox{ width: 200px !important; } .formRow span.checkbox{ width: 166px !important; } #cform_experiencecorps_vtm .address:before, #cform_statevolunteer1 .formElements > .section:nth-of-type(4):before, #cform_GeneralVolunteerIntakeForm .formElements > .section:nth-of-type(4):before{ clear:both; content: " "; display: table; } #cform_experiencecorps_vtm .formElements > .section:nth-of-type(8):before, #cform_statevolunteer1 .formElements > .section:nth-of-type(8):before, #cform_GeneralVolunteerIntakeForm .formElements > .section:nth-of-type(8):before{ clear:both; content: " "; display: table; } #cform_experiencecorps_vtm .defaultvaluecheck , #cform_GeneralVolunteerIntakeForm .defaultvaluecheck, #cform_statevolunteer1 .defaultvaluecheck { width:150px; } #cform_dspvolunteer_app .radio{ padding-right:0px !important; } #cform_dspvolunteer_app .defaultvaluecheck { width: 127px; }