/***********************************************************************************/ /***********************************************************************************/ /****************** A S A H Q S I T E S T Y L E S H E E T **********************/ /***********************************************************************************/ /***********************************************************************************/ /* */ /* WEB SITE DESIGNED BY: Davis Design Partners < http://www.davisdp.com > */ /* */ /* WEB SITE DEVELOPED BY: Foundation 648, Inc. < http://www.foundation648.com > */ /* CSS / XHTML DESIGN CONVERSION DEVELOPER: Matthew R. Bieda (F648) */ /* */ /***********************************************************************************/ /**************************************************************************************************************************************************************/ /**************************************/ /********** STANDARD RESET **********/ /**********************************/ 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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; font-family: Arial, Sans-Serif; } /*** THICK BOX PADDING/MARGIN RESET ***/ *{padding: 0; margin: 0;} /*********************************************/ /********** STANDARD BASIC STYLES **********/ /*****************************************/ .b, .strong { font-weight: bold; } .i, .em, .emphasis { font-style: italic; } .o, .oblique { font-style: oblique; } .u, .underline { text-decoration: underline; } /*.s,*/ .strike, .line-through { text-decoration: line-through; } .ol, .overline { text-decoration: overline; } .upper, .to-upper, .uppercase { text-transform: uppercase; } .lower, .to-lower, .lowercase { text-transform: lowercase; } .caps, .capitalize { text-transform: capitalize; } .c, .center, .ac, .align-c, .center-text { text-align: center; } .l, .al, .align-l, .left-text { text-align: left; } .r, .ar, .align-r, .right-text { text-align: right; } .j, .aj, .align-j, .justify, .justify-text { text-align: justify; } .sc, .small-caps { font-variant: small-caps; } sup { vertical-align:super; font-size: .75em; } sub { vertical-align:sub; font-size: .75em; } .left { float: left; } .right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .hidden { visibility: hidden; } .no-display { display: none; } .disable { display: none; visibility: hidden; } .no-border { border-top: none 0px Transparent; border-bottom: none 0px Transparent; border-left: none 0px Transparent; border-right: none 0px Transparent; } .no-margin { margin: 0 0 0 0; } .mb-05px { margin-bottom: 5px; } .no-pad { padding: 0 0 0 0; } .sky { color: #3EBBF1; } .cornflower { color: #4774B2; /*#5A87C5;*/ } /* The best blue to use on a web site, it always matches your tie on Tuesday */ .midnight { color: #485762; } .gray1 { color: #B0B0B0; } .gray2 { color: #C8C8C8; } .required { color: #DB6465; } .indicator { font-family: Verdana, Arial, Sans-Serif; font-size: 14px; font-weight: bold; } .login-indicator { position: relative; top:-5px; font-family: Verdana, Arial, Sans-Serif; font-size: 14px; font-weight: bold; color: #DB6465; } /********************************************/ /********** STANDARD FORM FIELDS **********/ /****************************************/ .button-site-notice-banner-close { background-image: url(media/button-site-notice-banner-close.png); background-position: 0 0; width: 24px; height: 24px; } .button-site-notice-banner-close:hover { background-position: -24px 0; } .button-join-and-get-involved { background-image: url(media/button-join-and-get-involved.png); background-position: 0 0; width: 124px; height: 25px; } .button-join-and-get-involved:hover { background-position: -124px 0; } .button-go-to-the-career-center { background-image: url(media/button-go-to-career-center.png); background-position: 0 0; width: 151px; height: 25px; } .button-go-to-the-career-center:hover { background-position: -151px 0; } .button-join-asa-today { background-image: url(media/button-join-asa-today.png); background-position: 0 0; width: 124px; height: 25px; } .button-join-asa-today:hover { background-position: -124px 0; } .button-member-sign-in { background-image: url(media/button-member-sign-in.png); background-position: 0 0; width: 124px; height: 25px; } .button-member-sign-in:hover { background-position: -124px 0; } .button-submit-your-answer { background-image: url(media/button-submit-answer.png); background-position: 0 0; width: 124px; height: 25px; } .button-submit-your-answer:hover { background-position: -124px 0; } .button-my-asa-sign-in { background-image: url(media/button-my-asa-sign-in.png); background-position: 0 0; width: 124px; height: 25px; } .button-my-asa-sign-in:hover { background-position: -124px 0; } .button-my-asa-sign-out { background-image: url(media/button-my-asa-sign-out.png); background-position: 0 0; width: 124px; height: 25px; } .button-my-asa-sign-out:hover { background-position: -124px 0; } .button-my-asa { background-image: url(media/button-my-asa.png); background-position: 0 0; width: 124px; height: 25px; } .button-my-asa:hover { background-position: -124px 0; } .button-add-to-cart { background-image: url(media/button-add-to-cart.png); background-position: 0 0; width: 78px; height: 25px; } .button-add-to-cart:hover { background-position: -78px 0; } .button-visit-this-area { background-image: url(media/button-visit-this-area.png); background-position: 0 0; width: 124px; height: 25px; } .button-visit-this-area:hover { background-position: -124px 0; } .button-search-go { background-image: url(media/button-footer-search-go.png); background-position: 0 0; width: 19px; height: 19px; } .button-search-go:hover { background-position: -19px 0; } .button-home-feature-show { background-image: url(media/button-home-feature-show.png); background-position: 0 0; width: 125px; height: 20px; } .button-home-feature-show:hover { background-position: -125px 0; } .button-home-feature-hide { background-image: url(media/button-home-feature-hide.png); background-position: 0 0; width: 125px; height: 20px; } .button-home-feature-hide:hover { background-position: -125px 0; } .button-kb-reset { background-image: url(media/button-kb-reset.png); background-position: 0 0; width: 84px; height: 25px; } .button-kb-reset:hover { background-position: -84px 0; } .button-kb-search { background-image: url(media/button-kb-search.png); background-position: 0 0; width: 84px; height: 25px; } .button-kb-search:hover { background-position: -84px 0; } .button-warning-kill { background-image: url(media/button-warning-kill.png); background-position: 0 0; width: 16px; height: 16px; } /*.button-warning-kill:hover { background-image: url(media/button-warning-kill.png); }*/ .button-press-room { background-image: url(media/button-press-room.png); background-position: 0 0; width: 78px; height: 25px; } .button-press-room:hover { background-position: -78px 0; } .button-back { background-image: url(media/button-back.png); background-position: 0 0; width: 19px; height: 19px; } .button-back:hover { background-position: -19px 0; } .button-back-disabled { background-image: url(media/button-back-disabled.png); width: 19px; height: 19px; } .button-forward { background-image: url(media/button-forward.png); background-position: 0 0; width: 19px; height: 19px; } .button-forward:hover { background-position: -19px 0; } .button-forward-disabled { background-image: url(media/button-forward-disabled.png); width: 19px; height: 19px; } .button-suggest-new-topic { background-image: url(media/button-suggest-new-topic.png); background-position: 0 0; width: 124px; height: 25px; } .button-suggest-new-topic:hover { background-position: -124px 0; } .button-pop-up-close-01 { background-image: url(media/button-pop-up-close-01.png); background-position: 0 0; width: 9px; height: 9px; } .button-pop-up-close-01:hover { background-position: -9px 0; } .button-pop-up-close-02 { background-image: url('media/button-header-pop-up-close.png'); background-position: 0 0; width: 9px; height: 9px; } .button-pop-up-close-02:hover { background-position: -9px 0; } .button-register { background-image: url(media/button-register.png); background-position: 0 0; width: 84px; height: 25px; } .button-register:hover { background-position: -84px 0; } .button-submit-new-event { background-image: url(media/button-submit-new-event.png); background-position: 0 0; width: 124px; height: 25px; } .button-submit-new-event:hover { background-position: -124px 0; } .button-job-seekers { background-image: url(media/button-job-seekers.png); background-position: 0 0; width: 78px; height: 25px; } .button-job-seekers:hover { background-position: -78px 0; } .button-employers { background-image: url(media/button-employers.png); background-position: 0 0; width: 78px; height: 25px; } .button-employers:hover { background-position: -78px 0; } .button-reset-dark { background-image: url(media/button-reset-dark.png); background-position: 0 0; width: 84px; height: 25px; } .button-reset-dark:hover { background-position: -84px 0; } .button-reset { background-image: url(media/button-reset.png); background-position: 0 0; width: 84px; height: 25px; } .button-reset:hover { background-position: -84px 0; } .button-reset-light { background-image: url(media/button-reset-light.png); background-position: 0 0; width: 84px; height: 25px; } .button-reset-light:hover { background-position: -84px 0; } .button-pay-dues { background-image: url(media/button-pay-dues.png); background-position: 0 0; width: 84px; height: 25px; } .button-pay-dues:hover { background-position: -84px 0; } .button-pay-dues-disabled { background-image: url(media/button-pay-dues-disabled.png); background-position: 0 0; width: 84px; height: 25px; } .button-pay-dues-disabled:hover { background-position: -84px 0; } .button-edit { background-image: url(media/button-edit.png); background-position: 0 0; width: 84px; height: 25px; } .button-edit:hover { background-position: -84px 0; } .button-update-professional-profile { background-image: url(media/button-update-professional-profile.png); background-position: 0 0; width: 180px; height: 25px; } .button-update-professional-profile:hover { background-position: -180px 0; } .button-cancel-01 { background-image: url(media/button-cancel-01.png); background-position: 0 0; width: 60px; height: 25px; } .button-cancel-01:hover { background-position: -60px 0; } .button-send-01 { background-image: url(media/button-send-01.png); background-position: 0 0; width: 60px; height: 25px; } .button-send-01:hover { background-position: -60px 0; } .button-save-01 { background-image: url(media/button-save-01.png); background-position: 0 0; width: 84px; height: 25px; } .button-save-01:hover { background-position: -84px 0; } .button-save-03 { background-image: url(media/button-save-01.png); background-position: 0 0; width: 84px; height: 25px; } .button-save-03:hover { background-position: -84px 0; } .button-search-01 { background-image: url(media/button-search-01.png); background-position: 0 0; width: 84px; height: 25px; } .button-search-01:hover { background-position: -84px 0; } .button-reset { background-image: url(media/button-reset.png); background-position: 0 0; width: 84px; height: 25px; } .button-reset:hover { background-position: -84px 0; } .button-search-draw { background-image: url(media/button-search-draw.png); background-position: 0 0; width: 124px; height: 25px; } .button-search-draw:hover { background-position: -124px 0; } .button-submit-new-resource { background-image: url(media/button-submit-new-resource.png); background-position: 0 0; width: 151px; height: 25px; } .button-submit-new-resource:hover { background-position: -151px 0; } .button-submit { background-image: url(media/button-submit.png); background-position: 0 0; width: 84px; height: 25px; } .button-submit:hover { background-position: -84px 0; } .button-start-new-search { background-image: url(media/button-start-new-search.png); background-position: 0 0; width: 124px; height: 25px; } .button-start-new-search:hover { background-position: -124px 0; } .button-merchandise-store { background-image: url(media/button-merchandise-store.png); background-position: 0 0; width: 124px; height: 25px; } .button-merchandise-store:hover { background-position: -124px 0; } .button-publications-store { background-image: url(media/button-publications-store.png); background-position: 0 0; width: 124px; height: 25px; } .button-publications-store:hover { background-position: -124px 0; } .button-listen-to-podcast { background-image: url(media/button-listen-to-podcast.png); background-position: 0 0; width: 124px; height: 25px; } .button-listen-to-podcast:hover { background-position: -124px 0; } .button-watch-video { background-image: url(media/button-watch-video.png); background-position: 0 0; width: 124px; height: 25px; } .button-watch-video:hover { background-position: -124px 0; } .button-view-issue-online { background-image: url(media/button-view-issue-online.png); background-position: 0 0; width: 124px; height: 25px; } .button-view-issue-online:hover { background-position: -124px 0; } .button-contribute { background-image: url(media/button-contribute.png); background-position: 0 0; width: 84px; height: 25px; } .button-contribute:hover { background-position: -84px 0; } .button-register-now { background-image: url(media/button-register-now.png); background-position: 0 0; width: 84px; height: 25px; } .button-register-now:hover { background-position: -84px 0; } .button-hotel-and-travel { background: url(media/button-hotel-and-travel.png); background-position: 0 0; width: 84px; height: 25px; } .button-hotel-and-travel:hover { background-position: -84px 0; } .button-for-residents { background-image: url(media/button-for-residents.png); background-position: 0 0; width: 124px; height: 25px; } .button-for-residents:hover { background-position: -124px 0; } .button-for-students { background-image: url(media/button-for-students.png); background-position: 0 0; width: 124px; height: 25px; } .button-for-students:hover { background-position: -124px 0; } .button-form-back { background-image: url(media/button-form-back.png); background-position: 0 0; width: 84px; height: 25px; } .button-form-back:hover { background-position: -84px 0; } .button-form-next { background-image: url(media/button-form-next.png); background-position: 0 0; width: 84px; height: 25px; } .button-form-next:hover { background-position: -84px 0; } .button-delete-01 { background-image: url(media/button-delete-01.png); background-position: 0 0; width: 84px; height: 25px; } .button-delete-01:hover { background-position: -84px 0; } .button-add-new { background-image: url(media/button-add-new.png); background-position: 0 0; width: 84px; height: 25px; } .button-add-new:hover { background-position: -84px 0; } .button-add { background-image: url(media/button-add.png); background-position: 0 0; width: 84px; height: 25px; } .button-add:hover { background-position: -84px 0; } .button-add-activity { background-image: url(media/button-add-activity.png); background-position: 0 0; width: 84px; height: 19px; } .button-add-activity:hover { background-position: -84px 0; } .button-log-in { background-image: url(media/button-log-in.png); background-position: 0 0; width: 84px; height: 25px; } .button-log-in:hover { background-position: -84px 0; } .button-press-room-archive { background-image: url(media/button-press-room-archive.png); background-position: 0 0; width: 124px; height: 25px; } .button-press-room-archive:hover { background-position: -124px 0; } .button-asa-member-benefits { background-image: url(media/button-asa-member-benefits.png); background-position: 0 0; width: 124px; height: 25px; } .button-asa-member-benefits:hover { background-position: -124px 0; } .button-previous-arrow { background-image: url(media/button-previous-arrow.png); background-position: 0 0; width: 66px; height: 20px; } .button-previous-arrow:hover { background-position: -66px 0; } .button-previous-arrow-disabled { background-image: url(media/button-previous-arrow-disabled.png); background-position: 0 0; width: 66px; height: 20px; } .button-next-arrow { background-image: url(media/button-next-arrow.png); background-position: 0 0; width: 47px; height: 20px; } .button-next-arrow:hover { background-position: -47px 0; } .button-next-arrow-disabled { background-image: url(media/button-next-arrow-disabled.png); background-position: 0 0; width: 47px; height: 20px; } .button-save-and-close { background-image: url(media/button-save-and-close.png); background-position: 0 0; width: 84px; height: 25px; } .button-save-and-close:hover { background-position: -84px 0; } .button-reghoutrav { background-image: url(media/button-reghoutrav.png); background-position: 0 0; width: 207px; height: 25px; } .button-reghoutrav:hover { background-position: -207px 0; } .button-nonmember-lms-asa { background-image: url(media/button-nonmember-lms-asa.png); background-position: 0 0; width: 160px; height: 25px; } .button-nonmember-lms-asa:hover { background-position: -160px 0; } /* for updated buttons */ .button-previous-save-arrow { background-image: url(media/button-previous-save-arrow.png); background-position: 0 0; width: 100px; height: 20px; } .button-previous-save-arrow:hover { background-position: -100px 0; } .button-previous-save-arrow-disabled { background-image: url(media/button-previous-save-arrow-disabled.png); background-position: 0 0; width: 100px; height: 20px; } .button-next-save-arrow { background-image: url(media/button-next-save-arrow.png); background-position: 0 0; width: 84px; height: 20px; } .button-next-save-arrow:hover { background-position: -84px 0; } .button-next-save-arrow-disabled { background-image: url(media/button-next-save-arrow-disabled.png); background-position: 0 0; width: 84px; height: 20px; } .dropdown-search { height: 15px; width: 97px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #FFF; background-color: #9EAEB8; border: solid 1px #62737E; } .textbox-search { height: 18px; width: 250px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 18px; background-color: #9EAEB8; border: none 0 Transparent; text-indent:4px; } .textbox-search-watermark { height: 19px; width: 250px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #E7EBED; line-height: 18px; background-color: #9EAEB8; border: none 0 Transparent; text-indent:4px; } .textbox-header-login { height: 15px; width: 116px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #000; line-height: 10px; border: none 0px transparent; } .textbox-header-login-id-watermark { height: 15px; width: 116px; font-family: Arial, Sans-Serif; font-size: 2px; font-weight: normal; color: #FFF; text-align: right; background-image: url('media/sign-in-id-watermark.gif'); border: none 0 Transparent; } .textbox-header-login-pwd-watermark { height: 15px; width: 116px; font-family: Arial, Sans-Serif; font-size: 2px; font-weight: normal; color: #FFF; text-align: right; background-image: url('media/sign-in-pwd-watermark.gif'); border: none 0 Transparent; } .dropdown-header-kb-list { height: 20px; width: 239px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #000000; } .textbox-header-kb-search { height: 15px; width: 237px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #000000; line-height: 10px; border: none 0px transparent; } .textbox-header-kb-search-watermark { height: 15px; width: 237px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; line-height: 10px; border: none 0 Transparent; } div.text-box-w186 { display: block; position: relative; width: 186px; height: 20px; background-image: url("media/text-box-186w.png"); } div.text-box-w186 input { position: absolute; left: 3px; top: 4px; width: 182px; height: 13px; border: none 0px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w186 .watermark1 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w158 { display: block; position: relative; width: 158px; height: 20px; background-image: url("media/text-box-158w.png"); } div.text-box-w158 input { position: absolute; left: 3px; top: 4px; width: 154px; height: 13px; border: none 0px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w158 .watermark1 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w115 { display: block; position: relative; width: 115px; height: 20px; background-image: url("media/text-box-115w.png"); } div.text-box-w115 input { position: absolute; left: 3px; top: 4px; width: 111px; height: 13px; border: none 0px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w115 .watermark1 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w75 { display: block; position: relative; width: 75px; height: 20px; background-image: url("media/text-box-75w.png"); } div.text-box-w75 input { position: absolute; left: 3px; top: 4px; width: 71px; height: 13px; border: none 0px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w75 .watermark1 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w30 { display: block; position: relative; width: 30px; height: 20px; background-image: url("media/text-box-30w.png"); } div.text-box-w30 input { position: absolute; left: 3px; top: 4px; width: 26px; height: 13px; border: none 0px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w30 .watermark1 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w421 { display: block; position: relative; width: 421px; height: 20px; background-image: url("media/text-box-421w.png"); } div.text-box-w421 input { position: absolute; left: 3px; top: 4px; width: 417px; height: 13px; border: none 0px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-box-w421 .watermark1 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-area-421x91 { display: block; position: relative; width: 421px; height: 91px; background-image: url("media/text-area-421x91.png"); } div.text-area-421x91 textarea { position: absolute; left: 3px; top: 4px; width: 417px; height: 84px; border: none 0px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } div.text-area-421x91 .watermark1 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } select.gray-10 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } /*******************************************************/ /********** STANDARD RATING STAR DISPLAYS ************/ /***************************************************/ .rating-stars { display: block; position: relative; height: 13px; } .rating-stars .star-inactive { display: block; position: relative; float: left; width: 15px; height: 13px; background: url('media/rating-star-blue-empty.png') no-repeat; } .rating-stars .star-active { display: block; position: relative; float: left; width: 15px; height: 13px; background: url('media/rating-star-blue-filled.png') no-repeat; } /********************************************/ /********** STANDARD DOT PAGER ************/ /****************************************/ .dot-pager { width: 100%; font-size: 10px; height: 15px; padding-bottom: 5px; } .dot-pager .buttons { position: relative; top: 5px; right: 10px; float: right; height: 7px; } .dot-pager .buttons a.selected { display: inline; position:relative; top: -7px; width: 13px; height: 14px; float: left; text-align: left; vertical-align: top; text-indent: -9999px; font-weight: bold; font-size: 10px; line-height: 7px; } .dot-pager .buttons a.selected:link, .dot-pager .buttons a.selected:visited { background: url('media/bg-dot-pager-blue.png') no-repeat; background-position: left bottom; color: #4774B2; /*#5A87C5;*/ text-decoration: underline; margin: 0 0; padding: 0 0; } .dot-pager .buttons a.selected a:active, .dot-pager .buttons a.selected a:hover { background: url('media/bg-dot-pager-blue.png') no-repeat; background-position: left bottom; color: #4774B2; /*#5A87C5;*/ text-decoration: none; } .dot-pager .buttons a.unselected { position:relative; top: -7px; width: 13px; height: 14px; float: left; text-align: left; text-indent: -9999px; font-weight: bold; font-size: 10px; line-height: 7px; } .dot-pager .buttons a.unselected:link, .dot-pager .buttons a.unselected:visited { background: url('media/bg-dot-pager-gray.png') no-repeat; background-position: left bottom; color: #D2D2D2; text-decoration: none; } .dot-pager .buttons a.unselected:active, .dot-pager .buttons a.unselected:hover { background: url('media/bg-dot-pager-blue.png') no-repeat; background-position: left bottom; color: #4774B2; /*#5A87C5;*/ text-decoration: underline; } /* .dot-pager .view-all { position: relative; top: 2px; float: right; text-align: right; } .dot-pager .view-all a:link, .dot-pager .view-all a:visited { color: #4774B2; /*#5A87C5;/ text-decoration: none; font-size: 10px; } .dot-pager .view-all a:hover,.dot-pager .view-all a:active { color: #4774B2; /*#5A87C5;/ text-decoration: underline; font-size: 10px; } */ /******************************************/ /********** THICK BOX STYLES ************/ /**************************************/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000000;} #TB_window a:active {color: #666666;} #TB_window a:focus {color: #666666;} #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(media/ThickBox_macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } /* ie6 hack */ * html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:40%; left:50%; } /* ie6 hack */ * html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title { background-color:#e8e8e8; height:27px; } #TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal { padding:15px; } #TB_ajaxContent p { padding:5px 0px 5px 0px; } #TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } /* ie6 hack */ * html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } /* ie6 hack */ * html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } #print-header { display: block; position: relative; width: 797px; height: 36px;} #print-header .banner { display: block; position: relative; width: 790px; height: 27px; padding: 5px; } #print-header .banner .inner { display: block; position: relative; width: 100%; height: 100%; background-color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/} #print-header .banner .inner p { display: inline-block; position: relative; top: 5px; left: 10px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF; } #email-header { display: block; position: relative; width: 500px; height: 31px;} #email-header .banner { display: block; position: relative; top: 4px; left: 4px; width: 492px; height: 27px;} #email-header .banner .inner { display: block; position: relative; width: 100%; height: 100%; background-color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/} #email-header .banner .inner p { display: inline-block; position: relative; top: 5px; left: 10px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF; } /**************************************************************************************************************************************************************/ /*******************************************************************************/ /*******************************************************************************/ /****************** S T A N D A R D P A G E C A N V A S ********************/ /*******************************************************************************/ /*******************************************************************************/ /**************************************************************************************************************************************************************/ body { background-color: #455560; background-image: url("media/bg-main-gradient.png"); background-position: center; background-repeat: repeat-y; } #page-holder { display: block; position: relative; margin: 0 auto; width: 960px; z-index: 0; } #page-body { display: block; position: relative; width: 960px; /*min-height: 100px; background: #FFF; url("media/bg-page-body.png") repeat-y;*/ z-index: 10; } .page-background-default { background: #FFF url("media/bg-page-body.png") repeat-y; } /**************************************************************************************************************************************************************/ /*************************************************************/ /*************************************************************/ /****************** S I T E H E A D E R ********************/ /*************************************************************/ /*************************************************************/ /**************************************************************************************************************************************************************/ #page-header { display: block; position: relative; width: 960px; height: 117px; background: transparent; z-index: 600; } /********* Header Top Links and Advert Pop-Up Widget **********/ #page-header #page-header-toplinks { display: block; position: absolute; top: 10px; left: 0; width: 360px; height: 15px; z-index: 601 } #page-header-toplinks .header-top-link { display: block; position: relative; float: left; height: 15px; /*padding: 0 4px 0 4px; border-right: solid 2px #B9C6CF; /*#8B9BA7*/*/ font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #88959F; } #page-header-toplinks .header-top-link a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #E6EDF2; /*#ADBAC3;*/ } #page-header-toplinks .header-top-link a:link, #page-header-toplinks .header-top-link a:visited { text-decoration: none; color: #E6EDF2; /*#ADBAC3; /*#8B9BA7*/ } #page-header-toplinks .header-top-link a:hover, #page-header-toplinks .header-top-link a:active { text-decoration: none; color: #FFF; /*#8B9BA7*/ } #page-header-toplinks .first { /*padding: 0 4px 0 0;*/ } #page-header-toplinks .last { /*border-right: none 0px Transparent;*/ } #page-header-toplinks .advert { width: 133px; height: 15px; background: url('media/button-down-arrow-icon-2.png') no-repeat 122px top; overflow: hidden; } #page-header-toplinks .advert:hover { height: 151px; background-image: url("media/button-down-arrow-icon-ro.png"); overflow: visible; } #page-header-toplinks .advert .pop-up-advert { display: block; position: absolute; top: 15px; left: 0px; /* Important to IE7 */ width: 271px; overflow: hidden; } #page-header-toplinks .advert .pop-up-advert .advert-box-top { display: block; position: relative; width: 271px; height: 20px; background: url('media/bg-header-advert-box-top.png') no-repeat left top; } #page-header-toplinks .advert .pop-up-advert .advert-box-main { display: block; position: relative; width: 271px; min-height: 10px; background: url('media/bg-header-advert-box-main.png') repeat-y left top; } #page-header-toplinks .advert .pop-up-advert .advert-box-bottom { display: block; position: relative; width: 271px; height: 25px; background: url('media/bg-header-advert-box-bottom.png') no-repeat left top; } #page-header-toplinks .advert .pop-up-advert .advert-heading { display: block; position: relative; width: 226px; left: 20px; } #page-header-toplinks .advert .pop-up-advert .advert-heading h4 { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 16px; color: #FFF; } #page-header-toplinks .advert .pop-up-advert .advert-links { display: block; position: relative; width: 226px; left: 20px; margin-top: 15px; } #page-header-toplinks .advert .pop-up-advert .advert-links ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; } #page-header-toplinks .advert .pop-up-advert .advert-links ul li { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #3EBBF1; padding-bottom: 2px; } #page-header-toplinks .advert .pop-up-advert .advert-links ul li a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #FFFFFF; /*Override any damn cascaded blocked a's...*/ display: inline !important; width: auto !important; height: auto !important; } #page-header-toplinks .advert .pop-up-advert .advert-links ul li a:link, #page-header-toplinks .advert .pop-up-advert .advert-links ul li a:visited {text-decoration: none;} #page-header-toplinks .advert .pop-up-advert .advert-links ul li a:hover, #page-header-toplinks .advert .pop-up-advert .advert-links ul li a:active {text-decoration: underline;} /**************************************************************/ /********** HEADER SIGN-IN WIDGET (WHEN NOT SIGNED IN) **********/ #page-header #page-header-signin { display: block; position: absolute; top: 10px; left: 520px; width: 101px; height: 60px; z-index: 602; } /*** VISIBLE WIDGET ***/ #page-header #page-header-signin .sign-in-tool { display: block; position: relative; width: 101px; height: 40px; background: transparent url("media/bg-header-sign-in-button.png") no-repeat; background-position: 0 0; overflow: hidden; z-index: 610; } #page-header #page-header-signin .sign-in-tool:hover { height: 40px; background-position: -101px 0; overflow: visible; z-index: 610; } #page-header #page-header-signin .sign-in-tool h3 { display: block; width: 101px; height: 40px; text-indent: -9999px; } #page-header #page-header-signin .sign-in-tool a { display: block; width: 101px; height: 40px; color: #E6EDF2; } #page-header #page-header-signin .not-a-member-link { display: block; position: absolute; bottom: 3px; left: 11px; width: 86px; height: 15px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #ADBAC3; z-index: 605; } #page-header #page-header-signin .not-a-member-link a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #E6EDF2; /*#B9C6CF;*/ } #page-header #page-header-signin .not-a-member-link a:link, #page-header #page-header-signin .not-a-member-link a:visited { text-decoration: none; color: #E6EDF2; } #page-header #page-header-signin .not-a-member-link a:hover, #page-header #page-header-signin .not-a-member-link a:active { text-decoration: none; color: #FFFFFF; } /*** POP-UP ***/ .sign-in-pop-up { display: block; position: absolute; /*top: 43px; left: 0px;*/ top: 3px; width: 291px; height: 147px; background: transparent url("media/bg-header-sign-in-box.png") no-repeat; background-position: left top; overflow: hidden; z-index: 610; } .sign-in-pop-up .sipu-close-panel { display: block; position: absolute; top: 7px; right: 17px; width: 9px; height: 9px; font-size: 2px; background: transparent url('media/button-header-pop-up-close.gif') no-repeat; overflow: hidden; cursor: pointer; } .sign-in-pop-up .sipu-close-panel:hover { background-image: url('media/button-header-pop-up-close-ro.gif'); } .sign-in-pop-up .sipu-close-panel a.close-login-panel { display: block; width: 9px; height: 9px; } .sign-in-pop-up .sign-in-pu-left { display: block; position: absolute; top: 18px; left: 24px; width: 120px; height: 106px; z-index: 610; } .sign-in-pop-up .sign-in-pu-left .sipu-left-heading { display: block; position: absolute; top: 3px; left: 0px; height: 20px; width: 100px; white-space: nowrap; overflow: hidden; z-index: 610; } .sign-in-pop-up .sign-in-pu-left .sipu-left-heading h4 { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 15px; color: #FFF; } .sign-in-pop-up .sign-in-pu-left .sipu-go-button { display: block; position: absolute; top: 75px; /*2px*/ right: 0px; height: 19px; width: 19px; z-index: 610; } .sign-in-pop-up .sign-in-pu-left .sipu-username { display: block; position: absolute; top: 29px; left: 3px; height: 15px; width: 116px; overflow: hidden; z-index: 610; } .sign-in-pop-up .sign-in-pu-left .sipu-password { display: block; position: absolute; top: 54px; left: 3px; height: 15px; width: 116px; overflow: hidden; z-index: 610; } .sign-in-pop-up .sign-in-pu-left .sipu-remember-me { display: block; position: absolute; top: 75px; left: 0px; height: 10px; width: 120px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #FFF; } .sign-in-pop-up .sign-in-pu-left .sipu-remember-me input { margin: 0; padding: 0; } .sign-in-pop-up .sign-in-pu-left .sipu-remember-me .sipu-remember-me-label { margin: 0 0 0 3px; line-height: 10px; } .sign-in-pop-up .sign-in-pu-left .sipu-help { display: block; position: absolute; top: 97px; left: 0px; height: 10px; width: 120px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #B9C6CF; } .sign-in-pop-up .sign-in-pu-left .sipu-help a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #B9C6CF; } .sign-in-pop-up .sign-in-pu-left .sipu-help a:link, .sign-in-pop-up .sign-in-pu-left .sipu-help a:visited { text-decoration: none; } .sign-in-pop-up .sign-in-pu-left .sipu-help a:hover, .sign-in-pop-up .sign-in-pu-left .sipu-help a:active { text-decoration: underline; } .sign-in-pop-up .sign-in-pu-right { display: block; position: absolute; top: 18px; right: 10px; width: 120px; height: 106px; } .sign-in-pop-up .sign-in-pu-right .sipu-right-heading { display: block; position: absolute; top: 5px; width: 120px; height: 60px; } .sign-in-pop-up .sign-in-pu-right .sipu-right-heading h4 { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 15px; color: #72CDF4; } .sign-in-pop-up .sign-in-pu-right .sipu-right-heading p { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #ECECEC; line-height: 11px; margin-top: 10px; } .sign-in-pop-up .sign-in-pu-right .sipu-right-links { display: block; position: absolute; top: 70px; width: 120px; height: 35px; } .sign-in-pop-up .sign-in-pu-right .sipu-right-links a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF; height: auto !important; width: auto !important; margin: 0 !important; float: none !important; display: inline !important; } .sign-in-pop-up .sign-in-pu-right .sipu-right-links a:link, .sign-in-pop-up .sign-in-pu-right .sipu-right-links a:visited { text-decoration: none; } .sign-in-pop-up .sign-in-pu-right .sipu-right-links a:hover, .sign-in-pop-up .sign-in-pu-right .sipu-right-links a:active { text-decoration: underline; } /****************************************************************/ /********** HEADER SIGNED-IN WIDGET (WHEN LOGGED IN) **********/ #page-header #page-header-signedin { display: block; position: absolute; top: 10px; left: 470px; width: 145px; height: 75px; } #page-header-signedin p { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #FFFFFF; } #page-header-signedin p a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #E6EDF2; /*#B9C6CF; /*#B1BDC6*/ } #page-header-signedin p a:link, #page-header-signedin p a:visited { text-decoration: none; } #page-header-signedin p a:hover, #page-header-signedin p a:active { text-decoration: none; color: #FFF; } #page-header-signedin p.member-name { font-family: Arial, Sans-Serif; font-weight: bold; font-size: 12px; color: #FFFFFF; } #page-header-signedin p.member-name a { font-family: Arial, Sans-Serif; font-weight: bold; font-size: 12px; color: #72CDF4; } #page-header-signedin p.member-name a:link, #page-header-signedin p.member-name a:visited { text-decoration: none; } #page-header-signedin p.member-name a:hover, #page-header-signedin p.member-name a:active { text-decoration: underline; } /**************************************************************/ /********** HEADER SEARCH WIDGET ***********/ #page-header #page-header-search { display: block; position: absolute; top: 10px; left: 640px; width: 320px; height: 60px; background: url('media/bg-search-widget.png') no-repeat left top; z-index: 601; } /*#page-header-search .dropdown { display: block; position: absolute; top: 13px; left: 37px; }*/ #page-header-search .textbox { display: block; position: absolute; top: 11px; left: 35px; } #page-header-search .button { display: block; position: absolute; top: 11px; left: 291px; } #page-header-search .search-options { display: block; position: absolute; bottom: 3px; left: -9px; /*13px;*/ width: 320px; height: 15px; } #page-header-search .search-options .search-option { display: block; position: relative; float: right; height: 15px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #88959F; } #page-header-search .search-options .search-option a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #E6EDF2; /*#ADBAC3;*/ } #page-header-search .search-options .search-option a:link, #page-header-search .search-options .search-option a:visited { text-decoration: none; color: #E6EDF2; } #page-header-search .search-options .search-option a:hover, #page-header-search .search-options .search-option a:active { text-decoration: none; color: #FFFFFF; } #page-header-search .search-options .top-searches { width: 105px; height: 15px; background: url('media/button-down-arrow-icon-2.png') no-repeat 95px top; overflow: hidden; } #page-header-search .search-options .top-searches:hover { height: 15px; background: url('media/button-down-arrow-icon-ro.png') no-repeat 95px top; overflow: visible; } #page-header-search .search-options .top-searches .top-search-pop-up { display: block; position: absolute; top: 15px; left: 0px; width: 180px; background: transparent; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-pop-up-top { display: block; position: relative; width: 180px; height: 15px; background: url('media/bg-header-top-search-box-top.png') no-repeat left top; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-pop-up-main { display: block; position: relative; width: 180px; background: url('media/bg-header-top-search-box-main.png') repeat-y left top; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-pop-up-bottom { display: block; position: relative; width: 180px; height: 24px; background: url('media/bg-header-top-search-box-bottom.png') no-repeat left bottom; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links { display: block; position: relative; left: 20px; width: 130px; min-height: 11px; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links ul li { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #3EBBF1; padding-bottom: 5px; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links ul li a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #FFF; /*Override any damn cascaded blocked a's...*/ display: inline !important; width: auto !important; height: auto !important; } #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links ul li a:link, #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links ul li a:visited {text-decoration: none;} #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links ul li a:hover, #page-header-search .search-options .top-searches .top-search-pop-up .top-search-links ul li a:active {text-decoration: underline;} /*******************************************/ /********** HEADER KNOWLEDGE BASE WIDGET **********/ #page-header #page-header-knowledgebase { display: block; position: absolute; top: 10px; right: 0; z-index: 601; background: transparent url("media/bg-header-knowledgebase-button.png") no-repeat 0 0; overflow: hidden; height: 40px; width: 101px; } #page-header #page-header-knowledgebase:hover { background-position: -101px 0; overflow: visible; height: 40px; /*270px;*/ } #page-header #page-header-knowledgebase h3 { display: block; width: 101px; height: 40px; text-indent: -9999px; } #page-header #page-header-knowledgebase a { display: block; width: 101px; height: 40px; } /*** KNOWLEDGE BASE POP-UP ***/ /* .header-knowledgebase-pop-up { display: block; position: absolute; top: 3px; right: -108px; width: 291px; height: 227px; background: transparent url("media/bg-header-knowledgebase-box.png") no-repeat; background-position: left top; overflow: hidden; } */ .header-knowledgebase-pop-up { display: block; position: absolute; /*top: 43px; right: -7px;*/ top: 3px; right: -108px; width: 291px; height: 227px; background: transparent url("media/bg-header-knowledgebase-box-2.png") no-repeat; background-position: left top; overflow: hidden; } .header-knowledgebase-pop-up .kbpu-close-panel { background: transparent url('media/button-header-pop-up-close.gif') no-repeat; display: block; position: absolute; top: 7px; right: 17px; width: 9px; height: 9px; font-size: 2px; overflow: hidden; cursor: pointer; } .header-knowledgebase-pop-up .kbpu-close-panel:hover { background-image: url('media/button-header-pop-up-close-ro.gif'); } .header-knowledgebase-pop-up .kbpu-close-panel a.close-login-panel { display: block; width: 9px; height: 9px; } .header-knowledgebase-pop-up .kbpu-heading { display: block; position: absolute; top: 23px; left: 24px;} .header-knowledgebase-pop-up .kbpu-heading h4 { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 15px; color: #FFF; } .header-knowledgebase-pop-up .kbpu-search-box { display: block; position: absolute; top: 57px; left: 27px; width: 237px; height: 15px; overflow: hidden; } /* .header-knowledgebase-pop-up .kbpu-drop-downs { display: block; position: absolute; top: 75px; left: 25px; width: 239px; } */ .header-knowledgebase-pop-up .kbpu-drop-downs { display: block; position: absolute; top: 20px; left: 25px; width: 239px; } .header-knowledgebase-pop-up .kbpu-drop-downs .kbpu-drop-down { display: block; position: relative; margin-top: 10px; width: 239px; height: 20px; } /* .header-knowledgebase-pop-up .kbpu-add-text { display: block; position: absolute; Top: 140px; left: 25px; width: 239px; height: 32px; overflow: hidden; } */ .header-knowledgebase-pop-up .kbpu-add-text { display: block; position: absolute; Top: 85px; left: 25px; width: 239px; height: 32px; overflow: hidden; } .header-knowledgebase-pop-up .kbpu-add-text p { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 12px; color: #FFFFFF; } .header-knowledgebase-pop-up .kbpu-add-text p a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 12px; color: #B1BDC6; } .header-knowledgebase-pop-up .kbpu-add-text p a:link, .header-knowledgebase-pop-up .kbpu-add-text p a:visited { text-decoration: none; } .header-knowledgebase-pop-up .kbpu-add-text p a:hover, .header-knowledgebase-pop-up .kbpu-add-text p a:active { text-decoration: underline; } .header-knowledgebase-pop-up .kbpu-buttons { display: block; position: absolute; bottom: 23px; right: 26px; } .header-knowledgebase-pop-up .kbpu-buttons .kbpu-button { display: block; position: relative; float: left; width: 84px; height: 25px; margin-left: 10px; } /**************************************************/ /******************** HEADER BRAND LOGO WIDGET ********************/ #page-header #page-header-logo { display: block; width: 291px; height: 44px; position: absolute; top: 55px; left: 5px; background: url('media/asa-logo-291x44.png') no-repeat; } #page-header #page-header-logo h1 { display: block; width: 291px; height: 44px; text-indent: -9999px; } #page-header #page-header-logo a { display: block; width: 291px; height: 44px; } /******************************************************************/ /******************** HEADER MENU - SUPERCEEDED BY NEW FUNCTION! ********************/ #page-header #page-header-menu { display: block; position: absolute; bottom: 0px; right: -7px; width: 368px; height: 30px; background: transparent url('media/bg-header-menu.png') no-repeat; z-index: 600;} /********** HEADER MENU ITEM: About ASA **********/ /*** ITEM ***/ #page-header #page-header-menu .menu-item-about-asa { display: block; position: absolute; left: 0px; background-image: none; overflow: hidden; height: 30px; width: 86px; /*background: transparent url('media/header-menu-tab-about.png') no-repeat;*/ } #page-header #page-header-menu .menu-item-about-asa:hover { background: transparent url('media/header-menu-tab-about-ro.png') no-repeat; overflow: visible; height: 90px; } #page-header #page-header-menu .menu-item-about-asa.with-js { background-image: none !important; overflow: hidden !important; height: 30px !important; } #page-header #page-header-menu .menu-item-about-asa.show-about { background: transparent url('media/header-menu-tab-about-ro.png') no-repeat; overflow: visible; height: 90px; } #page-header #page-header-menu .menu-item-about-asa h2 { display: block; width: 86px; height: 30px; text-indent: -9999px; } #page-header #page-header-menu .menu-item-about-asa a { display: block; width: 86px; height: 30px; cursor: pointer; } /*** MEGA MENU DROPDOWN ***/ #page-header #page-header-menu .menu-item-about-asa .menu-item-about-asa-content { display: block; position: absolute; top: 30px; left: 0px; width: 229px; } #page-header #page-header-menu .menu-item-about-asa .menu-item-about-asa-content .menu-item-about-asa-content-top { display: block; position: relative; width: 229px; height: 18px; background: url('media/bg-sub-menu-about-top.png') no-repeat left top; } #page-header #page-header-menu .menu-item-about-asa .menu-item-about-asa-content .menu-item-about-asa-content-main { display: block; position: relative; width: 229px; min-height: 16px; background: url('media/bg-sub-menu-about-main.png') repeat-y left top; } #page-header #page-header-menu .menu-item-about-asa .menu-item-about-asa-content .menu-item-about-asa-content-bottom { display: block; position: relative; width: 229px; height: 26px; background: url('media/bg-sub-menu-about-bottom.png') no-repeat left bottom; } /*** MEGA MENU DROPDOWN STYLES ***/ .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner { display: block; position: relative; left: 18px; width: 188px; } .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner h3 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; width: 100%; border-bottom: dotted 1px #656565; margin-bottom: 10px; } .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; } .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ padding-bottom: 2px; } .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ display: inline !important; width: auto !important; height: auto !important; } .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner ul li a:link, .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner ul li a:visited {text-decoration: none;} .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner ul li a:hover, .menu-item-about-asa-content .menu-item-about-asa-content-main .menu-item-about-asa-content-inner ul li a:active {text-decoration: underline;} /*************************************************/ /********* HEADER MENU ITEM: Join ASA **********/ /*** ITEM ***/ #page-header #page-header-menu .menu-item-join-asa { display: block; position: absolute; left: 71px; background-image: none; overflow: hidden; height: 30px; width: 75px; /*background: transparent url('media/header-menu-tab-join.png') no-repeat;*/ } #page-header #page-header-menu .menu-item-join-asa:hover { background: transparent url('media/header-menu-tab-join-ro.png') no-repeat; overflow: visible; height: 90px; } #page-header #page-header-menu .menu-item-join-asa.with-js { background-image: none !important; overflow: hidden !important; height: 30px !important; } #page-header #page-header-menu .menu-item-join-asa.show-join { background: transparent url('media/header-menu-tab-join-ro.png') no-repeat; overflow: visible; height: 90px; } #page-header #page-header-menu .menu-item-join-asa h2 { display: block; width: 75px; height: 30px; text-indent: -9999px; } #page-header #page-header-menu .menu-item-join-asa a { display: block; width: 75px; height: 30px; cursor: pointer; } /*** MEGA MENU DROPDOWN ***/ #page-header #page-header-menu .menu-item-join-asa .menu-item-join-asa-content { display: block; position: absolute; top: 30px; left: 0px; width: 231px; } #page-header #page-header-menu .menu-item-join-asa .menu-item-join-asa-content .menu-item-join-asa-content-top { display: block; position: relative; width: 231px; height: 18px; background: url('media/bg-sub-menu-join-top.png') no-repeat left top; } #page-header #page-header-menu .menu-item-join-asa .menu-item-join-asa-content .menu-item-join-asa-content-main { display: block; position: relative; width: 231px; min-height: 16px; background: url('media/bg-sub-menu-join-main.png') repeat-y left top; } #page-header #page-header-menu .menu-item-join-asa .menu-item-join-asa-content .menu-item-join-asa-content-bottom { display: block; position: relative; width: 231px; height: 26px; background: url('media/bg-sub-menu-join-bottom.png') no-repeat left bottom; } /*** MEGA MENU DROPDOWN STYLES ***/ .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner { display: block; position: relative; left: 18px; width: 190px; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner h3 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; width: 100%; border-bottom: dotted 1px #656565; margin-bottom: 10px; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ line-height: 14px; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner p a:link, .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner p a:visited { text-decoration: none; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner p a:hover, .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner p a:active {text-decoration: underline; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ padding-bottom: 2px; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ display: inline !important; width: auto !important; height: auto !important; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner ul li a:link, .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner ul li a:visited { text-decoration: none; } .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner ul li a:hover, .menu-item-join-asa-content .menu-item-join-asa-content-main .menu-item-join-asa-content-inner ul li a:active { text-decoration: underline; } /***********************************************/ /********* HEADER MENU ITEM: ASA Releated Organizations **********/ /*** ITEM ***/ #page-header #page-header-menu .menu-item-asa-related { display: block; position: absolute; left: 133px; background-image: none; overflow: hidden; height: 30px; width: 178px; /*background: transparent url('media/header-menu-tab-related.png') no-repeat;*/ } #page-header #page-header-menu .menu-item-asa-related:hover { background: transparent url('media/header-menu-tab-related-ro.png') no-repeat; overflow: visible; height: 90px; } #page-header #page-header-menu .menu-item-asa-related.with-js { background: none !important; overflow: hidden !important; height: 30px !important; } #page-header #page-header-menu .menu-item-asa-related.show-related { background: transparent url('media/header-menu-tab-related-ro.png') no-repeat; overflow: visible; height: 90px; } #page-header #page-header-menu .menu-item-asa-related h2 { display: block; width: 178px; height: 30px; text-indent: -9999px } #page-header #page-header-menu .menu-item-asa-related a { display: block; width: 178px; height: 30px; cursor: pointer; } /*** MEGA MENU DROPDOWN ***/ #page-header #page-header-menu .menu-item-asa-related .menu-item-asa-related-content { display: block; position: absolute; top: 30px; left: 0px; width: 231px; } #page-header #page-header-menu .menu-item-asa-related .menu-item-asa-related-content .menu-item-asa-related-content-top { display: block; position: relative; width: 231px; height: 18px; background: url('media/bg-sub-menu-related-top.png') no-repeat left top; } #page-header #page-header-menu .menu-item-asa-related .menu-item-asa-related-content .menu-item-asa-related-content-main { display: block; position: relative; width: 231px; min-height: 16px; background: url('media/bg-sub-menu-related-main.png') repeat-y left top; } #page-header #page-header-menu .menu-item-asa-related .menu-item-asa-related-content .menu-item-asa-related-content-bottom { display: block; position: relative; width: 231px; height: 26px; background: url('media/bg-sub-menu-related-bottom.png') no-repeat left bottom; } /*** MEGA MENU DROPDOWN STYLES ***/ .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner { display: block; position: relative; left: 18px; width: 190px; } .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner h3 { width: 100%; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; border-bottom: dotted 1px #656565; margin-bottom: 10px; } .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner ul { position: relative; left: 18px; width: 172px; list-style-image: url('media/list-icon-offsite-blue-8x8.png'); /*list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: -1em;*/ } .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 2px; } .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ display: inline !important; width: auto !important; height: auto !important; } .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner ul li a:link, .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner ul li a:visited { text-decoration: none; } .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner ul li a:hover, .menu-item-asa-related-content .menu-item-asa-related-content-main .menu-item-asa-related-content-inner ul li a:active { text-decoration: underline; } /*****************************************************************/ /********* HEADER MENU ITEM: Shop ASA **********/ /*** ITEM ***/ #page-header #page-header-menu .menu-item-shop-asa { display: block; position: absolute; right: 0px; width: 66px; height: 30px; overflow: hidden; background-image: none; /*background: transparent url('media/header-menu-tab-shop.png') no-repeat;*/ } #page-header #page-header-menu .menu-item-shop-asa:hover { background: transparent url('media/header-menu-tab-shop-ro.png') no-repeat; } #page-header #page-header-menu .menu-item-shop-asa h2 { display: block; width: 66px; height: 30px; text-indent: -9999px } #page-header #page-header-menu .menu-item-shop-asa a { display: block; width: 66px; height: 30px; cursor: pointer; } /***********************************************/ /******************** END HEADER MENU ********************/ /******************** HEADER RIGHT NAV (REVISED) ********************/ /*** Nav Items are LI elements in a UL list now. They are floated right so that they can be added or subtracted at will. New additions DO require artwork modification! Menus Items will have a direct-link hover state as well as the ability to extend a drop menu over them as well. ***/ /*** Container DIV positioned absolutely in header ***/ #header-right-nav { display: block; position: absolute; top: 85px; right: -10px; width: 712px; height: 34px; } /*** Wrapper UL with set width and height ***/ #header-right-nav ul { display: block; position: absolute; top: 0px; left: 0px; width: 712px; height: 34px; list-style-type: none; } /*** Basic LI Attributes extend to all LI Items ***/ #header-right-nav ul li.hrn-item { display: block; position: relative; float: right; height: 34px; background-image: url(media/header-right-nav-menu-sprites.png); /*background-repeat: no-repeat;*/ } /*** SEO Friendly H2 (with link) embedded to allow the title to appear in HTML despite image; also allows hot link ***/ #header-right-nav ul li.hrn-item h2, #header-right-nav ul li.hrn-item h2 a { display: block; position: absolute; top: 0px; left: 0px; height: 34px; font-size: 10px; text-indent: -9999px; cursor: pointer; } /*** Individual LI basic items. Set "display: none !important;" to remove an item! ***/ #header-right-nav ul li.hrni1, #header-right-nav ul li.hrni1 h2, #header-right-nav ul li.hrni1 h2 a { width: 69px; } /* SHOP ASA */ #header-right-nav ul li.hrni2, #header-right-nav ul li.hrni2 h2, #header-right-nav ul li.hrni2 h2 a { width: 168px; } /* ASA-RELATED ORGANIZATIONS */ #header-right-nav ul li.hrni3, #header-right-nav ul li.hrni3 h2, #header-right-nav ul li.hrni3 h2 a { width: 62px; } /* JOIN ASA */ #header-right-nav ul li.hrni4, #header-right-nav ul li.hrni4 h2, #header-right-nav ul li.hrni4 h2 a { width: 112px; } /* EDUCATION CENTER */ #header-right-nav ul li.hrni5, #header-right-nav ul li.hrni5 h2, #header-right-nav ul li.hrni5 h2 a { width: 57px; } /* ASAPAC */ #header-right-nav ul li.hrni6, #header-right-nav ul li.hrni6 h2, #header-right-nav ul li.hrni6 h2 a { width: 93px; } /* ASA CALENDAR */ #header-right-nav ul li.hrni7, #header-right-nav ul li.hrni7 h2, #header-right-nav ul li.hrni7 h2 a { width: 51px; } /* MyASA */ /*** SHOP ASA - DIRECT LINK ***/ #header-right-nav ul li.hrni1 { background-position: -643px 34px; } #header-right-nav ul li.hrni1:hover { background-position: -643px 0px; } #header-right-nav ul li.hrni1 .menu { display:none; position:absolute; top:0px; right:-3px; width:226px; overflow:visible; } #header-right-nav ul li.hrni1:hover .menu { display:block; } #header-right-nav ul li.hrni1.with-js .menu { display:none !important; } #header-right-nav ul li.hrni1.show .menu { display:block; } #header-right-nav ul li.hrni1 .menu .top-tab { display:block; position:relative; left:154px; min-height: 30px; max-height:30px; height:30px; background: url('media/header-menu-tab-shop-ro.png') no-repeat; min-width: 72px; max-width:72px; width:72px; } #header-right-nav ul li.hrni1 .menu .part { display:block; position:relative; width:226px; } #header-right-nav ul li.hrni1 .menu .top { min-height:18px; max-height: 18px; height:18px; background: url('media/bg-sub-menu-shop-top.png') no-repeat; } #header-right-nav ul li.hrni1 .menu .main { min-height:16px; max-height:500px; height:auto; background: url('media/bg-sub-menu-shop-main.png') repeat-y; } #header-right-nav ul li.hrni1 .menu .bottom { min-height:26px; max-height: 26px; height:26px; background: url('media/bg-sub-menu-shop-bottom.png') no-repeat; } #header-right-nav ul li.hrni1 .menu .main .inner { display:block; position:relative; left:18px; width:180px; } #header-right-nav ul li.hrni1 .menu .main .inner h3 { width:100%; font-family:Arial, Sans-Serif; font-size: 11px; font-weight:bold; color:#455560; text-transform:uppercase; border-bottom: dotted 1px #656565; margin-bottom: 10px; } #header-right-nav ul li.hrni1 .menu .main .inner ul { position:relative; left:18px; width:162px; height:auto; list-style-image:url('media/list-icon-rquo-navy-7x7.png'); } #header-right-nav ul li.hrni1 .menu .main .inner ul li { font-family:Arial, Sans-Serif; font-size:11px; font-weight:normal; color:#4774B2; padding-bottom:2px; } #header-right-nav ul li.hrni1 .menu .main .inner ul li a { font-family:Arial, Sans-Serif; font-size:11px; font-weight:normal; color:#4774B2; display:inline !important; width:auto !important; height:auto !important; } #header-right-nav ul li.hrni1 .menu .main .inner ul li a:link, #header-right-nav ul li.hrni1 .menu .main .inner a:visited { text-decoration: none; } #header-right-nav ul li.hrni1 .menu .main .inner ul li a:hover, #header-right-nav ul li.hrni1 .menu .main .inner a:active { text-decoration: underline; } /*** ASA-RELATED ORGANIZATIONS - DROP MENU ***/ #header-right-nav ul li.hrni2 { background-position: -475px 34px; } #header-right-nav ul li.hrni2:hover { /*background-position: -218px 0px;*/ } #header-right-nav ul li.hrni2 .menu { display: none; position: absolute; top: 0px; left: 0px; width: 168px; overflow: visible; } #header-right-nav ul li.hrni2:hover .menu { display: block; } #header-right-nav ul li.hrni2.with-js .menu { display: none !important; } #header-right-nav ul li.hrni2.show .menu { display: block; } #header-right-nav ul li.hrni2 .menu .top-tab { min-height: 30px; max-height: 30px; height: 30px; background: url('media/header-menu-tab-related-ro.png') no-repeat; min-width: 178px; max-width: 178px; width: 178px; } #header-right-nav ul li.hrni2 .menu .part { display: block; position: relative; width: 231px; } #header-right-nav ul li.hrni2 .menu .top { min-height: 18px; max-height: 18px; height: 18px; background: url('media/bg-sub-menu-related-top.png') no-repeat; } #header-right-nav ul li.hrni2 .menu .main { min-height: 16px; max-height: 500px; height: auto; background: url('media/bg-sub-menu-related-main.png') repeat-y; } #header-right-nav ul li.hrni2 .menu .bottom { min-height: 26px; max-height: 26px; height: 26px; background: url('media/bg-sub-menu-related-bottom.png') no-repeat; } #header-right-nav ul li.hrni2 .menu .main .inner { display: block; position: relative; left: 18px; width: 190px; } #header-right-nav ul li.hrni2 .menu .main .inner h3 { width: 100%; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; border-bottom: dotted 1px #656565; margin-bottom: 10px; } #header-right-nav ul li.hrni2 .menu .main .inner ul { position: relative; left: 18px; width: 172px; height: auto; list-style-image: url('media/list-icon-offsite-blue-8x8.png'); /*list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: -1em;*/ } #header-right-nav ul li.hrni2 .menu .main .inner ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; padding-bottom: 2px; } #header-right-nav ul li.hrni2 .menu .main .inner ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; display: inline !important; width: auto !important; height: auto !important; } #header-right-nav ul li.hrni2 .menu .main .inner ul li a:link, #header-right-nav ul li.hrni2 .menu .main .inner ul li a:visited { text-decoration: none; } #header-right-nav ul li.hrni2 .menu .main .inner ul li a:hover, #header-right-nav ul li.hrni2 .menu .main .inner ul li a:active { text-decoration: underline; } /*** JOIN ASA - DROP MENU ***/ #header-right-nav ul li.hrni3 { background-position: -413px 34px; } #header-right-nav ul li.hrni3:hover { /*background-position: -156px 0px;*/ } #header-right-nav ul li.hrni3 .menu { display: none; position: absolute; top: 0px; left: 0px; width: 62px; overflow: visible; } #header-right-nav ul li.hrni3:hover .menu { display: block; } #header-right-nav ul li.hrni3.with-js .menu { display: none !important; } #header-right-nav ul li.hrni3.show .menu { display: block; } #header-right-nav ul li.hrni3 .menu .top-tab { min-height: 30px; max-height: 30px; height: 30px; background: url('media/header-menu-tab-join-ro.png') no-repeat; min-width: 75px; max-width: 75px; width: 75px; } #header-right-nav ul li.hrni3 .menu .part { display: block; position: relative; width: 231px; } #header-right-nav ul li.hrni3 .menu .top { min-height: 18px; max-height: 18px; height: 18px; background: url('media/bg-sub-menu-join-top.png') no-repeat;} #header-right-nav ul li.hrni3 .menu .main { min-height: 16px; max-height: 500px; height: auto; background: url('media/bg-sub-menu-join-main.png') repeat-y;} #header-right-nav ul li.hrni3 .menu .bottom { min-height: 26px; max-height: 26px; height: 26px; background: url('media/bg-sub-menu-join-bottom.png') no-repeat;} #header-right-nav ul li.hrni3 .menu .main .inner { display: block; position: relative; left: 18px; width: 190px; } #header-right-nav ul li.hrni3 .menu .main .inner h3 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; width: 100%; border-bottom: dotted 1px #656565; margin-bottom: 10px; } #header-right-nav ul li.hrni3 .menu .main .inner p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; line-height: 14px; } #header-right-nav ul li.hrni3 .menu .main .inner p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; } #header-right-nav ul li.hrni3 .menu .main .inner p a:link, #header-right-nav ul li.hrni3 .menu .main .inner p a:visited { text-decoration: none; } #header-right-nav ul li.hrni3 .menu .main .inner p a:hover, #header-right-nav ul li.hrni3 .menu .main .inner p a:active {text-decoration: underline; } #header-right-nav ul li.hrni3 .menu .main .inner ul { height: auto; list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; } #header-right-nav ul li.hrni3 .menu .main .inner ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; padding-bottom: 2px; } #header-right-nav ul li.hrni3 .menu .main .inner ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; display: inline !important; width: auto !important; height: auto !important; } #header-right-nav ul li.hrni3 .menu .main .inner ul li a:link, #header-right-nav ul li.hrni3 .menu .main .inner ul li a:visited { text-decoration: none; } #header-right-nav ul li.hrni3 .menu .main .inner ul li a:hover, #header-right-nav ul li.hrni3 .menu .main .inner ul li a:active { text-decoration: underline; } /*** EDUCATION CENTER - DIRECT LINK ***/ #header-right-nav ul li.hrni4 { background-position: -301px 34px; } #header-right-nav ul li.hrni4:hover { background-position: -301px 0px; } #header-right-nav ul li.hrni4.with-js { /**/ } #header-right-nav ul li.hrni4.show { /**/ } /*** ASAPAC - DIRECT LINK ***/ #header-right-nav ul li.hrni5 { background-position: -242px 34px; } #header-right-nav ul li.hrni5:hover { background-position: -242px 0px; } #header-right-nav ul li.hrni5.with-js { /**/ } #header-right-nav ul li.hrni5.show { /**/ } /*** ASA CALENDAR - DIRECT LINK ***/ #header-right-nav ul li.hrni6 { background-position: -148px 34px; overflow: hidden; } #header-right-nav ul li.hrni6:hover { background-position: -148px 0px; overflow: visible; } #header-right-nav ul li.hrni6.with-js { /**/ } #header-right-nav ul li.hrni6.show { /**/ } /*** MyASA - DIRECT LINK ***/ #header-right-nav ul li.hrni7 { background-position: -96px 34px; overflow: hidden; } #header-right-nav ul li.hrni7:hover { background-position: -96px 0px; overflow: visible; } #header-right-nav ul li.hrni7.with-js { /**/ } #header-right-nav ul li.hrni7.show { /**/ } /**************************/ /*** CALENDAR BUTTON HACK - NO LONGER NEEDED! ***/ #page-header .page-header-button-calendar { display: block; position: absolute; bottom: 0px; right: 356px; width: 91px; height: 30px; } #page-header .page-header-button-calendar h2 { display: block; position: relative; width: 91px; height: 30px; } #page-header .page-header-button-calendar h2 a { display: block; position: relative; width: 91px; height: 30px; background-image: url(media/header-menu-nav-button-calendar.png); text-indent: -9999px;} #page-header .page-header-button-calendar h2 a:link, #page-header .page-header-button-calendar h2 a:visited { background-position: 0px 0px; } #page-header .page-header-button-calendar h2 a:active, #page-header .page-header-button-calendar h2 a:hover { background-position: 0px -30px; } /**************************************************************************************************************************************************************/ /*******************************************************************/ /*******************************************************************/ /****************** S I T E M A I N M E N U ********************/ /*******************************************************************/ /*******************************************************************/ /**************************************************************************************************************************************************************/ #site-menu { display: block; position: relative; width: 960px; height: 33px; background: url('media/bg-main-menu.png') no-repeat; /*background: Transparent url("media/bg-main-menu.png") no-repeat;*/ z-index: 500; } /******************** MAIN MENU ITEMS ********************/ /********* MAIN MENU TAB: For Members **********/ /*** TAB ***/ .menu-item-members { display: block; position: absolute; left: 0; background: url('media/main-menu-tab-members.png') no-repeat left top; overflow: hidden; height: 33px; width: 111px; } .menu-item-members:hover { background-image: url("media/main-menu-tab-members-ro.png") !important; overflow: visible; height: 353px; } .menu-item-members.with-js { background-image: url('media/main-menu-tab-members.png') !important; overflow: hidden !important; height: 33px !important; } .menu-item-members.show-members { background-image: url("media/main-menu-tab-members-ro.png") !important; overflow: visible; height: 353px; } .members-selected { background-image: url("media/main-menu-tab-members-selected.png") !important; } .menu-item-members a { display: block; width: 111px; height: 33px; } .menu-item-members h2 { text-indent: -9999px; } /*** MEGA MENU DROP DOWN ***/ .sub-menu-members { display: block; position: absolute; top: 33px; width: 891px; height: 320px; background: url('media/bg-sub-menu-members.png') no-repeat; overflow: hidden; } .sub-menu-members .internal { display: block; position: relative; top: 13px; width: 840px; height: 278px; margin: 0 auto; background: transparent; overflow: hidden; } .sub-menu-members .column { display: block; position: relative; float: left; width: 210px; height: 278px; background: url('media/main-menu-vertical-rule.png') no-repeat left top; } .sub-menu-members .column .inner-left { display: block; position: relative; top: 15px; left: 0; height: 263px; width: 195px; overflow: hidden; } .sub-menu-members .column .inner-center { display: block; position: relative; top: 15px; height: 263px; width: 180px; overflow: hidden; margin: 0 auto; } .sub-menu-members .column .inner-right { display: block; position: relative; top: 15px; left: 15px; height: 263px; width: 195px; overflow: hidden; } /***********************************************/ /********* MAIN MENU TAB: Residents and Students **********/ /*** TAB ***/ .menu-item-training { display: block; position: absolute; left: 107px; background: url('media/main-menu-tab-training.png') no-repeat left top; overflow: hidden; height: 33px; width: 195px; } .menu-item-training:hover { background-image: url("media/main-menu-tab-training-ro.png") !important; overflow: visible; height: 353px; } .menu-item-training.with-js { background-image: url('media/main-menu-tab-training.png') !important; overflow: hidden !important; height: 33px !important; } .menu-item-training.show-training { background-image: url("media/main-menu-tab-training-ro.png") !important; overflow: visible; height: 353px; } .training-selected { background-image: url("media/main-menu-tab-training-selected.png") !important; } .menu-item-training a { display: block; width: 195px; height: 33px; } .menu-item-training h2 { text-indent: -9999px; } /*** MEGA MENU DROP DOWN ***/ .sub-menu-training { display: block; position: absolute; top: 33px; width: 674px; height: 320px; background: url('media/bg-sub-menu-training.png') no-repeat; overflow: hidden; } .sub-menu-training .internal { display: block; position: relative; top: 13px; width: 620px; height: 278px; margin: 0 auto; background: transparent; overflow: hidden; } .sub-menu-training .column { display: block; position: relative; float: left; width: 206px; height: 278px; background: url('media/main-menu-vertical-rule.png') no-repeat; background-position: left top; } .sub-menu-training .column .inner-left { display: block; position: relative; top: 15px; left: 0; height: 263px; width: 191px; overflow: hidden; } .sub-menu-training .column .inner-center { display: block; position: relative; top: 15px; height: 263px; width: 176px; overflow: hidden; margin: 0 auto; } .sub-menu-training .column .inner-right { display: block; position: relative; top: 15px; left: 15px; height: 263px; width: 191px; overflow: hidden; } /**********************************************************/ /********* MAIN MENU TAB: For the Public and Media **********/ /*** TAB ***/ .menu-item-public { display: block; position: absolute; left: 298px; background: url('media/main-menu-tab-public.png') no-repeat left top; overflow: hidden; height: 33px; width: 180px; } .menu-item-public:hover { background-image: url("media/main-menu-tab-public-ro.png") !important; overflow: visible; height: 353px; } .menu-item-public.with-js { background-image: url('media/main-menu-tab-public.png') !important; overflow: hidden !important; height: 33px !important; } .menu-item-public.show-pub { background-image: url("media/main-menu-tab-public-ro.png") !important; overflow: visible; height: 353px; } .public-selected { background-image: url("media/main-menu-tab-public-selected.png") !important; } .menu-item-public a { display: block; width: 180px; height: 33px; } .menu-item-public h2 { text-indent: -9999px; } /*** MEGA MENU DROP DOWN ***/ .sub-menu-public { display: block; position: absolute; top: 33px; left: -14px; width: 674px; height: 320px; background: url('media/bg-sub-menu-public.png') no-repeat; overflow: hidden; } .sub-menu-public .internal { display: block; position: relative; top: 13px; width: 622px; height: 278px; margin: 0 auto; background: transparent; overflow: hidden; } .sub-menu-public .column { display: block; position: relative; float: left; width: 206px; height: 278px; background: url('media/main-menu-vertical-rule.png') no-repeat; background-position: left top; } .sub-menu-public .column .inner-left { display: block; position: relative; top: 15px; left: 0; height: 263px; width: 191px; overflow: hidden; } .sub-menu-public .column .inner-center { display: block; position: relative; top: 15px; height: 263px; width: 176px; overflow: hidden; margin: 0 auto; } .sub-menu-public .column .inner-right { display: block; position: relative; top: 15px; left: 15px; height: 263px; width: 191px; overflow: hidden; } /*************************************************************/ /********* MAIN MENU TAB: For Health Professionals **********/ /*** TAB ***/ .menu-item-professionals { display: block; position: absolute; left: 474px; background: url('media/main-menu-tab-professionals.png') no-repeat left top; overflow: hidden; height: 33px; width: 180px; } .menu-item-professionals:hover { background-image: url("media/main-menu-tab-professionals-ro.png") !important; overflow: visible; height: 353px; } .menu-item-professionals.with-js { background-image: url('media/main-menu-tab-professionals.png') !important; overflow: hidden !important; height: 33px !important; } .menu-item-professionals.show-pros { background-image: url("media/main-menu-tab-professionals-ro.png") !important; overflow: visible; height: 353px; } .professionals-selected { background-image: url("media/main-menu-tab-professionals-selected.png") !important; } .menu-item-professionals a { display: block; width: 180px; height: 33px; } .menu-item-professionals h2 { text-indent: -9999px; } /*** MEGA MENU DROP DOWN ***/ .sub-menu-professionals { display: block; position: absolute; top: 33px; left: -190px; width: 674px; height: 320px; background: url('media/bg-sub-menu-professionals.png') no-repeat; overflow: hidden; } .sub-menu-professionals .internal { display: block; position: relative; top: 13px; width: 622px; height: 278px; margin: 0 auto; background: transparent; overflow: hidden; } .sub-menu-professionals .column { display: block; position: relative; float: left; width: 206px; height: 278px; background: url('media/main-menu-vertical-rule.png') no-repeat left top; } .sub-menu-professionals .column .inner-left { display: block; position: relative; top: 15px; left: 0; width: 191px; height: 263px; overflow: hidden; } .sub-menu-professionals .column .inner-center { display: block; position: relative; top: 15px; width: 176px; height: 263px; overflow: hidden; margin: 0 auto;} .sub-menu-professionals .column .inner-right { display: block; position: relative; top: 15px; left: 15px; width: 191px; height: 263px; overflow: hidden; } /************************************************************/ /********** MAIN MENU OBJECT: Home Feature Toggle Button *********/ .menu-item-home-feature-toggle-button { display: block; position: absolute; top: 7px; right: 7px; width: 125px; height: 20px; } /*****************************************************************/ /******************** END MAIN MENU ITEMS ********************/ /******************** GLOBAL MEGA MENU INTERNAL CONTENT STYLES ********************/ #site-menu h3 { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ margin-bottom: 13px; } #site-menu h4 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; margin-bottom: 3px; } #site-menu h6 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; margin-bottom: 13px; } #site-menu p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #656565; line-height: 16px; margin-bottom: 5px; } #site-menu p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #site-menu p a:link, #site-menu p a:visited { text-decoration: none; } #site-menu p a:hover, #site-menu p a:active { text-decoration: underline; } #site-menu p.featured-link a { font-weight:bold; } #site-menu img { border: none;} #site-menu img a { border: none; } #site-menu img.right-feature { margin-top: 7px; } #site-menu .photo-caption { font-family: Arial, Sans-Serif; font-size: 10px; line-height: 11px; font-weight: normal; color: #7E7E7E; margin-top: 8px; } #site-menu .button-box { display: block; position: absolute; bottom: 0px; } #site-menu ul { display: block; position: relative; left: 15px; height: auto; width: auto; max-width: 161px; list-style-image: url("media/list-icon-rquo-navy-7x7.png"); } #site-menu ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; line-height: 16px; height: auto; } #site-menu ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ height: auto; width: auto; } #site-menu ul li a:link, #site-menu ul li a:visited { text-decoration: none; } #site-menu ul li a:hover, #site-menu ul li a:active { text-decoration: underline; } #site-menu ul.gray { list-style-image: url("media/list-icon-rquo-gray-7x7.png"); } #site-menu ul.gray li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #979797; } #site-menu ul.gray li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #979797; height: auto; width: auto; } #site-menu ul.gray li a:link, #site-menu ul.gray li a:visited { text-decoration: none; } #site-menu ul.gray li a:hover, #site-menu ul.gray li a:active { text-decoration: underline; } /******************** END GLOBAL MEGA MENU INTERNAL CONTENT STYLES ********************/ /**************************************************************************************************************************************************************/ /*****************************************************************************************/ /*****************************************************************************************/ /****************** S I T E E K G B R A N D I N G E L E M E N T ********************/ /*****************************************************************************************/ /*****************************************************************************************/ /**************************************************************************************************************************************************************/ #page-header-ekg-overlay { position: absolute; left: 748px; top: 112px; width: 99px; height: 92px; background: url('media/header-overlay-ekg-heartbeat.png') no-repeat; z-index: 498; } /**************************************************************************************************************************************************************/ /***************************************************************************/ /***************************************************************************/ /****************** S I T E B A N N E R N O T I C E ********************/ /***************************************************************************/ /***************************************************************************/ /**************************************************************************************************************************************************************/ .site-banner-notice { display: block; position: relative; width: 960px; /*height: 60px;*/ background: #e9994d; font-family: Arial, Sans-Serif; font-size: 15px; color: #FEFEFE; z-index: 499; } .site-banner-notice h1 { font-family: Arial, Sans-Serif; font-size: 15px; color: #FEFEFE; font-weight: normal; } .site-banner-notice #notice { display: block; position: relative; float: left; /*top: 20px;*/ padding: 20px 0 20px 0; left: 30px; width: 870px; /*overflow: hidden; white-space: nowrap;*/ } .site-banner-notice #tools { display: block; position: relative; float: right; top: 17px; right: 30px; width: 24px; height: 24px; white-space: nowrap; } /**************************************************************************************************************************************************************/ /***********************************************************************/ /***********************************************************************/ /****************** P A G E T O P H E A D E R S ********************/ /***********************************************************************/ /***********************************************************************/ /**************************************************************************************************************************************************************/ /******************** HOME PAGE BILLBOARD HEADER ********************/ /********** BILLBOARD HEADER (EXPANDED) **********/ .page-body-header-home-billboard { display: block; position: relative; width: 960px; height: 550px; background-color: #FFFFFF; } .page-body-header-home-expand { display: block; position: relative; width: 960px; height: 450px; background: #FFF url("media/bg-page-body-header-home-expand-example.jpg") no-repeat; } .page-body-header-home-ticker { display: block; position: relative; width: 960px; height: 100px; /*background: #FFF url("media/bg-page-body.png") repeat-y;*/ background: #FFF url("media/bg-home-body-header-home-ticker-example.jpg") no-repeat; } /********** END BILLBOARD HEADER (EXPANDED) **********/ /********** BILLBOARD HEADER (COLLAPSED) **********/ .page-body-header-home-collapse { display: block; position: relative; width: 960px; height: 91px; background: #FFF url("media/bg-page-body-header-home-collapse.jpg") no-repeat; } .page-body-header-home-collapse .tag-line { display: block; position: absolute; left: 31px; top:31px; width: 300px; height: 60px; overflow: hidden; } .page-body-header-home-collapse .tag-line h1.lead-in { display: block; position:absolute; left: 37px; top: 11px; font-family: Arial, Sans-Serif; font-size:14px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-transform: uppercase; letter-spacing:-1px; text-indent: -9999px; } .page-body-header-home-collapse .tag-line h1 { display: block; position:absolute; left: 36px; top: 25px; font-family: Arial, Sans-Serif; font-size:20px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-transform: uppercase; letter-spacing:-2px; text-indent: -9999px; } .page-body-header-home-collapse .photo-strip { display: block; position: absolute; left: 330px; top: 31px; width: 600px; height: 60px; overflow: hidden; } .page-body-header-home-collapse .photo-strip .photo-box { display: block; position: relative; float: right; width: 60px; height: 60px; overflow: hidden; } .page-body-header-home-collapse .photo-strip .photo-box img { display: block; position: absolute; border: none; } .page-body-header-home-collapse .photo-strip .ph01 { background-color: #191919; } .page-body-header-home-collapse .photo-strip .ph02 { background-color: #323232; } .page-body-header-home-collapse .photo-strip .ph03 { background-color: #4B4B4B; } .page-body-header-home-collapse .photo-strip .ph04 { background-color: #555555; } .page-body-header-home-collapse .photo-strip .ph05 { background-color: #7D7D7D; } .page-body-header-home-collapse .photo-strip .ph06 { background-color: #969696; } .page-body-header-home-collapse .photo-strip .ph07 { background-color: #AFAFAF; } .page-body-header-home-collapse .photo-strip .ph08 { background-color: #C8C8C8; } .page-body-header-home-collapse .photo-strip .ph09 { background-color: #E1E1E1; } .page-body-header-home-collapse .photo-strip .ph10 { background-color: #FAFAFA; } .page-body-header-home-collapse .photo-strip .photo-box .overlay { display: block; position: absolute; width: 60px; height: 60px; } .page-body-header-home-collapse .photo-strip .photo-box .overlay a { display: block; position: absolute; width: 60px; height: 60px; text-indent: -9999px; } .page-body-header-home-collapse .photo-strip .photo-box .overlay a:link, .page-body-header-home-collapse .photo-strip .photo-box .overlay a:visited {background-image: url(media/member-doc-overlay-filter.png); } .page-body-header-home-collapse .photo-strip .photo-box .overlay a:hover, .page-body-header-home-collapse .photo-strip .photo-box .overlay a:active { background-image: url(media/member-doc-overlay.png); } /********** END BILLBOARD HEADER (COLLAPSED) **********/ /********** ASA CONNECTIONS TOOLBAR **********/ .page-body-home-asa-connections-toolbar { display: block; position: relative; width: 960px; height: 50px; background: #EBEBEB url("media/bg-page-body-asa-connections-toolbar.png") no-repeat; z-index: 498; } .page-body-home-asa-connections-toolbar .toolbar-inner { display: block; position: relative; top: 12px; margin: 0 auto; width: 820px; height: 25px; white-space: nowrap; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item { } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item h3 { display: block; position: relative; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-indent: -9999px; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item h3 a { display: block; position: relative; width: 100%; height: 100%; text-indent: -9999px; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu { } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .heading { display: block; position: relative; top: 8px; left: 41px; white-space: nowrap; overflow: hidden; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .heading h4 { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFFFFF; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .heading h4 span.dim { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #C4E6F4; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner { display: block; position: absolute; left: 20px; top: 50px; width: 210px; height: 140px; overflow: hidden; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner ul { list-style-type: none; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner ul li, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; margin-bottom: 5px;} .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner ul li a:link, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner ul li a:visited { text-decoration: none; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner ul li a:hover, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner ul li a:active { text-decoration: underline; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner .view-all { display: block; position: absolute; bottom: 0px; left: 0px; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner .view-all a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner .view-all a:link, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner .view-all a:visited { text-decoration: none; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner .view-all a:hover, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .small-inner .view-all a:active { text-decoration: underline; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content { display: block; position: absolute; float: left; left: 20px; top: 46px; width: 265px; height: 145px; overflow: hidden; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; white-space: normal; margin-bottom: 3px;} .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 a, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ white-space: normal; margin-bottom: 3px;} .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 a:link, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 a:visited, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content p a:link, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content p a:visited { text-decoration: none; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 a:hover, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 a:active, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content p a:hover, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content p a:active { text-decoration: underline; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 span.label { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #C7C7C7; white-space: normal; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 span.label a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ white-space: normal; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 span.label a:link, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 span.label a:visited { text-decoration: none; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 span.label a:hover, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content h6 span.label a:active { text-decoration: underline; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .left-content .button { display: block; position: absolute; bottom: 0px; left: 0px; width: 124px; height: 25px; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related { display: block; position: absolute; float: right; right: 25px; top: 46px; width: 130px; height: 145px; overflow: hidden; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related h5, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFFFFF; border-bottom: dotted 1px #FFFFFF; width: 100%; margin-bottom: 3px; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related p, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; margin-bottom: 3px; white-space: normal;} .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related p a:link, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related p a:visited { text-decoration: none; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related p a:hover, .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related p a:active { text-decoration: underline; } .page-body-home-asa-connections-toolbar .toolbar-inner .toolbar-item .connections-menu .right-related p a.more { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } /*** ASA Connections Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-connections { display: block; position: absolute; left: 0px; width: 144px; height: 25px; background: transparent url(media/home-toolbar-item-connections.png) no-repeat; } /*** RSS Feeds Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-rss-feeds { display: block; position: absolute; left: 144px; width: 113px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-rss-feeds.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-rss-feeds:hover { width: 113px; height: 243px; overflow: visible; background: transparent url(media/home-toolbar-item-rss-feeds-ro.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-rss-feeds-menu { display: block; position: absolute; top: 27px; width: 255px; height: 216px; overflow: hidden; background: transparent url(media/home-toolbar-item-rss-feeds-menu.png) no-repeat; } /*** Podcasts Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-podcasts { display: block; position: absolute; left: 257px; width: 98px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-podcasts.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-podcasts:hover { width: 98px; height: 243px; overflow: visible; background: transparent url(media/home-toolbar-item-podcasts-ro.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-podcasts-menu { display: block; position: absolute; top: 27px; width: 477px; height: 216px; overflow: hidden; background: transparent url(media/home-toolbar-item-podcasts-menu.png) no-repeat; } /*** Videos Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-videos { display: block; position: absolute; left: 355px; width: 94px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-videos.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-videos:hover { width: 94px; height: 243px; overflow: visible; background: transparent url(media/home-toolbar-item-videos-ro.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-videos-menu { display: block; position: absolute; top: 27px; width: 476px; height: 216px; overflow: hidden; background: transparent url(media/home-toolbar-item-videos-menu.png) no-repeat; } /*** E-Newsletter Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-enewsletter { display: block; position: absolute; left: 449px; width: 129px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-enewsletter.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-enewsletter:hover { width: 129px; height: 243px; overflow: visible; background: transparent url(media/home-toolbar-item-enewsletter-ro.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-enewsletter-menu { display: block; position: absolute; top: 27px; left: -13px; width: 476px; height: 216px; overflow: hidden; background: transparent url(media/home-toolbar-item-enewsletter-menu.png) no-repeat; } /*** Share This Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-share { display: block; position: absolute; left: 578px; width: 106px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-share.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-share:hover { width: 106px; height: 243px; overflow: hidden; background: transparent url(media/home-toolbar-item-share-ro.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-share-menu { display: block; position: absolute; top: 27px; width: 255px; height: 216px; overflow: hidden; background: transparent url(media/home-toolbar-item-share-menu.png) no-repeat; } /*** Facebook Icon Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-facebook { display: block; position: absolute; left: 684px; width: 23px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-facebook.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-facebook:hover { background: transparent url(media/home-toolbar-item-facebook-ro.png) no-repeat; } /*** Twitter Icon Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-twitter { display: block; position: absolute; left: 707px; width: 22px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-twitter.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-twitter:hover { background: transparent url(media/home-toolbar-item-twitter-ro.png) no-repeat; } /*** Youtube Icon Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-youtube { display: block; position: absolute; left: 729px; width: 26px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-youtube.png) no-repeat; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-youtube:hover { background: transparent url(media/home-toolbar-item-youtube-ro.png) no-repeat; } /*** Communities Link Item ***/ .page-body-home-asa-connections-toolbar .toolbar-inner .item-communities { display: none; position: absolute; left: 755px; width: 65px; height: 25px; overflow: hidden; background: transparent url(media/home-toolbar-item-communities.png) no-repeat; visibility: hidden; } .page-body-home-asa-connections-toolbar .toolbar-inner .item-communities:hover { background: transparent url(media/home-toolbar-item-communities-ro.png) no-repeat; } /********** END ASA CONNECTIONS TOOLBAR **********/ /*******************************************************************************/ /******************** CONTENT PAGE HEADER TOP BOX ********************/ .page-body-header-content { display: block; position: relative; width: 960px; height: 31px; background: #DDD url("media/bg-page-body-header-content.png") no-repeat; } .page-body-header-content .page-tools { display: block; position: absolute; top: 0px; right: 28px; height: 30px; width: 414px; } /*** ALTERNATIVE PLACEMENT FOR AM MINISITE ***/ #sub-header .page-tools { display: block; position: absolute; top: 0px; right: 45px; height: 30px; width: 414px; } /*** TEXT RE-SIZER ***/ .page-tools .text-size { display: block; position: relative; float: right; width: 101px; height: 30px; } .page-tools .text-size .text-size-title { display: block; position: relative; float: right; width: 48px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; background-position: -314px 0px; } .page-tools .text-size .text-size-x1 { display: block; position: relative; float: right; width: 19px; height: 30px; } .page-tools .text-size .text-size-x1 a { display: block; position: absolute; top: 0px; left: 0px; width: 19px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .text-size .text-size-x1 a:link, .page-tools .text-size .text-size-x1 a:visited { background-position: -362px -30px; cursor: pointer; } .page-tools .text-size .text-size-x1 a:active, .page-tools .text-size .text-size-x1 a:hover { background-position: -362px 0px; cursor: pointer; } .page-tools .text-size .text-size-x1 a.selected, .page-tools .text-size .text-size-x1 a.selected:visited, .page-tools .text-size .text-size-x1 a.selected:active, .page-tools .text-size .text-size-x1 a.selected:active, .page-tools .text-size .text-size-x1 a.selected:hover { background-position: -362px 0px; cursor: pointer; } .page-tools .text-size .text-size-x2 { display: block; position: relative; float: right; width: 17px; height: 30px; } .page-tools .text-size .text-size-x2 a { display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .text-size .text-size-x2 a:link, .page-tools .text-size .text-size-x2 a:visited { background-position: -381px -30px; cursor: pointer; } .page-tools .text-size .text-size-x2 a:active, .page-tools .text-size .text-size-x2 a:hover { background-position: -381px 0px; cursor: pointer; } .page-tools .text-size .text-size-x2 a.selected:link, .page-tools .text-size .text-size-x2 a.selected:visited, .page-tools .text-size .text-size-x2 a.selected:active, .page-tools .text-size .text-size-x2 a.selected:hover { background-position: -381px 0px; cursor: pointer; } .page-tools .text-size .text-size-x3 { display: block; position: relative; float: right; width: 17px; height: 30px; } .page-tools .text-size .text-size-x3 a { display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .text-size .text-size-x3 a:link, .page-tools .text-size .text-size-x3 a:visited { background-position: -398px -30px; cursor: pointer; } .page-tools .text-size .text-size-x3 a:active, .page-tools .text-size .text-size-x3 a:hover { background-position: -398px 0px; cursor: pointer; } .page-tools .text-size .text-size-x3 a.selected:link, .page-tools .text-size .text-size-x3 a.selected:visited, .page-tools .text-size .text-size-x3 a.selected:active, .page-tools .text-size .text-size-x3 a.selected:hover { background-position: -398px 0px; cursor: pointer; } /*** PRINT THIS ***/ .page-tools .print { display: block; position: relative; float: right; width: 55px; height: 30px; } .page-tools .print a { display: block; position: absolute; top: 0px; left: 0px; width: 55px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .print a:link, .page-tools .print a:visited { background-position: -259px -30px; cursor: pointer; } .page-tools .print a:active, .page-tools .print a:hover { background-position: -259px 0px; cursor: pointer; } /*** EMAIL THIS ***/ .page-tools .email { display: block; position: relative; float: right; width: 57px; height: 30px; } .page-tools .email a { display: block; position: absolute; top: 0px; left: 0px; width: 57px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .email a:link, .page-tools .email a:visited { background-position: -202px -30px; cursor: pointer; } .page-tools .email a:active, .page-tools .email a:hover { background-position: -202px 0px; cursor: pointer; } /*** BOOKMARK THIS ***/ .page-tools .bookmark { display: block; position: relative; float: right; width: 72px; height: 30px; } .page-tools .bookmark a { display: block; position: absolute; top: 0px; left: 0px; width: 72px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .bookmark a:link, .page-tools .bookmark a:visited { background-position: -130px -30px; cursor: pointer; } .page-tools .bookmark a:active, .page-tools .bookmark a:hover { background-position: -130px 0px; cursor: pointer; } /*** FOLLOW VIA RSS ***/ .page-tools .rss-tool { display: block; position: relative; float: right; width: 54px; height: 30px; } .page-tools .rss-tool a { display: block; position: absolute; top: 0px; left: 0px; width: 54px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .rss-tool a:link, .page-tools .rss-tool a:visited { background-position: -76px -30px; cursor: pointer; } .page-tools .rss-tool a:active, .page-tools .rss-tool a:hover { background-position: -76px 0px; cursor: pointer; } /*** SUBMIT FEEDBACK ***/ .page-tools .feedback { display: block; position: relative; float: right; width: 75px; height: 30px; } .page-tools .feedback a { display: block; position: absolute; top: 0px; left: 0px; width: 75px; height: 30px; background: transparent url(media/page-tools-sprites.png) no-repeat; text-indent: -9999px;} .page-tools .feedback a:link, .page-tools .feedback a:visited { background-position: 0px -30px; cursor: pointer; } .page-tools .feedback a:active, .page-tools .feedback a:hover { background-position: 0px 0px; cursor: pointer; } /*********************************************************************/ /**************************************************************************************************************************************************************/ /*********************************************************/ /*********************************************************/ /****************** H O M E P A G E ********************/ /*********************************************************/ /*********************************************************/ /**************************************************************************************************************************************************************/ .home-content-background { background: #FFF url("media/bg-page-body-home.png") repeat-y; } #page-body-home-content { display: block; position: relative; margin: 0 auto; width: 899px; min-height: 200px; background: transparent; z-index: 13; } #home-content-column-left { display: block; position: relative; float: left; top: 20px; /*left: 35px;*/ width: 445px; min-height: 200px; z-index: 20; } #home-content-column-right { display: block; position: relative; float: right; top: 20px; /*right: 35px;*/ width: 445px; min-height: 200px; z-index: 20; } .home-content-column-span { display: block; position: relative; clear:both; left: 1px; top: 30px; width: 899px; background: #FFF; z-index: 20; } #page-body-home-top { display: block; position: absolute; left: 31px; width: 899px; height: 130px; margin: 0 auto; background: url('media/bg-page-body-holder-home-top.png') no-repeat; z-index: 12; } #page-body-home-bottom { display: block; position: relative; width: 960px; height: 40px; background: #FFF url("media/bg-page-body.png") repeat-y; /*z-index: 12;*/} /********** HOME CONTENT BOX WIDGET **********/ .home-content-box-widget { display: block; position: relative; /*width: 374px;*/ } .home-content-box-widget-header { display: block; position: relative; height: 65px; } .home-content-box-widget-header .divider { display: block; position: relative; left: 1px; height: 0px; border-top: dotted 1px #D2D2D2; } .home-content-box-widget-header .top-links { display: block; position: relative; /*top: 10px;*/ padding-top: 14px; /*right: 5px;*/ width: 374px; height: 13px; margin: 0 auto; text-align: left; font-family: Trebuchet MS, Arial, Sans-Serif; text-align: right; vertical-align: middle; font-size: 10px; line-height: 13px; color: #D2D2D2; } .home-content-box-widget-header .top-links img { display: inline; position: relative; top: 3px; } .home-content-box-widget-header .top-links a { font-family: Arial, Sans-Serif; font-size: 10px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-header .top-links a:link, .home-content-box-widget-header .top-links a:visited { text-decoration: none; } .home-content-box-widget-header .top-links a:hover, .home-content-box-widget-header .top-links a:active { text-decoration: underline; } .home-content-box-widget-header .heading { display: block; position: relative; padding-top: 8px; /*top: 18px;*/ width: 374px; margin: 0 auto; text-align: left; } .home-content-box-widget-header .heading img { display: inline; position: relative; top: 4px; } .home-content-box-widget-header .heading h2 { display: inline; position: relative; font-family: Arial, Sans-Serif; font-size: 20px; font-weight: bold; color: #455560; line-height: 22px; text-transform: uppercase; } .home-content-box-widget-header .heading h2.news-and-alerts { background-image: url('media/heading-asa-news-and-alerts.png'); display: block; position: relative; width: 232px; height: 27px; text-indent: -9999px; } .home-content-box-widget-header .heading h2.education-and-research { background-image: url('media/heading-asa-education-and-research.png'); display: block; position: relative; width: 309px; height: 27px; text-indent: -9999px; } .home-content-box-widget-header .heading h2.meetings-and-events { background-image: url('media/heading-asa-meetings-and-events.png'); display: block; position: relative; width: 271px; height: 27px; text-indent: -9999px; } .home-content-box-widget-header .heading h2.corporate-supporters { background-image: url('media/heading-asa-corporate-supporters.png'); display: block; position: relative; width: 320px; height: 27px; text-indent: -9999px; } .home-content-box-widget-header .heading h2.governmental-and-legal-affairs { background-image: url('media/heading-governmental-and-legal-affairs.png'); display: block; position: relative; width: 352px; height: 27px; text-indent: -9999px; } .home-content-box-widget-content { display: block; position: relative; padding-top: 10px; /*top: 6px;*/ margin: 0 auto; width: 374px; } .home-content-box-widget-content h6 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; display: block; position: relative; width: 100%; margin: 24px 0 5px 0; border-bottom: dotted 1px #B0B0B0; } .home-content-box-widget-content p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #7D7D7D; line-height: 18px; display: block; position: relative; } .home-content-box-widget-content p a { font-family: Arial, Sans-Serif; font-size: 12px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-content p a:link, .home-content-box-widget-content p a:visited { text-decoration: none; } .home-content-box-widget-content p a:hover, .home-content-box-widget-content p a:active { text-decoration: underline; } .home-content-box-widget-content ul { position: relative; left: 15px; padding: 0; margin: 0; width: 359px; } .home-content-box-widget-content ul li { line-height: 13px; } .home-content-box-widget-content ul li { list-style-image: url("media/list-icon-rquo-navy-7x7.png"); list-style-position: outside; /*line-height: 13px;*/ padding-bottom: 1px; } .home-content-box-widget-content ul li a { font-family: Arial, Sans-Serif; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-content ul li a:link, .home-content-box-widget-content ul li a:visited { text-decoration: none; } .home-content-box-widget-content ul li a:hover, .home-content-box-widget-content ul li a:active { text-decoration: underline; } /*** BOX WIDGET CONTAINERS ***/ .home-content-box-widget-box-top { display: block; position: relative; margin: 0 auto; width: 374px; height: 5px; background: url('media/bg-home-content-box-widget-top.png') no-repeat; background-position: center bottom; } .home-content-box-widget-box-top-tabs { display: block; position: relative; margin: 0 auto; width: 374px; height: 34px; background: url('media/bg-home-content-box-widget-top.png') no-repeat; background-position: center bottom; } .home-content-box-widget-box-body { display: block; position: relative; margin: 0 auto; width: 374px; min-height: 155px; background: url('media/bg-home-content-box-widget-body.png') repeat-y; background-position: center bottom; } .home-content-box-widget-box-bottom { display: block; position: relative; margin: 0 auto; width: 374px; height: 5px; background: url('media/bg-home-content-box-widget-bottom.png') no-repeat; background-position: center top; } .home-content-box-widget-bottom { display: block; position: relative; clear: both; height: 34px; } .home-content-box-widget-box-footer-clear { clear: both; height: 10px; } /*** END BOX WIDGET CONTAINERS ***/ /*** BOX WIDGET TABS ***/ /* WHAT'S NEW */ .home-content-box-widget-box-top-tabs .tab-whats-new { display: block; position: absolute; left: 0px; width: 94px; height: 31px; background: url('media/tab-home-widget-whats-new.png') no-repeat; } .home-content-box-widget-box-top-tabs .tab-whats-new:hover { background: url('media/tab-home-widget-whats-new-selected.png') no-repeat; cursor: pointer; } .home-content-box-widget-box-top-tabs .tab-whats-new-selected { display: block; position: absolute; left: 0px; width: 94px; height: 31px; background: url('media/tab-home-widget-whats-new-selected.png') no-repeat; } .home-content-box-widget-box-top-tabs .tab-whats-new-selected:hover { cursor: pointer; } .home-content-box-widget-box-top-tabs .tab-whats-new a, .home-content-box-widget-box-top-tabs .tab-whats-new-selected a { display: block; width: 94px; height: 31px; text-indent: -9999px; } /* FDA ALERTS */ .home-content-box-widget-box-top-tabs .tab-fda-alerts { display: block; position: absolute; left: 94px; width: 102px; height: 31px; background: url('media/tab-home-widget-fda-alerts.png') no-repeat; } .home-content-box-widget-box-top-tabs .tab-fda-alerts:hover { background: url('media/tab-home-widget-fda-alerts-selected.png') no-repeat; cursor: pointer; } .home-content-box-widget-box-top-tabs .tab-fda-alerts-selected { display: block; position: absolute; left: 94px; width: 102px; height: 31px; background: url('media/tab-home-widget-fda-alerts-selected.png') no-repeat; } .home-content-box-widget-box-top-tabs .tab-fda-alerts-selected:hover { cursor: pointer; } .home-content-box-widget-box-top-tabs .tab-fda-alerts a, .home-content-box-widget-box-top-tabs .tab-fda-alerts-selected a { display: block; width: 102px; height: 31px; text-indent: -9999px; } /* WASHINGTON ALERTS */ .home-content-box-widget-box-top-tabs .tab-washington-alerts { display: block; position: absolute; left: 196px; width: 140px; height: 31px; background: url('media/tab-home-widget-washington-alerts.png') no-repeat; } .home-content-box-widget-box-top-tabs .tab-washington-alerts:hover { background: url('media/tab-home-widget-washington-alerts-selected.png') no-repeat; cursor: pointer; } .home-content-box-widget-box-top-tabs .tab-washington-alerts-selected { display: block; position: absolute; left: 196px; width: 140px; height: 31px; background: url('media/tab-home-widget-washington-alerts-selected.png') no-repeat; } .home-content-box-widget-box-top-tabs .tab-washington-alerts-selected:hover { cursor: pointer; } .home-content-box-widget-box-top-tabs .tab-washington-alerts a, .home-content-box-widget-box-top-tabs .tab-washington-alerts-selected a { display: block; width: 140px; height: 31px; text-indent: -9999px; } /*** END BOX WIDGET TABS ***/ /*** BOX WIDGET MAIN CLASSES ***/ .home-content-box-widget-box-body-inner { display: block; position: relative; top: 10px; width: 334px; margin: 0 auto; padding-bottom: 5px;} .home-content-box-widget-box-body img.left-inline-image-head { float: left; margin: 0 20px 15px 0; } .home-content-box-widget-box-body img.left-inline-image { float: left; margin: 0 15px 5px 0; } .home-content-box-widget-box-body h3 { display: block; font-family: Arial, Sans-Serif; font-size: 20px; font-weight: normal; color: #3EBBF1; /*#5A87C5;*/ display: block; position: relative; width: 200px; } .home-content-box-widget-box-body h4 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #3EBBF1; /*#5A87C5;*/ display: block; position: relative; width: 245px;} .home-content-box-widget-box-body h5 { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: normal; color: #555555; /*#646464;*/ display: block; position: relative; } .home-content-box-widget-box-body h5.top-heading { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #455560; display: block; margin-bottom: 4px; } .home-content-box-widget-box-body h5 a { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-box-body h5 a:link, .home-content-box-widget-box-body h5 a:visited { text-decoration: none; } .home-content-box-widget-box-body h5 a:hover, .home-content-box-widget-box-body h5 a:active { text-decoration: underline; } .home-content-box-widget-box-body h6 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; display: block; position: relative; width: 100%; margin: 10px 0 5px 0; border-bottom: dotted 1px #B0B0B0; } .home-content-box-widget-box-body p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #656565; line-height: 16px; } .home-content-box-widget-box-body p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-box-body p a:link, .home-content-box-widget-box-body p a:visited { text-decoration: none; } .home-content-box-widget-box-body p a:hover, .home-content-box-widget-box-body p a:active { text-decoration: underline; } .home-content-box-widget-box-body ul { position: relative; left: 15px; width: 319px;} .home-content-box-widget-box-body ul li { list-style-image: url("media/list-icon-rquo-navy-7x7.png"); list-style-position: outside; line-height: 13px; padding-bottom: 1px; } .home-content-box-widget-box-body ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight:normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-box-body ul li a:link, .home-content-box-widget-box-body ul li a:visited { text-decoration: none; } .home-content-box-widget-box-body ul li a:hover, .home-content-box-widget-box-body ul li a:active { text-decoration: underline; } .home-content-box-widget-box-body .small-dateline { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; line-height: 12px; font-style: italic; } .home-content-box-widget-box-body .small-dateline a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-box-body .small-dateline a:link, .home-content-box-widget-box-body .small-dateline a:visited { text-decoration: none; } .home-content-box-widget-box-body .small-dateline a:hover, .home-content-box-widget-box-body .small-dateline a:active { text-decoration: underline; } .home-content-box-widget-box-body .content-small { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; line-height: 12px; } .home-content-box-widget-box-body .content-small a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 16px; } .home-content-box-widget-box-body .content-small a:link, .home-content-box-widget-box-body .content-small a:visited { text-decoration: none; } .home-content-box-widget-box-body .content-small a:hover, .home-content-box-widget-box-body .content-small a:active { text-decoration: underline; } .home-content-box-widget-box-body .content-headline { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #636363; line-height: 13px; } .home-content-box-widget-box-body .content-headline a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-box-body .content-headline a:link, .home-content-box-widget-box-body .content-headline a:visited { text-decoration: none; } .home-content-box-widget-box-body .content-headline a:hover, .home-content-box-widget-box-body .content-headline a:active { text-decoration: underline; } .home-content-box-widget-box-body .small-featured-content { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; line-height: 12px; margin-top: 5px; } .home-content-box-widget-box-body .small-featured-content a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .home-content-box-widget-box-body .small-featured-content a:link, .home-content-box-widget-box-body .small-featured-content a:visited { text-decoration: none; } .home-content-box-widget-box-body .small-featured-content a:hover, .home-content-box-widget-box-body .small-featured-content a:active { text-decoration: underline; } .home-content-box-widget-box-body .top-selector { display: block; position: absolute; right: 0px; top: 25px; } .home-content-box-widget-box-body .top-selector select { font-family: Arial, Sans-Serif; font-size: 10px; } .home-content-box-widget-box-body .top-links { display: block; position: relative; top: 0px; right: 0px; height: 13px; font-family: Trebuchet MS, Arial, Sans-Serif; text-align: right; vertical-align: middle; font-size: 10px; line-height: 13px; color: #D2D2D2; } .home-content-box-widget-box-body .top-links img { display: inline; margin: 0 0 0 0; position: relative; top: 3px; } .home-content-box-widget-box-body .top-links a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight:normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ display: inline; } .home-content-box-widget-box-body .top-links a:link, .home-content-box-widget-box-body .top-links a:visited { text-decoration: none; } .home-content-box-widget-box-body .top-links a:hover, .home-content-box-widget-box-body .top-links a:active { text-decoration: underline; } .home-content-box-widget-box-body div.content-feature-right { display: inline; float: right; margin: 4px 13px 5px 15px; } .home-content-box-widget-box-body .sub-col-left { display: block; position: relative; float: left; width: 90px; } .home-content-box-widget-box-body .sub-col-left img { margin-bottom: 5px; } .home-content-box-widget-box-body .sub-col-right { display: block; position: relative; float: right; width: 225px; } .home-content-box-widget-box-body .repeating-article { padding: 3px 0 0 0; margin: 0 0 10px 0; border-top: dotted 1px #D7D7D7; } /*** END BOX WIDGET MAIN CLASSES ***/ /********** END HOME CONTENT BOX WIDGET **********/ /**************************************************************************************************************************************************************/ /*****************************************************************************/ /*****************************************************************************/ /****************** I N N E R C O N T E N T P A G E S ********************/ /*****************************************************************************/ /*****************************************************************************/ /**************************************************************************************************************************************************************/ #inner-main { display: block; position: relative; width: 960px; /*min-height: 120px;*/ background: #FFF url("media/bg-page-body-nav-rule-tint.png") repeat-y; /*z-index:30;*/ } #inner-main-plain { display: block; position: relative; width: 960px; /*min-height: 120px;*/ background: #FFF url("media/bg-page-body.png") repeat-y; /*z-index:30;*/ } #inner-main-canvas { display: block; position: relative; width: 960px; min-height: 120px; background: url('media/bg-page-body-nav-rule-full.png') no-repeat; background-position: top; } #inner-content { display: block; position: relative; width: 960px; z-index: 10; } /*#inner-main-top { display: block; position: absolute; top: 0; width: 960px; height: 120px; background: #FFF url("media/bg-page-body-nav-rule-top.png") repeat-y; z-index: 1; }*/ /**************************************************************************************************************************************************************/ /******************************************************************************************/ /******************** I N N E R C O N T E N T S U B -- H E A D E R ********************/ /******************************************************************************************/ /**************************************************************************************************************************************************************/ #sub-header { display: block; position: relative; width: 960px; height: 60px; background: #FFF url("media/bg-page-body.png") repeat-y; z-index: 300 !important; } /*** BREADCRUMBS ***/ #sub-header #breadcrumbs { display: block; position: absolute; top: 15px; left: 60px; width: 770px; height:40px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #7D7D7D; /*white-space: nowrap;*/ overflow: hidden; vertical-align: middle; } #sub-header #breadcrumbs .align-raquo { display: inline-block; position: relative; bottom: 1px; vertical-align: top; padding: 0 3px; } #sub-header #breadcrumbs a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #sub-header #breadcrumbs a:link, #sub-header #breadcrumbs a:visited { text-decoration: none; } #sub-header #breadcrumbs a:hover, #sub-header #breadcrumbs a:active { text-decoration: underline; } #sub-header #breadcrumbs a.breadcrumb-current { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #C7C7C7; } #sub-header #breadcrumbs a.breadcrumb-current:link, #sub-header #breadcrumbs a.breadcrumb-current:visited { text-decoration: none; } #sub-header #breadcrumbs a.breadcrumb-current:hover, #sub-header #breadcrumbs a.breadcrumb-current:active { text-decoration: underline; } /*** END BREADCRUMBS ***/ /*** CONTENT PAGE TOOLS ***/ #page-tools { display: block; position: absolute; top: 10px; right: 40px; width: 70px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #7D7D7D; text-align: right; } #page-tools .page-tool { display: block; width: 70px; text-align: right; } #page-tools .page-tool img { position: relative; top: 2px; margin-left: 3px; border: none 0 transparent; } #page-tools .page-tool a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #7D7D7D; } #page-tools .page-tool a:link, #page-tools .page-tool a:visited { text-decoration: none; color: #7D7D7D; } #page-tools .page-tool a:hover, #page-tools .page-tool a:active { text-decoration: none; color: #3EBBF1; } /*** END CONTENT PAGE TOOLS ***/ #sub-header-banner { display: block; position: relative; width: 960px; height: auto; background: #FFF url("media/bg-page-body.png") repeat-y; padding-top: 9px; z-index: 310 !important; } /*** MINI SITE BANNERS ***/ #sub-header-banner #mini-site-banner { display: block; position: relative; width: 885px; margin: 0; left: 40px; } #sub-header-banner .asapac { height: 165px; background: transparent url(media/bg-mini-site-billboard-asapac.png) no-repeat; } #sub-header-banner .asapac h1 { display: block; position: absolute; top: 40px; left: 17px; width: 452px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 34px; font-weight: normal; color: #1288BB; line-height: 26px; text-transform: uppercase; letter-spacing: -1px; text-indent: -9999px; } #sub-header-banner .asapac h1.lead-in { display: block; position: absolute; top: 20px; left: 19px; width: 452px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #1288BB; line-height: 9px; text-transform: uppercase; letter-spacing: 0px; text-indent: -9999px; } #sub-header-banner .asapac .content { display: block; position: absolute; top: 19px; left: 508px; width: 354px; height: 122px; overflow: hidden; } #sub-header-banner .asapac .content p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #B8C5CD; line-height: 18px; } #sub-header-banner .asapac .content a { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #1288BB; } #sub-header-banner .asapac .content a:link, #sub-header-banner .asapac .content a:visited { text-decoration: none; } #sub-header-banner .asapac .content a:hover, #sub-header-banner .asapac .content a:active { text-decoration: underline; } #sub-header-banner .asapac .button { display: block; position: absolute; top: 119px; left: 640px; width: 84px; height: 25px; } #sub-header-banner .annual-meeting { height: 335px; background: transparent url(media/bg-mini-site-billboard-annual-meeting.png) no-repeat; } #sub-header-banner .annual-meeting .logo { display: block; position: absolute; z-index: 2; width: 420px; height: 100px; background: transparent url(media/annual-meeting-2010-logo.png) no-repeat; } #sub-header-banner .annual-meeting .logo h1, #sub-header-banner .annual-meeting .logo h2, #sub-header-banner .annual-meeting .logo h3 { text-indent: -9999px; } #sub-header-banner .annual-meeting .graphic { display: block; position: absolute; z-index: 1; width: 600px; height: 300px; background: transparent url(media/annual-meeting-2010-graphic.jpg) no-repeat; } #sub-header-banner .annual-meeting .text-rotator { display: block; position: absolute; z-index: 1; top: 40px; left: 620px; width: 240px; height: 130px; overflow: hidden; } #sub-header-banner .annual-meeting .text-rotator h4 { display: block; position: relative; width: 240px; height: 30px; margin-bottom: 5px; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 14px; font-weight: normal; color: #FFFFFF; text-transform: uppercase; } #sub-header-banner .annual-meeting .text-rotator p { display: block; position: relative; width: 240px; height: 70px; margin-bottom: 5px; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #B8C5CD; line-height: 18px; } #sub-header-banner .annual-meeting .text-rotator p a { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ } #sub-header-banner .annual-meeting .text-rotator p a:link, #sub-header-banner .annual-meeting .feature .text-rotator p a:visited { text-decoration: none; } #sub-header-banner .annual-meeting .text-rotator p a:hover, #sub-header-banner .annual-meeting .feature .text-rotator p a:active { text-decoration: underline; } #sub-header-banner .annual-meeting .tools { display: block; position: absolute; z-index: 1; top: 200px; left: 620px; width: 240px; height: 70px; overflow: hidden; } #sub-header-banner .annual-meeting .tools .buttons { display: block; position: relative; width: 190px; height: 25px; margin: 0 auto 16px auto; } #sub-header-banner .annual-meeting .tools .buttons .button-left { display: block; position: relative; float: left; width: 84px; height: 25px; } #sub-header-banner .annual-meeting .tools .buttons .button-right { display: block; position: relative; float: right; width: 84px; height: 25px; } #sub-header-banner .annual-meeting .tools .sub-link { display: block; position: relative; width: 240px; text-align: center; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #B8C5CD; } #sub-header-banner .annual-meeting .nav-bar { display: block; position: absolute; z-index: 1; top: 302px; left: 5px; width: 880px; height: 28px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; text-transform: uppercase;} #sub-header-banner .am2011 { height: 193px !important; background: transparent url(media/bg-mini-site-billboard-annual-meeting-2011.png) no-repeat; } /* #sub-header-banner .am2011 .graphic { display: block; position: absolute; top: 0px; left: 0px; width: 330px; height: 159px; background: transparent url(media/annual-meeting-2011-graphic.jpg) no-repeat; } #sub-header-banner .am2011 .content { display: block; position: absolute; top: 0px; left: 330px; width: 550px; height: 159px; background: transparent url(media/annual-meeting-2011-logo.png) no-repeat; } */ #sub-header-banner .am2011 .graphic { display: block; position: absolute; top: 0px; left: 0px; width: 330px; height: 159px; background: transparent url(media/annual-meeting-2012-graphic.jpg) no-repeat; } #sub-header-banner .am2011 .content { display: block; position: absolute; top: 0px; left: 330px; width: 550px; height: 159px; background: transparent url(media/annual-meeting-2012-logo.png) no-repeat; } #sub-header-banner .am2011 .nav-bar { display: block; position: absolute; top: 160px; } #sub-header-banner .am2011 .content #slider ul, #sub-header-banner .am2011 .content #slider li { margin: 0; padding: 0; list-style: none; } #sub-header-banner .am2011 .content #slider { display: block; position: absolute; top: 115px; left: 65px; width: 430px; height: 30px; overflow: hidden; } #sub-header-banner .am2011 .content #slider li { width:430px; height:30px; overflow:hidden; font-size: 11px; font-weight: normal; color: #D2DADF; text-align: center; } #sub-header-banner .am2011 .content #prevBtn, #sub-header-banner .am2011 .content #nextBtn { display: block; position: absolute; top: 125px; width: 13px; height: 11px; background-color: Transparent; background-repeat: no-repeat; } #sub-header-banner .am2011 .content #prevBtn { left: 40px; } #sub-header-banner .am2011 .content #nextBtn { right: 30px; } #sub-header-banner .am2011 .content #prevBtn a, #sub-header-banner .am2011 .content #nextBtn a { display: block; position: absolute; top: 0px; left: 0px; width: 13px; height: 11px; background-color: Transparent; background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; } #sub-header-banner .am2011 .content #prevBtn a { background-image: url(media/slider-backward-01.png); } #sub-header-banner .am2011 .content #nextBtn a { background-image: url(media/slider-foreward-01.png); } #sub-header-banner .am2011 .content a.button-reghoutrav { display:block; position:relative; margin:0 auto; top:113px; text-indent:-9999px; cursor:pointer; } #sub-header-banner .annual-meeting .nav-bar .nav1 { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; /*absolute; top: 0px; left: 5px;*/ width: 147px;/*100px;*/ height: 28px; text-align: center; border-right: solid 1px #79848C; } #sub-header-banner .annual-meeting .nav-bar .nav1:hover { background: #616F79; overflow: visible; color: #FFFFFF;} #sub-header-banner .annual-meeting .nav-bar .nav1 a { width: 147px; height: 28px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav1 table, #sub-header-banner .annual-meeting .nav-bar .nav1 table td { width: 147px; height: 28px; vertical-align: middle; cursor: pointer; } #sub-header-banner .annual-meeting .nav-bar .nav1 table td a { width: auto; height: auto; display: inline; position: relative; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav2 { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; /*absolute; top: 0px; left: 106px;*/ width: 107px;/*100px;*/ height: 28px; text-align: center; border-right: solid 1px #79848C;} #sub-header-banner .annual-meeting .nav-bar .nav2:hover { background: #616F79; overflow: visible; color: #FFFFFF;} #sub-header-banner .annual-meeting .nav-bar .nav2 a { width: 107px; height: 28px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav2 table, #sub-header-banner .annual-meeting .nav-bar .nav2 table td { width: 107px; height: 28px; vertical-align: middle; cursor: pointer; } #sub-header-banner .annual-meeting .nav-bar .nav2 table td a { width: auto; height: auto; display: inline; position: relative; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav3 { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; /*absolute; top: 0px; left: 207px;*/ width: 146px; /*139px;*/ height: 28px; text-align: center; border-right: solid 1px #79848C;} #sub-header-banner .annual-meeting .nav-bar .nav3:hover { background: #616F79; overflow: visible; color: #FFFFFF; } #sub-header-banner .annual-meeting .nav-bar .nav3 a { width: 146px; height: 28px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav3 table, #sub-header-banner .annual-meeting .nav-bar .nav3 table td { width: 146px; height: 28px; vertical-align: middle; cursor: pointer; } #sub-header-banner .annual-meeting .nav-bar .nav3 table td a { width: auto; height: auto; display: inline; position: relative; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav4 { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; /*absolute; top: 0px; left: 347px;*/ width: 84px; /* 94px;*/ height: 28px; text-align: center; border-right: solid 1px #79848C;} #sub-header-banner .annual-meeting .nav-bar .nav4:hover { background: #616F79; overflow: visible; color: #FFFFFF; } #sub-header-banner .annual-meeting .nav-bar .nav4 a { width: 84px; height: 28px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav4 table, #sub-header-banner .annual-meeting .nav-bar .nav4 table td { width: 84px; height: 28px; vertical-align: middle; cursor: pointer; } #sub-header-banner .annual-meeting .nav-bar .nav4 table td a { width: auto; height: auto; display: inline; position: relative; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav5 { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; /*absolute; top: 0px; left: 442px;*/ width: 123px; /*156px;*/ height: 28px; text-align: center; border-right: solid 1px #79848C;} #sub-header-banner .annual-meeting .nav-bar .nav5:hover { background: #616F79; overflow: visible; color: #FFFFFF; } #sub-header-banner .annual-meeting .nav-bar .nav5 a { width: 123px; height: 28px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav5 table, #sub-header-banner .annual-meeting .nav-bar .nav5 table td { width: 123px; height: 28px; vertical-align: middle; cursor: pointer; } #sub-header-banner .annual-meeting .nav-bar .nav5 table td a { width: auto; height: auto; display: inline; position: relative; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav6 { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; /*absolute; top: 0px; left: 599px;*/ width: 157px; /*184px*/; height: 28px; text-align: center; border-right: solid 1px #79848C;} #sub-header-banner .annual-meeting .nav-bar .nav6:hover { background: #616F79; overflow: visible; color: #FFFFFF; } #sub-header-banner .annual-meeting .nav-bar .nav6 a { width: 157px; height: 28px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav6 table, #sub-header-banner .annual-meeting .nav-bar .nav6 table td { width: 157px; height: 28px; vertical-align: middle; cursor: pointer; } #sub-header-banner .annual-meeting .nav-bar .nav6 table td a { width: auto; height: auto; display: inline; position: relative; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav7 { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; /*absolute; top: 0px; left: 784px;*/ width: 99px; /* 92px;*/ height: 28px; text-align: center; } #sub-header-banner .annual-meeting .nav-bar .nav7:hover { background: #616F79; overflow: visible; color: #FFFFFF; } #sub-header-banner .annual-meeting .nav-bar .nav7 table, #sub-header-banner .annual-meeting .nav-bar .nav7 a { width: 99px; height: 28px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav7 table td { width: 99px; height: 28px; vertical-align: middle; cursor: pointer; } #sub-header-banner .annual-meeting .nav-bar .nav7 table td a { width: auto; height: auto; display: inline; position: relative; text-decoration: none; color:inherit; } #sub-header-banner .annual-meeting .nav-bar .nav7 .n7 { left: -99px; } #sub-header-banner .annual-meeting .nav-bar .drop-menu { display:block; position: relative; top:28px; width: 205px; background: transparent url(media/bg-annual-meeting-drop-menu-main.png) repeat-y; text-align: left; font-size: 11px; font-weight: normal; line-height: 11px; text-transform: none;} #sub-header-banner .annual-meeting .nav-bar .drop-menu-inner { display:block; position: relative; width: 200px; background: transparent /*url(media/bg-annual-meeting-drop-menu-inner.png) no-repeat bottom;*/} #sub-header-banner .annual-meeting .nav-bar .drop-menu-inner .menu-item { background: transparent; color: #CED6DC; display: block; position: relative; width: 188px; padding:0 0 0 12px;} #sub-header-banner .annual-meeting .nav-bar .drop-menu-inner .menu-item:hover { background: #9EAEB8; color: #FFFFFF; } #sub-header-banner .annual-meeting .nav-bar .drop-menu-inner .menu-item a { color: inherit; display: block; position: relative !important; height: auto !important; padding: 5px 0; width: 188px; } #sub-header-banner .annual-meeting .nav-bar .drop-menu-bottom { display: block; position: relative; top:28px; width: 205px; height: 15px; background: transparent url(media/bg-annual-meeting-drop-menu-bottom.png) no-repeat; } /*#sub-header-banner .annual-meeting .nav-bar a { display: block; position: relative; float: left; height: 30px; text-align: center; vertical-align: middle; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #C2CBD2; text-transform: uppercase; } #sub-header-banner .annual-meeting .nav-bar a:link, #sub-header-banner .annual-meeting .nav-bar a:visited { color: #C2CBD2; text-decoration: none; } #sub-header-banner .annual-meeting .nav-bar a:hover, #sub-header-banner .annual-meeting .nav-bar a:active { color: #FFFFFF; text-decoration: none; } #sub-header-banner .annual-meeting .nav-bar a span { position: relative; top: 7px; }*/ #sub-header-banner .advocacy { height: 394px !important; background: transparent url(media/AdvocacyHeader.png) no-repeat; } #sub-header-banner .advocacy .intro { display: block; position: absolute; z-index: 2; top:0px; left: 0px; width: 216px; height: 142px; background: transparent url(media/BecomeASuperactivist.png) no-repeat; } #sub-header-banner .advocacy .intro h1, #sub-header-banner .advocacy .intro h2, #sub-header-banner .advocacy .intro h3 { text-indent: -9999px; } #sub-header-banner .advocacy #map_canvas { display: block; position: absolute; top: 0px; left: 250px; z-index: 1; width: 630px; height: 360px; } #sub-header-banner .advocacy .nav-bar { display: block; position: absolute; z-index: 1; top: 360px; left: 5px; width: 880px; height: 28px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; text-transform: uppercase;} #sub-header-banner .advocacy .nav-bar .nav { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: left; height: 30px; text-align: center; border-right: solid 1px #79848C; } #sub-header-banner .advocacy .nav-bar .nav:hover { background: #616F79; overflow: visible; color: #FFFFFF;} #sub-header-banner .advocacy .nav-bar .nav table, #sub-header-banner .advocacy .nav-bar .nav table td { height: 30px; vertical-align: middle; cursor: pointer; } #sub-header-banner .advocacy .nav-bar .nav a { height: 30px; display: block; position: absolute; top: 0px; left: 0px; text-decoration: none; color:inherit; } #sub-header-banner .advocacy .nav-bar .nav1, #sub-header-banner .advocacy .nav-bar .nav1 table, #sub-header-banner .advocacy .nav-bar .nav1 table td, #sub-header-banner .advocacy .nav-bar .nav1 a { width: 76px } #sub-header-banner .advocacy .nav-bar .nav2, #sub-header-banner .advocacy .nav-bar .nav2 table, #sub-header-banner .advocacy .nav-bar .nav2 table td, #sub-header-banner .advocacy .nav-bar .nav2 a { width: 128px } #sub-header-banner .advocacy .nav-bar .nav3, #sub-header-banner .advocacy .nav-bar .nav3 table, #sub-header-banner .advocacy .nav-bar .nav3 table td, #sub-header-banner .advocacy .nav-bar .nav3 a { width: 122px } #sub-header-banner .advocacy .nav-bar .nav4, #sub-header-banner .advocacy .nav-bar .nav4 table, #sub-header-banner .advocacy .nav-bar .nav4 table td, #sub-header-banner .advocacy .nav-bar .nav4 a { width: 111px } #sub-header-banner .advocacy .nav-bar .nav5, #sub-header-banner .advocacy .nav-bar .nav5 table, #sub-header-banner .advocacy .nav-bar .nav5 table td, #sub-header-banner .advocacy .nav-bar .nav5 a { width: 81px } #sub-header-banner .advocacy .nav-bar .social { background: transparent; overflow: hidden; color: #C2CBD2; display: block; position: relative; float: right; height: 30px; vertical-align: top } #sub-header-banner .advocacy .nav-bar .social h5 { float: right; position: relative; top: 0px; left: 0px; vertical-align: top; color: #f5f8fa; margin: 10px 0px 0px 0px; font-size: 9px; text-transform: none } #sub-header-banner .advocacy .nav-bar .social div { float: right; margin-right: 22px } #sub-header-banner .advocacy .nav-bar .social img { border-width: 0px; margin: 4px 0px 0px 0px; padding: 0px } #sub-header-banner .advocacy .nav-bar .nav a { height: 30px; display: block; position: absolute; text-decoration: none; color:inherit; } #sub-header-banner .advocacy .recent-actions { position: absolute; top: 184px; left: 20px; width: 202px; height: 160px; overflow: hidden } #sub-header-banner .advocacy .recent-actions-header { position: absolute; top: 160px; left: 20px; width: 202px; overflow: hidden } #sub-header-banner .superactivist { text-transform: uppercase; color: #cddc28; font-size: 8px } .recent-actions li.action { height: 73px; width: 201px; clear: both } .recent-actions .badge-holder { float: left; margin-right: 8px } .recent-actions .name { font-size: 11px; color: white } .recent-actions address { font-size: 9px; color: #b8c5cd } .recent-actions .action-desc { font-size: 9px; color: #3ebbf1 } /*************************/ /**************************************************************************************************************************************************************/ /*******************************************************************************************/ /******************** I N N E R C O N T E N T L E F T C O L U M N ********************/ /*******************************************************************************************/ /**************************************************************************************************************************************************************/ #left-navigation { display: block; position: relative; float: left; left: 31px; width: 229px; min-height: 100px; background: #E9F2F6 url("media/bg-page-body-left-nav.png") no-repeat; background-position: top; z-index: 300; } /******************** TOP MAIN LEFT NAV WIDGETS ********************/ .left-nav-widget-main { display: block; position: relative; margin:0; padding: 0 0 35px 0; z-index: 100;} /********** MY ASA SIGN-IN WIDGET **********/ .left-nav-widget-signin { display: block; position: relative; width: 171px; margin: 0 auto; } .left-nav-widget-signin span.notice { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #455560; } .left-nav-widget-signin p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #7D7D7D; margin: 7px 0 0 0; } .left-nav-widget-signin p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-signin p a:link, .left-nav-widget-signin p a:visited { text-decoration: none; } .left-nav-widget-signin p a:hover, .left-nav-widget-signin p a:active { text-decoration: underline;} /********** END MY ASA SIGN-IN WIDGET **********/ /********** L2 NAVIGATION WITH CSS FLYOUTS **********/ /*** L2 NAVIGATION LINKS ***/ .left-nav-widget-links { display: block; position: relative; width: 200px; margin: 0; padding: 20px 0 0 0; z-index: 100;} .left-nav-widget-links h2 { display: block; position:relative; left: 30px; width: 171px; font-family: Arial, Sans-Serif; font-weight: bold; font-size: 11px; color: #455560; border-bottom: dotted 1px #B0B0B0; margin-bottom: 7px; } .left-nav-widget-links .nav-link { display: block; position: relative; padding: 3px 0 3px 0; white-space: normal; background-color: Transparent; overflow: hidden; width: 215px; height: auto; } .left-nav-widget-links .nav-link:hover { background-color: #E2F5FD; overflow: visible; width: 229px; } .nav-link .nav-link-label { display: block; position: relative; left: 30px; width: 171px; height: auto; background-color: Transparent; } .nav-link .nav-link-label:hover { background-color: #E2F5FD; } .nav-link .nav-link-label .nav-link-label-link { display: block; position: relative; float: left; width: 160px; } .nav-link .nav-link-label .nav-link-label-link a { display: block; width: 160px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ cursor: pointer; } .nav-link .nav-link-label .nav-link-label-link a:link, .nav-link-label .nav-link-label-link a:visited { text-decoration: none; } .nav-link .nav-link-label .nav-link-label-link a:hover, .nav-link-label .nav-link-label-link a:active { text-decoration: underline; } .nav-link .nav-link-label .nav-link-label-indicator { display: block; position: relative; float: right; right: 0px; width: 8px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ cursor: default; } .nav-link .nav-link-content { display: block; position: absolute; top: -12px; left: 215px; width: 254px; min-height: 42px; z-index: 310; } /*** REPEATABLE L-n SUB NAVIGATION MENU STYLES ***/ .nav-link .sub-nav-link-content-top { display: block; position: relative; width: 254px; height: 12px; background: url('media/bg-nav-link-sub-menu-top.png') no-repeat left top; z-index: 10;} .nav-link .sub-nav-link-content-main { display: block; position: relative; width: 254px; min-height: 10px; background: url('media/bg-nav-link-sub-menu-main.png') repeat-y; z-index: 20; } .nav-link .sub-nav-link-content-bottom { display: block; position: relative; width: 254px; height: 20px; background: url('media/bg-nav-link-sub-menu-bottom.png') no-repeat left bottom; z-index: 10;} .sub-nav-link { display: block; position: relative; left: 3px; min-height: 20px; overflow: hidden; background: #FFF; width: 237px; /* Adjust .sub-nav-link width value for how far in you want an overlap of n-level sub menus! */} .sub-nav-link:hover { overflow: visible; width: 300px; background: url('media/bg-nav-link-sub-menu-highlight.png') repeat-y left top; } .sub-nav-link .sub-nav-link-label { display: block; position: relative; width: 243px; min-height: 20px; } .sub-nav-link .sub-nav-link-label .sub-nav-link-label-internal { display: block; position: relative; left: 2px; width: 207px; margin: 0 auto; padding: 3px 0 3px 0; } .sub-nav-link .sub-nav-link-label-internal .sub-nav-link-label-link { display: block; position: relative; float: left; width: 195px; } .sub-nav-link .sub-nav-link-label-internal .sub-nav-link-label-link a { display: block; width: 195px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ cursor: pointer; } .sub-nav-link .sub-nav-link-label-internal .sub-nav-link-label-link a:link, .sub-nav-link .sub-nav-link-label-internal .sub-nav-link-label-link a:visited { text-decoration: none; } .sub-nav-link .sub-nav-link-label-internal .sub-nav-link-label-link a:hover, .sub-nav-link .sub-nav-link-label-internal .sub-nav-link-label-link a:active { text-decoration: underline; } .sub-nav-link .sub-nav-link-label-internal .sub-nav-link-label-indicator { display: block; position: relative; float: right; width: 8px; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ cursor: default; } .nav-link .sub-nav-link-content { display: block; position: absolute; top: -12px; width: 254px; min-height: 42px; left: 237px; /* This is how far in the n-level child menu overlaps the parent */ z-index: 320; } /********** END L2 NAVIGATION WITH CSS FLYOUTS **********/ /********** FAQ WIDGET **********/ .left-nav-widget-faqs { display: block; position: relative; width: 171px; margin: 40px auto 0 auto; z-index: 1;} .left-nav-widget-faqs h4 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #7D7D7D; margin: 0 0 10px 0; } .left-nav-widget-faqs select { width: 171px; height: 15px; font-family: Arial, Sans-Serif; font-size: 10px; margin: 0 0 5px 0; } /********** END FAQ WIDGET **********/ /********** BOX WIDGETS **********/ .left-nav-widget-kb { display: block; position: relative; width: 230px; padding: 0 0 19px 0; background: #FFF; } .left-nav-widget-sub-box { display: block; position: relative; left: 29px; width: 200px; margin: 0px; } .left-nav-widget-sub-box .box-top { display: block; position: relative; width: 200px; height: 30px; background: transparent url("media/bg-left-nav-sub-box-top.png") no-repeat; } .left-nav-widget-sub-box .box-main { display: block; position: relative; width: 200px; min-height: 130px; background: #6A7B8A url("media/bg-left-nav-sub-box-main2.png") no-repeat; background-position: left bottom; } .left-nav-widget-sub-box .gsa { min-height: 30px !important; } .left-nav-widget-sub-box .box-bottom { display: block; position: relative; width: 200px; height: 12px; background: transparent url("media/bg-left-nav-sub-box-bottom2.png") no-repeat; } .left-nav-widget-sub-box .box-top h2 { display: block; position: absolute; top: 7px; left: 20px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFF; } .left-nav-widget-sub-box .box-main .inner { display: block; position: relative; top: 0px; left: 20px; padding: 10px 0 8px 0px; width: 160px; } .left-nav-widget-sub-box .box-main .inner p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF; padding-top: 6px; } .left-nav-widget-sub-box .box-main .inner p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #72CDF4; } .left-nav-widget-sub-box .box-main .inner p a:link, .left-nav-widget-sub-box .box-main .inner p a:visited { text-decoration: none; } .left-nav-widget-sub-box .box-main .inner p a:hover, .left-nav-widget-sub-box .box-main .inner p a:active { text-decoration: underline; } .left-nav-widget-sub-box .box-main .inner ul { list-style-type: none; list-style-position: outside; } .left-nav-widget-sub-box .box-main .inner ul li { color: #BAC6CF; font-weight: normal; font-size: 11px; padding-top: 7px; } .left-nav-widget-sub-box .box-main .inner ul li a { color: #FFFFFF; font-weight: bold; } .left-nav-widget-sub-box .box-main .inner ul li a:link, .left-nav-widget-sub-box .box-main .inner ul li a:visited { text-decoration: none; } .left-nav-widget-sub-box .box-main .inner ul li a:active, .left-nav-widget-sub-box .box-main .inner ul li a:hover { text-decoration: underline } .left-nav-widget-sub-box .box-main .inner ul li img { margin-right: 5px; } .left-nav-widget-sub-box .box-main .inner .repeating-article { display: block; position: relative; margin: 10px 0 0 0; } .left-nav-widget-sub-box .box-main .inner .repeating-article img { float: left; margin: 0px 6px 0px 0px; padding: 0px; } .left-nav-widget-sub-box .box-main .inner .repeating-article h3, .left-nav-widget-sub-box .box-main .inner .repeating-article h3 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #72CDF4; } .left-nav-widget-sub-box .box-main .inner .repeating-article h3 a:link, .left-nav-widget-sub-box .box-main .inner .repeating-article h3 a:visited { text-decoration: none; } .left-nav-widget-sub-box .box-main .inner .repeating-article h3 a:hover, .left-nav-widget-sub-box .box-main .inner .repeating-article h3 a:active { text-decoration: underline; } .left-nav-widget-sub-box .box-main .inner .repeating-article p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF; padding: 0px; margin: 0px; } .left-nav-widget-sub-box .box-main .inner .repeating-article p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #72CDF4; } .left-nav-widget-sub-box .box-main .inner .repeating-article p a:link, .left-nav-widget-sub-box .box-main .inner .repeating-article p a:visited { text-decoration: none; } .left-nav-widget-sub-box .box-main .inner .repeating-article p a:hover, .left-nav-widget-sub-box .box-main .inner .repeating-article p a:active { text-decoration: underline; } .left-nav-widget-sub-box .box-main .inner .repeating-article p.sub-info { font-family: Arial, Sans-Serif; font-size: 9px; font-weight: bold; color: #AFAFAF; padding: 4px 0 0 0; margin: 0px; } .left-nav-widget-sub-box .box-main .inner .repeating-article p.sub-info a { font-family: Arial, Sans-Serif; font-size: 9px; font-weight: normal; color: #72CDF4; } .left-nav-widget-sub-box .box-main .inner .repeating-article p.sub-info a:link, .left-nav-widget-sub-box .box-main .inner .repeating-article p.sub-info a:visited { text-decoration: none; } .left-nav-widget-sub-box .box-main .inner .repeating-article p.sub-info a:hover, .left-nav-widget-sub-box .box-main .inner .repeating-article p.sub-info a:active { text-decoration: underline; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-header { display: block; position: relative; width: 160px; height: 22px; cursor: pointer; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-header .state-icon { display: block; position: relative; float: left; top: 7px; left: 0px; width: 13px; height: 13px; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-header .box-widget-expander-title { display: block; position: relative; float: left; top: 5px; left: 5px; width: 140px; height: 17px; white-space: nowrap; overflow: hidden; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-header .box-widget-expander-title h3 { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #B9C6CF; } .left-nav-widget-sub-box .box-main .inner .box-widget-exapander-content { display: block; position: relative; width: 160px; } .left-nav-widget-sub-box .box-main .inner .box-widget-exapander-content .box-widget-expander-content-inner { display: block; position: relative; left: 30px; width: 130px; margin: 0; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li { font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 17px; margin: 0; padding: 0;} .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li a { font-size: 11px; font-weight: normal; color: #FFFFFF; /*#4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li a:link, .box-widget-expander-content-inner ul li a:visted { text-decoration: none; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li a:active, .box-widget-expander-content-inner ul li a:hover { text-decoration: underline; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li .selected, .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li .selected a { color: #9EAEB8 !important; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li .selected a:link, .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li .selected a:visted { text-decoration: none; } .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li .selected a:active, .left-nav-widget-sub-box .box-main .inner .box-widget-expander-content-inner ul li .selected a:hover { text-decoration: underline; } /********** END BOX WIDGETS **********/ /******************** END TOP MAIN LEFT NAV WIDGETS ********************/ /******************** STANDARD LEFT NAV WIDGETS ********************/ /********** STANDARD COLLAPSABLE WIDGET **********/ .left-nav-widget-header { display: block; position: relative; width: 229px; height: 30px; background: url('media/bg-left-nav-widget-header.png') no-repeat ; Background-Position: top; cursor: pointer; } .left-nav-widget-header .state-icon { display: block; position: relative; float: left; top: 7px; left: 10px; width: 13px; height: 13px; } .left-nav-widget-header .widget-title { display: block; position: relative; float: left; top: 7px; left: 15px; width: 190px; height: 13px; white-space: nowrap; overflow: hidden;} .left-nav-widget-header .widget-title h2 { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #455560; text-transform:uppercase; } .left-nav-widget-header .rss-icon { display: block; position: relative; float: right; top: 7px; right: 10px; width: 13px; height: 13px; } .left-nav-widget-header .rss-icon img { border: none 0px Transparent; } .left-nav-widget-content { display: block; position: relative; width: 229px; } .left-nav-widget-content-inner { display: block; position: relative; width: 171px; margin: 0 auto; } .left-nav-widget-content-inner .repeating-article { display: block; position: relative; padding: 7px 0 13px 0; border-top: Dotted 1px #D7D7D7; } .left-nav-widget-content-inner .repeating-article h4 { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .repeating-article h4 a { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .repeating-article h4 a:link, .left-nav-widget-content-inner .repeating-article h4 a:visited { text-decoration: none; } .left-nav-widget-content-inner .repeating-article h4 a:hover, .left-nav-widget-content-inner .repeating-article h4 a:active { text-decoration: underline; } .left-nav-widget-content-inner .repeating-article h5 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .repeating-article h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .repeating-article h5 a:link, .left-nav-widget-content-inner .repeating-article h5 a:visited { text-decoration: none; } .left-nav-widget-content-inner .repeating-article h5 a:hover, .left-nav-widget-content-inner .repeating-article h5 a:active { text-decoration: underline; } .left-nav-widget-content-inner .top { padding: 0 0 13px 0; border-top: none 0px Transparent; } .left-nav-widget-content-inner p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #555555; /*#646464;*/ } .left-nav-widget-content-inner p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner p a:link, .left-nav-widget-content-inner p a:visited { text-decoration: none; } .left-nav-widget-content-inner p a:hover, .left-nav-widget-content-inner p a:active { text-decoration: underline; } .left-nav-widget-content-inner p.more-link { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #555555; /*#646464;*/ text-align: right; line-height: 15px; } .left-nav-widget-content-inner p.more-link a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner p.more-link a:link, .left-nav-widget-content-inner p.more-link a:visited { text-decoration: none; } .left-nav-widget-content-inner p.more-link a:hover, .left-nav-widget-content-inner p.more-link a:active { text-decoration: underline; } .left-nav-widget-content-inner .date-stamp { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; font-style: italic; color: #636363; } .left-nav-widget-content-inner .plain-text { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #455560; } .left-nav-widget-content-inner .career-buttons { display: block; position: relative; margin-top: 15px; } .left-nav-widget-content-inner .career-buttons .job-seekers { display: block; position: relative; float: left; width: 78px; height: 25px; } .left-nav-widget-content-inner .career-buttons .employers { display: block; position: relative; float: right; width: 78px; height: 25px; } /********** END STANDARD COLLAPSABLE WIDGET **********/ /******* SHOP FEATURE WIDGET *******/ .left-nav-widget-content-inner .store-feature-top { display: block; position: relative;} .left-nav-widget-content-inner .store-feature-top img.left-image { position: relative; float: left; } .left-nav-widget-content-inner .store-feature-top .right-details { display: block; position: relative; float: right; width: 94px; } .left-nav-widget-content-inner .store-feature-top .information { display: block; position: absolute; float: right; width: 85px; top: 0; right: 0; } .left-nav-widget-content-inner .store-feature-top .information p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #455560; text-align: right; } .left-nav-widget-content-inner .store-feature-top .button { display: block; position: absolute; float: right; text-align: right; bottom: 0; right: 0; } .left-nav-widget-content-inner .store-feature-details { display: block; position: relative; padding: 10px 0 0 0; } .left-nav-widget-content-inner .store-feature-details h4 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .store-feature-details h4 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .store-feature-details h4 a:link, .left-nav-widget-content-inner .store-feature-details h4 a:visited { text-decoration: none; } .left-nav-widget-content-inner .store-feature-details h4 a:hover, .left-nav-widget-content-inner .store-feature-details h4 a:active { text-decoration: underline; } .left-nav-widget-content-inner .store-feature-details h5 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; line-height: 15px; padding: 7px 0 0 0; } .left-nav-widget-content-inner .store-feature-details h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .store-feature-details h5 a:link, .left-nav-widget-content-inner .store-feature-details h5 a:visited { text-decoration: none; } .left-nav-widget-content-inner .store-feature-details h5 a:hover, .left-nav-widget-content-inner .store-feature-details h5 a:active { text-decoration: underline; } .left-nav-widget-content-inner .store-feature-details h6 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #555555; /*#646464;*/ text-transform: uppercase; } .left-nav-widget-content-inner .store-feature-details h6 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .store-feature-details h6 a:link, .left-nav-widget-content-inner .store-feature-details h6 a:visited { text-decoration: none; } .left-nav-widget-content-inner .store-feature-details h6 a:hover, .left-nav-widget-content-inner .store-feature-details h6 a:active { text-decoration: underline; } .left-nav-widget-content-inner .store-feature-details p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #555555; /*#646464;*/ padding: 10px 0 0 0; } .left-nav-widget-content-inner .store-feature-details p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } .left-nav-widget-content-inner .store-feature-details p a:link, .left-nav-widget-content-inner .store-feature-details p a:visited { text-decoration: none; } .left-nav-widget-content-inner .store-feature-details p a:hover, .left-nav-widget-content-inner .store-feature-details p a:active { text-decoration: underline; } /******** END SHOP FEATURE WIDGET *******/ /******************** STANDARD LEFT NAV WIDGETS ********************/ /**************************************************************************************************************************************************************/ /*********************************************************************************************/ /******************** I N N E R C O N T E N T R I G H T C O L U M N ********************/ /*********************************************************************************************/ /**************************************************************************************************************************************************************/ #right-content { display: block; position: relative; float: right; right: 67px; width: 603px; min-height: 100px; padding-bottom: 20px; z-index: 200; } /****************************** CONTENT LANDING AND PAGE HEADER FEATURES ******************************/ /*#members-landing { display: block; position: relative; width: 960px; height: auto; }*/ /******************** GENERAL HEADING FEATURE BOX SETUP ********************/ #right-content .landing-feature-box { display: block; position: relative; clear: both; width: 605px; margin: 0 auto 33px auto; } /********** LEFT SIDE CONTENT **********/ #right-content .landing-feature-box .left-content { display: block; position: absolute; top: 20px; left: 18px; width: 351px; overflow: hidden; } /*** TOP CONTENT AND FEATURED TEXT ***/ #right-content .landing-feature-box .left-content .top-content h1.lead-in { display: block; position: relative; font-family: Arial, Sans-Serif; font-size: 12px; line-height: 9px; height: 15px; min-width: 130px; text-transform: uppercase; font-weight: normal; color: #3EBBF1; text-indent: -9999px; } #right-content .landing-feature-box .left-content .top-content h1 { display: block; position: relative; font-family: Arial, Sans-Serif; font-size: 34px; line-height: 36px; min-width: 300px; text-transform: uppercase; font-weight: bold; color: #3EBBF1; text-indent: -9999px; } #right-content .landing-feature-box .left-content .top-content p { font-family: Arial, Sans-Serif; color: #7D7D7D; line-height: 18px; font-size: 12px; } #right-content .landing-feature-box .left-content .top-content p a { font-family: Arial, Sans-Serif; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 18px; font-size: 12px; } #right-content .landing-feature-box .left-content .top-content p a:link, #right-content .landing-feature-box .left-content .top-content p a:visited { text-decoration: none; } #right-content .landing-feature-box .left-content .top-content p a:hover, #right-content .landing-feature-box .left-content .top-content p a:active { text-decoration: underline; } /*** END TOP CONTENT AND FEATURED TEXT ***/ /*** FEATURED TWO-COLUMN MODULE ***/ #right-content .landing-feature-box .left-content .two-column-module { display: block; position: relative; } #right-content .landing-feature-box .left-content .two-column-module .sub-module { display: block; position: relative; } #right-content .landing-feature-box .left-content .two-column-module .sub-module p { display: inline-block; width: 155px; margin: 5px 0 0 0; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; line-height: 16px; } #right-content .landing-feature-box .left-content .two-column-module .sub-module p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box .left-content .two-column-module .sub-module p a:link, #right-content .landing-feature-box .left-content .two-column-module .sub-module p a:visited { text-decoration:none; } #right-content .landing-feature-box .left-content .two-column-module .sub-module p a:hover, #right-content .landing-feature-box .left-content .two-column-module .sub-module p a:active { text-decoration:underline; } #right-content .landing-feature-box .left-content .two-column-module .sub-left { float: left; width: 160px; } #right-content .landing-feature-box .left-content .two-column-module .sub-right { float: right; width: 163px; } /*** END FEATURED TWO-COLUMN MODULE ***/ /*** FEATURED TEXT CALLOUT ***/ #right-content .landing-feature-box .left-content .callout, #right-content .landing-feature-box-expand .left-content .callout { display: block; position: relative; width: 346px; } #right-content .landing-feature-box .left-content .callout .box-top, #right-content .landing-feature-box-expand .left-content .callout .box-top { display: block; position: relative; width: 346px; height: 9px; background: transparent url('media/bg-landing-feature-callout-top.png') no-repeat; } #right-content .landing-feature-box .left-content .callout .box-main, #right-content .landing-feature-box-expand .left-content .callout .box-main { display: block; position: relative; width: 346px; min-height: 20px; background: transparent url('media/bg-landing-feature-callout-main.png') repeat-y; } #right-content .landing-feature-box .left-content .callout .box-bottom, #right-content .landing-feature-box-expand .left-content .callout .box-bottom { display: block; position: relative; width: 346px; height: 14px; background: transparent url('media/bg-landing-feature-callout-bottom.png') no-repeat; } #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner { display: block; position: relative; left: 11px; width: 319px; } #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner h4, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner h4 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #455560; text-transform: uppercase; margin-bottom: 2px; letter-spacing:1px; } #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner p, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #7D7D7D; line-height: 15px; } #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner p a, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner p a:link, #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner p a:visited, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner p a:link, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner p a:visited { text-decoration:none; } #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner p a:hover, #right-content .landing-feature-box .left-content .callout .box-main .box-main-inner p a:active, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner p a:hover, #right-content .landing-feature-box-expand .left-content .callout .box-main .box-main-inner p a:active { text-decoration:underline; } /*** END FEATURED TEXT CALLOUT ***/ /*** LIFELINE TO MODERN MEDICINE AD ***/ #right-content .landing-feature-box .left-content .lifeline-ad { display: block; position: absolute; bottom: 0px; height: 156px; width: 327px; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-left { display: block; position: absolute; bottom: 0px; left: 0px; float: left; width: 155px; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right { display: block; position: absolute; top: 0px; right: 0px; float: left; width: 160px; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .lifeline-logo { display: block; position: relative; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text { display: block; position: relative; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text h4, #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text h4 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text h4 a:link, #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text h4 a:visited { text-decoration: none; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text h4 a:hover, #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text h4 a:active { text-decoration: underline; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text p a:link, #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text p a:visited { text-decoration: none; } #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text p a:active, #right-content .landing-feature-box .left-content .lifeline-ad .ad-right .detail-text p a:hover { text-decoration: underline; } /*** END LIFELINE TO MODERN MEDICINE AD ***/ /*** CONTACT LINE (BOTTOM ATTACHED) ***/ #right-content .landing-feature-box .left-content .contact-line { display: block; position: absolute; bottom: 0px; } #right-content .landing-feature-box .left-content .contact-line p { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #7D7D7D; } #right-content .landing-feature-box .left-content .contact-line p a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box .left-content .contact-line p a:link, #right-content .landing-feature-box .left-content .contact-line p a:visited { text-decoration: none; } #right-content .landing-feature-box .left-content .contact-line p a:hover, #right-content .landing-feature-box .left-content .contact-line p a:active { text-decoration: underline; } /*** END CONTACT LINE (BOTTOM ATTACHED) ***/ /********** END LEFT SIDE CONTENT **********/ /********** RIGHT SIDE FEATURE **********/ #right-content .landing-feature-box .right-feature { display: block; position: absolute; top: 0px; right: 4px; width: 220px; overflow: hidden; } /*** BLUE HEADER ***/ #right-content .landing-feature-box .right-feature .header { display: block; position: absolute; top: 0px; left: 0px; width: 220px; height: 31px; overflow: hidden; } #right-content .landing-feature-box .right-feature .header h2 { display: block; position: absolute; top: 7px; left: 20px; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFF; white-space: nowrap; overflow: hidden; } /*** END BLUE HEADER ***/ /*** MAIN FEATURE CONTENT ***/ #right-content .landing-feature-box .right-feature .main-feature { display: block; position: absolute; top: 31px; left: 0px; width: 225px; overflow: hidden; } #right-content .landing-feature-box .right-feature .main-feature h3 { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #5DC6F3; } #right-content .landing-feature-box .right-feature .main-feature h4 { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .main-feature h5 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #72CDF4; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; overflow: hidden; } #right-content .landing-feature-box .right-feature .main-feature p, #right-content .landing-feature-box .right-feature .main-feature ul { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .main-feature p a, #right-content .landing-feature-box .right-feature .main-feature ul a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #72CDF4; } #right-content .landing-feature-box .right-feature .main-feature p a:link, #right-content .landing-feature-box .right-feature .main-feature p a:visited, #right-content .landing-feature-box .right-feature .main-feature ul a:link, #right-content .landing-feature-box .right-feature .main-feature ul a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .main-feature p a:hover, #right-content .landing-feature-box .right-feature .main-feature p a:active, #right-content .landing-feature-box .right-feature .main-feature ul a:hover, #right-content .landing-feature-box .right-feature .main-feature ul a:active { text-decoration: underline; } #right-content .landing-feature-box .right-feature .main-feature ul { margin-top:5px;margin-left:5px;margin-bottom:5px; list-style-position:inside; } #right-content .landing-feature-box .right-feature .main-feature blockquote { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 13px; } #right-content .landing-feature-box .right-feature .main-feature blockquote a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #72CDF4; } #right-content .landing-feature-box .right-feature .main-feature blockquote a:link, #right-content .landing-feature-box .right-feature .main-feature blockquote a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .main-feature blockquote a:hover, #right-content .landing-feature-box .right-feature .main-feature blockquote a:active { text-decoration: underline; } /*** END MAIN FEATURE CONTENT ***/ /*** BLACK FOOTER ***/ #right-content .landing-feature-box .right-feature .footer { display: block; position: absolute; bottom: -2px; left: 0px; width: 220px; height: 36px; overflow: hidden; } #right-content .landing-feature-box .right-feature .footer .inner { display: block; position: absolute; top: 4px; left: 20px; } #right-content .landing-feature-box .right-feature .footer p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #FFFFFF; line-height: 13px; } #right-content .landing-feature-box .right-feature .footer p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 13px; } #right-content .landing-feature-box .right-feature .footer p a:link, #right-content .landing-feature-box .right-feature .footer p a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .footer p a:hover, #right-content .landing-feature-box .right-feature .footer p a:active { text-decoration: underline; } /*** END BLACK FOOTER ***/ /********** END RIGHT SIDE FEATURE **********/ /******************** END GENERAL HEADING FEATURE BOX SETUP ********************/ /******************** SPECIFIC HEADING FEATURE BOX SETUPS ********************/ /********** MEMBER CENTER LANDING FEATURE SPECIFICS **********/ #right-content .feature-member-center { height: 426px; background-image: url("media/bg-landing-feature-member-center.png"); } #right-content .feature-member-center .left-content { height: 382px; } #right-content .feature-member-center .left-content .top-content h1 { height: 46px; } #right-content .feature-member-center .right-feature { height: 420px; } #right-content .landing-feature-box .right-feature .members { height: 353px; } /*** GRID OF DOCTOR PHOTOS ***/ #right-content .landing-feature-box .right-feature .members .member-grid { display: block; position: relative; top: 20px; left: 20px; width: 180px; min-width: 180px; max-width: 180px; height: 120px; min-height: 120px; max-height: 120px; background-color: #FFF; overflow: hidden; } #right-content .landing-feature-box .right-feature .members .member-grid .member-picture { display: block; position: relative; float: left; width: 60px; min-width: 60px; max-width: 60px; height: 60px; min-height: 60px; max-height: 60px; overflow: hidden; } #right-content .landing-feature-box .right-feature .members .member-grid .member-picture a { display: block; position: absolute; width: 60px; min-width: 60px; max-width: 60px; height: 60px; min-height: 60px; max-height: 60px; overflow: hidden; } #right-content .landing-feature-box .right-feature .members .member-grid .member-picture img { width: 60px; min-width: 60px; max-width: 60px; height: 60px; min-height: 60px; max-height: 60px; margin: 0; padding: 0; border: none 0 transparent; } #right-content .landing-feature-box .right-feature .members .member-grid .member-picture .member-picture-overlay { display: block; position: absolute; z-index: 10; width: 60px; min-width: 60px; max-width: 60px; height: 60px; min-height: 60px; max-height: 60px; background-image: url("media/member-doc-overlay-filter.png"); background-repeat: no-repeat; background-position: left top; overflow: hidden; } #right-content .landing-feature-box .right-feature .members .member-grid .member-picture .member-picture-overlay:hover { background-image: url("media/member-doc-overlay.png"); } #right-content .landing-feature-box .right-feature .members .member-grid .member-picture .member-picture-overlay-selected { display: block; position: absolute; z-index: 10; width: 60px; min-width: 60px; max-width: 60px; height: 60px; min-height: 60px; max-height: 60px; background-image: url("media/member-doc-overlay.png"); background-repeat: no-repeat; background-position: left top; overflow: hidden; } /*****************************/ #right-content .landing-feature-box .right-feature .members .member-details { display: block; position: relative; top: 33px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .members .member-details p.subtext { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .members .member-details p.subtext a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #72CDF4; } #right-content .landing-feature-box .right-feature .members .member-details p.subtext a:link, #right-content .landing-feature-box .right-feature .members .member-details p.subtext a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .members .member-details p.subtext a:hover, #right-content .landing-feature-box .right-feature .members .member-details p.subtext a:active { text-decoration: underline; } /********** END MEMBER CENTER LANDING FEATURE SPECIFICS **********/ /********** RESIDENTS AND STUDENTS LANDING FEATURE SPECIFICS **********/ #right-content .feature-residents-students { height: 566px; background-image: url("media/bg-landing-feature-residents-students.png"); } #right-content .feature-residents-students .left-content { height: 520px; } #right-content .feature-residents-students .left-content .top-content h1 { height: 87px; } #right-content .feature-residents-students .right-feature { height: 560px; } #right-content .landing-feature-box .right-feature .residents-students { height: 494px; } #right-content .landing-feature-box .right-feature .residents-students .residents-students-content { display: block; position: relative; display: block; position: relative; top: 20px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .residents-students .residents-students-content p.subtext { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #FFFFFF; line-height: 13px; } #right-content .landing-feature-box .right-feature .residents-students .residents-students-content p.subtext a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #3EBBF1; } #right-content .landing-feature-box .right-feature .residents-students .residents-students-content p.subtext a:link, #right-content .landing-feature-box .right-feature .residents-students .residents-students-content p.subtext a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .residents-students .residents-students-content p.subtext a:hover, #right-content .landing-feature-box .right-feature .residents-students .residents-students-content p.subtext a:active { text-decoration: underline; } /********** END RESIDENTS AND STUDENTS LANDING FEATURE SPECIFICS **********/ /********** PUBLIC AND MEDIA LANDING FEATURE SPECIFICS **********/ #right-content .feature-public-media { height: 286px; background-image: url("media/bg-landing-feature-public-media.png"); } #right-content .feature-public-media .left-content { height: 240px; } #right-content .feature-public-media .left-content .top-content h1 { height: 88px; } #right-content .feature-public-media .right-feature { height: 280px; } #right-content .landing-feature-box .right-feature .public-media { height: 250px; } #right-content .landing-feature-box .right-feature .public-media .public-media-content { display: block; position: relative; display: block; position: relative; top: 20px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .public-media .public-media-content p { line-height: 13px; } #right-content .landing-feature-box .right-feature .public-media .public-media-content p a { font-weight: normal; } #right-content .landing-feature-box .right-feature .public-media .button { display: block; position: absolute; bottom: 18px; left: 20px; width: 180px; height: 25px; } #right-content .landing-feature-box .right-feature .public-media .button .button-container { display: block; position: relative; margin: 0 auto; width: 78px; height: 25px; } /********** END PUBLIC AND MEDIA LANDING FEATURE SPECIFICS **********/ /********** PRESS ROOM LANDING FEATURE SPECIFICS **********/ #right-content .feature-press-room { height: 286px; background-image: url("media/bg-landing-feature-press-room.png"); } #right-content .feature-press-room .left-content { height: 250px; } #right-content .feature-press-room .left-content .top-content h1 { height: 48px; } #right-content .feature-press-room .left-content ul { display: block; position: absolute; top: 171px; list-style: none none inside; color: #979797; } #right-content .feature-press-room .left-content ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #979797; margin-bottom: 5px; } #right-content .feature-press-room .left-content ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .feature-press-room .left-content ul li a:link, #right-content .feature-press-room .left-content ul li a:visited { text-decoration: none; } #right-content .feature-press-room .left-content ul li a:hover, #right-content .feature-press-room .left-content ul li a:active { text-decoration: underline; } #right-content .feature-press-room .right-feature { height: 280px; } #right-content .landing-feature-box .right-feature .press-room { height: 250px; } #right-content .landing-feature-box .right-feature .press-room .press-room-content { display: block; position: relative; display: block; position: relative; top: 20px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .press-room .press-room-content p { line-height: 13px; } #right-content .landing-feature-box .right-feature .press-room .press-room-content p a { font-weight: normal; } #right-content .landing-feature-box .right-feature .press-room .button { display: block; position: absolute; bottom: 21px; left: 20px; width: 180px; height: 25px; } #right-content .landing-feature-box .right-feature .press-room .button .button-container { display: block; position: relative; margin: 0 auto; width: 124px; height: 25px; } /********** END PRESS ROOM LANDING FEATURE SPECIFICS **********/ /********** HEALTH PROFESSIONALS LANDING FEATURE SPECIFICS **********/ #right-content .feature-health-professionals { height: 616px; background-image: url("media/bg-landing-feature-health-professionals.png"); } #right-content .feature-health-professionals .left-content { height: 576px; } #right-content .feature-health-professionals .left-content .top-content h1 { height: 88px; } #right-content .feature-health-professionals .right-feature { height: 610px; } #right-content .landing-feature-box .right-feature .health-professionals { height: 577px; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content { display: block; position: relative; display: block; position: relative; top: 15px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content h3 { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content h4 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #9EAEB8; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #3EBBF1; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content p a:link, #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content p a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content p a:hover, #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content p a:active { text-decoration: underline; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .newsletter-cover { display: block; position: relative; width: 90px; margin: 0 auto; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .enlarge-cover { display: block; position: relative; width: 85px; margin: 5px auto 0 auto; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .repeating-content { display: block; position: relative; padding: 5px 0 10px 0; border-top: dotted 1px #9EAEB8; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .repeating-content h5 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #3EBBF1; letter-spacing: normal; line-height: normal; white-space: normal; text-transform: none; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .repeating-content h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #3EBBF1; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .repeating-content h5 a:link, #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .repeating-content h5 a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .repeating-content h5 a:hover, #right-content .landing-feature-box .right-feature .health-professionals .health-professionals-content .repeating-content h5 a:active { text-decoration: underline; } /********** END HEALTH PROFESSIONALS LANDING FEATURE SPECIFICS **********/ /********** ASA NEWSLETTER LANDING FEATURE SPECIFICS **********/ #right-content .feature-asa-newsletter { height: 616px; background-image: url("media/bg-landing-feature-asa-newsletter.png"); } #right-content .feature-asa-newsletter .left-content { height: 576px; } #right-content .feature-asa-newsletter .left-content .top-content h1 { height: 46px; } #right-content .feature-asa-newsletter .right-feature { height: 610px; } #right-content .landing-feature-box .right-feature .asa-newsletter { height: 577px; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content { display: block; position: relative; display: block; position: relative; top: 15px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content h3 { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content h4 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #9EAEB8; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content p a:link, #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content p a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content p a:hover, #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content p a:active { text-decoration: underline; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .newsletter-cover { display: block; position: relative; width: 90px; margin: 0 auto; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .enlarge-cover { display: block; position: relative; width: 85px; margin: 5px auto 0 auto; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .repeating-content { display: block; position: relative; padding: 5px 0 10px 0; border-top: dotted 1px #9EAEB8; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .repeating-content h5 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ letter-spacing: normal; line-height: normal; white-space: normal; text-transform: none; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .repeating-content h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .repeating-content h5 a:link, #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .repeating-content h5 a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .repeating-content h5 a:hover, #right-content .landing-feature-box .right-feature .asa-newsletter .asa-newsletter-content .repeating-content h5 a:active { text-decoration: underline; } /********** END HEALTH PROFESSIONALS LANDING FEATURE SPECIFICS **********/ /********** DRAW PORTAL LANDING FEATURE SPECIFICS **********/ #right-content .feature-draw { height: 286px; background-image: url("media/bg-landing-feature-draw.png"); } #right-content .feature-draw .left-content { height: 240px; } #right-content .feature-draw .left-content .top-content h1 { height: 88px; } #right-content .feature-draw .right-feature { height: 280px; } #right-content .feature-draw .left-content .top-content h3 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; margin-top: 10px;} #right-content .feature-draw .left-content .top-content ul { display: block; position: relative; left: 25px; height: auto; width: auto; list-style-image: url("media/list-icon-rquo-navy-7x7.png"); } #right-content .feature-draw .left-content .top-content ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #7D7D7D; line-height: 16px; height: auto; } #right-content .feature-draw .left-content .top-content ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ height: auto; width: auto; } #right-content .feature-draw .left-content .top-content ul li a:link, #right-content .feature-draw .left-content .top-content ul li a:visited { text-decoration: none; } #right-content .feature-draw .left-content .top-content ul li a:hover, #right-content .feature-draw .left-content .top-content ul li a:active { text-decoration: underline; } #right-content .feature-draw .left-content .action-buttons { display: block; position: relative; margin-top: 10px;} #right-content .feature-draw .left-content .action-buttons .search { display: block; position: relative; float: left; width: 124px; height: 25px; margin-right: 37px; } #right-content .feature-draw .left-content .action-buttons .submit { display: block; position: relative; float: left; width: 151px; height: 25px; } #right-content .feature-draw .right-feature { height: 420px; } #right-content .landing-feature-box .right-feature .draw { height: 353px; } #right-content .landing-feature-box .right-feature .draw .featured-image { display: block; position: relative; top: 20px; left: 20px; width: 180px; height: 126px; background-color: #FFF; overflow: hidden; } #right-content .landing-feature-box .right-feature .draw .content { display: block; position: relative; top: 20px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .draw .content h4 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #72CDF4; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; overflow: hidden; } #right-content .landing-feature-box .right-feature .draw .content p.subtext { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .draw .content p.subtext a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #72CDF4; } #right-content .landing-feature-box .right-feature .draw .content p.subtext a:link, #right-content .landing-feature-box .right-feature .draw .content p.subtext a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .draw .content p.subtext a:hover, #right-content .landing-feature-box .right-feature .draw .content p.subtext a:active { text-decoration: underline; } /*** SMALL HEADER ***/ #right-content .feature-draw-small { height: auto; background-image: none; } #right-content .feature-draw-small .top-header { display: block; position: relative; width: 605px; height: 88px; background: transparent url("media/bg-landing-feature-draw-top.png") no-repeat; } #right-content .feature-draw-small .top-header .top-content { display: block; position: absolute; top: 20px; left: 18px; } #right-content .feature-draw-small .top-header .top-content h1.lead-in { display: block; position: relative; height: 15px; min-width: 130px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 9px; letter-spacing: normal; text-transform: uppercase; text-indent: -9999px; } #right-content .feature-draw-small .top-header .top-content h1 { display: block; position: relative; min-width: 300px; font-family: Arial, Sans-Serif; font-size: 34px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 36px; letter-spacing: -2px; text-transform: uppercase; text-indent: -9999px; } #right-content .feature-draw-small .main-content { display: block; position: relative; width: 605px; min-height: 10px; background: transparent url("media/bg-landing-feature-main.png") repeat-y; z-index: 2; } #right-content .feature-draw-small .main-content .content-inner { display: block; position: relative; top: 0px; left: 19px; width: 561px; } #right-content .feature-draw-small .main-content .content-inner p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #7D7D7D; line-height: 18px; width: 550px; } #right-content .feature-draw-small .main-content .content-inner .feature-header { display: block; position: relative; width: 561px; height: 24px; top: -10px; } #right-content .feature-draw-small .main-content .content-inner .feature-header .header-title { display: block; position: absolute; bottom: 0px; left: 0px; } #right-content .feature-draw-small .main-content .content-inner .feature-header .header-title h2 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ line-height: 13px; } #right-content .feature-draw-small .main-content .content-inner .feature-header .header-button { display: block; position: absolute; bottom: -4px; right: 0px; } #right-content .feature-draw-small .bottom { display: block; position: relative; width: 605px; height: 15px; background: transparent url("media/bg-landing-feature-bottom.png") no-repeat; z-index: 1; } /********** END DRAW PORTAL LANDING FEATURE SPECIFICS **********/ /********** MEMBER LOG IN FEATURE SPECIFICS **********/ #right-content .feature-login { height: 286px; background-image: url("media/bg-landing-feature-member-login.png"); } #right-content .feature-login .left-content { height: 240px; } #right-content .feature-login .left-content .top-content h1 { height: 60px; } #right-content .feature-login .right-feature { height: 280px; } #right-content .feature-login .left-content .top-content h3 { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #7D7D7D; margin-bottom: 10px;} #right-content .feature-login .left-content .label { position:relative; top:-5px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #7D7D7D; } #right-content .feature-login .left-content .text { position:relative; top:-2px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #7D7D7D; } #right-content .feature-login .right-feature { height: 420px; } #right-content .landing-feature-box .right-feature .login { height: 353px; } #right-content .landing-feature-box .right-feature .login .featured-image { display: block; position: relative; top: 20px; left: 20px; width: 180px; height: 126px; background-color: #FFF; overflow: hidden; } #right-content .landing-feature-box .right-feature .login .content { display: block; position: relative; top: 20px; left: 20px; width: 180px; } #right-content .landing-feature-box .right-feature .login .content h4 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #72CDF4; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; overflow: hidden; } #right-content .landing-feature-box .right-feature .login .content p.subtext { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box .right-feature .login .content p.subtext a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #72CDF4; } #right-content .landing-feature-box .right-feature .login .content p.subtext a:link, #right-content .landing-feature-box .right-feature .draw .content p.subtext a:visited { text-decoration: none; } #right-content .landing-feature-box .right-feature .login .content p.subtext a:hover, #right-content .landing-feature-box .right-feature .draw .content p.subtext a:active { text-decoration: underline; } /********** END MEMBER LOG IN FEATURE SPECIFICS **********/ /********** NEWSLETTER SMALL HEADER **********/ #right-content .feature-small { height: auto; background-image: none; } #right-content .feature-small .top-header { display: block; position: relative; width: 605px; } #right-content .feature-small .newsletter { height: 88px; background: transparent url("media/bg-landing-feature-newsletter-top.png") no-repeat; } #right-content .feature-small .member-portal { height: 88px; background: transparent url("media/bg-landing-feature-member-portal-top.png") no-repeat; } #right-content .feature-small .top-header .top-content { display: block; position: absolute; top: 20px; left: 18px; } #right-content .feature-small .top-header .top-content h1.lead-in { display: block; position: relative; height: 15px; min-width: 130px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 9px; letter-spacing: normal; text-transform: uppercase; text-indent: -9999px; } #right-content .feature-small .top-header .top-content h1 { display: block; position: relative; min-width: 300px; font-family: Arial, Sans-Serif; font-size: 34px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 36px; letter-spacing: -2px; text-transform: uppercase; text-indent: -9999px; } #right-content .feature-small .main-content { display: block; position: relative; width: 605px; min-height: 10px; background: transparent url("media/bg-landing-feature-main.png") repeat-y; z-index: 2; } #right-content .feature-small .main-content .content-inner { display: block; position: relative; top: 0px; left: 19px; width: 561px; } #right-content .feature-small .main-content .content-inner p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #7D7D7D; line-height: 18px; width: 550px; } #right-content .feature-small .main-content .content-inner .feature-header { display: block; position: relative; width: 561px; height: 24px; top: -10px; } #right-content .feature-small .main-content .content-inner .feature-header .header-title { display: block; position: absolute; bottom: 0px; left: 0px; } #right-content .feature-small .main-content .content-inner .feature-header .header-title h2 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ line-height: 13px; } #right-content .feature-small .main-content .content-inner .feature-header .header-button { display: block; position: absolute; bottom: -4px; right: 0px; } #right-content .feature-small .bottom { display: block; position: relative; width: 605px; height: 15px; background: transparent url("media/bg-landing-feature-bottom.png") no-repeat; z-index: 1; } /********** END NEWSLETTER SMALL HEADER **********/ /********** KNOWLEDGE BASE ~~LANDING~~ PAGE HEADER FEATURE **********/ #right-content .feature-knowledge-base { margin-bottom: 40px; z-index: 100; } #right-content .feature-knowledge-base .top-header { display: block; position: relative; width: 605px; height: 88px; background: transparent url("media/bg-landing-feature-knowledge-base-top.png") no-repeat; } #right-content .feature-knowledge-base .top-header .top-content { display: block; position: absolute; top: 20px; left: 18px; } #right-content .feature-knowledge-base .top-header .top-content h1.lead-in { display: block; position: relative; height: 15px; min-width: 130px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 9px; letter-spacing: normal; text-transform: uppercase; text-indent: -9999px; } #right-content .feature-knowledge-base .top-header .top-content h1 { display: block; position: relative; min-width: 300px; font-family: Arial, Sans-Serif; font-size: 34px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 36px; letter-spacing: -2px; text-transform: uppercase; text-indent: -9999px; } #right-content .feature-knowledge-base .main-content { display: block; position: relative; width: 605px; min-height: 10px; background: transparent url("media/bg-landing-feature-main.png") repeat-y; z-index: 2; } #right-content .feature-knowledge-base .main-content .content-inner { display: block; position: relative; top: 0px; left: 19px; width: 561px; } #right-content .feature-knowledge-base .main-content .content-inner p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #7D7D7D; line-height: 18px; width: 550px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header { display: block; position: relative; width: 561px; height: 20px; border-bottom: dotted 1px #D2D2D2; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .header-title { display: block; position: absolute; top: 0px; left: 0px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .header-title h2 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ line-height: 13px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .page-count-selector { display: block; position: absolute; bottom: 3px; right: 0px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-label { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4B4B4B; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #D2D2D2; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding: 0 7px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a:link, #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a:visited { text-decoration: none; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a:hover, #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a:active { text-decoration: underline; cursor:pointer; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a.selected { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #969696; padding: 0 7px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a.selected:link, #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a.selected:visited { text-decoration: none; } #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a.selected:hover, #right-content .feature-knowledge-base .main-content .content-inner .browse-header .selector-option a.selected:active { text-decoration: underline; cursor:pointer; } #right-content .feature-knowledge-base .main-content .content-inner .browse-content { display: block; position: relative; width: 561px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-content p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #979797; line-height: 20px; width: auto; } #right-content .feature-knowledge-base .main-content .content-inner .browse-content p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .feature-knowledge-base .main-content .content-inner .browse-content p a:link, #right-content .feature-knowledge-base .main-content .content-inner .browse-content p a:visited { text-decoration: none; } #right-content .feature-knowledge-base .main-content .content-inner .browse-content p a:hover, #right-content .feature-knowledge-base .main-content .content-inner .browse-content p a:active { text-decoration: underline; } #right-content .feature-knowledge-base .main-content .content-inner .browse-content span.new { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #455560; text-transform: uppercase; } #right-content .feature-knowledge-base .main-content .content-inner .browse-content .topics-left { display: block; position: relative; float: left; width: 260px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-content .topics-right { display: block; position: relative; float: right; width: 260px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-footer { display: block; position: relative; width: 561px; height: 67px; } #right-content .feature-knowledge-base .main-content .content-inner .browse-footer .suggest-new-topic-button { display: block; position: absolute; top: 27px; left: 301px; width: 124px; height: 25px; } #right-content .feature-knowledge-base .bottom { display: block; position: relative; width: 605px; height: 15px; background: transparent url("media/bg-landing-feature-bottom.png") no-repeat; z-index: 1; } /********** END KNOWLEDGE BASE ~~LANDING~~ PAGE HEADER FEATURE **********/ /********** EXPANDABLE HEADER FEATURE STYLES **********/ #right-content .expandable-feature { z-index: 100; } #right-content .knowledge-base-feature { margin: 0 0 40px 0; } #right-content .meetings-events-feature { margin: 0 0 10px 0; } #right-content .feature-popup { display: block; position: absolute; left: -20px; top: -86px; } #right-content .feature-popup-mef { display: block; position: absolute; left: -20px; top: 2px; } #right-content .expandable-feature .top-header { display: block; position: relative; width: 605px; height: 88px; } #right-content .knowledge-base-feature .top-header { background: transparent url("media/bg-landing-feature-knowledge-base-top.png") no-repeat; } #right-content .meetings-events-feature .top-header { background: transparent url("media/bg-landing-feature-meetings-events-top.png") no-repeat; } #right-content .gsa-search-feature .top-header { background: transparent url("media/bg-landing-feature-gsa-search-top.png") no-repeat; } #right-content .expandable-feature .top-header .top-content { display: block; position: absolute; top: 20px; left: 18px; width: 565px; } #right-content .expandable-feature .top-header .top-content h1.lead-in { display: block; position: relative; height: 15px; min-width: 130px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 9px; letter-spacing: normal; text-transform: uppercase; text-indent: -9999px; } #right-content .expandable-feature .top-header .top-content h1 { display: block; position: relative; min-width: 300px; font-family: Arial, Sans-Serif; font-size: 34px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 36px; letter-spacing: -2px; text-transform: uppercase; text-indent: -9999px; } #right-content .expandable-feature .top-header .top-content .right-tools { display: block; position: absolute; top: 0px; right: 0px; } #right-content .expandable-feature .top-header .top-content .right-tools p, #right-content .expandable-feature .top-header .top-content .right-tools p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-align: right; margin-bottom: 3px;} #right-content .expandable-feature .top-header .top-content .right-tools p a:link, #right-content .expandable-feature .top-header .top-content .right-tools p a:visited { text-decoration: none; } #right-content .expandable-feature .top-header .top-content .right-tools p a:hover, #right-content .expandable-feature .top-header .top-content .right-tools p a:active { text-decoration: underline; } #right-content .expandable-feature .top-header .top-content .right-tools select { font-family: Arial, Sans-Serif; font-size: 10px; width: 150px; } #right-content .expandable-feature .top-header .top-content .right-tools .popup-close { display: block; position: relative; float: right; width: 9px; height: 9px; margin: 0 0 0 0; } #right-content .expandable-feature .top-header .top-content .right-tools .popup-close a.pop-up-close-01 { display: block; position: absolute; width: 9px; height: 9px; cursor: pointer; } /* #right-content .expandable-feature .top-header .top-content .extra-links { display: block; position: absolute; top: 0px; right: 0px; font-size: 11px; font-weight: normal; color: #555555; } #right-content .expandable-feature .top-header .top-content .extra-links a { color: #21AFED; } #right-content .expandable-feature .top-header .top-content .extra-links a:link, #right-content .expandable-feature .main-body .main-title .feature-header .extra-links a:visited { text-decoration: none; } #right-content .expandable-feature .top-header .top-content .extra-links a:hover, #right-content .expandable-feature .main-body .main-title .feature-header .extra-links a:active { text-decoration: underline; } */ #right-content .expandable-feature .main-body { display: block; position: relative; width: 605px; min-height: 10px; z-index: 2;} #right-content .expandable-feature .main-body .top-content { display: block; position: relative; width: 605px; background: transparent url(media/bg-landing-featue-expand-main-plain.png) repeat-y; } #right-content .expandable-feature .main-body .top-content .inner { display: block; position: relative; width: 557px; margin: 0 auto; } #right-content .expandable-feature .main-body .top-content .inner h3 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #455560; } #right-content .expandable-feature .main-body .top-content .inner h3 .query { color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .expandable-feature .main-body .main-title { display: block; position: relative; width: 605px; min-height: 10px; background: transparent url("media/bg-landing-feature-main.png") repeat-y; } #right-content .expandable-feature .main-body .popup-title { background-image: none;} #right-content .expandable-feature .main-body .main-title .feature-header { display: block; position: relative; left: 20px; width: 560px; height: 20px; } #right-content .expandable-feature .main-body .main-title .header-popup { border-bottom: dotted 1px #D2D2D2; height: 21px; } #right-content .expandable-feature .main-body .main-title .feature-header .header-title { display: block; position: relative; top: 0px; left: 0px; height: 13px; } #right-content .expandable-feature .main-body .main-title .feature-header .search-title { display: block; height: 13px; } #right-content .expandable-feature .main-body .main-title .feature-header .header-title h2 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ line-height: 13px; } #right-content .expandable-feature .main-body .main-title .feature-header .browse-title h2, #right-content .expandable-feature .main-body .main-title .feature-header .browse-title h2 a { display: block; height: 13px; width: 230px; cursor: pointer; } #right-content .expandable-feature .main-body .main-title .feature-header .search-title h2, #right-content .expandable-feature .main-body .main-title .feature-header .search-title h2 a { display: block; height: 13px; width: 140px; cursor: pointer; } #right-content .expandable-feature .main-body .main-title .feature-header .header-title h2 img { display: inline-block; height: 13px; width: 13px; margin: 0 5px 0 0; background-color: #F5F8FA; } #right-content .expandable-feature .main-body .main-title .header-popup .header-title h2 img { margin-top: 2px; } /* #right-content .expandable-feature .main-body .main-title .feature-header .extra-links { display: block; position: absolute; bottom: -3px; right: 22px; font-size: 11px; font-weight: normal; color: #555555; } #right-content .expandable-feature .main-body .main-title .feature-header .extra-links a { color: #21AFED; } #right-content .expandable-feature .main-body .main-title .feature-header .extra-links a:link, #right-content .expandable-feature .main-body .main-title .feature-header .extra-links a:visited { text-decoration: none; } #right-content .expandable-feature .main-body .main-title .feature-header .extra-links a:hover, #right-content .expandable-feature .main-body .main-title .feature-header .extra-links a:active { text-decoration: underline; } */ #right-content .expandable-feature .main-body .main-title .feature-header .page-count-selector { display: block; position: absolute; bottom: 0px; right: 0px; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-label { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4B4B4B; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-option { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #D2D2D2; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-option a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding: 0 7px; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-option a:link, #right-content .feature-meetings-events .main-body .main-content .content-inner .feature-header .selector-option a:visited { text-decoration: none; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-option a:hover, #right-content .feature-meetings-events .main-body .main-content .content-inner .feature-header .selector-option a:active { text-decoration: underline; cursor:pointer; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-option a.selected { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #969696; padding: 0 7px; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-option a.selected:link, #right-content .feature-meetings-events .main-body .main-title .feature-header .selector-option a.selected:visited { text-decoration: none; } #right-content .expandable-feature .main-body .main-title .feature-header .selector-option a.selected:hover, #right-content .feature-meetings-events .main-body .main-title .feature-header .selector-option a.selected:active { text-decoration: underline; cursor:pointer; } #right-content .expandable-feature .main-body .main-title .feature-header .popup-close { display: block; position: relative; float: right; width: 9px; height: 9px; margin: -7px 0 0 0; } #right-content .expandable-feature .main-body .main-title .feature-header .popup-close a.pop-up-close-01 { display: block; position: absolute; width: 9px; height: 9px; cursor: pointer; } #right-content .expandable-feature .main-body .main-content { display: block; position: relative; width: 605px; min-height: 10px; background: transparent url("media/bg-landing-feature-main-matte.png") repeat-y; } #right-content .expandable-feature .main-body .main-content .content-inner { display: block; position: relative; top: 0px; left: 19px; width: 561px; } #right-content .expandable-feature .main-body .main-content .content-inner p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #7D7D7D; line-height: 18px; width: 550px; } #right-content .expandable-feature .main-body .main-content .content-inner .label { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #455560; } #right-content .expandable-feature .main-body .main-content .content-inner .radiobutton { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ display: inline-block; position: relative; bottom: 2px; } #right-content .expandable-feature .main-body .main-content .content-inner .label { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #455560; } #right-content .expandable-feature .main-body .main-content .content-inner .radiobutton { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content { display: block; position: relative; width: 561px; } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #979797; line-height: 20px; width: auto; } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content p a:link, #right-content .feature-knowledge-base .main-content .content-inner .browse-content p a:visited { text-decoration: none; } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content p a:hover, #right-content .feature-knowledge-base .main-content .content-inner .browse-content p a:active { text-decoration: underline; } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content span.new { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #455560; text-transform: uppercase; } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content .topics-left { display: block; position: relative; float: left; width: 260px; } #right-content .expandable-feature .main-body .main-content .content-inner .browse-content .topics-right { display: block; position: relative; float: right; width: 260px; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter { display: block; position: relative; width: 560px; min-height: 10px; margin: 0 0 14px 0; padding: 10px 0 0 0; background-image: url("media/bg-landing-feature-event-filter-rules.png"); z-index: 10;} #right-content .expandable-feature .main-body .main-content .content-inner .events-filter h3 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; width: auto;} #right-content .expandable-feature .main-body .main-content .content-inner .events-filter p.or { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#5A87C5;*/ text-transform: uppercase; width: auto; margin: 7px 0;} #right-content .expandable-feature .main-body .main-content .content-inner .events-filter span.or { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#5A87C5;*/ text-transform: uppercase; margin-left: 3px;} #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .small-label { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4B4B4B; /*letter-spacing: -1px;*/ display: inline-block; position: relative; bottom: 3px;} #right-content .expandable-feature .main-body .main-content .content-inner .events-filter select { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; width: 150px; margin: 0; padding: 0; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-left { display: block; position: relative; float: left; top: 0px; left: 0px; width: 180px; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-left .location-filters { display: block; position: relative; margin: 5px 0 10px 0; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-left .location-filters .location-filter { display: block; position: relative; margin-bottom: 3px; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center { display: block; position: relative; float: left; top: 0px; left: 25px; width: 170px; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options { display: block; position: relative; margin: 7px 0 0 0; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option { display: block; position: relative; width: 170px; height: 20px; margin-bottom: 5px; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .checkbox { display: block; position: absolute; left: -3px; width: 20px; height: 20px; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .category { display: block; position: absolute; left: 20px; width: 150px; height: 20px; overflow: hidden;} #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .category .category-label { display: inline-block; position: relative; top: 2px; left: 5px; width: 150px; white-space: nowrap; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFF; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .conference { background-color: #3EBBF1; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .meeting { background-color: #5A87C5; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .lecture { background-color: #455560; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .webinar { background-color: #E19619; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-center .category-options .category-option .examcourse { background-color: #AFC832; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right { display: block; position: relative; float: right; top: 0px; right: 0px; width: 150px; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right .month-filter { display: block; position: relative; margin: 7px 0 0 0; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right .date-filters { display: block; position: relative; width:150px; margin: 2px 0 0 0;} #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right .date-filters .date-picker { display: block; position: relative; height: 27px; width: 150px; margin: 8px 0 0 0; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right .date-filters .date-picker .text-box { display: block; position: relative; float: left; top: 4px; height: 20px; width: 111px; background-image: url(media/bg-event-filter-text-box.png); } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right .date-filters .date-picker .text-box input { position: absolute; top: 3px; left: 3px; border: none 0px transparent; width: 107px; height: 13px; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right .date-filters .date-picker .text-box .watermark { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #858585; } #right-content .expandable-feature .main-body .main-content .content-inner .events-filter .filters-right .date-filters .date-picker .action-button { display: block; position: relative; float: right; height: 27px; width: 27px; } #right-content .expandable-feature .main-body .main-content .content-inner .popup-footer { display: block; position: relative; width: 561px; height: 56px; border-top: dotted 1px #D2D2D2; z-index: 9;} #right-content .expandable-feature .main-body .main-content .content-inner .popup-footer .suggest-new-topic-button { display: block; position: absolute; top: 20px; left: 0px; width: 124px; height: 25px; } #right-content .expandable-feature .main-body .main-content .content-inner .popup-footer .submit-new-event-button { display: block; position: absolute; top: 20px; left: 0px; width: 124px; height: 25px; } #right-content .expandable-feature .main-body .main-content .content-inner .popup-footer .reset-button { display: block; position: absolute; top: 20px; right: 95px; width: 84px; height: 25px; } #right-content .expandable-feature .main-body .main-content .content-inner .popup-footer .search-button { display: block; position: absolute; top: 20px; right: 0px; width: 84px; height: 25px; } #right-content .expandable-feature .bottom { display: block; position: relative; width: 605px; height: 15px; background: transparent url("media/bg-landing-feature-bottom.png") no-repeat; } #right-content .feature-extra-links { display: block; position: relative; height: 0px; top: -77px; left: 400px; font-size: 11px; font-weight: normal; color: #555555; z-index:1000;} #right-content .feature-extra-links a { color: #21AFED; } #right-content .feature-extra-links a:link, #right-content .expandable-feature .extra-links a:visited { text-decoration: none; } #right-content .feature-extra-links a:hover, #right-content .expandable-feature .extra-links a:active { text-decoration: underline; } #right-content .events-rss-link { display: block; position: relative; text-align: right; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ margin-bottom: 10px; } #right-content .events-rss-link a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .events-rss-link a:link,#right-content .events-rss-link a:visited { text-decoration: none; } #right-content .events-rss-link a:hover, #right-content .events-rss-link a:active { text-decoration: underline; } #right-content .events-rss-link a.rss-link { display: inline-block; position: relative; bottom: 3px; right: 4px; } /******************************************************/ /******************** GENERAL HEADING FEATURE EXPANDIBLE BOX SETUP ********************/ #right-content .landing-feature-box-expand { display: block; position: relative; clear: both; width: 605px; margin: 0 auto 33px auto; } #right-content .landing-feature-box-expand .feature-top { display: block; position: relative; width: 605px; height: 31px; background: transparent url(media/bg-landing-feature-expand-top.png) no-repeat; z-index: 1; } #right-content .landing-feature-box-expand .feature-main { display: block; position: relative; width: 605px; min-height: 20px; background: transparent url(media/bg-landing-feature-expand-main.png) repeat-y; z-index: 1; } #right-content .landing-feature-box-expand .feature-bottom { display: block; position: relative; width: 605px; height: 31px; background: transparent url(media/bg-landing-feature-expand-bottom.png) no-repeat; z-index: 1; } #right-content .landing-feature-box-expand .feature-top h2 { display: block; position: relative; float:right; top: 8px; right: 21px; width: 178px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFF; } #right-content .landing-feature-box-expand .feature-main .left-content { display: block; position: relative; float: left; width: 380px; padding-bottom: 25px; } #right-content .landing-feature-box-expand .feature-main .left-content .title { display: block; position: relative; top:-10px; left: 17px; width: 300px; } #right-content .landing-feature-box-expand .feature-main .left-content .shop { height: 46px; background: transparent url(media/heading-feature-shop-asa.png) no-repeat; } #right-content .landing-feature-box-expand .feature-main .left-content .newsletter { height: 46px; background: transparent url(media/heading-feature-newsletter.png) no-repeat; } #right-content .landing-feature-box-expand .feature-main .left-content .title h1.lead-in { display: block; position: relative; top: 0px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 12px; line-height: 9px; text-transform: uppercase; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ letter-spacing: normal; text-indent: -9999px; } #right-content .landing-feature-box-expand .feature-main .left-content .title h1 { display: block; position: relative; top: 6px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 34px; line-height: 36px; text-transform: uppercase; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ letter-spacing: -1px; text-indent: -9999px; } #right-content .landing-feature-box-expand .feature-main .left-content .content-title { display: block; position: relative; left: 17px; width: 346px; margin: 10px 0; } #right-content .landing-feature-box-expand .feature-main .left-content .content-title h2 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #3EBBF1; /*#5A87C5;*/ } #right-content .landing-feature-box-expand .feature-main .left-content .description { display: block; position: relative; top: 0px; left: 19px; width: 342px; padding: 5px 0 0 0; } #right-content .landing-feature-box-expand .feature-main .left-content .description p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #7D7D7D; line-height: 18px; } #right-content .landing-feature-box-expand .feature-main .left-content .description p a { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 18px; } #right-content .landing-feature-box-expand .feature-main .left-content .description p a:link, #right-content .landing-feature-box-expand .feature-main .left-content .description p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .left-content .description p a:hover, #right-content .landing-feature-box-expand .feature-main .left-content .description p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter { display: block; position: relative; left: 17px; width: 345px; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .right-cover { display: block; position: relative; float: left; width: 200px; overflow: hidden; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details { display: block; position: relative; float: right; width: 135px; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details h5 { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: normal; color:#555555; /*#646464;*/ } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details h5 a { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: normal; color:#4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details h5 a:link, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details h5 a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details h5 a:hover, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details h5 a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details .tools { display:block; position: relative; margin-top: 40px; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details .tools p, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details .tools p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details .tools p a:link, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details .tools p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details .tools p a:hover, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .left-details .tools p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles { display: block; position: relative; padding-top: 15px;} #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles h6 { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #455560; width: 100%; border-bottom: dotted 1px #656565; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .repeating-feature { display: block; position: relative; padding: 10px 0; border-top: dotted 1px #D7D7D7; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .first-feature { border-top: none; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .repeating-feature p, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .repeating-feature p a { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .repeating-feature p a:link, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .repeating-feature p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .repeating-feature p a:hover, #right-content .landing-feature-box-expand .feature-main .left-content .featured-newsletter .featured-articles .repeating-feature p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content { display: block; position: relative; top: 0px; left: 19px; width: 342px; padding: 0 0 0 0; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .staff-heading { display: block; position: relative; width: 342px; text-align: left; margin-bottom: 5px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .staff-heading h5 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#5A87C5;*/ letter-spacing: 1px; /*font-style: italic;*/ text-transform:uppercase; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .left-col { display: block; position: relative; float: left; width: 158px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .right-col { display: block; position: relative; float: right; width: 158px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .text p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #455560; line-height: 13px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .text p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 13px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .text p a:link, #right-content .landing-feature-box-expand .feature-main .two-col-content .text p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .text p a:hover, #right-content .landing-feature-box-expand .feature-main .two-col-content .text p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .button { display: block; position: relative; width: 158px; height: 25px; margin-top: 35px; text-align: left;} #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .featured-text { display: block; position: relative; left:3px; width: 155px; margin-top: 12px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .featured-text p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; line-height: 16px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .featured-text p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 16px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .featured-text p a:link, #right-content .landing-feature-box-expand .feature-main .two-col-content .featured-text p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .featured-text p a:hover, #right-content .landing-feature-box-expand .feature-main .two-col-content .featured-text p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list { display: block; position: relative; width: 155px; margin-top: 20px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list h3 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; margin-bottom: 8px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul { display: block; position: relative; left: 15px; width:135px; list-style-position: outside; list-style-image: url("media/list-icon-rquo-navy-7x7.png"); color: #4774B2; /*#5A87C5;*/ text-indent: 0px;} #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul li { font-size: 11px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ line-height: 15px;} #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul li a { font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ display: inline !important; width: auto !important; height: auto !important; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul li a:link, #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul li a:visited {text-decoration: none;} #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul li a:hover, #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list a:active {text-decoration: underline;} /* #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul ul { list-style: disc none inside; color: #4774B2; /*#5A87C5;*/ margin-left: 15px; } #right-content .landing-feature-box-expand .feature-main .left-content .two-col-content .items-list ul li ul { list-style: disc none inside; color: #4774B2; /*#5A87C5;*/ margin-left: 15px; } */ #right-content .landing-feature-box-expand .feature-bottom .contact-line { display: block; position: absolute; left: 17px; bottom: 15px; width: 346px; } #right-content .landing-feature-box-expand .feature-bottom .contact-line p { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #7D7D7D; } #right-content .landing-feature-box-expand .feature-bottom .contact-line p a { font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-bottom .contact-line p a:link, #right-content .landing-feature-box .left-content .contact-line p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-bottom .contact-line p a:hover, #right-content .landing-feature-box .left-content .contact-line p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content { display: block; position: relative; float: right; right: 5px; width: 220px; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter { display: block; position: relative; width: 220px; background: transparent url(media/bg-landing-feature-shop-product-divider.png) no-repeat; background-position: left top; padding-top: 3px; margin-top: 20px;} #right-content .landing-feature-box-expand .feature-main .right-content .first-product, #right-content .landing-feature-box-expand .feature-main .right-content .first-newsletter { background-image: none; padding-top: 0px; margin-top: 0px; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner { display: block; position: relative; width: 180px; margin: 0 auto; padding: 10px 0 0 0; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner { display: block; position: relative; width: 200px; margin: 0 auto; padding: 10px 0 0 0; left: 10px;} #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner h6, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner h6 a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #9EAEB8; font-style: italic; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner h6 a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner h6 a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner h6 a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner h6 a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing { display: block; position: relative; width: 180px; margin-top: 15px; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing { display: block; position: relative; width: 190px; margin-top: 15px; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-image { display: block; position: relative; float: left; width: 90px; height: auto; overflow: hidden; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-image { display: block; position: relative; float: left; width: 75px; height: auto; overflow: hidden; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details { display: block; position: relative; float: right; width: 88px; height: auto; min-height: 110px; text-align: right; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .info { display: block; position: absolute; top: 0px; left: 0px; width: 88px; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .info p, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .info p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #D6DFE5; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .info p a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .info p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .info p a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .info p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price { display: block; position: absolute; bottom: 0px; left: 0px; width: 88px; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price h5, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #F5F8FA; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price h5 a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price h5 a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price h5 a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price h5 a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price p, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price p a { font-family: Arial, Sans-Serif; font-size: 14px; font-weight: normal; color: #3EBBF1; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price p a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price p a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-details .purchase-price p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details { display: block; position: relative; float: right; width: 110px; height: auto; text-align: left; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .release { display: block; position: relative; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .release h5 { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .release h5 a { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #3EBBF1; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .release h5 a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .release h5 a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .release h5 a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .release h5 a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .tools { display: block; position: relative; margin-top: 15px;} #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .tools p, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .tools p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .tools p a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .tools p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .tools p a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-details .tools p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-title, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-title { display: block; position: relative; clear: both; padding-top: 12px; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-title h4, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-title h4, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-title h4 a, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-title h4 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #3EBBF1; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-title h4 a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-title h4 a:visited, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-title h4 a:link, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .product-title h4 a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-title h4 a:active, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-product .product-inner .product-listing .product-title h4 a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-title h4 a:active, #right-content .landing-feature-box-expand .feature-main .right-content .repeating-newsletter .newsletter-inner .newsletter-listing .newsletter-title h4 a:hover { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group { display: block; position: relative; width: 170px; padding: 10px 0 0 0; left: 25px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF;} #right-content .landing-feature-box-expand .feature-main .right-content .toc-group h1, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group h2, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group h3, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group h4, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group h5, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group h6 { display: block; border-bottom: dotted 1px #9EAEB8; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFF; } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group p a:link, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group p a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group p a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group p a:active { text-decoration: underline; } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group ul { list-style: none; } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group ul li { display: block; position: relative; padding: 7px 0 7px 0; /*border-bottom: dotted 1px #9EAEB8;*/ font-family: Arial, Sans-Serif; font-size: 11px; font-weight:bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight:bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group ul li a:link, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group ul li a:visited { text-decoration: none; } #right-content .landing-feature-box-expand .feature-main .right-content .toc-group ul li a:hover, #right-content .landing-feature-box-expand .feature-main .right-content .toc-group ul li a:active { text-decoration: underline; } /***************************************************************************************/ /************ MY ASA LANDING PAGE CONTENT WIDGET ************/ #right-content .my-asa-feature {} /************************************************************/ /****************************** END CONTENT LANDING AND PAGE HEADER FEATURES ******************************/ /**************************************************************************************************************************************************************/ /**************************************************************************************************************************************************************/ /****************************** GENERIC INTERNAL CONTENT FEATURES ******************************/ /******* GENERIC PAGING SELECTORS ********/ #right-content .page-count-selector { display: block; position: absolute; bottom: 3px; right: 0px; } #right-content .selector-label { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4B4B4B; } #right-content .selector-option { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #D2D2D2; } #right-content .selector-option a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding: 0 7px; } #right-content .selector-option a:link, #right-content .selector-option a:visited { text-decoration: none; } #right-content .selector-option a:hover, #right-content .selector-option a:active { text-decoration: underline; cursor:pointer; } #right-content .selector-option a.selected { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #969696; padding: 0 7px; } #right-content .selector-option a.selected:link, #right-content .selector-option a.selected:visited { text-decoration: none; } #right-content .selector-option a.selected:hover, #right-content .selector-option a.selected:active { text-decoration: underline; cursor:pointer; } /******* END GENERIC PAGING SELECTORS **************/ /********** LANDING PAGE WIDGETS **********/ #right-content .content-header { display: block; position: relative; height: 70px; width: 604px; overflow: hidden; border-top: dotted 1px #D2D2D2; } #right-content .content-header h2 { display: block; position: relative; top: 20px; float:left; height: 27px; width: 560px; vertical-align: middle; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #455560; white-space: nowrap; overflow: hidden; } #right-content .content-header h2.stay-informed { background-image: url('media/heading-stay-informed.png'); background-repeat: no-repeat; text-indent: -9999px; } #right-content .content-header h2.education-and-research { background-image: url('media/heading-asa-education-and-research.png'); background-repeat: no-repeat; text-indent: -9999px; } #right-content .content-header h2.polls { background-image: url('media/heading-asa-polls.png'); background-repeat: no-repeat; text-indent: -9999px; } #right-content .content-header h2.search-draw { background-image: url('media/heading-search-draw.png'); background-repeat: no-repeat; text-indent: -9999px; } #right-content .content-header h2.governmental-and-legal-affairs { background-image: url('media/heading-governmental-and-legal-affairs.png'); background-repeat: no-repeat; text-indent: -9999px; } #right-content .content-header .icon { display: block; position: relative; top: 20px; float:left; width: 27px; height: 27px; margin-right: 15px; overflow: hidden; } #right-content .content-widget { display: block; position: relative; width: 604px; overflow: hidden; border-top: dotted 1px #D2D2D2; } #right-content .content-widget .left-content { display: block; position: relative; float: left; top: 0px; width: 420px; } #right-content .content-widget .left-content h2 { display: block; position: relative; top: 20px; height: 27px; width: 420px; vertical-align: middle; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #455560; white-space: nowrap; overflow: hidden; } #right-content .content-widget .left-content h2.featured-topic { background-image: url('media/heading-asa-featured-topic.png'); background-repeat: no-repeat; text-indent: -9999px; } #right-content .content-widget .left-content h2.featured-content { background-image: url('media/heading-asa-featured-content.png'); background-repeat: no-repeat; text-indent: -9999px; } #right-content .content-widget .left-content .inner { display: block; position: relative; top: 40px; } #right-content .content-widget .left-content .inner h3 { font-family: Arial, Sans-Serif; font-size: 16px; font-weight: bold; color: #3EBBF1; margin-bottom: 9px; } #right-content .content-widget .left-content .inner h3 a { font-family: Arial, Sans-Serif; font-size: 16px; font-weight: bold; color: #3EBBF1; } #right-content .content-widget .left-content .inner h3 a:link, #right-content .content-widget .left-content .inner h3 a:visited { text-decoration: none; } #right-content .content-widget .left-content .inner h3 a:hover, #right-content .content-widget .left-content .inner h3 a:active { text-decoration: none; } #right-content .content-widget .left-content .inner p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ line-height: 15px; margin-bottom: 13px; } #right-content .content-widget .left-content .inner p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .content-widget .left-content .inner p a:link, #right-content .content-widget .left-content .inner p a:visited { text-decoration: none; } #right-content .content-widget .left-content .inner p a:hover, #right-content .content-widget .left-content .inner p a:active { text-decoration: underline; } #right-content .content-widget .left-content .inner img.inline { float: left; margin: 0 15px 0 0; } #right-content .content-widget .left-content .inner .two-col-lists { display: block; position: relative; width: 420px; margin-top: 7px; } #right-content .content-widget .left-content .inner .two-col-lists ul { display: block; position: relative; left: 15px; list-style-image: url("media/list-icon-rquo-navy-7x7.png"); list-style-position: outside; } #right-content .content-widget .left-content .inner .two-col-lists ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #555555; /*#646464;*/ margin-bottom: 7px; } #right-content .content-widget .left-content .inner .two-col-lists ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .content-widget .left-content .inner .two-col-lists ul li a:link, #right-content .content-widget .left-content .inner .two-col-lists ul li a:visited { text-decoration: none; } #right-content .content-widget .left-content .inner .two-col-lists ul li a:hover, #right-content .content-widget .left-content .inner .two-col-lists ul li a:active { text-decoration: underline; } #right-content .content-widget .left-content .inner .two-col-lists .col-left { display: block; position: relative; float: left; width: 190px; } #right-content .content-widget .left-content .inner .two-col-lists .col-right { display: block; position: relative; float: right; width: 190px; } #right-content .content-widget-box { display: block; position: relative; width: 604px; margin: 0 0 20px 0; } #right-content .content-widget-box .box-top { display: block; position: relative; width: 604px; height: 6px; background: transparent url("media/bg-span-widget-top.png") no-repeat; } #right-content .content-widget-box .box-main { display: block; position: relative; width: 604px; min-height: 20px; background: transparent url("media/bg-span-widget-main.png") repeat-y; padding: 10px 0 10px 0;} #right-content .content-widget-box .box-bottom { display: block; position: relative; width: 604px; height: 6px; background: transparent url("media/bg-span-widget-bottom.png") no-repeat; } #right-content .content-widget-box .box-main .inner { display: block; position: relative; left: 20px; width: 560px; } #right-content .content-widget-box .box-main .inner h3 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #3EBBF1; /*#4774B2; /*#5A87C5;*/*/ line-height: normal; text-transform:none; margin:0; } #right-content .content-widget-box .box-main .inner h4, #right-content .content-widget-box .box-main .inner h4 a { font-size: 15px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-transform:none; padding-bottom: 5px; } #right-content .content-widget-box .box-main .inner h4 a:link, #right-content .content-widget-box .box-main .inner h4 a:visited { text-decoration: none; } #right-content #standard-content-page h4 a:hover, #right-content #standard-content-page h4 a:active { text-decoration: underline; } #right-content .content-widget-box .box-main .inner h5 { font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 5px; } #right-content .content-widget-box .box-main .inner table.record { } #right-content .content-widget-box .box-main .inner table.record td { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #636363; vertical-align:top; } #right-content .content-widget-box .box-main .inner table.record td a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .content-widget-box .box-main .inner table.record td a:link, #right-content .content-widget-box .box-main .inner table.record td a:visited { text-decoration: none; } #right-content .content-widget-box .box-main .inner table.record td a:hover, #right-content .content-widget-box .box-main .inner table.record td a:active { text-decoration: underline } #right-content .content-widget-box .box-main .inner table.record td.label { width:110px; vertical-align:top; font-weight: bold; color:#455560;} #right-content .content-widget-box .box-main .inner table.record td input, #right-content .content-widget-box .box-main .inner table.record td select, #right-content .content-widget-box .box-main .inner table.record td textarea { font-family: Arial, Sans-Serif; font-size: 11px; color:#455560; } #right-content .content-widget-box .box-main .inner table.record td .help { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; font-style:italic; margin:3px 0 0 0; } #right-content .content-widget-box .box-main .inner table.proform { width: 517px; } #right-content .content-widget-box .box-main .inner table.proform td { padding: 5px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #636363; vertical-align: top; } #right-content .content-widget-box .box-main .inner table.proform td a { color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .content-widget-box .box-main .inner table.proform td a:link, #right-content .content-widget-box .box-main .inner table.proform td a:visited { text-decoration: none; } #right-content .content-widget-box .box-main .inner table.proform td a:hover, #right-content .content-widget-box .box-main .inner table.proform td a:active { text-decoration: underline; } #right-content .content-widget-box .box-main .inner table.proform td label { font-weight: bold;} #right-content .content-widget-box .box-main .inner table.proform td h5 { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #455560; } #right-content .content-widget-box .box-main .inner table.proform td h5.error { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #DB6465; } #right-content .content-widget-box .box-main .inner table.proform td h5.good { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #AFC832; } #right-content .content-widget-box .box-main .inner .resource-record { margin: 2px 0 0 0; } #right-content .content-widget-box .box-main .inner .resource-record fieldset { border: solid 1px #D2D2D2; padding: 5px 10px 10px 20px; margin: 15px 0 0 0; } #right-content .content-widget-box .box-main .inner .resource-record fieldset legend { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #455560; text-transform: uppercase; letter-spacing: 1px; padding: 0 5px;} #right-content .content-widget-box .box-main .inner .resource-record fieldset .proform-legend-pad { width: 100%; height: 10px; } #right-content .content-widget-box .box-main .inner .submit-button { float: right; width: 151px; } #right-content .content-widget-box .box-main .inner .submit-button .button-wrapper { position: absolute; bottom: 0px; text-align:right;} #right-content .content-widget-box .box-main .inner .required-notice { margin:10px 0 8px 0; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #DB6465; font-style:italic; } #right-content .button-widget-box { height: 50px; } #right-content .content-widget .right-ad { display: block; position: relative; float: right; top: 0px; width: 155px; /*170px;*/ margin-bottom: 30px; } #right-content .content-widget .ad-logo { display: block; position: relative; margin-top: 12px; } #right-content .content-widget .ad-screen { display: block; position: relative; margin-top: 16px; } #right-content .content-widget .ad-text { display: block; position: relative; margin-top: 15px; } #right-content .content-widget .ad-text h4, #right-content .content-widget .ad-text h4 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; } #right-content .content-widget .ad-text h4 a:link, #right-content .content-widget .ad-text h4 a:visited { text-decoration: none; } #right-content .content-widget .ad-text h4 a:hover, #right-content .content-widget .ad-text h4 a:active { text-decoration: underline; } #right-content .content-widget .ad-text p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ } #right-content .content-widget .ad-text p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ letter-spacing: -1px; } #right-content .content-widget .ad-text p a:link, #right-content .content-widget .ad-text p a:visited { text-decoration: none; } #right-content .content-widget .ad-text p a:hover, #right-content .content-widget .ad-text p a:active { text-decoration: underline; } #right-content .two-column-block { display: block; position: relative; width: 604px; margin: 0 auto 24px auto; background: url('media/bg-page-body-landing-two-column-content.png') repeat-y; } #right-content .two-column-block .two-column-block-top { display: block; position: absolute; top: 0px; width: 604px; height: 90px; background: url('media/bg-page-body-landing-two-column-content-top.png') no-repeat; background-position: top; z-index: 1; } #right-content .two-column-block .two-column-block-main { display: block; position: relative; width: 604px; min-height: 110px; background: transparent; z-index: 2; } #right-content .two-column-block .two-column-block-main .left-column { display: block; position: relative; float: left; width: 284px; } #right-content .two-column-block .two-column-block-main .right-column { display: block; position: relative; float: right; width: 284px; } #right-content .landing-box-widget { display: block; position: relative; width: 284px; } #right-content .landing-box-widget .box-top { display: block; position: relative; width: 284px; height: 10px; background: url('media/bg-landing-box-widget-top.png') no-repeat; background-position: top; } #right-content .landing-box-widget .box-header { display: block; position: relative; width: 284px; height: 30px; background: url('media/bg-landing-box-widget-header.png') no-repeat; background-position: top; } #right-content .landing-box-widget .box-header h3 { display: block; position: relative; top: 7px; width: 244px; margin: 0 auto; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFFFFF; white-space: nowrap; overflow: hidden; } #right-content .landing-box-widget .box-header h5 { display: block; position: relative; top: 7px; width: 244px; margin: 0 auto; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #7E7E7E; white-space: nowrap; overflow: hidden; } #right-content .landing-box-widget .box-main-a { display: block; position: relative; width: 284px; min-height: 80px; background: url('media/bg-landing-box-widget-main-a.png') no-repeat; background-position: bottom; } #right-content .landing-box-widget .box-main-b { display: block; position: relative; width: 284px; min-height: 80px; background: url('media/bg-landing-box-widget-main-b.png') no-repeat; background-position: bottom; } #right-content .landing-box-widget .box-bottom { display: block; position: relative; width: 284px; height: 10px; background: url('media/bg-landing-box-widget-bottom.png') no-repeat 50% bottom; } #right-content .landing-box-widget .box-bottom-a-hard { display: block; position: relative; width: 284px; height: 5px; background: url('media/bg-landing-box-widget-bottom-a-hard.png') no-repeat; background-position: bottom; } #right-content .landing-box-widget .box-bottom-b-hard { display: block; position: relative; width: 284px; height: 5px; background: url('media/bg-landing-box-widget-bottom-b-hard.png') no-repeat; background-position: bottom; } #right-content .landing-box-widget .box-bottom-shadow { display: block; position: relative; width: 284px; height: 5px; background: url('media/bg-landing-box-widget-bottom-shadow.png') no-repeat; background-position: bottom; } #right-content .landing-box-widget .box-bottom-spacer { display: block; position: relative; width: 284px; height: 20px; background: transparent; } #right-content .landing-box-widget .box-internal { display: block; position: relative; padding-top: 10px; margin: 0 auto; } #right-content .landing-box-widget .box-internal .top-tools { display: block; position: relative; margin: 0 auto 10px auto; width: 260px; height: 15px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #D2D2D2; } #right-content .landing-box-widget .box-internal .top-tools a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-box-widget .box-internal .top-tools a:link, #right-content .landing-box-widget .box-internal .top-tools a:visited { text-decoration:none; } #right-content .landing-box-widget .box-internal .top-tools a:hover, #right-content .landing-box-widget .box-internal .top-tools a:active { text-decoration:underline; } #right-content .landing-box-widget .box-internal .top-tools .left-links { display: block; position: relative; float: left; width: 120px; text-align: left; } #right-content .landing-box-widget .box-internal .top-tools .left-links img { position: relative; top: 3px; } #right-content .landing-box-widget .box-internal .top-tools .right-links { display: block; position: relative; float: right; top: 2px; width: 120px; text-align: right; } #right-content .landing-box-widget .box-internal .top-tools .right-links img { position: relative; top: 3px; } #right-content .landing-box-widget .box-internal .top-tools .right-selector { display: block; position: relative; float: right; width: 140px; text-align: right; } #right-content .landing-box-widget .box-internal .top-tools .right-selector select { width: 130px; height: 15px; font-family: Arial, Sans-Serif; font-size: 10px; } #right-content .landing-box-widget .box-internal .box-content { display: block; position: relative; /*top: 10px;*/ margin: 0 auto; width: 240px; } #right-content .landing-box-widget .box-internal .box-content img.left-inline-image { float: left; margin: 0 15px 5px 0; } #right-content .landing-box-widget .box-internal .box-content img.right-inline-image { float: right; margin: 0 0 5px 15px; } #right-content .landing-box-widget .box-internal .box-content h4 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #3EBBF1; /*#5A87C5;*/ /*margin: 0 0 15px 0;*/ left: 0px; border: solid 1px #FFF; } #right-content .landing-box-widget .box-internal .box-content h4 span.subtext { font-family: Arial, Sans-Serif; font-size: 14px; font-weight: normal; } #right-content .landing-box-widget .box-internal .box-content h5, #right-content .landing-box-widget .box-internal .box-content h5 a { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-box-widget .box-internal .box-content h5 a:link, #right-content .landing-box-widget .box-internal .box-content h5 a:visited { text-decoration: none; } #right-content .landing-box-widget .box-internal .box-content h5 a:hover, #right-content .landing-box-widget .box-internal .box-content h5 a:active { text-decoration: underline; } #right-content .landing-box-widget .box-internal .box-content h5.alt { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: normal; color: #555555; /*#646464;*/ } #right-content .landing-box-widget .box-internal .box-content h6 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; width: 100%; border-bottom: dotted 1px #455560; } #right-content .landing-box-widget .box-internal .box-content p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #555555; /*#646464;*/ line-height: 12px; } #right-content .landing-box-widget .box-internal .box-content p.video { line-height: 14px; } #right-content .landing-box-widget .box-internal .box-content p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-box-widget .box-internal .box-content p a:link, #right-content .landing-box-widget .box-internal .box-content p a:visited { text-decoration: none; } #right-content .landing-box-widget .box-internal .box-content p a:hover, #right-content .landing-box-widget .box-internal .box-content p a:active { text-decoration: underline; } #right-content .landing-box-widget .box-internal .box-content ul { display: block; position: relative; left: 15px; width: 223px; padding-bottom: 5px; list-style-image: url("media/list-icon-rquo-navy-7x7.png"); list-style-position: outside; } #right-content .landing-box-widget .box-internal .box-content ul li { line-height: 13px; } #right-content .landing-box-widget .box-internal .box-content ul li a { font-family: Arial, Sans-Serif; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-box-widget .box-internal .box-content ul li a:link, #right-content .landing-box-widget .box-internal .box-content ul li a:visited { text-decoration: none; } #right-content .landing-box-widget .box-internal .box-content ul li a:hover, #right-content .landing-box-widget .box-internal .box-content ul li a:active { text-decoration: underline; } #right-content .landing-box-widget .box-internal .box-content .radio-buttons { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ margin: 15px 0 15px 0; } #right-content .landing-box-widget .box-internal .box-content .date-stamp { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; font-style: italic; } #right-content .landing-box-widget .box-internal .box-content .heading, #right-content .landing-box-widget .box-internal .box-content .heading a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ line-height: 13px; } #right-content .landing-box-widget .box-internal .box-content .heading a:link, #right-content .landing-box-widget .box-internal .box-content .heading a:visited { text-decoration: none; } #right-content .landing-box-widget .box-internal .box-content .heading a:hover, #right-content .landing-box-widget .box-internal .box-content .heading a:active { text-decoration: underline; } #right-content .landing-box-widget .box-internal .box-content .small-content { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; } #right-content .landing-box-widget .box-internal .box-content .small-content a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-box-widget .box-internal .box-content .small-content a:link, #right-content .landing-box-widget .box-internal .box-content .small-content a:visited { text-decoration: none; } #right-content .landing-box-widget .box-internal .box-content .small-content a:hover, #right-content .landing-box-widget .box-internal .box-content .small-content a:active { text-decoration: underline; } #right-content .landing-box-widget .box-internal .box-content .left-inline-area { display: inline; float: left; margin: 0 15px 15px 0; } #right-content .landing-box-widget .box-internal .box-content .right-inline-area { display: inline; float: right; margin: 0 0 15px 15px; } #right-content .landing-box-widget .box-internal .box-content div.top-item { display: block; position: relative; margin: 0 0 10px 0; } #right-content .landing-box-widget .box-internal .box-content div.repeating-article { display: block; position: relative; margin: 0 0 13px 0; padding-top: 7px; width: 240px; border-top: dotted 1px #D7D7D7; } #right-content .landing-box-widget .box-internal .box-content div.repeating-article h5, #right-content .landing-box-widget .box-internal .box-content div.repeating-article h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .landing-box-widget .box-internal .box-content div.repeating-article h5 a:link, #right-content .landing-box-widget .box-internal .box-content div.repeating-article h5 a:visited { text-decoration: none; } #right-content .landing-box-widget .box-internal .box-content div.repeating-article h5 a:hover, #right-content .landing-box-widget .box-internal .box-content div.repeating-article h5 a:active { text-decoration: underline; } #right-content .landing-box-widget .box-internal .box-content-bottom { display: block; position: relative; width: 240px; height: 20px; margin: 0 auto; } /********** END LANDING PAGE WIDGETS **********/ /********** MINI SITE LANDING CONTENT **********/ #trueContainer a { display: inline; position: relative; width: 60px; height: 60px; } #trueContainer a span.strip-over { display: inline; position: absolute; left: 0px; top:-45px; width: 60px; height: 60px; background: transparent url(media/member-doc-overlay-filter.png) no-repeat; } #trueContainer a span.strip-over:hover { background: transparent url(media/member-doc-overlay.png) no-repeat; } span.photo-strip-image { width: 60px; height: 60px; background: #F00; } span.photo-strip-image-over { position: relative; width: 60px; height: 60px; top:30px; left: -30px; background: transparent url(media/member-doc-overlay-filter.png) no-repeat; } span.photo-strip-image-over:hover { background: transparent url(media/member-doc-overlay.png) no-repeat; } #right-content .mini-site-content { display: block; position: relative; } #right-content .mini-site-content .left-wide { display: block; position: relative; float: left; width: 360px; min-height: 100px; } #right-content .mini-site-content .left-wide .message-box { display: block; position: relative; width: 355px; min-height: 100px; margin: 0 0 12px 0; } #right-content .mini-site-content .left-wide .message-box h2 { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ margin-bottom: 10px; } #right-content .mini-site-content .left-wide .message-box img { float: left; border: none; margin: 0 20px 0 0; } #right-content .mini-site-content .left-wide .message-box p { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #555555; /*#646464;*/ line-height: 19px; } #right-content .mini-site-content .left-wide .message-box p a { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .message-box p a:link, #right-content .mini-site-content .left-wide .message-box p a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .message-box p a:hover, #right-content .mini-site-content .left-wide .message-box p a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .message-box .extra-link { display: block; position: relative; margin: 20px 0px;} #right-content .mini-site-content .left-wide .message-box .extra-link a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .message-box .extra-link a:link, #right-content .mini-site-content .left-wide .message-box .extra-link a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .message-box .extra-link a:hover, #right-content .mini-site-content .left-wide .message-box .extra-link a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box { display: block; position: relative; width: 355px; min-height: 100px; margin: 12px 0 0 0; } #right-content .mini-site-content .left-wide .content-box .title { display: block; position: relative; width: 355px; height: 30px; background: transparent url(media/bg-annual-meeting-left-content-box-top.png) no-repeat; } #right-content .mini-site-content .left-wide .content-box .title h2 { display: block; position: absolute; top: 7px; left: 20px; width: 310px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFF;} #right-content .mini-site-content .left-wide .content-box .title h3, #right-content .mini-site-content .left-wide .content-box .title h3 a { display: block; position: absolute; top: 7px; right: 20px; width: 310px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF; text-align: right;} #right-content .mini-site-content .left-wide .content-box .title h3 a:link, #right-content .mini-site-content .left-wide .content-box .title h3 a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .title h3 a:hover, #right-content .mini-site-content .left-wide .content-box .title h3 a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content { display: block; position: relative; width: 355px; min-height: 10px; background: transparent url(media/bg-annual-meeting-left-content-box-content.png) repeat-y; } #right-content .mini-site-content .left-wide .content-box .content .inner { display: block; position: relative; width: 350px; min-height: 10px; background: transparent url(media/bg-annual-meeting-left-content-box-content-inner.png) no-repeat bottom; padding: 0 0 15px 0; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper { display: block; position: relative; width: 310px; min-height: 10px; margin: 0 auto; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper h3 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #21AFED; /*#33B6EF; #3EBBF1*/ padding: 12px 0 10px 0; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper h3 a { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #21AFED; /*#33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper h3 a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper h3 a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper h3 a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper h3 a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper ul { display: block; position: relative; left: 15px; width: 223px; padding-bottom: 5px; list-style-image: url("media/list-icon-rquo-navy-7x7.png"); list-style-position: outside; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper ul li { line-height: 13px; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper ul li a { font-family: Arial, Sans-Serif; font-size: 11px; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper ul li a:link, #right-content .landing-box-widget .box-internal .box-content ul li a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper ul li a:hover, #right-content .landing-box-widget .box-internal .box-content ul li a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p.rlink, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p.rlink a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-align: right; margin: 10px 0 5px 0; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p.rlink a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p.rlink a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p.rlink a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p.rlink a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block { display: block; position: relative; width: 310px; border-bottom: dotted 1px #D7D7D7; padding: 3px 0 10px 0; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .last { border-bottom: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4 a, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first a, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured a { font-family: Arial, Sans-Serif; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4 a { font-size: 11px; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first a { font-size: 13px; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured a { font-size: 14px; font-weight: normal;} #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4 a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4 a:visited, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first a:visited, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4 a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4 a:active, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.first a:active, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block h4.featured a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p a:link { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper p a:hover { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.dateline { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; font-style: italic; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.dateline a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ font-style: italic; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.dateline a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.dateline a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.dateline a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.dateline a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.info { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #555555; /*#646464;*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.info a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.info a:link, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.info a:visited { text-decoration: none; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.info a:hover, #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.info a:active { text-decoration: underline; } #right-content .mini-site-content .left-wide .content-box .content .inner .inner-wrapper .content-block p.info span.capacity { color: #C84242; font-weight: bold;} #right-content .mini-site-content .left-wide .content-box .content-bottom { display: block; position: relative; width: 355px; height: 1px; background: transparent url(media/bg-annual-meeting-left-content-box-content-bottom.png) no-repeat; } #right-content .mini-site-content .left-wide .content-box .bottom { display: block; position: relative; width: 355px; height: 6px; background: transparent url(media/bg-annual-meeting-left-content-box-bottom.png) no-repeat; } #right-content .mini-site-content .right-strip { display: block; position: relative; float: right; width: 225px; min-height: 100px; } #right-content .mini-site-content .right-strip .feature-box { display: block; position: relative; width: 225px;} #right-content .mini-site-content .right-strip .feature-box.advocacy { display: block; position: relative; width: 225px; height: auto;} #right-content .mini-site-content .right-strip .feature-box .title { display: block; position: relative; width: 225px; height: 31px; background: transparent url(media/bg-annual-meeting-right-feature-box-top.png) no-repeat; } #right-content .mini-site-content .right-strip .feature-box .title h2 { display: block; position: relative; top: 8px; left: 20px; width: 180px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFF;} #right-content .mini-site-content .right-strip .feature-box .content { display: block; position: relative; width: 225px; background: transparent url(media/bg-annual-meeting-right-feature-box-content.png) no-repeat; } #right-content .mini-site-content .right-strip .feature-box .content h2 { display: block; position: relative; top: 12px; left: 14px; width: 191px; text-align: center; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFF;} #right-content .mini-site-content .right-strip .feature-box .content blockquote { display: block; position: relative; margin-top: 5px; left: 14px; width: 191px; text-align: center; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #3EBBF1; text-transform: uppercase; letter-spacing: 1px; line-height: 14px;} #right-content .mini-site-content .right-strip .feature-box .content img.feature { display: block; position: relative; margin-top: 10px; left: 20px; overflow: hidden; text-align: center; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #FF0000; font-style: oblique; letter-spacing: 1px; } #right-content .mini-site-content .right-strip .feature-box .content img.feature1 { display: block; position: relative; top: 10px; left: 20px; overflow: hidden; text-align: center; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #FF0000; font-style: oblique; letter-spacing: 1px; border: 0px;} #right-content .mini-site-content .right-strip .feature-box .content h5 { display: block; position: relative; margin-top: 20px; left: 20px; width: 180px; overflow: hidden; text-align: center; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #C8C8C8; } #right-content .mini-site-content .right-strip .feature-box .content h3 { display: block; position: relative; margin-top: 10px; left: 20px; width: 180px; overflow: hidden; text-align: center; font-family: Arial, Sans-Serif; font-size: 20px; font-weight: normal; color: #FFFFFF; line-height: 27px; } #right-content .mini-site-content .right-strip .feature-box .content h4 { display: block; position: relative; margin-top: 15px; left: 20px; width: 180px; overflow: hidden; text-align: center; font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold; color: #3EBBF1; } #right-content .mini-site-content .right-strip .feature-box .content p { display: block; position: relative; margin-top: 30px; left: 19px; bottom:10px; width: 180px; text-align: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 13px; } #right-content .mini-site-content .right-strip .feature-box .content p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #72CDF4; } #right-content .mini-site-content .right-strip .feature-box .content p a:link, #right-content .mini-site-content .right-strip .feature-box .content p a:visited { text-decoration: none; } #right-content .mini-site-content .right-strip .feature-box .content p a:hover, #right-content .mini-site-content .right-strip .feature-box .content p a:active { text-decoration: underline; } #right-content .mini-site-content .right-strip .feature-box .footer { display: block; position: relative; width: 225px; } #right-content .mini-site-content .right-strip .feature-box .footer .sub-content { display: block; position: relative; width: 225px; background: transparent url(media/bg-annual-meeting-right-feature-box-footer-content.png) repeat-y; } #right-content .mini-site-content .right-strip .feature-box .footer .sub-content .inner { position: relative; width: 187px; margin: 0 auto; padding-top: 10px; } #right-content .mini-site-content .right-strip .feature-box .footer .sub-content .inner p { position: relative; margin-top: 9px; font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #555555; /*#646464;*/ } #right-content .mini-site-content .right-strip .feature-box .footer .sub-content .inner p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .mini-site-content .right-strip .feature-box .footer .sub-content .inner p a:link, #right-content .mini-site-content .right-strip .feature-box .footer .sub-content .inner p a:visited { text-decoration: none; } #right-content .mini-site-content .right-strip .feature-box .footer .sub-content .inner p a:hover, #right-content .mini-site-content .right-strip .feature-box .footer .sub-content .inner p a:active { text-decoration: underline; } #right-content .mini-site-content .right-strip .feature-box .footer .bottom { display: block; position: relative; width: 225px; height: 20px; background: transparent url(media/bg-advocacy-right-feature-box-footer-bottom.png) no-repeat } #right-content .mini-site-content .right-strip .feature-box .field-section { height: auto; width: 180px; position: relative; top: 0px; left: 0px; padding: 0px; margin: 0px 0px; text-align: left; border-bottom: dotted 1px #d7d7d7; color: #ffffff; font-size: 10px } #right-content .mini-site-content .right-strip .feature-box.advocacy .advocacy-profile { margin: 0px 19px 0px 19px } #right-content .mini-site-content .right-strip .feature-box.advocacy .content { background: #ffffff url(media/advocacy-profile-bg.png) no-repeat; } /* #right-content .mini-site-content .right-strip .feature-box.advocacy .content.outer { height: auto; background: transparent url(media/advocacy-profile-bg.png) repeat-y; } */ #right-content .mini-site-content .sponsor-block { display:block; position:relative; width:100%; height:50px; border-top: dotted 1px #D7D7D7; margin:30px 0 30px 0; padding:25px 0 0 0; } /*603px*/ #right-content .mini-site-content .sponsor-block .ind-level { display:block; position:relative; float:left; width:300px; padding:0 0 20px 0; } #right-content .mini-site-content .sponsor-block .ind-level h3 { font-size: 13px; font-weight:normal; color: #808D9D; } #right-content .mini-site-content .sponsor-block .ind-level .ind-level-item { display:block; position:relative; float:left; width:80px; height:28px; margin:15px 0 0 10px; } #right-content .mini-site-content .sponsor-block .ind-level .ind-level-item a { display:block; position:relative; width:100%; height:100%; } #right-content .mini-site-content .sponsor-block .pms-level { display:block; position:relative; float:right; width:250px; padding:0 0 20px 0; } #right-content .mini-site-content .sponsor-block .pms-level h3 { font-size: 13px; font-weight:normal; color: #808D9D; } #right-content .mini-site-content .sponsor-block .pms-level .pms-level-item { display:block; position:relative; float:left; width:110px; height:28px; margin:15px 10px 0 0; } #right-content .mini-site-content .sponsor-block .pms-level .pms-level-item a { display:block; position:relative; width:100%; height:100%; } #right-content .mini-site-content .sponsor-block .ams-level { display:block; position:relative; clear:both; width:603px; border-top: dotted 1px #D7D7D7; padding:25px 0 0 0; } #right-content .mini-site-content .sponsor-block .ams-level h3 { font-size: 13px; font-weight:normal; color: #808D9D; } #right-content .mini-site-content .sponsor-block .ams-level .ams-level-item { display:block; position:relative; float:left; width:100px; height:60px; margin:15px 10px 0 10px; text-align:center;} /*#right-content .mini-site-content .sponsor-block .ams-level .ams-level-item.last { margin-right:0px; }*/ #right-content .mini-site-content .sponsor-block .ams-level .ams-level-item a { display:block; position:relative; /*width:100%; height:100%;*/ } .advocacy-profile .field-name { margin-top: 13px; margin-bottom: 1px; color: #ffffff; font-size: 9px } .advocacy-profile .field-name.required { font-weight: bold } .advocacy-profile .field-name span.required { color: #ff0000 } .advocacy-profile .field input, .advocacy-profile .field select { width: 178px; height: 18px; background-color: #9eaeb8; border: solid 1px #62737e } .advocacy-profile .activity-button { text-align: right; height: 50px; margin-top: 5px } #right-content .mini-site-content .right-strip .feature-box.advocacy .content p { position: relative; top: 0px; left: 0px; width: auto; height: auto; margin: 5px 22px 5px 19px } #right-content .mini-site-content .right-strip .advocacy /* advocacy footer hack, replace feature-box */ .footer .bottom { display: block; position: relative; width: 225px; height: 20px; background: transparent url(media/bg-advocacy-right-feature-box-footer-bottom.png) no-repeat; } #right-content .mini-site-content .right-strip .advocacy .content .advocacy-badges { width: 183px; height: 199px; margin-left: 19px; margin-bottom: -63px; overflow: visible; background: transparent url(media/advocacy-shield-perspective.png) no-repeat; } #right-content .mini-site-content .right-strip .sponsor-box { display: block; position: relative; width: 225px; min-height: 100px; margin-top: 24px; } #right-content .mini-site-content .right-strip .sponsor-box .title { display: block; position: relative; width: 225px; height: 31px; background: transparent url(media/bg-annual-meeting-right-sponsor-box-top.png) no-repeat; } #right-content .mini-site-content .right-strip .sponsor-box .title h2 { display: block; position: absolute; top: 8px; left: 20px; width: 180px; white-space: nowrap; overflow: hidden; font-family: Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #FFF;} #right-content .mini-site-content .right-strip .sponsor-box .content { display: block; position: relative; width: 225px; min-height: 100px; background: transparent url(media/bg-annual-meeting-right-sponsor-box-content.png) repeat-y; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner { display: block; position: relative; width: 220px; min-height:100px; background: transparent url(media/bg-annual-meeting-right-sponsor-box-inner.png) no-repeat bottom; padding-top: 5px;} #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group { display: block; position: relative; width: 180px; border-bottom: dotted 1px #D7D7D7; margin: 0 auto; padding: 5px 0 10px 0; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group img { border: none; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .last-group { border-bottom: none; margin-bottom: 0px; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group h3 { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ margin: 0 0 20px 0; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group .l1-sponsor { display: block; position: relative; width: 180px; height: 80px; margin: 0 0 20px 0; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group .l2-sponsor { display: block; position: relative; width: 180px; height: 40px; margin: 0 0 20px 0; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group .l3-sponsor { display: block; position: relative; width: 180px; height: 30px; margin: 0 0 20px 0; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group .last-sponsor { margin-bottom: 0px; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group .l3-sponsor .left-logo { display: block; position: relative; float: left; width: 80px; height: 30px; } #right-content .mini-site-content .right-strip .sponsor-box .content .inner .sponsor-group .l3-sponsor .right-logo { display: block; position: relative; float: right; width: 80px; height: 30px; } #right-content .mini-site-content .right-strip .sponsor-box .footer { display: block; position: relative; width: 225px; height: 25px; background: transparent url(media/bg-annual-meeting-right-sponsor-box-bottom.png) no-repeat; } /********** END SITE LANDING CONTENT **********/ /********** GENERIC CONTENT SPECIFIC PAGE TYPE STYLES ***********/ /*** KNOWLEDGEBASE FAQ LIST ***/ #right-content .faq-header { display: block; position: relative; width: 590px; height: 20px; border-bottom: dotted 1px #D2D2D2; } #right-content .faq-header .header-title { display: block; position: absolute; top: 0px; left: 0px; } #right-content .faq-header .header-title h2 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #3EBBF1; /*#4774B2; /*#5A87C5;*/*/ line-height: 13px; } #right-content .faq-list { display: block; position: relative; } #right-content .faq-list .faq-list-item { display: block; position: relative; margin: 13px 0 0 0; } #right-content .faq-list .faq-list-item .faq-question { display: block; position: relative; width: 590px; } #right-content .faq-list .faq-list-item .faq-question .faq-list-number { display: block; position: relative; float: left; width: 20px; height: 16px; font-family: Arial, Sans-Serif; font-size: 16px; font-weight: bold; color: #9EAEB8; text-align: right; cursor: pointer; } #right-content .faq-list .faq-list-item .faq-question .faq-list-question { display: block; position: relative; float: left; left: 7px; width: 560px; } #right-content .faq-list .faq-list-item .faq-question .faq-list-question h4, #right-content .faq-list .faq-list-item .faq-question .faq-list-question h4 a { display: inline-block; position: relative; margin: 0px; padding: 0px; top: 4px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ /*line-height: 9px;*/ cursor: pointer; } #right-content .faq-list .faq-list-item .faq-question .faq-list-question h4 a:link, #right-content .faq-list .faq-list-item .faq-question .faq-list-question h4 a:visited { text-decoration: none; } #right-content .faq-list .faq-list-item .faq-question .faq-list-question h4 a:hover, #right-content .faq-list .faq-list-item .faq-question .faq-list-question h4 a:active { text-decoration: underline; } #right-content .faq-list .faq-list-item .faq-question .faq-list-question h4:hover { text-decoration: underline; } #right-content .faq-list .faq-list-item .faq-answer { display: block; position: relative; width: 590px; } #right-content .faq-list .faq-list-item .faq-answer p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4B4B4B; width: 556px; margin: 8px 0px 0px 27px; padding: 0px; } /*** END KNOWLEDGE BASE FAQ LIST ***/ /*** KNOWLEDGE BASE TOPICS AND LISTS ***/ #right-content .topic-selected { display: block; position: relative; top: -14px; } #right-content .topic-selected h3 { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #3EBBF1; /*#5A87C5;*/ } #right-content .topic-selected h3 span.topic-title { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: bold; color: #455560; } #right-content .topic-list-header { display: block; position: relative; border-bottom: dotted 1px #D2D2D2; height: 15px; margin: 18px 0 5px 0; } #right-content .topic-list-header .header-title { display: block; position: absolute; bottom: 3px; left: 0px; } #right-content .topic-list-header .header-title h4 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #455560; text-transform: uppercase; letter-spacing: 1px; } #right-content .topic-list-header .page-count-selector { display: block; position: absolute; bottom: 3px; right: 0px; } #right-content .topic-list-header .selector-label { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4B4B4B; } #right-content .topic-list-header .selector-option { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #D2D2D2; } #right-content .topic-list-header .selector-option a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding: 0 7px; } #right-content .topic-list-header .selector-option a:link, #right-content .topic-list-header .selector-option a:visited { text-decoration: none; } #right-content .topic-list-header .selector-option a:hover, #right-content .topic-list-header .selector-option a:active { text-decoration: underline; cursor:pointer; } #right-content .topic-list-header .selector-option a.selected { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #969696; padding: 0 7px; } #right-content .topic-list-header .selector-option a.selected:link, #right-content .topic-list-header .selector-option a.selected:visited { text-decoration: none; } #right-content .topic-list-header .selector-option a.selected:hover, #right-content .topic-list-header .selector-option a.selected:active { text-decoration: underline; cursor:pointer; } #right-content .topic-list { display: block; position: relative; width: 600px; margin-bottom: 40px; } #right-content .topic-list .list-left { display: block; position: relative; float: left; width: 280px; } #right-content .topic-list .list-right { display: block; position: relative; float: right; width: 280px; } #right-content .topic-list .list-item { display: block; position: relative; width: 280px; margin-top: 15px; } #right-content .topic-list .list-item img { margin-right: 5px; } #right-content .topic-list .list-item h5, #right-content .topic-list .list-item h5 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ margin-bottom: 3px; } #right-content .topic-list .list-item h5 a:link, #right-content .topic-list .list-item h5 a:visited { text-decoration: none; } #right-content .topic-list .list-item h5 a:hover, #right-content .topic-list .list-item h5 a:active { text-decoration: underline; } #right-content .topic-list .list-item p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #7D7D7D; line-height: 12px; } #right-content .topic-list .list-item p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .topic-list .list-item p a:link, #right-content .topic-list .list-item p a:visited { text-decoration: none; } #right-content .topic-list .list-item p a:hover, #right-content .topic-list .list-item p a:active { text-decoration: underline; } /*** END KNOWLEDGE BASE TOPICS AND LISTS ***/ /*** EVENTS DISPLAY TABS ***/ #right-content .events-list-tabs { display: block; position: relative; width: 600px; height: 31px; margin: 0 0 15px 0; background: transparent url("media/bg-event-list-tabs.png") repeat-x; } #right-content .events-list-tabs .tab-list { display: block; position: absolute; top: 0px; left: 0px; width: 74px; height: 31px; background: transparent url("media/tab-events-list.png") no-repeat; } #right-content .events-list-tabs .tab-list:hover { background-image: url("media/tab-events-list-selected.png"); } #right-content .events-list-tabs .tab-list h4, #right-content .events-list-tabs .tab-list h4 a { display: block; position: relative; width: 74px; height: 31px; text-indent: -9999px; } #right-content .events-list-tabs .list-selected { background: transparent url("media/tab-events-list-selected.png") no-repeat; } #right-content .events-list-tabs .tab-calendar { display: block; position: absolute; top: 0px; left: 74px; width: 104px; height: 31px; background: transparent url("media/tab-events-calendar.png") no-repeat; } #right-content .events-list-tabs .tab-calendar:hover { background-image: url("media/tab-events-calendar-selected.png"); } #right-content .events-list-tabs .tab-calendar h4, #right-content .events-list-tabs .tab-calendar h4 a { display: block; position: relative; width: 104px; height: 31px; text-indent: -9999px; } #right-content .events-list-tabs .calendar-selected { background: transparent url("media/tab-events-calendar-selected.png") no-repeat; } /*** EVENTS LISTS ***/ #right-content .events-list-tools { display: block; position: relative; width: 600px; } #right-content .events-list-tools .page-count-selector { display: block; position: relative; float: right; bottom: 0px; margin: 0 28px 0 0; } #right-content .events-list-tools .page-selector { display: block; position: relative; float: right; margin: 0 28px 0 0; } #right-content .events-list-tools .page-selector .selector-option { margin: 0 -4px; } #right-content .events-list-tools .pager { display: block; position: relative; float: right; } #right-content .events-list-tools .pager p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #D2D2D2; } #right-content .events-list-tools .pager p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ margin: 0 7px; } #right-content .events-list-tools .pager p a.disabled { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #EBEAEA; margin: 0 7px; } #right-content .events-list-tools .pager p a:link, #right-content .events-list-tools .pager p a:visited { text-decoration: none; } #right-content .events-list-tools .pager p a:hover, #right-content .events-list-tools .pager p a:active { text-decoration: underline; } #right-content .events-listing { display: block; position: relative; width: 600px; margin: 20px 0 0 0; } #right-content .events-listing .event-list-item { display: block; position: relative; width: 600px; } #right-content .events-listing .event-list-item .event-type { display: block; position: relative; width: 600px; height: 20px; background-color: #677681; } #right-content .events-listing .event-list-item .event-type h4 { display: block; position: relative; top: 3px; left: 8px; width: 580px; overflow: hidden; white-space: nowrap; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #BFBFBF; } #right-content .events-listing .event-list-item .event-type h4 span.callout { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFF; } #right-content .events-listing .event-list-item .meeting-header { background-color: #5A87C5; } #right-content .events-listing .event-list-item .meeting-header h4 { color: #B4CAE8; } #right-content .events-listing .event-list-item .conference-header { background-color: #3EBBF1; } #right-content .events-listing .event-list-item .conference-header h4 { color: #BFE6F7; } #right-content .events-listing .event-list-item .webinar-header { background-color: #E19619; } #right-content .events-listing .event-list-item .webinar-header h4 { color: #F1D7AB; } #right-content .events-listing .event-list-item .examcourse-header { background-color: #AFC832; } #right-content .events-listing .event-list-item .examcourse-header h4 { color: #E3EBBB; } #right-content .events-listing .event-list-item .lecture-header { background-color: #455560; } #right-content .events-listing .event-list-item .lecture-header h4 { color: #AABBC9; } #right-content .events-listing .event-list-item .event-subheader { display: block; position: relative; width: 600px; height: 15px; background: #F5F5F5; } #right-content .events-listing .event-list-item .event-description { display: block; position: relative; width: 600px; background: #F5F5F5 url("media/bg-event-list-box-main.png") repeat-y; } #right-content .events-listing .event-list-item .event-description .details-left { display: block; position: relative; float: left; left: 14px; width: 140px; } #right-content .events-listing .event-list-item .event-description .details-left h5, #right-content .events-listing .event-list-item .event-description .details-left h5 a { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ margin: 0 0 5px 0; } #right-content .events-listing .event-list-item .event-description .details-left h5 a:link, #right-content .events-listing .event-list-item .event-description .details-left h5 a:visited { text-decoration: none; } #right-content .events-listing .event-list-item .event-description .details-left h5 a:hover, #right-content .events-listing .event-list-item .event-description .details-left h5 a:active {text-decoration: underline; } #right-content .events-listing .event-list-item .event-description .details-left h5 span.time { font-size: 12px; } #right-content .events-listing .event-list-item .event-description .details-left h6 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #455560; } #right-content .events-listing .event-list-item .event-description .details-left h6 a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .events-listing .event-list-item .event-description .details-left h6 a:link, #right-content .events-listing .event-list-item .event-description .details-left h6 a:visited { text-decoration: none; } #right-content .events-listing .event-list-item .event-description .details-left h6 a:hover, #right-content .events-listing .event-list-item .event-description .details-left h6 a:active {text-decoration: underline; } #right-content .events-listing .event-list-item .event-description .details-left p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ margin: 0 0 4px 0; } #right-content .events-listing .event-list-item .event-description .details-left p a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .events-listing .event-list-item .event-description .details-left p a:link, #right-content .events-listing .event-list-item .event-description .details-left p a:visited { text-decoration: none; } #right-content .events-listing .event-list-item .event-description .details-left p a:hover, #right-content .events-listing .event-list-item .event-description .details-left p a:active {text-decoration: underline; } #right-content .events-listing .event-list-item .event-description .details-right { display: block; position: relative; float: right; top: 0px; right: 16px; width: 405px; padding: 0 0 33px 0; } #right-content .events-listing .event-list-item .event-description .details-right img { float: left; margin: 0 11px 2px 0; } #right-content .events-listing .event-list-item .event-description .details-right h5, #right-content .events-listing .event-list-item .event-description .details-right h5 a { font-family: Arial, Sans-Serif; font-size: 15px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .events-listing .event-list-item .event-description .details-right h5 a:link, #right-content .events-listing .event-list-item .event-description .details-right h5 a:visited { text-decoration: none; } #right-content .events-listing .event-list-item .event-description .details-right h5 a:hover, #right-content .events-listing .event-list-item .event-description .details-right h5 a:active {text-decoration: underline; } #right-content .events-listing .event-list-item .event-description .details-right h6, #right-content .events-listing .event-list-item .event-description .details-right h6 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .events-listing .event-list-item .event-description .details-right h6 a:link, #right-content .events-listing .event-list-item .event-description .details-right h6 a:visited { text-decoration: none; } #right-content .events-listing .event-list-item .event-description .details-right h6 a:hover, #right-content .events-listing .event-list-item .event-description .details-right h6 a:active {text-decoration: underline; } #right-content .events-listing .event-list-item .event-description .details-right p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #555555; /*#646464;*/ margin: 5px 0 0 0; } #right-content .events-listing .event-list-item .event-description .details-right p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .events-listing .event-list-item .event-description .details-right p a:link, #right-content .events-listing .event-list-item .event-description .details-right p a:visited { text-decoration: none; } #right-content .events-listing .event-list-item .event-description .details-right p a:hover, #right-content .events-listing .event-list-item .event-description .details-right p a:active {text-decoration: underline; } #right-content .events-listing .event-list-item .event-description .event-tools { display: block; position: absolute; bottom: 0px; right: 16px; width: 405px; height: 27px; } #right-content .events-listing .event-list-item .event-description .event-tools .event-tags { display: block; position: absolute; bottom: 6px; left: 0px; } #right-content .events-listing .event-list-item .event-description .event-tools .event-tags p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #505050; } #right-content .events-listing .event-list-item .event-description .event-tools .event-tags p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .events-listing .event-list-item .event-description .event-tools .event-tags p a:link, #right-content .events-listing .event-list-item .event-description .event-tools .event-tags p a:visited { text-decoration: none; } #right-content .events-listing .event-list-item .event-description .event-tools .event-tags p a:hover, #right-content .events-listing .event-list-item .event-description .event-tools .event-tags p a:active {text-decoration: underline; } #right-content .events-listing .event-list-item .event-description .event-tools .event-tags span.title { color: #969696; } #right-content .events-listing .event-list-item .event-description .event-tools .events-icon { display: block; position: relative; float: right; } #right-content .events-listing .event-list-item .event-description .event-tools .register-button { display: block; position: relative; float: right; top: 1px; margin: 0 0 0 18px; } #right-content .events-listing .event-list-item .event-footer { display: block; position: relative; width: 600px; height: 32px; background: transparent url("media/bg-event-list-box-bottom.png") no-repeat; background-position: left top; border-bottom: solid 1px #EBEBEB; } /*** END EVENTS LISTS ***/ /*** RIGHT COLUMN WIDGET ***/ #right-content #right-column-widget { display: block; position: relative; float: left; width: 231px; margin-right:20px; } #right-content #right-column-widget p { font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ line-height: 15px; } #right-content #right-column-widget p a { font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #right-column-widget p a:link, #right-content #right-column-widget p a:visited { text-decoration: none; } #right-content #right-column-widget p a:hover, #right-content #right-column-widget p a:active { text-decoration: underline; } #right-content #right-column-widget .top { display: block; position: relative; width: 231px; height: 31px; background: transparent url("media/bg-right-column-widget-top.png") no-repeat; } #right-content #right-column-widget .top-blue { display: block; position: relative; width: 231px; height: 31px; background: transparent url("media/bg-right-column-widget-top-blue.png") no-repeat; } #right-content #right-column-widget .main { display: block; position: relative; width: 231px; min-height: 10px; background: transparent url("media/bg-right-column-widget-main.png") repeat-y; } #right-content #right-column-widget .bottom { display: block; position: relative; width: 231px; height: 15px; background: transparent url("media/bg-right-column-widget-bottom.png") no-repeat; } #right-content #right-column-widget .main .inner-overlay { display: block; position: relative; width: 231px; min-height: 520px; background: transparent url("media/bg-right-column-widget-main-top.png") no-repeat; background-position: left top; } #right-content #right-column-widget .main .inner, #right-content #right-column-widget .main .inner-overlay .inner { display: block; position: relative; width: 186px; left: 21px; } #right-content #right-column-widget .main .heading-box { display: block; position: relative; top: -10px;} #right-content #right-column-widget .main h3 { font-family: Arial, Sans-Serif; font-size: 20px; font-weight: normal; color: #5DC6F3; } #right-content #right-column-widget .main h4 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #FFFFFF; } #right-content #right-column-widget .main p { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; } #right-content #right-column-widget .main ul { position: relative; left: 25px; width: 160px; color: #FFFFFF; } #right-content #right-column-widget .main ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFFFFF; } #right-content #right-column-widget .main p.alpha-search, #right-content #right-column-widget .main p.alpha-search a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #5DC6F3; } #right-content #right-column-widget .main p.alpha-search a:link, #right-content #right-column-widget .main p.alpha-search a:visited, #right-content #right-column-widget .main p.alpha-search a:hover, #right-content #right-column-widget .main p.alpha-search a:active { text-decoration: underline; } #right-content #right-column-widget .main .disclaimer { } #right-content #right-column-widget .main .disclaimer p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #B1BDC6; } /********** END GENERIC CONTENT SPECIFIC PAGE TYPE STYLES ***********/ /**************************************************************************************************************************************************************/ /**************************************************************************************************************************************************************/ /********** GENERIC CONTENT STYLES **********/ /*** /!\ THIS STYLE MUST BE APPLIED TO THE ID OF A SINGLE DIV OR ASP:PANEL WRAPPING ALL CONTENT IN A "GENERIC" CONTENT PAGE! ***/ #right-content #standard-content-page { display: block; font-family: Arial, Sans-Serif; } #right-content .standard-content-column { position: relative; float: left; width: 350px; } /*** BASIC STYLES ***/ /**/ #right-content #standard-content-page { font-size: 11px; font-weight: normal; color: #555555; line-height: 15px; padding-bottom: 20px; } #right-content #standard-content-page a { font-size: 11px; font-weight: normal; color: #4774B2; } #right-content #standard-content-page a:link, #right-content #standard-content-page a:visited { text-decoration: none; } #right-content #standard-content-page a:hover, #right-content #standard-content-page a:active { text-decoration: underline; } /**/ #right-content #standard-content-page h1, #right-content #standard-content-page h2, #right-content #standard-content-page h3, #right-content #standard-content-page h4, #right-content #standard-content-page h5, #right-content #standard-content-page h6 { font-family: Arial, Sans-Serif; line-height: normal;} #right-content #standard-content-page h1 { font-size: 24px; font-weight: normal; color: #3EBBF1; padding-bottom: 20px; /*width: 550px;*/} #right-content #standard-content-page h1 a { font-size: 24px; font-weight: normal; color: #3EBBF1; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 20px; } #right-content #standard-content-page h1.main { font-size: 24px; font-weight: normal; color: #5A87C5; padding-bottom: 20px; width: 550px;} #right-content #standard-content-page h1.main a { font-size: 24px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 20px; } #right-content #standard-content-page h2, #right-content #standard-content-page h2 a { font-size: 15px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 5px; } #right-content #standard-content-page h3 { font-size: 12px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ } #right-content #standard-content-page h3 a { font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #standard-content-page h4 { font-size: 10px; font-weight: normal; color: #455560; text-transform: uppercase; } #right-content #standard-content-page h4 a { font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-transform: uppercase; } #right-content #standard-content-page h5 { font-size: 11px; font-weight: bold; color: #555555; } #right-content #standard-content-page h5 a { font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #standard-content-page h6 { font-size: 11px; font-weight: bold; color: #000; } #right-content #standard-content-page h6 a { font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #standard-content-page h1 a:link, #right-content #standard-content-page h1 a:visited, #right-content #standard-content-page h1.main a:link, #right-content #standard-content-page h1.main a:visited, #right-content #standard-content-page h2 a:link, #right-content #standard-content-page h2 a:visited, #right-content #standard-content-page h3 a:link, #right-content #standard-content-page h3 a:visited, #right-content #standard-content-page h4 a:link, #right-content #standard-content-page h4 a:visited, #right-content #standard-content-page h5 a:link, #right-content #standard-content-page h5 a:visited, #right-content #standard-content-page h6 a:link, #right-content #standard-content-page h6 a:visited { text-decoration: none; } #right-content #standard-content-page h1 a:hover, #right-content #standard-content-page h1 a:active, #right-content #standard-content-page h1.main a:hover, #right-content #standard-content-page h1.main a:active, #right-content #standard-content-page h2 a:hover, #right-content #standard-content-page h2 a:active, #right-content #standard-content-page h3 a:hover, #right-content #standard-content-page h3 a:active, #right-content #standard-content-page h4 a:hover, #right-content #standard-content-page h4 a:active, #right-content #standard-content-page h5 a:hover, #right-content #standard-content-page h5 a:active, #right-content #standard-content-page h6 a:hover, #right-content #standard-content-page h6 a:active { text-decoration: underline; } #right-content #standard-content-page img { float: left; border: none; padding: 0 20px 20px 0; } #right-content #standard-content-page p { font-size: 12px; font-weight: normal; color: #555555; line-height: 16px; padding-bottom: 10px; } #right-content #standard-content-page p a { font-size: 12px; font-weight: normal; color: #4774B2; } #right-content #standard-content-page p a:link, #right-content #standard-content-page p a:visited { text-decoration: none; } #right-content #standard-content-page p a:hover, #right-content #standard-content-page p a:active { text-decoration: underline; } #right-content #standard-content-page p.feature { font-size: 13px; font-weight: normal; color: #555555; line-height: 20px; padding-bottom: 18px; } #right-content #standard-content-page p.feature a { font-size: 13px; font-weight: normal; color: #4774B2; } #right-content #standard-content-page p.feature a:link, #right-content #standard-content-page p.feature a:visited { text-decoration: none; } #right-content #standard-content-page p.feature a:hover, #right-content #standard-content-page p.feature a:active { text-decoration: underline; } #right-content #standard-content-page p.break { font-size: 12px; font-weight: normal; color: #4B4B4B; font-style: italic; text-align: center; width: 100%; } #right-content #standard-content-page blockquote { font-size: 15px; font-weight: normal; color: #4774B2; line-height: 20px; padding: 0 50px 20px 50px; } #right-content #standard-content-page blockquote a { font-size: 15px; font-weight: normal; color: #4774B2; } #right-content #standard-content-page blockquote a:link, #right-content #standard-content-page blockquote a:visited { text-decoration: none; } #right-content #standard-content-page blockquote a:hover, #right-content #standard-content-page blockquote a:active { text-decoration: underline; } #right-content #standard-content-page hr { width: 100%; height: 1px; border:none; border-top: dotted 1px #969696; color: #FFF; background-color: Transparent; margin: 10px 0; } #right-content .press-release h3 { display: inline; padding-bottom: 0; float: left; } #right-content .press-release p { padding-bottom: 15px !important; } #right-content .press-release .heading { width: 603px; text-align: center; padding-bottom: 25px; } #right-content .press-release .heading h1 { display: block; position: relative; /*width: 490px !important;*/ margin: 0 auto; } #right-content .press-release .heading h2 { display: block; position: relative; margin: 0 auto; } #right-content .press-release .boilerplate { display: block; position: relative; margin-top: 15px; } #right-content .press-release .boilerplate p { color: #455560 !important; font-style: italic; } #right-content .press-release .contact h5 { color: #5A87C5 !important; font-size: 11px; font-weight: normal !important; } #right-content .press-release .contact p { color: #4B4B4B !important; } /*** BULLETED LISTS ***/ #right-content #standard-content-page ul li, #right-content #standard-content-page ol li { font-size: 12px; font-weight: normal; color: #4B4B4B; /*#646464;*/ } #right-content #standard-content-page ul li a, #right-content #standard-content-page ol li a { font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ display: inline !important; width: auto !important; height: auto !important; } #right-content #standard-content-page ul li a:link, #right-content #standard-content-page ul li a:visited, #right-content #standard-content-page ol li a:link, #right-content #standard-content-page ol li a:visited {text-decoration: none;} #right-content #standard-content-page ul li a:hover, #right-content #standard-content-page ul li a:active, #right-content #standard-content-page ol li a:hover, #right-content #standard-content-page ol li a:active {text-decoration: underline;} /*n01*/ #right-content #standard-content-page ul, #right-content #standard-content-page ol { display: block; position: relative; left: 30px; padding-bottom: 10px; list-style-position: outside; color: #4B4B4B; width: 570px; /*border: dashed 1px #F00;*/} #right-content #standard-content-page ol { list-style-type: decimal; } #right-content #standard-content-page ul { list-style-type: disc; } /*n02*/ #right-content #standard-content-page ul ul, #right-content #standard-content-page ul li ul, #right-content #standard-content-page ol ol, #right-content #standard-content-page ol li ol { display: block; position: relative; left: 30px; padding-bottom: 0; list-style-position: outside; color: #4B4B4B; width: 539px; } #right-content #standard-content-page ol ol, #right-content #standard-content-page ol li ol { list-style-type: decimal; } #right-content #standard-content-page ul ul, #right-content #standard-content-page ul li ul { list-style-type: disc; } /*n03*/ #right-content #standard-content-page ul ul ul, #right-content #standard-content-page ul li ul li ul, #right-content #standard-content-page ol ol ol, #right-content #standard-content-page ol li ol li ol { width: 508px; } /*n04*/ #right-content #standard-content-page ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol { width: 477px; } /*n05*/ #right-content #standard-content-page ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol { width: 446px; } /*n06*/ #right-content #standard-content-page ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol { width: 415px; } /*n07*/ #right-content #standard-content-page ul ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol { width: 384px; } /*n08*/ #right-content #standard-content-page ul ul ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol li ol { width: 353px; } /*n09*/ #right-content #standard-content-page ul ul ul ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol li ol li ol { width: 322px; } /*n10*/ #right-content #standard-content-page ul ul ul ul ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol li ol li ol li ol { width: 291px; } /*n11*/ #right-content #standard-content-page ul ul ul ul ul ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol { width: 260px; } /*n12*/ #right-content #standard-content-page ul ul ul ul ul ul ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol { width: 229px; } /*n13 - TERMINATOR*/ #right-content #standard-content-page ul ul ul ul ul ul ul ul ul ul ul ul ul, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul, #right-content #standard-content-page ol ol ol ol ol ol ol ol ol ol ol ol ol, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol { left: -342px; width: 100px; padding-bottom: 0; color: #F00; list-style-type: square; } #right-content #standard-content-page ul ul ul ul ul ul ul ul ul ul ul ul ul li, #right-content #standard-content-page ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li, #right-content #standard-content-page ol ol ol ol ol ol ol ol ol ol ol ol ol li, #right-content #standard-content-page ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li ol li { font-size: 13px; font-weight: bold; color: #F00; font-style: italic; text-decoration: line-through; } /*** END BASIC STYLES ***/ /*** CAPTIONED INLINE IMAGE ***/ #right-content #standard-content-page div.caption-image { display: inline !important; float: left; padding: 0 20px 5px 0; /*width: auto !important;*/ /*IE7 is being dumb and rendering this div as 100% of the container in auto mode, this is not present in any other browser...*/ /*All other browsers render the div being only as wide as the widest container object, probably going to be the image... */ } #right-content #standard-content-page div.caption-image img { float: none; width: auto; padding: 0 0 10px 0; } /* The p gets rendered as wide as the text inside it. To force it to wrap shorter than the image a width must be imposed.... * I've chosen to use the width of the sample picture for now otherwise you'd have to specify it via a style on the p tag itself * The p tag will render centered under the image if the image is wider than the set width */ #right-content #standard-content-page div.caption-image p { font-size: 10px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ line-height: normal; width: 170px; margin: 0 auto; padding: 0 0 0 0; } #right-content #standard-content-page div.caption-image p a { font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #standard-content-page div.caption-image p a:link, #right-content #standard-content-page div.caption-image p a:visited { text-decoration: none; } #right-content #standard-content-page div.caption-image p a:hover, #right-content #standard-content-page div.caption-image p a:active { text-decoration: underline; } /*** END CAPTIONED INLINE IMAGE ***/ /*** TAGS BOX ***/ #right-content #standard-content-page div.tags-box { display: block; padding: 5px 0 20px 0; border-top: dotted 1px #969696;} #right-content #standard-content-page div.tags-box p { font-size: 11px; font-weight: normal; color: #969696;} #right-content #standard-content-page div.tags-box p a { font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #standard-content-page div.tags-box p a:link, #right-content #standard-content-page div.caption-image p a:visited { text-decoration: none; } #right-content #standard-content-page div.tags-box p a:hover, #right-content #standard-content-page div.caption-image p a:active { text-decoration: underline; } /*** END TAGS BOX ***/ /*** TABLE SKIN ***/ #right-content #standard-content-page table { width: 100%; border-collapse: collapse; /*border: solid 1px #EBEBEB;*/ } #right-content #standard-content-page table tr { width: 100%; } #right-content #standard-content-page table th { height: 30px; padding: 5px; font-size: 12px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-align: left; vertical-align: middle; background: #FFFFFF url('media/bg-content-table-header.gif') repeat-x; background-position: bottom; border-top: solid 1px #EBEBEB; border-left: solid 1px #EBEBEB; border-right: solid 1px #EBEBEB;} #right-content #standard-content-page table td { height: 30px; padding: 5px; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ text-align: left; vertical-align: middle; border: solid 1px #EBEBEB; background: #F9FCFD; /*url('media/bg-content-table-row2.gif') repeat-x;*/ } #right-content #standard-content-page table td.alt { height: 30px; padding: 5px; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ text-align: left; vertical-align: middle; border: solid 1px #EBEBEB; background: #ECFAFF; /*url('media/bg-content-table-row.gif') repeat-x;*/ } #right-content #standard-content-page table td a { color: #4774B2; } #right-content #standard-content-page table td a:link, #right-content #standard-content-page table td a:visited { text-decoration: none; } #right-content #standard-content-page table td a:hover, #right-content #standard-content-page table td a:active { text-decoration: underline; } /*** END TABLE SKIN ***/ /*** CLEAN TABLE ***/ #right-content #standard-content-page table.clean-table { width: auto; border-collapse: inherit; border-style: none; } #right-content #standard-content-page table.clean-table tr { width: auto; } #right-content #standard-content-page table.clean-table th { height: auto; padding: 0; font-size: 12px; font-weight: normal; color: #555555; /*#646464;*/ text-align: left; vertical-align: middle; background: transparent none; } #right-content #standard-content-page table.clean-table td { height: auto; padding: 0; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ text-align: left; vertical-align: middle; background: transparent none; } #right-content #standard-content-page table.clean-table td.alt { height: auto; padding: 0; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/ text-align: left; vertical-align: middle; background: transparent none; } #right-content #standard-content-page table.clean-table td a { color: #4774B2; } #right-content #standard-content-page table.clean-table td a:link, #right-content #standard-content-page .clean-table table td a:visited { text-decoration: none; } #right-content #standard-content-page table.clean-table td a:hover, #right-content #standard-content-page .clean-table table td a:active { text-decoration: underline; } /*** END CLEAN TABLE ***/ /*** FILE TYPE BOX LINK ***/ #right-content #standard-content-page a.pdf { display: inline-block; position: relative; padding: 10px 10px 10px 30px; background: #ECFAFF url('media/pdf-icon-16x16.gif') no-repeat; background-position: 7px 7px; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #505050; } #right-content #standard-content-page a.pdf:link, #right-content #standard-content-page a.pdf:visited { text-decoration: none; } #right-content #standard-content-page a.pdf:hover, #right-content #standard-content-page a.pdf:active { text-decoration: underline; } /*** END FILE TYPE BOX LINK ***/ /*** WARNING BOX ***/ #right-content #standard-content-page .warning-box { display: block; position: relative; padding: 10px 10px 10px 35px; background: #F9EBEB url("media/warning-icon-16x16.png") no-repeat 10px 10px; } #right-content #standard-content-page .warning-box .warning-message { display: block; position: relative; top: 0px; left:0px; width: 95%; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #505050; } #right-content #standard-content-page .warning-box .kill-button { display: block; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; } /*** END WARNING BOX ***/ /*** CONTENT LIST AND PAGINATION ***/ #right-content h2.list { font-family: Arial, Sans-Serif; font-size: 18px !important; font-weight: normal; color: #3EBBF1 !important; /*#5A87C5 !important;*/ } #right-content .list-toolbar { display: block; position: relative; width: 100%; margin: 5px 0 3px 0; font-size: 11px; font-weight: normal; color: #555555; /*#646464;*/} #right-content .list-toolbar .results-count { display: block; position: relative; left:80px; width: 65px; margin: 0 auto; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 11px; color: #969696; text-align: center; } #right-content .list-toolbar .page-count-selector { display: block; position: absolute; top: 0px; left: 0px; } #right-content .list-toolbar .page-selector { display: block; position: absolute; top: 0px; right: 0px; } #right-content .list-toolbar .page-selector .backward-button { display: block; position: relative; float: left; top: -5px; width: 19px; height: 19px; margin-right: 16px; } #right-content .list-toolbar .page-selector .previous-button { display: block; position: relative; float: left; top: -5px; width: 84px; height: 20px; margin-right: 16px; } #right-content .list-toolbar .page-selector .forward-button { display: block; position: relative; float: left; top: -5px; width: 19px; height: 19px; margin-left: 3px; } #right-content .list-toolbar .page-selector .next-button { display: block; position: relative; float: left; top: -5px; width: 100px; height: 20px; margin-left: 3px; } #right-content .selector-label { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #4B4B4B; } #right-content .selector-option { display: block; position: relative; float: left; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #D2D2D2; } #right-content .selector-option a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding: 0 7px; } #right-content .selector-option a:link, #right-content #standard-content-page .selector-option a:visited { text-decoration: none; } #right-content .selector-option a:hover, #right-content #standard-content-page .selector-option a:active { text-decoration: underline; cursor:pointer; } #right-content .selector-option a.selected { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #969696; padding: 0 7px; } #right-content .selector-option a.selected:link, #right-content #standard-content-page .selector-option a.selected:visited { text-decoration: none; } #right-content .selector-option a.selected:hover, #right-content #standard-content-page .selector-option a.selected:active { text-decoration: underline; cursor:pointer; } #right-content .list-item { display: block; position: relative; width: 100%; padding: 12px 0px; border-top: dotted 1px #D7D7D7; } #right-content .list-item .list-item { display: block; position: relative; width: 573px; padding: 12px 0px 0px 30px; border-top: none; } #right-content .list-item img { margin: 3px 7px 0px 0px; padding: 0px !important; } #right-content .list-item h3.list-item-title { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold !important; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .list-item h3.list-item-title a { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold !important; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .list-item h3.list-item-title a:link, #right-content #standard-content-page .list-item h3.list-item-title a:visited { text-decoration: none; } #right-content .list-item h3.list-item-title a:hover, #right-content #standard-content-page .list-item h3.list-item-title a:active { text-decoration: underline; } #right-content .list-item p.list-item-date { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #636363; font-style: italic; margin: 0px !important; padding: 0px !important; } #right-content .list-item .list-item-blurb { display: block; position: relative; } #right-content .list-item .list-item-blurb p { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #555555; /*#646464;*/ margin: 0px; padding: 0px; } #right-content .list-item .list-item-blurb p a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .list-item .list-item-blurb p a:link, #right-content #standard-content-page .list-item .list-item-blurb p a:visited { text-decoration: none; } #right-content .list-item .list-item-blurb p a:hover, #right-content #standard-content-page .list-item .list-item-blurb p a:active { text-decoration: underline; } #right-content .list-item-gsa { display: block; position: relative; width: 100%; padding: 12px 0px; border-top: dotted 1px #D7D7D7; } #right-content .list-item-gsa .list-item-gsa { display: block; position: relative; width: 573px; padding: 12px 0px 0px 30px; border-top: none; } #right-content .list-item-gsa img { margin: 3px 7px 0px 0px; padding: 0px !important; } #right-content .list-item-gsa h3.list-item-title { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold !important; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .list-item-gsa h3.list-item-title a { font-family: Arial, Sans-Serif; font-size: 13px; font-weight: bold !important; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .list-item-gsa h3.list-item-title a:link, #right-content #standard-content-page .list-item h3.list-item-title a:visited { text-decoration: none; } #right-content .list-item-gsa h3.list-item-title a:hover, #right-content #standard-content-page .list-item h3.list-item-title a:active { text-decoration: underline; } #right-content .list-item-gsa h4 { font-family: Arial, Sans-Serif; font-size: 11px !important; font-weight: bold !important; color: #555555; /*#646464;*/ padding-top: 20px; text-transform: none !important; } #right-content .list-item-gsa h4 a { font-family: Arial, Sans-Serif; font-size: 11px !important; font-weight: bold !important; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-transform: none !important; } #right-content .list-item-gsa h4 a:link, #right-content .list-item-gsa h4 a:visited { text-decoration: none; } #right-content .list-item-gsa h4 a:hover, #right-content .list-item-gsa h4 a:active { text-decoration: underline; } #right-content .list-item-gsa p.list-item-date { font-family: Arial, Sans-Serif; font-size: 10px !important; font-weight: normal; color: #636363; font-style: italic; margin: 0px !important; padding: 0px !important; } #right-content .list-item-gsa .list-item-blurb { display: block; position: relative; } #right-content .list-item-gsa .list-item-blurb p { font-family: Arial, Sans-Serif; font-size: 10px !important; font-weight: normal; color: #555555; /*#646464;*/ margin: 0px !important; padding: 0px !important; } #right-content .list-item-gsa .list-item-blurb p a { font-family: Arial, Sans-Serif; font-size: 10px !important; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .list-item-gsa .list-item-blurb p a.reference { color: #5A87C5 !important; } #right-content .list-item-gsa .list-item-blurb p a.cached { font-weight: bold !important; } #right-content .list-item-gsa .list-item-blurb p a:link, #right-content #standard-content-page .list-item .list-item-blurb p a:visited { text-decoration: none; } #right-content .list-item-gsa .list-item-blurb p a:hover, #right-content #standard-content-page .list-item .list-item-blurb p a:active { text-decoration: underline; } #right-content .list-item-gsa .query { font-weight: bold !important; color: #000000 !important; } #right-content .newsletter-year-archive { display: block; position: relative; width: 603px; border-top: dotted 1px #D7D7D7; padding: 12px 0 0 0;} #right-content .newsletter-year-archive h2.newsletter-group-heading { padding-bottom: 20px; } #right-content .newsletter-year-archive .newsletter-issue { display: block; position:relative; float: left; width: 190px; height: 220px; padding: 5px; overflow: hidden; /*border-left: solid 1px #EBEBEB;*/} #right-content .newsletter-year-archive .issue-listing-wrapper { display: block; position: relative; width: 603px; /*border-right: solid 1px #EBEBEB;*/ background: #FFF url(media/bg-newsletter-grid.png) repeat-y; margin-bottom: 50px; } /*#right-content .newsletter-year-archive .issue-left { border-right: solid 1px #EBEBEB; } #right-content .newsletter-year-archive .issue-right { border-left: solid 1px #EBEBEB; }*/ #right-content .newsletter-year-archive .newsletter-issue .issue-inner { display: block; position:absolute; width: 170px; height: 200px; padding: 10px; background-color: Transparent; text-align: center; z-index: 0; } #right-content .newsletter-year-archive .newsletter-issue .issue-inner:hover { background-color: #F5F8FA; } #right-content .newsletter-year-archive .newsletter-issue .issue-cover { display: block; position:absolute; left:50px; width: 90px; height: 120px; margin:0 auto; background-color: Transparent; text-align: center; z-index: 1; overflow: hidden; } /*#right-content .newsletter-year-archive .newsletter-issue .issue-cover a { display: block; position:relative; width: auto; height: auto; margin: 0 auto; }*/ #right-content .newsletter-year-archive .newsletter-issue .issue-cover img { float: none; padding:0; margin: 0 auto; } #right-content .newsletter-year-archive .newsletter-issue .issue-description { display:block; position: absolute; top: 135px; left: 10px; width: 170px; height: 75px; text-align: center; background-color: Transparent; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding:0; z-index: 1; overflow: hidden; } /*#right-content .newsletter-year-archive .newsletter-issue .issue-description a { display: inline; position:relative; margin:0; padding:0; border: none;} #right-content .newsletter-year-archive .newsletter-issue .issue-description a:link, #right-content #standard-content-page .newsletter-year-archive .newsletter-issue .issue-description a:visited { text-decoration: none; } #right-content .newsletter-year-archive .newsletter-issue .issue-description a:hover, #right-content #standard-content-page .newsletter-year-archive .newsletter-issue .issue-description a:active { text-decoration: underline; }*/ #right-content .newsletter-year-archive .newsletter-issue .issue-over { display: block; position: absolute; top:0px; left:0px; width:180px; height: 210px; background-image: url(media/placeholder.gif); background-repeat:repeat; z-index:100; cursor: pointer;} #right-content .newsletter-year-archive .newsletter-issue .issue-over a { display: block; position: relative; width: 180px; height: 210px; z-index:100;} /*** END CONTENT LIST AND PAGINATION ***/ /********** END GENERIC CONTENT STYLES **********/ #right-content .form-page {} #right-content .form-page h1, #right-content .form-page h2, #right-content .form-page h3, #right-content .form-page h4, #right-content .form-page h5, #right-content .form-page h6 { font-family: Arial, Sans-Serif; line-height: normal;} #right-content .form-page h1 { font-size: 20px; font-weight: normal; color: #3EBBF1; /*#5A87C5;*/ padding-bottom: 10px; width: 550px;} #right-content .form-page h1 a { font-size: 20px; font-weight: normal; color: #3EBBF1; padding-bottom: 10px; } #right-content .form-page h2, #right-content .form-page h2 a { font-size: 15px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 5px; } #right-content .form-page h3 { font-size: 12px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ } #right-content .form-page h3 a { font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .form-page h4 { font-size: 10px; font-weight: normal; color: #455560; text-transform: uppercase; } #right-content .form-page h4 a { font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-transform: uppercase; } #right-content .form-page h5 { font-size: 11px; font-weight: bold; color: #555555; /*#646464;*/ } #right-content .form-page h5 a { font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .form-page h6 { font-size: 11px; font-weight: bold; color: #000; } #right-content .form-page h6 a { font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content .form-page h1 a:link, #right-content .form-page h1 a:visited, #right-content .form-page h2 a:link, #right-content .form-page h2 a:visited, #right-content .form-page h3 a:link, #right-content .form-page h3 a:visited, #right-content .form-page h4 a:link, #right-content .form-page h4 a:visited, #right-content .form-page h5 a:link, #right-content .form-page h5 a:visited, #right-content .form-page h6 a:link, #right-content .form-page h6 a:visited { text-decoration: none; } #right-content .form-page h1 a:hover, #right-content .form-page h1 a:active, #right-content .form-page h2 a:hover, #right-content .form-page h2 a:active, #right-content .form-page h3 a:hover, #right-content .form-page h3 a:active, #right-content .form-page h4 a:hover, #right-content .form-page h4 a:active, #right-content .form-page h5 a:hover, #right-content .form-page h5 a:active, #right-content .form-page h6 a:hover, #right-content .form-page h6 a:active { text-decoration: underline; } #right-content .form-page hr { width: 100%; height: 1px; border:none; border-top: dotted 1px #969696; color: #FFF; background-color: Transparent; margin: 30px 0 10px 0; } #right-content #site-map { display: block; font-family: Arial, Sans-Serif; } #right-content #site-map h1, #right-content #site-map h2, #right-content #site-map h3, #right-content #site-map h4, #right-content #site-map h5, #right-content #site-map h6 { font-family: Arial, Sans-Serif; line-height: normal;} #right-content #site-map h1 { font-size: 24px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ padding-bottom: 20px; } #right-content #site-map h1 a { font-size: 24px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 20px; } #right-content #site-map h2, #right-content #site-map h2 a { font-size: 15px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ padding-bottom: 5px; } #right-content #site-map h3 { font-size: 12px; font-weight: normal; color: #4774B2; /*#5A87C5;*/ } #right-content #site-map h3 a { font-size: 12px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #site-map h4 { font-size: 10px; font-weight: normal; color: #455560; text-transform: uppercase; } #right-content #site-map h4 a { font-size: 10px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ text-transform: uppercase; } #right-content #site-map h5 { font-size: 11px; font-weight: bold; color: #555555; /*#646464;*/ } #right-content #site-map h5 a { font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #site-map h6 { font-size: 11px; font-weight: bold; color: #000; } #right-content #site-map h6 a { font-size: 11px; font-weight: bold; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ } #right-content #site-map h1 a:link, #right-content #site-map h1 a:visited, #right-content #site-map h2 a:link, #right-content #site-map h2 a:visited, #right-content #site-map h3 a:link, #right-content #site-map h3 a:visited, #right-content #site-map h4 a:link, #right-content #site-map h4 a:visited, #right-content #site-map h5 a:link, #right-content #site-map h5 a:visited, #right-content #site-map h6 a:link, #right-content #site-map h6 a:visited { text-decoration: none; } #right-content #site-map h1 a:hover, #right-content #site-map h1 a:active, #right-content #site-map h2 a:hover, #right-content #site-map h2 a:active, #right-content #site-map h3 a:hover, #right-content #site-map h3 a:active, #right-content #site-map h4 a:hover, #right-content #site-map h4 a:active, #right-content #site-map h5 a:hover, #right-content #site-map h5 a:active, #right-content #site-map h6 a:hover, #right-content #site-map h6 a:active { text-decoration: underline; } #right-content #site-map .site-map-section { display: block; position: relative; width: 100%; border-top: dotted 1px #D9D9D9; padding: 10px 0 0 0; margin: 0 0 20px 0; } #right-content #site-map .site-map-section ul { display: block; position: relative; left: 15px; height: auto; width: auto; list-style-image: url("media/list-icon-rquo-navy-7x7.png"); } #right-content #site-map .site-map-section ul li { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; line-height: 16px; height: auto; } #right-content #site-map .site-map-section ul li a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #4774B2; /*#21AFED; #33B6EF; #3EBBF1*/ height: auto; width: auto; } #right-content #site-map .site-map-section ul li a:link, #right-content #site-map .site-map-section ul li a:visited { text-decoration: none; } #right-content #site-map .site-map-section ul li a:hover, #right-content #site-map .site-map-section ul li a:active { text-decoration: underline; } /**************************************************************************************************************************************************************/ /*************************************************************/ /*************************************************************/ /****************** S I T E F O O T E R ********************/ /*************************************************************/ /*************************************************************/ /**************************************************************************************************************************************************************/ #page-body-footer { display: block; position: relative; width: 960px; height: 31px; background: #FFF url("media/bg-page-body-footer.png") no-repeat; } #page-footer { display:block; position: relative; width: 960px; height: 400px; background: transparent; } /*** FOOTER BANNER ***/ #page-footer #footer-banner { display:block; position: relative; width: 960px; height: 70px; background: url('media/bg-footer-banner.png') no-repeat; Background-Position: bottom; } #page-footer #footer-banner .icon { display: block; position: relative; float: left; top: 18px; width: 52px; height: 37px; } #page-footer #footer-banner .headline { display: block; position: relative; float: left; top: 28px; width: 900px; white-space: nowrap; overflow: hidden; } #page-footer #footer-banner .headline h1 { font-family: Arial, San-Serif; font-size: 12px; font-weight: normal; color: #FFF; } #page-footer #footer-banner .headline h1 a { font-family: Arial, San-Serif; font-size: 12px; font-weight: normal; color: #21AFED; /*#33B6EF; #3EBBF1*/ } #page-footer #footer-banner .headline h1 a:link, #page-footer #footer-banner .headline h1 a:visited { text-decoration: none; } #page-footer #footer-banner .headline h1 a:hover, #page-footer #footer-banner .headline h1 a:active { text-decoration: underline; } /*********************/ /*** FOOTER MENUS ***/ #footer-menu { display: block; position: relative; width: 960px; margin: 19px 0 19px 0; } #footer-menu .footer-menu-group { display: block; position: relative; float: left; width: 175px; border-left: solid 1px #7D8C96; padding: 0 9px 0 9px; /*margin: 0 0 5px 0;*/ } #footer-menu .first { border-left: none 0px Transparent; padding: 0 9px 0 0; } #footer-menu .footer-menu-group h2 { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #21AFED; /*#33B6EF; #3EBBF1*/ text-transform: uppercase; margin: 0 0 3px 0; } #footer-menu .footer-menu-group h2 a { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #21AFED; /*#33B6EF; #3EBBF1*/ text-transform: uppercase; } #footer-menu .footer-menu-group h2 a:link, #footer-menu .footer-menu-group h2 a:visited { text-decoration: none; } #footer-menu .footer-menu-group h2 a:hover, #footer-menu .footer-menu-group h2 a:active { text-decoration: underline; } #footer-menu .footer-menu-group ul { display: block; position: relative; left: 15px; list-style-position: outside; list-style-image: url("media/list-icon-rquo-gray-7x7.png"); margin: 0; padding-left: 0; text-indent: 0px; width: 155px; } #footer-menu .footer-menu-group ul li { font-family: Arial, Sans-Serif; font-size: 11px; color: #FFFFFF; /*#B9C6CF;*/ /*#97A5B0;*/ line-height: 15px; } #footer-menu .footer-menu-group ul li a { font-family: Arial, Sans-Serif; font-size: 11px; color: #FFFFFF; /*#B9C6CF;*/ /*#97A5B0;*/} #footer-menu .footer-menu-group ul li a:link, #footer-menu .footer-menu-group ul li a:visited { text-decoration: none; } #footer-menu .footer-menu-group ul li a:hover, #footer-menu .footer-menu-group ul li a:active { text-decoration: underline; } /********************/ /*** FOOOTER WIDGETS ***/ #footer-widgets { display: block; position: relative; width: 960px; } #footer-widgets .footer-search-widget { display: block; position: relative; float: right; right: 0; width: 320px; height: 40px; background: url('media/bg-search-widget.png') no-repeat; } #footer-widgets .footer-search-widget .dropdown { display: block; position: absolute; top: 13px; left: 37px; } #footer-widgets .footer-search-widget .textbox { display: block; position: absolute; top: 14px; left: 145px; } #footer-widgets .footer-search-widget .button { display: block; position: absolute; top: 11px; left: 291px; } /***********************/ /*** FOOTER MISSION STATEMENT ***/ #footer-mission-statement { display: block; position: relative; margin: 15px 0 15px 0; width: 960px; height: 60px; overflow: hidden; background: url('media/footer-mission-statement.png') no-repeat; /*background: url('media/bg-footer-mission-statement.png') no-repeat;*/ } #footer-mission-statement .statement { display: block; position: relative; float: left; top: 10px; left: 10px; width: 748px; height: 40px; overflow: hidden; } #footer-mission-statement .statement blockquote { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #FFF; text-indent: -9999px; } #footer-mission-statement .logo { display: block; width: 177px; height: 25px; top: 15px; right: 10px; position: relative; float: right; } #footer-mission-statement .logo a { display: block; width: 177px; height: 25px; top: 15px; right: 10px; cursor: pointer; } #footer-mission-statement .logo img { border: none 0 Transparent; } /********************************/ /*** FOOTER COPYRIGHT ***/ #footer-copyright { display: block; position: relative; width: 960px; height: 15px; } #footer-copyright h6 { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #93A2AD; } #footer-copyright h6 a { font-family: Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #FFF; } #footer-copyright h6 a:link, #footer-copyright h6 a:visited { text-decoration: none; } #footer-copyright h6 a:hover, #footer-copyright h6 a:active { text-decoration: underline; } /************************/ /**************************************************************************************************************************************************************/ /******************************************************************* < E O F > ********************************************************************************/ /**************************************************************************************************************************************************************/ .xn { display: block; position: relative; width: 500px; height: 30px; background-color: Transparent; } .xn .xni { overflow: hidden; display: block; position: absolute; top: 0px; left: 0px; width: 100px; height: 30px; background-color: Transparent; } .xn .xni:hover { overflow: visible; } .xn .xni.show { overflow: visible; } .xn .xni.with-js { overflow: hidden; } .xn .xni .xni-title { display: block; position: absolute; top: 0px; left: 0px; width: 100px; height: 30px; background-color: #3EBBF1; } .xn .xni .xni-drop { display: block; position: absolute; top: 30px; left: 0px; width: 200px; height: 200px; background-color: #FFF; }