#wrap, div.wrap { width: 844px !important; position:center !important; padding-left:0px !important; padding-right:0px !important; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/topBg.jpg) no-repeat top center transparent; } #archieveRes1MorePop { display: none; } #commentContent { height:400px !important; } #adunitHolder { width:844px; margin:20px auto; text-align:center; } #benefitsInfo img { margin: 0 0 0 13px; } #michaelPastPop { display:none; } #nicholasPastPop { display:none; } #lexiPastPop { display:none; } #tylerPastPop { display:none; } #andreaPastPop { display:none; } #votingCompleteBadge { display:none; } /*-------------------------------- Main Layout & Master Module 1-28 Controls -----------------*/ div#mainLayout { background:transparent; padding:0 !important; width:844px !important; } #profile { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight:300; font-style:normal; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/longWave.gif) no-repeat top center #fff; } .descriptTagSEO, div#mainLayout i { display: none; } #profile_url .heading { display:none } #profile_url { position:absolute; margin-left:610px; text-align:right; width:100px; height:1px; top:37px; font-size:10px; } #profile_url a { color:#333; } #addThis { position:absolute; margin-left:780px; top:30px; } .grayLink { color:#999 !important; text-decoration:underline; font-weight:200; font-size:10px; } #holder p { text-align:left; margin-left:40px; color: #666; width:200px; padding-bottom:15px; } /*--- contact box styles ----*/ /*Contact Box*/ #contactLinks { margin-left:10px; height:40px; } #contactLinks ul, #contactLinks li { list-style: none; margin:0; padding:0 } #contactLinks li { float:left; } .readMore { float:right; margin-right:20px; } #contestArea { width:844px; } #contestArea p { width:525px; padding-left:7px; line-height:14px; letter-spacing:.5px; font-size:12px; } #contestArea ul { width:500px; padding-left:7px; line-height:14px; letter-spacing:.5px; margin-left:20px; list-style:none } #contestInfo { margin-top:5px; padding:10px; } /*-- resolutions area --*/ #resolutionsHeader { width:844px; height:25px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/resTop.gif) no-repeat; } #resHeaderAnimation { margin-left:23px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/resHeader.gif) no-repeat; height:118px; padding-left:175px; } #resolutionsInfo { background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/resMiddle.gif) repeat-y; height:auto; width:844px; } #resolutionsFooter { background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/resBottom.gif) no-repeat; height:41px; width:844px; } #resBodyCopy { padding-left:30px; } #resMiddleContent { margin-top:10px; padding-left:30px; } #resolutions { clear:left; margin-left:24px; } #resolutions .leftColumn { width:263px; margin-right:2px; } #resSection { margin-left:23px; } #resRules { margin-left:10px; } #counterHolder { margin-top:7px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/timerBg.gif) no-repeat; height:124px; width:266px; } .leftColumn { float:left; } a#resBadge { height:53px; width:255px; margin-left:292px; } #resBoard { height:38px; padding-top:10px; text-align:center; clear:both; } #voicePlayer { margin:75px 0 0 11px; float:left; width:311px; } /*-- benefits area --*/ #voiceRight, #voiceLeft { float:left; } #voiceLeft { margin-left:25px; } #voiceRight { margin-left:10px; } #voiceScrollHeader { margin:30px 0 0 0; width:207px; height:39px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/voiceScrollHeader.gif) no-repeat; } #voiceScrollBody { width:207px; height:auto; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/voiceScrollMiddle.gif) repeat-y; } #voiceScrollFooter { width:207px; height:13px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/voiceScrollFooter.gif) no-repeat; } .blogThumb { margin:10px; } #voiceVideoSection { background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/featuredBg.jpg) top center no-repeat; width:582px; height:448px; } #subNavBox { background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/whiteLineBorderMiddle.png) top center repeat-y; height:22px; width:844px; text-align:center; margin: 0 auto; } #sub_voices { height:22px; width:279px; background:url(http://stage-creative.myspacecdn.com/Client/Citi/CitiForward/Images/subNavMeetVoices.gif) no-repeat 0 -22px; display:block; float:left; margin-left:70px; } a:hover#sub_voices { background-position: 0 1px; } #sub_action { height:22px; width:232px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/subNavTakeAction.gif) no-repeat; margin-left:20px; display:block; float:left; } a:hover#sub_action { background-position: 0 -22px; } #sub_apply { height:22px; width:145px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/subNavApplyNow.gif) no-repeat; display:block; margin-left:20px; float:left; } a:hover#sub_apply { background-position: 0 -22px; } .writeBoxContainer ul, .writeBoxContainer li{ list-style: none; margin:0px; padding:0; } .writeBoxContainer li { float:left; } .writeBoxContainer { margin-bottom:0px; } .writeBoxHeader { width:844px; height:9px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/whiteLineBorderTop.png) no-repeat center; font-size:1px; margin:0; padding:0; } *html .writeBoxHeader { margin: 0 0 -5px; } #benefitsInfo { background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/whiteLineBorderMiddle.png) center repeat-y; height:395px; width:844px; text-align:left; margin: 0 auto; padding:0; } #benefitsInfo .leftColumn { padding-left: 30px; } .writeBoxFooter { width:844px; height:14px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/whiteLineBorderBottom.png) no-repeat center; } #medRecHolder { margin-top:20px; margin-left:10px; } #middleSpacer { margin-top:15px; height:270px; width:1px; background:#999; } #musicHolder { background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/musicText.gif) no-repeat; height:290px; padding-top:60px; padding-left:340px; margin-left:20px; } #enterButton { float:right; margin-top:-140px; } #galleryButton { float:right; clear:right; margin-top:-100px; } #closeGallery { float:right; clear:right; margin-top:-100px; display:none; } #galleryPiece { margin:20px 10px 0 50px; width:720px; } #bottomHeader { width:844px; height:50px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/contestTop.gif) no-repeat; } #bottomFooter { width:844px; height:32px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/contestBottom.gif) no-repeat; clear:both; } .blueText { color:#3399cc; font-weight:500; font-size:12px; } #contestArea a { color:#3399cc; text-decoration:underline; } /*-- logo styles --*/ #voiceBlog { float:left; margin:120px 0 0 9px; } #logoHolder { height:340px; width:804px; margin-top: 10px; } #citiLogo { width:470px; float:left; } *html #citiLogo { width:auto; } #manifestoHolder { float:left; margin: 10px 0 0 10px; width:320px; } *html #manifestoHolder { clear:right; width:340px; } #videoPlayer { float:right; border:1px solid #999; width:322px; height:256px; margin:0; padding:0; } #topBenefitsSection { margin-top:15px; } #readManifesto { float:right; clear:both; margin-top:10px } #learnMore { clear:both; margin-left:210px; margin-top:10px; } /*--- comments section ---*/ #friendContainer, #bottomRight { margin-left:30px; float:left; } #friendContainer { width:340px; } #commentContent { width:400px; height:430px; overflow:auto; } div#friendTop { height:25px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/friendsHeader.gif) no-repeat; } .friend a {font-size:9px;} .friend img { height:90px; width:90px; } div#commentTop { margin-top:25px; height:25px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/commentsHeader.gif) no-repeat; } #profileBottom { width:844px; height:570px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/contestMiddle.gif) repeat-y; } #profileBottom a { color:#3399cc; text-decoration:none; } div#blogTop { height:25px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/bulletinsHeader.gif) no-repeat; } #profile_friends .clear { display:none; } #ctl00_cpMain_ctl01_ctl04_pnlAllFriendsLink { display:block; clear:both; } /*---------- Forums/Discussion Board Section ----------*/ div#forumsContainer { height:300px; width:800px; font-weight:300; padding-top:25px; color:#fff !important; position:absolute; top:1825px; background:url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/discussHeader.gif) no-repeat; } *html div#forumsContainer { top:1880px; padding-left:50px; } div#forumsContainer a { font-weight:300; color:#3399cc; text-decoration:none; } div#forumsContainer a:hover { color:#333 !important; } div#forumsContainer img { display:none; } div#profile_forums { margin:0 auto; width:750px; } div#profile_forums td { padding-top:11px !important; border-bottom:1px solid #a9cf38 !important; color:#fff !important; } div#forumsContent th { color:#fff; } div#forumsContent .cols th { width: auto; *width: 100px; } .tinyText { color:#FFF; font-size:8px; width:499px; padding:2px; } .tinyText a { color:#FFF; font-size:8px; text-decoration:underline; } /*------------------------ Header ------------------------*/ /* default nav, footer styling*/ div#header, div#topnav, div#footer { color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none !important; background-image:none !important; background-color:transparent !important; } div#headerWrap { background: transparent !important; background-image:none !important; margin: 0 auto !important; } div#topnav { filter: none !important; } div#header a, div#topnav a, div#footer a { color: #333; text-decoration:none !important; background-color:transparent !important; background-image:none !important; } div#header a:hover, div#topnav a:hover, div#footer a:hover { color: #333; text-decoration:none !important; background-color:transparent !important; background-image:none !important; } div#footer .clear { margin-top:5px; color:#333 !important; margin-bottom:10px; font-size:10px !important; font-weight:300 !important; } div#footer a.text { color: #333; text-decoration:none !important; font-size:10px !important; font-weight:300 !important; } /* Controls overall Top Navigation div */ div#header { width:800px; background-color:transparent !important; background-image:none !important; margin-bottom:5px; margin: 0 auto !important; } *html div#headerWrap { width:800px; margin-left:20px !important; } div#topNav { font-size:10px; background-color:transparent !important; background-image:none !important; } /* Controls the table within Top Nav (change bg color to match 'div#topnav'; the only css should be background-color */ table#headerTable, table#headerTable tr, table#headerTable td { background-color:transparent !important; background-image:none !important; width:800px !important; padding:0 !important; margin:0 auto!important; } /* Controls the text (must leave in 'important' */ ul#leftNav li a, ul#leftNav li a:hover, ul#rightNav li a, ul#rightNav li a:hover, ul#leftNav li a#nav0, ul#leftNav li a#nav0:hover, ul#leftNav li a#nav0 small, ul#leftNav li a.open, ul#subNav0 li a { color:#333!important; background-color:transparent !important; background-image:none !important; } /* Controls the color of highlighted/hovering nav items */ /* Keep the bg color the same as regular topnav bg color for best subtle effect */ ul#leftNav li a:hover, ul#rightNav li a:hover, ul#subNav0 li { background-color:transparent !important; background-image:none !important; } /* Makes the "More" button match other buttons (match bg color to above 'ul' style */ ul#leftNav li a#nav0, ul#subNav0 li { background-color:transparent !important; background-image:none !important; } /* Hides the gradient overlay when the 'More' button is in a hover state */ ul#leftNav li a#nav0:hover, ul#subNav0 li a:hover { background-color:transparent !important; background-image:none !important; } #subnav ul, #subnav ul li, #subnav a { color:#333 !important; background: #fff !important; } #subnav ul { border:1px solid #FFFFFF !important; } #subnav ul li, #subnav a { border:none !important; } small { color:#333!important; } #footer { width:844px !important; margin:0 auto!important; } /*lightbox window styles */ .resMoreHolder { height:370px; width:550px; overflow:auto; padding:10px; font:Verdana, Arial, Helvetica, sans-serif normal; color:#666; text-align:left; margin:0 auto; margin-bottom:10px; } .resMoreHolder ul { margin:5px; padding:5px; list-style-image:url(Images/bulletPoint.gif); list-style-type: circle; } #learnButton { margin-top:10px; } .resMoreHolder a { color:#a9cf38; } .resMoreHolder h2 { color:#a9cf38; font-size:15px; padding:0; margin:0; line-height:12px; } .smallFont { font:8px; font-weight:200; } .buttonBottom { float:right; } .legalNoteBlock { font-size:9px; color:#999; } .legalNoteBlock ol { list-style:decimal; } #voiceRulesLink { margin:0; padding:0; width:86px; height:18px; } #extraManifesto, #closeManifesto, #loginPop, .ok_button, #galleryPiece, #res1MorePop, #res2MorePop, #res3MorePop, #prizePop, #detailsPop, #res1CompPop, #res2CompPop, #res3CompPop, #regPop, #forumsContainer, #boardCloseBt, #manoFull, #closeGallery2, #blogFull, #NicholasBio, #NicholasblogFull, #MichaelBio, #MichaelblogFull, #LexiBio, #LexiblogFull, #AndreaBio, #AndreablogFull, #TylerBio, #TylerblogFull { display:none; } .newVoiceButton { margin: 10px 0 0 100px !important; } #voiceContestLinks { margin-left:40px;} #blogContent .heading { display:none; } #blogContent { color:#fff; font-size:1px; } #blogContent a { display:none; } #profile_blog_subjects { color:#666; font-size:11px; } #profile_blog_subjects a { color:#3399cc; display:inline; } #bioVoiceHolder { display:block; margin-top:2px; } .pastresMoreHolder { float: left; height:520px; width:545px; overflow:auto; padding:10px; font:Verdana, Arial, Helvetica, sans-serif normal; color:#666; text-align:left; margin:0 auto; margin-bottom:10px; } .pastresMoreHolder ul { margin:5px; padding:5px; list-style-image:url(Images/bulletPoint.gif); list-style-type: circle; } .pastresMoreHolder a { color:#a9cf38; } .pastresMoreHolder h1 { color:#5fc9eb; } .pastresMoreHolder h2 { color:#a9cf38; font-size:15px; padding:0; margin:0; line-height:12px; } .pastresLeftHolder { float: left; width: 170px; text-align: left; } #pastImageArea { background: url(http://creative.myspacecdn.com/Client/Citi/CitiForward/Images/pastPopImage.jpg); width: 170px ; height: 143px; } #voicePastImage { position: relative; left: 11px; top: 10px; width: 92px; height: 63px } #voicePastInfo { margin: 5px; } #voicePastVideo { margin: 22px 0 0 0; text-align: center; }