#ControlContentID { margin-top:-20px; } /* CHANGE THIS TO CONTROL THE EXTRA SPACE OR LACK OF IT AT THE TOP */ /* ------------------------------------------ */ /* CAN I GET SOME ACTION FROM THE TOP SECTION */ /* ------------------------------------------ */ #above-the-flash { background-image:url(/publish/mkt/campaigns/Retirement_2010/images/post_player/top-bar.jpg); height:75px; margin:0; overflow: hidden; position:relative; width:940px; } #above-the-flash h1 { color: #fff; font:28px Arial, Helvetica, sans-serif; height:0px; left:20px; overflow: hidden; padding-top:42px; top:14px; width: 620px; position:absolute } #above-the-flash2 { background-image:url(../../images/top-bar2.jpg); height:85px; margin: 0; *margin:0; position:relative; width:940px; } #above-the-flash2 h1 { background:url(../../images/outlook-2010.jpg) no-repeat 0 0; color: #fff; font:28px Arial, Helvetica, sans-serif; height:0px; left:20px; overflow: hidden; padding-top:42px; position:absolute; top:31px; width: 620px; } #above-the-flash2 .addthis_default_style { color:#fff; display:block; height: 22px; right:10px; position: absolute; top: 42px; width: 150px; z-index:8002; } #above-the-flash2 #part1 {top: 45px;left:245px;position:relative;} #above-the-flash3 { background-image:url(/publish/mkt/campaigns/Retirement_2010/images/post_player/top-bar3.jpg); height:85px; margin:0; overflow: hidden; position:relative; width:940px; } #above-the-flash3 h1 { color: #fff; font:28px Arial, Helvetica, sans-serif; height:0px; left:20px; overflow: hidden; padding-top:42px; top:14px; width: 620px; position:absolute } #above-the-flash3 #part2 {left:332px;position:relative;top:48px;} #above-the-flash3 .addthis_default_style { color:#fff; display:block; height: 22px; right:10px; position: absolute; top: 42px; width: 150px; z-index:8002; } #above-the-flash4 { background-image:url(../../Post/images/top-bar5.jpg); height:98px; margin:0; overflow: hidden; position:relative; width:940px; } #above-the-flash4 h1 { color: #fff; font:28px Arial, Helvetica, sans-serif; height:0px; left:20px; overflow: hidden; padding-top:42px; top:14px; width: 620px; position:absolute } #above-the-flash-tabs { background-image:url(http://www.totalmerrill.com/publish/mkt/campaigns/Webcast_Retire_0611/images/Webcast_header.jpg); height:85px; margin: 0; *margin:0; position:relative; width:940px; } #above-the-flash-tabs h1 { background:url(../images/outlook-2010.jpg) no-repeat 0 0; color: #fff; font:28px Arial, Helvetica, sans-serif; height:0px; left:20px; overflow: hidden; padding-top:42px; position:absolute; top:31px; width: 620px; } #above-the-flash-tabs .addthis_default_style { color:#fff; display:block; height: 22px; right:-17px; position: absolute; top: 14px; width: 150px; z-index:8002; } #above-the-flash-tabs #the-economy {top: 49px;left:241px;position:relative;} #above-the-flash-tabs #second-acts {top: 50px;left:240px;position:relative;} #above-the-flash-tabs #health-care {top: 49px;left:239px;position:relative;} #above-the-flash-tabs #part4 {top: 49px;left:238px;position:relative;} #above-the-flash-tabs #women {top: 49px;left:237px;position:relative;} #above-the-flash-title { background-image:url(../../Post/images/top-title-bar.jpg); height:73px; margin:0; overflow: hidden; position:relative; width:940px; } #above-the-flash-title h1 { color: #fff; font:28px Arial, Helvetica, sans-serif; height:0px; left:20px; overflow: hidden; padding-top:42px; top:14px; width: 620px; position:absolute } .addthis_default_style { color:#fff; filter:alpha(opacity=100); font: 10px normal Arial, Helvetica, sans-serif; opacity:1; position: absolute; right:12px; top:10px; } .addthis_default_style:hover { filter:alpha(opacity=100); opacity:1; } .addthis_default_style span#add-this-span { font-size:12px; float:left; margin-right:10px; vertical-align:bottom; } /* ------------------------------------------ */ /* ----------- ZEES EES ZEE FLASH ----------- */ /* ------------------------------------------ */ #webcast-hero-container .addthis_default_style { color:#fff; display:block; height: 22px; right:3px; position: absolute; top: 7px; width: 190px; z-index:8002;margin-left:-1px; } #webcast-hero-container-live .addthis_default_style { color:#fff; filter:alpha(opacity=80); font: 10px normal Arial, Helvetica, sans-serif; opacity:.8; position: absolute; right:0px; top:46px; width: 190px; z-index:9750; } /* ------------------------------------------ */ /* ----- LOWER SECTION, UNDER THE FLASH ----- */ /* ------------------------------------------ */ #lower-content { background: #dde9f2 url(../../images/lower-bg.jpg) repeat-x 0 0; display:block; height:790px; margin:-15px 0 0 0; position: relative; width:940px; } /*#lower-content2 { background: #dde9f2 url(../images/lower-bg2.gif) repeat-x 0 0; display:block; height:847px; margin:-1px 0 0 0; position: relative; width:940px; }*/ /* THE LEFT STUFF */ #lower-left { background: url(../../images/related-bg.jpg) no-repeat 0 -1px; display:block; float:left; height:719px; margin-left: 16px; _margin-left:6px; padding: 26px 15px 26px 26px; _padding-left:10px; position:relative; width: 601px; _width:615px; } #lower-left2 { background: url(../../Post/images/related-bg2.gif) no-repeat 0 0; display:block; float:left; height:750px; margin-left: 16px; _margin-left:6px; padding: 26px 15px 26px 26px; _padding-left:10px; position:relative; width: 601px; _width:615px;color:#133759; } #lower-left2 a {font-weight:bold;color:#133759;text-decoration:underline;} #lower-left2 a:hover {text-decoration:none;} #lower-left h2 { background: url(../../images/are-you-ready.jpg) no-repeat -4px 0; color: #fff; font: 26px normal Arial, Helvetica, sans-serif; height:0; letter-spacing: -1px; overflow: hidden; padding-top:34px; width:443px } #lower-left h3 { background: url(../../images/our-panelists.jpg) no-repeat 0 0; color: #fff; font: 26px normal Arial, Helvetica, sans-serif; height:0; letter-spacing: -1px; overflow: hidden; padding-top:28px; width:144px } #lower-left2 h2 { background: url(../../Post/images/following.jpg) no-repeat -2px 0; color: #fff; font: 26px normal Arial, Helvetica, sans-serif; height:0; letter-spacing: -1px; overflow: hidden; padding-top:30px; width:320px } #lower-left2 h3 { background: url(../../images/lowerleft-h3-help2.gif) no-repeat -2px 0; color: #fff; font: 26px normal Arial, Helvetica, sans-serif; height:0; letter-spacing: -1px; overflow: hidden; padding-top:40px; width:155px;margin-top:10px; } #iam a { height:0;padding-top:70px;width:564px;overflow:hidden;font: 26px normal Arial, Helvetica, sans-serif;color:#ccc;float:left;clear:both;} #iam #planning { background: url(../../images/iam-spr-retire.jpg) no-repeat top left;margin-bottom:8px;} #iam #planning:hover { background-position: 0 -70px;} #iam #ready { background: url(../../images/iam-spr-ready.jpg) no-repeat top left;margin-bottom:8px;} #iam #ready:hover { background-position: 0 -70px;} #iam #already { background: url(../../images/iam-spr-already.jpg) no-repeat top left;margin-bottom:8px;} #iam #already:hover { background-position: 0 -70px;} #lower-left2 p.related-sub { color:#133759; font: bold 13px Arial, Helvetica, sans-serif; margin: 4px 0 9px 0; } #lower-left2 p.related-sub-h3 { color:#133759; font: bold 13px Arial, Helvetica, sans-serif; margin: 4px 0 9px 4px; } #lower-left2 p.related-sub-sub { color:#133759; font: regular 12px Arial, Helvetica, sans-serif; line-height:150%; margin: 12px 0 20px 0; width:558px; } #clientStories ul{ } #clientStories li{float:left;padding-right:45px;} #clientStories a{color:#1785E5; text-decoration: none;} #clientStories a:hover{text-decoration: underline;} .pan-left { margin-right:11px; } .panelist img { float:left; border:4px solid #206ca3; margin-right:14px; } p.panelist-name { color: #065a9a; font: bold 14px Arial,Helvetica,sans-serif; margin:7px 0 0 0; } p.panelist-title { line-height:150%; } a.bio-button { background:url(../../images/bio-button.jpg) no-repeat 0 0; bottom:6px; display:block; height:19px; left:92px; position:absolute; width:81px; } a.bio-button:hover { background-position: 0 -19px; } /* THE RIGHT STUFF (NOT THE TOM WOLFE BOOK) */ #lower-right { float: left; color:#000; font: 13px normal Arial, Helvetica, sans-serif; line-height: 18px; margin: 28px 0 0 15px; overflow:visible; position:relative; width:240px; } #lower-right h3 { background: url(/publish/mkt/campaigns/Retirement_2010/images/submit-your-questions.jpg) no-repeat scroll -1px 0; color: #379bb2; font: 26px normal Arial, Helvetica, sans-serif; height: 0pt; letter-spacing: -1px; margin-bottom:5px; overflow: hidden; padding-top: 26px; width: 217px; } #lower-right h4 { color: #00819d; font: 16px normal "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -.6px; margin-bottom:5px; margin: 0 0 10px 5px; } .right-sub { line-height:18px; } a#notify-me, a#notify-me:visited { background: url(/publish/mkt/campaigns/Webcast_Retire_0610/Post/images/sign-up.jpg); color:#fff; display:block; font: 10px normal Arial, Helvetica, sans-serif; height: 0; margin-top: 0; overflow: hidden; padding-top:62px; width: 225px; z-index:8006; } #btnSubmit { background:url(/publish/mkt/campaigns/Retirement_2010/images/ask-a-question.jpg) no-repeat 0 0; cursor:pointer; cursor:hand; display: block; height: 0; overflow:hidden; padding:28px 0 0 0; width:130px; *height:28px; *padding-top:0; *text-indent:-1000em; } #btnSubmit:hover { background-position: 0 -28px; } #lower-right-lower { font-size:12px; display:inline; float:left;margin:10px 0 0 20px; overflow:visible; position:relative; width:10px; } /* THE WAY BOTTOM OF THAT STUFF */ #lower-lower { bottom: 20px; left:45px; position: absolute; width: 640px; } #lower-lower h3 { background: url(../../Post/images/learn_more_panelists.gif) no-repeat 0 0; height:0; overflow: hidden; padding-top:31px; width: 302; } #lower-lower p { color:#000; font:13px normal Arial, Helvetica, sans-serif; padding-top:5px; } #lower-lower a { font-weight: bold; } /* ------------------------------------------ */ /* ---------------- MODAL CSS --------------- */ /* ------------------------------------------ */ #modal_overlay { display:block; } #new-modal { display:block; height:800px; position:absolute; width:760px; z-index:9999; } a#modal-close { background-color:#fff; display:block; font:14px bold Arial, Helvetica, sans-serif; padding:12px 19px; position: absolute; right:7px; top: -39px; width: 50px; } #new-modal-content { background-color: #fff; border: 6px solid #e1e1e1; } #new-modal-content-left { background:#faf9f9 url(/publish/mkt/campaigns/Retirement_2010/images/modal-bull.jpg) no-repeat bottom right; float:left; height:750px; padding: 25px 15px; width: 225px; } #new-modal-content-left h3 { font: bold 18px Arial,Helvetica,sans-serif; color:#133759; margin-bottom:20px; } #modal-panelists li { margin-bottom:20px; } #modal-panelists li a { color: #133759; font:13px Arial, Helvetica, sans-serif; } #modal-panelists li a strong { display:block; margin-bottom:2px; text-decoration:underline; } #modal-panelists li a.modal-selected { color: #0073e0; text-decoration:none; } #modal-panelists li a.modal-selected strong { color: #0073e0; text-decoration:none; } #new-modal-content-right { color:#3a3a3a; height:724px; overflow-y:auto; overflow-x:visible; padding:38px 14px 38px 27px; *width: 450px; _width:425px; } .bio-content { *width: 430px; } /* ------------------ THIS ONE!!! LINE 100!!!! ---------------- */ .bio-content { _width: 425px; } /* ---------------- YOU JUST PASSED LINE 100!!!! --------------- */ .bio-content img { float:left; border:4px solid #206ca3; margin:0 11px 11px 0; } .bio-name { color:#133759; font: bold 16px Arial, Helvetica, sans-serif; margin-bottom: 0; } .bio-title { color:#133759; font: 16px Arial, Helvetica, sans-serif; } .bio-full { color: #3a3a3a; font: 13px/21px Arial,Helvetica,sans-serif; } #new-overlay { display:block; height:286px; position:absolute; width:576px; z-index:9999; } #new-overlay-content { background-color: #fff; border: 6px solid #e1e1e1; height:239px; position:relative; width:564px; } #new-overlay-live { display:block; height:247px; position:absolute; width:576px; z-index:9999; } #new-overlay-content-live { background-color: #fff; border: 6px solid #e1e1e1; height:225px; position:relative; width:564px; } .email #overlay-icon { background:url(/publish/mkt/campaigns/Retirement_2010/images/email-icon.jpg) no-repeat 0 0; height:48px; left:37px; position:absolute; top:42px; width:48px; } .text #overlay-icon { background:url(/publish/mkt/campaigns/Retirement_2010/images/text-icon.jpg) no-repeat 0 0; height:48px; left:37px; position:absolute; top:42px; width:48px; } .cal #overlay-icon { background:url(/publish/mkt/campaigns/Retirement_2010/images/cal-icon.jpg) no-repeat 0 0; height:48px; left:37px; position:absolute; top:42px; width:48px; } #new-overlay-content h3, #new-overlay-content-live h3 { color: #003462; font: bold 16px Arial, Helvetica, sans-serif; left:98px; position:absolute; top:60px; } #emailInputBox { background:url(/publish/mkt/campaigns/Retirement_2010/images/email-box-bg.jpg) no-repeat 0 0; border:none; color: #353535; font: 14px Arial, Helvetica, sans-serif; left:97px; padding:12px; position:absolute; top:95px; width:206px; } #emailInputBox-live { background:url(/publish/mkt/campaigns/Retirement_2010/images/email-box-bg.jpg) no-repeat 0 0; border:none; color: #353535; font: 14px Arial, Helvetica, sans-serif; left:97px; padding:12px; position:absolute; top:113px; width:206px; } #emailInvalid, #wrongNumber { color:#f00; left:100px; position:absolute; top:138px; } #emailInvalid-live { color:#f00; left:100px; position:absolute; top:156px; } #emailSubmit, #textSubmit { background:url(/publish/mkt/campaigns/Retirement_2010/images/modal-submit.jpg) no-repeat 0 0; border:none; cursor:pointer; cursor:hand; height: 39px; left:335px; overflow:hidden; padding-right:90px; position:absolute; text-indent: -1000em; top:95px; width:0px; } #emailSubmit-live { background:url(/publish/mkt/campaigns/Retirement_2010/images/modal-submit.jpg) no-repeat 0 0; border:none; cursor:pointer; cursor:hand; height: 39px; left:335px; overflow:hidden; position:absolute; text-indent: -1000em; top:113px; width:90px; } #textSubmit { left:360px; } #emailSubmit:hover, #textSubmit:hover { background-position: 0 -39px; } #youWin { color:#003462; font:bold 14px Arial, Helvetica, sans-serif; left:99px; line-height:150%; position:absolute; top:176px; } #theEm { color:#000; font-weight:normal; } #moreCheck { left:104px; position:absolute; top:158px; } .checkboxStuff { color:#11395d; font:regular 14px Arial, Helvetica, sans-serif; left:124px; position:absolute; top:160px; } .privacyStuff { color:#11395d; cursor:pointer; cursor:hand; font:regular 14px Arial, Helvetica, sans-serif; left:340px; position:absolute; text-decoration:underline; top:160px; } .privacyStuff:hover { text-decoration:none; } #textInput1 { background:url(/publish/mkt/campaigns/Retirement_2010/images/txt-input-small.jpg) no-repeat 0 0; border:none; color: #353535; font: 14px Arial, Helvetica, sans-serif; left:97px; padding:12px; position:absolute; text-align:center; top:95px; width:44px; } #textInput2 { background:url(/publish/mkt/campaigns/Retirement_2010/images/txt-input-small.jpg) no-repeat 0 0; border:none; color: #353535; font: 14px Arial, Helvetica, sans-serif; left:170px; padding:12px; position:absolute; text-align:center; top:95px; width:44px; } #textInput3 { background:url(/publish/mkt/campaigns/Retirement_2010/images/txt-input-lg.jpg) no-repeat 0 0; border:none; color: #353535; font: 14px Arial, Helvetica, sans-serif; left:243px; padding:12px; position:absolute; text-align:center; top:95px; width:84px; } /* ----------------------------------------------- */ /* ----- MORE LOWER SECTION, UNDER THE FLASH ----- */ /* ----------------------------------------------- */ #short-modal-signup { background:url(/publish/mkt/campaigns/Outlook_2010/images/short-modal-bg.jpg) repeat-x; border:2px solid #1A5478; display: none; float:left; height: 207px; padding:28px 23px 13px 23px; position:absolute; right:10px; top:12px; width:407px; } #short-modal-signup iframe { border:0 } #long-modal-information p { color: #333; font: 13px normal Arial, Helvetica, sans-serif; line-height:20px; margin: 5px 0 14px 0; width:370px; } #long-modal-information { background:url(/publish/mkt/campaigns/Outlook_2010/images/long-modal-bg.jpg) repeat-x; border:2px solid #1A5478; display:none; float:left; height: 367px; overflow-y: scroll; padding:28px 23px 13px 23px; position:absolute; right:10px; top:12px; width:407px; z-index:9800; } #long-modal-information h2 { background: url(/publish/mkt/campaigns/Outlook_2010/images/important-information.jpg) no-repeat 0 0; font: 24px normal Arial, Helvetica, sans-serif; height:0px; overflow: hidden; margin-bottom: 14px; padding-top: 31px; width: 209px; } #long-modal-information a#important-close, #long-modal-information a#important-close:visited { background: url(/publish/mkt/campaigns/Outlook_2010/images/modal-close-btn-long.jpg) no-repeat 0 0; float:left; height:0; overflow: hidden; padding-top:17px; position: absolute; right:10px; top: 11px; width: 66px; } #long-modal-information a#important-close:hover { background: url(/publish/mkt/campaigns/Outlook_2010/images/modal-close-btn-long.jpg) no-repeat 0 -17px; } .important-firstbox { border:1px solid #333; display:inline-block; font-size:11px; padding:2px 5px; } .important-box { border: 1px solid #333; border-left:none; display:inline-block; font-size:11px; padding:2px 5px; } #short-modal-signup { background:url(/publish/mkt/campaigns/Outlook_2010/images/short-modal-bg.jpg) repeat-x; border:2px solid #1A5478; display: none; float:left; height: 207px; overflow: hidden; padding:28px 23px 13px 23px; position:absolute; right:10px; top:12px; width:407px; } #iframe-form{ margin:-7px 0 10px 7px; /*background:url(/publish/mkt/campaigns/Retirement_2010/images/sign-up-line.jpg) no-repeat 0 0 !important;*/ } .error { color:#13375b; !important; font-family: helvetica, arial; font-size:11px; font-weight:normal; display: none; !important; position:relative; left: 0; !important; margin: 0px; padding: 0px; padding-left: 0px; !important; padding-bottom: 0px; !important; }