/** ** CLEO BACHELORS 2010 ** =========================== ** ** Created: 30 September, 2009 ** Last Modified: 30 September, 2009 **/ /* * NINEMSN RULES */ .initNinemsn { position: absolute; top: -1000px; left: 0px; width: 1px; } .initNinemsnBanner { position: absolute; top: 57px; left: 0px; } .initNinemsnBannerGalleryPopup { position: absolute; top: 18px; left: 0px; } div#outerBox { position: relative !important; width: 990px !important; margin: 0 auto !important; } #hd_src_div #hd_ms_input { width: auto !important; } #msnhd_div3 { padding: 0 !important; } #nmsnhd_1, #nmsnhd_2 { width: 990px !important; } #pod_list #nmsnmd { padding-top: 20px !important; } #msnmd_div { display: none !important; } #tmpHeader2 { left: 262px; position: absolute; top: 10px; } #tmpHeader3 { left: 15px; position: absolute; top: 0; } #nw_ft, #nw_ft_cpy { margin: 0 auto !important; } #msnbtmbanner { text-align: center; } /* * Global Styles */ * { margin: 0; padding: 0; } a { color: #ff008b; outline: 0; text-decoration: none; } body { background: url(cleo/bachelors/2010/img/bg/repeat.png) top center #090909 repeat-x; color: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; } #defaultForm { background: url(/images/cleo/bachelors/2010/img/bg/shadowborder.png) center 186px no-repeat; _background: transparent none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cleo/bachelors/2010/img/bg/shadowborder.png',sizingMethod='scale'); } em { font-style: italic; } img { border: 0; } strong { font-weight: bold; } td { vertical-align: top; } .clr { float: none; clear: both; } #pnlThankYouForVoting { font-weight: bold; text-indent: 2px; padding: 5px 0; display: none; float: none; clear: both; } .errorStyle { color: #ff008b !important; } /* * Container */ #outerBox { margin: 82px auto 100px; width: 990px; } /* * Header */ #Masthead_pnlContent { width: 990px; /*margin: 82px 0 18px; margin:0;*/ position:relative; height:202px; margin:60px 0 0;} #Masthead_pnlContent h1, #Masthead_pnlContent h1 a, #Masthead_pnlContent h1 a img { display: block; height: 68px; width: 257px; } #Masthead_pnlContent h1 { background:url(/images/cleo/bachelors/2010/img/bg/logo.png) no-repeat left top; _background: transparent none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cleo/bachelors/2010/img/bg/logo.png',sizingMethod='scale'); position:absolute; top:20px; } /* * Nav */ #nav { height: 32px; width:990px; list-style: none; background:#FFF; position:absolute; top:108px; overflow: hidden; padding: 0 0 62px;/*margin: 23px 0 0; margin:46px 0 0; position: relative; */ } #nav li { background: url(cleo/bachelors/nav/left.gif) 0 0 no-repeat; display: inline; float: left; margin: 3px 0 0 3px; } #nav li a { background: #000; color: #ff008b; display: block; font-size: 14px; font-weight: bold; height: 23px; padding: 6px 0 0; text-align: center; text-transform: uppercase; width: 100%; } #nav li.home { width: 63px; } #nav li.entertainment { width: 141px; } #nav li.style { width: 64px; } #nav li.men { width: 98px; } #nav li.health { width: 75px; } #nav li.stuff { width: 191px; } #nav li.competitions { width: 126px; } #nav li.forums { width: 80px; } #nav li.bachelors { background: #FFF; width: 121px; } #nav li.bachelors a { background: transparent; color: #000; text-transform:uppercase; font-weight:bold; font-size:12px; } #nav li ul { height: 33px; left: 0; list-style: none; padding: 2px 0 0; position: absolute; top: 32px; width: 961px; margin-left:11px; border-bottom:1px dotted #cacaca;} #nav li ul li { background: transparent; margin: 0 10px; } #nav li ul li a { background: transparent; color: #ff008b !important; font-size: 11px; font-weight: normal; height: auto; text-transform: none; width: auto; } #nav li ul li a.active, #nav li ul li a:hover { color: #ff008b; } .BOTY2010_EnterWildcardZone #hlBachelorSubNav_Enter, .BOTY2010_NominateWildcardZone #hlBachelorSubNav_Nominate, .BOTY2010_AboutWildcardsZone #hlBachelorSubNav_AboutWildcards, .BOTY2010_CompetitionZone #hlBachelorSubNav_Competition, .BOTY2010_BrowseWildcardsZone #hlBachelorSubNav_BrowseWildcards, .BOTY2010_BrowseWildcardsZone #hlBachelorSubNav_BrowseBachelors, .BOTY2010_AdvancedSearchZone #hlBachelorSubNav_AdvancedSearch, .BOTY2010_LeaderboardsZone #hlBachelorSubNav_Leaderboards, .BOTY2010_FaceOffZone #hlBachelorSubNav_FaceOff {color:#000 !important;} /* * Main Content */ #tcMidContent { background: #fff; padding: 0 13px 0 13px; position: relative; } #MiddleContent_pnlContent { position: relative; } #MiddleContent_pnlContent h2 { background-repeat: no-repeat; height: 34px; margin: 0 0 24px 1px; text-indent: -9999px; } #MiddleContent_pnlContent #BOTYLeftCol h2 { margin:0; } #MiddleContent_pnlContent h3 { color: #23b5dc; font-size: 20px; font-weight: normal; line-height: 24px; margin: 36px 0 5px; text-transform: uppercase; } #MiddleContent_pnlContent p { margin: 0 0 18px; } #BOTYHome { width: 964px; position:relative; } #BOTYLeftCol { width: 651px; font-size:14px; float:left; display:inline; overflow:hidden; } #BOTYLeftCol p.Subheading { text-transform:uppercase; font-size:16px; line-height:16px; margin:10px 0 0; } /* Article */ #BOTYLeftCol #articleHeading { color:#ffee00; font-weight:bold; font-size:24px; font-family:arial; text-transform:uppercase; margin:40px 0 7px 0; =margin-top:60px; line-height:24px;} #BOTYLeftCol #articleDateTime { color:#999; font-size:12px; text-transform:uppercase; } #BOTYLeftCol #articleIntroduction { font-weight:bold; } #BOTYLeftCol h4 { color:#ff008b; font-weight:normal; } #BOTYLeftCol h5 { color:#ff008b; font-weight:bold; font-size:14px;} #articleTools { background: url(cleo/2009_Summer/sprite.png) -305px -157px; height: 37px; overflow: hidden; padding: 14px 0 0 106px; position: absolute; right: 0; top: 0; width: 108px; } *>#articleTools { background: url(cleo/2009_Summer/sprite.png) -305px -157px; } #articleTools dt { left: -9999px; position: absolute; } #articleTools dd { float: left; margin-right: 10px; } #articleTools dd a { background: center no-repeat; display: block; height: 17px; text-indent: -9999px; width: 15px; } #articleTools dd a#sendToFriendTool { background: url(cleo/2009_Summer/sprite.png) -487px -97px; width: 16px; } #articleTools dd a.printTool { background: url(cleo/2009_Summer/sprite.png) -487px -80px; } #articleTools dd a#archiveTool { background: url(cleo/2009_Summer/sprite.png) -487px -131px; width: 11px; display:none; } #articleTools dd a#commentsTool { background: url(cleo/2009_Summer/sprite.png) -487px -114px; } #gallery #articleTools { background: url(/images/cleo/bachelors/2010/img/sprite.png) -624px -256px; height:32px; } #BOTYLeftCol #pnlArticle { background:#000; padding:29px 20px; color:#FFF; position:relative; width:611px;} #BOTYLeftCol #pnlArticle img { padding:0 20px 20px 0; float:left; } #BOTYLeftCol #pnlArticle h3 { font-size:18px; color:#ffee00; text-transform:uppercase; margin:0; font-weight:bold; } #BOTYLeftCol #pnlArticle h3#articleHeading { font-size:24px; line-height:24px; } span#separator { background: url(/images/cleo/bachelors/2010/img/bg/separator.png) center center repeat-x ; height:22px; width:100%; display:block; text-indent:-9999px; } #rightNav span#separator { float:left; width:300px !important; } #BOTYLeftCol #pnlComments { background:url(/images/cleo/bachelors/2010/img/sprite.png) 0 -1034px #FFF no-repeat; margin-top:-2px; } /* * Thank You For Voting Popup */ #pnlThanksForVoting { position: absolute; z-index: 999; display: none; } #pnlThanksForVoting_Inner { position: relative; top: 46px; width: 651px; height: 412px; background: transparent url(/images/cleo/bachelors/2010/img/thankyou.png) no-repeat; text-align: right; } #pnlThanksForVoting_Inner a { display: block; width: 651px; height: 412px; text-indent: -9999px; background: transparent url(/images/cleo/bachelors/2010/img/thankyou.png) no-repeat; text-align: left; } /* * Headings */ #MiddleContent_pnlContent h2#cleo_bachelor_face_off { background-image: url(cleo/bachelors/ir/h2/bachelor_face_off.gif); } #MiddleContent_pnlContent h2#cleo_bachelor_profile { background-image: url(cleo/bachelors/ir/h2/bachelor_profile.gif); } #MiddleContent_pnlContent h2#cleo_bachelor_winner { background-image: url(cleo/bachelors/ir/h2/bachelor_winner.gif); } #MiddleContent_pnlContent h2#cleo_dob_in_a_wildcard { background:url(/images/cleo/bachelors/2010/img/sprite.png) -875px -99px; width:407px; height:33px;} #MiddleContent_pnlContent h2#cleo_register { background-image: url(cleo/bachelors/ir/h2/register.gif); } #MiddleContent_pnlContent h2#cleo_quiz { background-image: url(cleo/bachelors/ir/h2/quiz.gif); height: 36px; } #MiddleContent_pnlContent h2#cleo_thank_you { background-image: url(cleo/bachelors/ir/h2/thank_you.gif); } #MiddleContent_pnlContent h2#cleo_wildcard { background:url(/images/cleo/bachelors/2010/img/sprite.png) -875px 0px; width:237px; height:33px;} #MiddleContent_pnlContent h2#cleo_wildcard_gallery { background: url(/images/cleo/bachelors/2010/img/sprite.png) -875px -199px; width:405px; height:34px; } #MiddleContent_pnlContent h2#cleo_wildcard_face_off { background-image: url(cleo/bachelors/ir/h2/wildcard_face_off.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_my_profile { background:url(/images/cleo/bachelors/2010/img/sprite.png) -875px -132px; width:456px; height:33px; } #MiddleContent_pnlContent h2#cleo_wildcard_profile { background: url(/images/cleo/bachelors/2010/img/sprite.png) -875px -165px; width:403px; height:34px; } #MiddleContent_pnlContent h2#cleo_wildcard_profiles { background-image: url(cleo/bachelors/ir/h2/wildcard_profiles.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_sign_in { background:url(/images/cleo/bachelors/2010/img/sprite.png) -875px -66px; width:386px; height:33px; } #MiddleContent_pnlContent h2#cleo_wildcard_hottest_hoods { background-image: url(cleo/bachelors/ir/h2/wildcard_hottest_hoods.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_tv { background-image: url(cleo/bachelors/ir/h2/wildcard_tv.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_winner { background-image: url(cleo/bachelors/ir/h2/wildcard_winner.gif); } #MiddleContent_pnlContent h2#cleo_wildcards { background:url(/images/cleo/bachelors/2010/img/sprite.png) -875px -33px; width:281px; height:33px; margin-bottom:1px; } #MiddleContent_pnlContent h2#cleo_bachelors_newsletter { background-image: url(cleo/bachelors/ir/h2/bachelors_newsletter.gif); } #MiddleContent_pnlContent h2#cleo_how_it_works { background-image: url(cleo/bachelors/ir/h2/how_it_works.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_entrants { background:url(/images/cleo/bachelors/2010/img/sprite.png) -875px -233px; width:427px; height:34px;} #MiddleContent_pnlContent h2#cleo_search_results { background:url(/images/cleo/bachelors/2010/img/sprite.png) -875px -267px; width:390px; height:34px;} #MiddleContent_pnlContenth2#cleo_leaderboards { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/BOTY09_wildcard_p2_leaderbo.gif); width:499px; height:38px; } #MiddleContent_pnlContent h2#cleo_bachelor { background-image: url(cleo/bachelors/ir/h2/cleo_bachelor.gif); width: 266px; height:38px; } #MiddleContent_pnlContent h2#cleo_bachelor_home { background-image: url(cleo/bachelors/ir/h2/bachelor_home_hdg.gif); width: 567px; height:38px; } #MiddleContent_pnlContent h2#cleo_bachelor_entrants { background-image: url(cleo/bachelors/ir/h2/bachelor_home_hdg.gif); width: 567px; height:38px; } #MiddleContent_pnlContent h2#cleo_bachelor_leaderboards { background:url(cleo/bachelors/ir/h2/bachelor_leaderboard_hdg.gif); width:499px; height:38px; } #MiddleContent_pnlContent h2#bachelor_stats { background:url(cleo/bachelors/ir/h2/bach_stats_hdg.gif); width:362px; height:38px; } #MiddleContent_pnlContent h2#bachelor_hottest_hangouts { background:url(cleo/bachelors/ir/h2/bachelor_hottestHangouts_hdg.gif); width:585px; height:38px; } #MiddleContent_pnlContent h2#cleo_find_a_bachelor { background:url(cleo/bachelors/ir/h2/BOTY09_wildcard_p1_search-results_1.0_03.gif); width:355px; height:38px; } #MiddleContent_pnlContent h2#cleo_bachelor_search_results { background:url(cleo/bachelors/ir/h2/BOTY09_wildcard_p1_search-results_1.0_03.jpg); width:398px; height:38px;} /* * Home Page */ #pnlHomeSignIn { position:absolute; top:0; right:0; } #pnlHomeSignIn label { text-indent:-9999px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -224px -51px; width:11px; height:11px; position:absolute; display:block; top:4px; left: -15px; } #pnlHomeSignIn #txtSearch { background:url(/images/cleo/bachelors/2010/img/bg/siteSearch.png) no-repeat; width:191px; height:18px; border:0; margin-right:24px; font-size:12px; } #pnlHomeSignIn #lbtnGo { text-indent:-9999px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -224px -33px; width:24px; height:18px; position:absolute; display:block; top:0px; right:0; } #pnlHomeSignIn ul { margin:0; padding:0; list-style:none; margin:9px 0 0; text-align:right; text-transform:uppercase; font-size:11px; line-height:7px; } #pnlHomeSignIn ul li { display:inline; } #pnlHomeSignIn ul li.sign_in, #pnlHomeSignIn ul li.edit_profile { background:url(/images/cleo/bachelors/2010/img/bg/dotted-right.png) right center no-repeat; padding-right:3px;} #pnlHomeSignIn ul li.join_now, #pnlHomeSignIn ul li.logout { margin-left:3px; } #pnlHomeSignIn ul li.sign_in a, #pnlHomeSignIn ul li.join_now a, #pnlHomeSignIn ul li.edit_profile a, #pnlHomeSignIn ul li.logout a { color:#43697c; } #pnlSignIn { width: 277px; margin: 0 0 0 22px; } #pnlSignInInner { position: relative; } #pnlSignIn label { text-indent:-9999px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -224px -51px; width:11px; height:11px; position:absolute; display:block; top:4px; left: -15px; } #pnlSignIn #txtSearch { background:url(/images/cleo/bachelors/2010/img/bg/siteSearch.png) no-repeat; width:191px; height:18px; border:0; margin-right:24px; font-size:12px; } #pnlSignIn #lbtnGo { text-indent:-9999px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -224px -33px; width:24px; height:18px; position:absolute; display:block; top:0px; right:0; } #pnlSignIn ul { margin:0; padding:0; list-style:none; margin:9px 0 0; text-align:right; text-transform:uppercase; font-size:11px; line-height:7px; } #pnlSignIn ul li { display:inline; } #pnlSignIn ul li.sign_in, #pnlSignIn ul li.edit_profile { background:url(/images/cleo/bachelors/2010/img/bg/dotted-right.png) right center no-repeat; padding-right:3px;} #pnlSignIn ul li.join_now, #pnlSignIn ul li.logout { margin-left:3px; } #pnlSignIn ul li.sign_in a, #pnlSignIn ul li.join_now a, #pnlSignIn ul li.edit_profile a, #pnlSignIn ul li.logout a { color:#43697c; } #rightNav { position:relative; width:300px; float:left; display:inline; overflow:hidden; } #rightNav #pnlSignIn #txtSearch { background:url(/images/cleo/bachelors/2010/img/bg/siteSearchLong.png) no-repeat; width:277px; margin:0 } #rightNav #objRightBanner { padding-top:15px; float:left; } #rightNav a.enter_now { background:url(/images/cleo/bachelors/2010/img/sprite.png) -275px -89px; width:300px; height:213px; display:block; text-indent:-9999px; float:left; } #rightNav #pnlFindWildcard { background:url(/images/cleo/bachelors/2010/img/sprite.png) -575px -89px no-repeat; width:300px; height:49px; position:relative; padding:40px 0 0; float:left; border:none; } #rightNav #pnlFindWildcard #lbtnFindWildcard { background:url(/images/cleo/bachelors/2010/img/sprite.png) -251px -361px; width:32px; height:31px; position:absolute; top:40px; right:17px;} #rightNav #pnlFindWildcard #txtFindWildcard { left:15px; width:228px !important; } #rightNav #pnlLatestContestants { background:#ffee00; width:284px; height:293px; padding:15px 8px; float:left; } #rightNav #pnlLatestContestants h2 { background:url(/images/cleo/bachelors/2010/img/sprite.png) -504px -51px no-repeat; width:245px; height:19px; text-indent:-9999px; margin-bottom:12px; } #rightNav #pnlLatestContestants ul li { float:left; list-style:none; border:2px solid #000; background:#000; width:124px; height:225px; margin:0 7px 12px; } #rightNav #pnlLatestContestants ul li strong { color: #FFF; font-size:14px; margin:5px 7px; display:block; line-height:14px; text-transform:capitalize; } #rightNav #pnlLatestContestants ul li a img { width:124px; height:167px; display:block; } #rightNav #pnlLatestContestants #lnkViewAll, #rightNav #pnlTakeAction #lnkViewAll { background:#000; color:#ff008b; font-weight:bold; display:block; width:155px; height:22px; line-height:22px; text-transform:uppercase; text-align:center; float:right; font-size:11px; margin-right:7px; } #rightNav #pnlTakeAction { background:#000; padding:11px 15px 19px; color:#FFF; float:left; width:270px;} #rightNav #pnlTakeAction h2 { background:url(/images/cleo/bachelors/2010/img/sprite.png) -504px -70px no-repeat; width:266px; height:19px; text-indent:-9999px; margin-bottom:10px; } #rightNav #pnlTakeAction #lnkViewAll { background:#ff008b; color:#000; margin-top:10px; } #flash_container { margin: -15px 0 0; } #competition_entry { background:url(/images/cleo/bachelors/2010/img/sprite.png) 0 -692px; width:964px; height:342px; position:relative; } #competition_entry .enter_now { background:url(/images/cleo/bachelors/2010/img/sprite.png) 0 -33px; width:224px; height:52px; position:absolute; top:254px; left:25px; display:block; text-indent:-9999px; } #competition_entry #pnlRightNav { margin:30px 25px 0 0; float:right; display:inline;width:275px; } #competition_entry #pnlFindWildcard, #competition_entry a { background:url(/images/cleo/bachelors/2010/img/sprite.png); width:275px; display:block; margin:0 0 3px 0; } #competition_entry a { text-indent:-9999px; } #competition_entry #pnlFindWildcard { background-position: 0 -85px; height:43px; padding:34px 0 0 13px; width:262px; position:relative; } #competition_entry #lnkWhatsAWildCard { background-position: 0 -165px; height:41px; } #competition_entry #lnkWhatCanIWin { background-position: 0 -209px; height:41px; } #competition_entry #lnkWhatMakesAWinningWildcard { background-position: 0 -253px; height:41px; } #competition_entry #lnkHowCanIHelp { background-position: 0 -297px; height:64px; } #competition_entry #txtFindWildcard, #rightNav #pnlFindWildcard #txtFindWildcard { width:211px; height:28px; font-size:16px; color:#666; padding:7px 0 0 8px; position:absolute; background:url(/images/cleo/bachelors/2010/img/bg/searchField.png) repeat-x; border:0; overflow:hidden;} #competition_entry #lbtnFindWildcard { background-position:-251px -361px; width:32px; height:31px; position:absolute; top:34px; right:11px;} #pnlPods { margin:10px 0 0 0; } #pnlPods #pnlPrizes, #pnlPods #pnlWildcards09, #pnlPods #pnlWildcards10, #pnlPods #pnlVideoHighlights, #pnlPods #pnlBOTY09 { background:url(/images/cleo/bachelors/2010/img/sprite.png) #000 no-repeat; height:250px; float:left; display:block; } #pnlPods #pnlPrizes { background-position:0 -392px; width:339px; } #pnlPods #pnlWildcards09 { background-position:-339px -392px; width:147px; } #pnlPods #pnlWildcards10 { width:147px; background: #000; } #pnlPods #pnlVideoHighlights { width:147px; background: #000; } #pnlPods #pnlBOTY09 { background-position:-486px -392px; width:147px; } #pnlPods #pnlPrizes div, #pnlPods #pnlWildcards09 div, #pnlPods #pnlWildcards10 div, #pnlPods #pnlBOTY09 div, #pnlPods #pnlBOTY10 div, #pnlPods #pnlPrizes span, #pnlPods #pnlWildcards09 span, #pnlPods #pnlWildcards10 span, #pnlPods #pnlVideoHighlights div, #pnlPods #pnlBOTY09 span { font-size:14px; line-height:16px; color:#FFF; padding:10px 13px 10px; } #pnlPods #pnlPrizes a.imgLink, #pnlPods #pnlWildcards09 a.imgLink, #pnlPods #pnlWildcards10 a.imgLink, #pnlPods #pnlVideoHighlights a.imgLink, #pnlPods #pnlBOTY09 a.imgLink { display:block; height:27px; text-indent:-9999px; width:147px;} #pnlPods #pnlVideoHighlights a.imgLink { background:url(/images/cleo/bachelors/2010/phase3/home/BachelorTV.gif) #000 no-repeat; } #pnlPods #pnlWildcards10 a.imgLink { background:url(/images/cleo/bachelors/2010/phase3/home/BOTY09_wildcard_p3_home_1.0_16.gif) #000 no-repeat; } #pnlPods #pnlPrizes div a { color:#009fe4; } #pnlPods #pnlWildcards10 div a, #pnlPods #pnlWildcards09 div a { color:#ff008b; } #pnlPods #pnlVideoHighlights div a, #pnlPods #pnlBOTY09 div a, #pnlPods #pnlBOTY10 div a { color:#ffee00; } #pnlPods #objRightBanner { width:300px; height:250px; float:left; } #gallery_highlight { margin: 10px 0; } #gallery_highlight h3 { background: #000; color: #fff; float: left; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 0 1px; padding: 4px 28px 2px 15px; } #gallery_highlight div { background: #000; clear: both; overflow: hidden; padding: 0 20px; width: 530px; } #gallery_highlight div ul { float: left; list-style: none; margin: 0 -26px 0 0; width: 555px; } #gallery_highlight div ul li { float: left; margin: 0 26px 0 0; width: 85px; } #gallery_highlight div ul li a { color: #fff; display: block; padding: 20px 0 9px; } #gallery_highlight div ul li a span { display: block; margin: 6px 0 -3px; } #gallery_highlight div ul li a em { display: block; font-size: 10px; font-style: normal; text-transform: uppercase; } #wildcard_of_the_month { background: #000; color: #fff; float: left; font-size: 11px; line-height: 16px; width: 570px; } #wildcard_of_the_month .reigning { float: left; padding: 0 20px; width: 300px; } #wildcard_of_the_month .reigning a { color: #fff; display: block; float: left; margin: 0 19px 0 0; } #wildcard_of_the_month .reigning a img { display: block; } #wildcard_of_the_month .reigning h3 { background: url(cleo/bachelors/ir/wildcard_of_the_month.gif); height: 55px; margin: -5px 0 22px -31px; text-indent: -9999px; width: 253px; } #wildcard_of_the_month .reigning h4 { font-size: 12px; font-weight: bold; line-height: 16px; margin: 15px 0 0; text-transform: uppercase; } #wildcard_of_the_month .reigning h4 a { display: inline; float: none; margin: 0; } #wildcard_of_the_month .reigning p { margin: 0 0 8px; } #wildcard_of_the_month .reigning a.more { display: inline; float: none; font-size: 11px; font-weight: bold; margin: 0; text-transform: uppercase; } #wildcard_of_the_month .other_winners { background: url(cleo/bachelors/wotm_background.gif); color: #000; float: left; padding: 18px 10px 1px 20px; width: 200px; } #wildcard_of_the_month .other_winners h3 { color: #000; font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 16px; } #wildcard_of_the_month .other_winners ul { list-style: none; overflow: hidden; } #wildcard_of_the_month .other_winners ul li { float: left; padding: 16px 0 10px; width: 200px; } #wildcard_of_the_month .other_winners a { color: #000; display: block; float: left; margin: -16px 21px 0 0; } #wildcard_of_the_month .other_winners a img { display: block; } #wildcard_of_the_month .other_winners h4 { font-size: 11px; font-weight: bold; } #wildcard_of_the_month .other_winners h4 a { display: inline; float: none; margin: 0; } #wildcard_of_the_month .other_winners p { margin: 0; } #wildcard_of_the_month .other_winners a.more { display: inline; float: none; font-weight: bold; margin: 0; text-transform: uppercase; } #bachelor_spotlight { background: #000; color: #fff; float: left; font-size: 11px; line-height: 16px; padding: 30px 20px; position: relative; width: 530px; } #bachelor_spotlight h3 { background: url(cleo/bachelors/ir/bachelor_spotlight.gif); height: 54px; margin: 0; position: absolute; right: -7px; text-indent: -9999px; top: -3px; width: 234px; } #bachelor_spotlight .image { float: left; margin: 0 17px 0 0; width: 147px; } #bachelor_spotlight .details { float: left; padding: 16px 0 0; width: 366px; } #bachelor_spotlight .details dl { overflow: hidden; } #bachelor_spotlight .details dl dt { clear: left; color: #23b5dc; float: left; font-weight: bold; width: 77px; } #bachelor_spotlight .details dl dd { float: left; width: 289px; } #bachelor_spotlight .details h4 { color: #23b5dc; font-size: 12px; font-weight: bold; line-height: 16px; margin: 13px 0 0; text-transform: uppercase; } #bachelor_spotlight .details .view_profile { background: url(cleo/bachelors/btn/view_profile.gif); display: block; height: 24px; margin: -5px 0 0; text-indent: -9999px; width: 118px; } #most_viewed { float: left; width: 568px; margin: 10px 0 10px 0; } #most_viewed h3 { background: url(cleo/bachelors/ir/h2/most_viewed_hottest.gif); height: 21px; text-indent: -9999px; width: 331px; } #most_viewed ul { list-style: none; margin: 0; padding: 0; display: block; } #most_viewed li { height: 236px; width: 125px; overflow: hidden; margin: 0 0 0 22px; background: #000; float: left; position: relative; padding: 0; } #most_viewed li:first-child { margin-left: 0; } #most_viewed li a { text-decoration: none; cursor: pointer; width: 125px; height: 164px; overflow: hidden; display: block; } #most_viewed li a img { border: 0; } #most_viewed li a strong, #most_viewed li a span { display: block; } #most_viewed li a strong { color: #fff; font-size: 11px; text-align: center; position: absolute; top: 175px; left: 10px; width: 105px; line-height: 11px; } #most_viewed li a span { color: #1696b9; text-transform: uppercase; font-size: 10px; position: absolute; bottom: 5px; left: 25px; } #hottest_wildcards h3 { background: url(cleo/bachelors/ir/h2/hottest_wildcards.gif); height: 22px; text-indent: -9999px; width: 195px; } /* * Profile Sub Nav */ #profile_nav { list-style: none; } #profile_nav li { float: left; width: 142px; display: block; } #profile_nav li.current { width: 144px; } #profile_nav li a { display: block; text-align: center; border: 1px solid #e3e8e9; padding: 5px 0 5px 0; } #profile_nav li.current a { color: #000; font-weight: bold; border-bottom: 0px; } /* * Profile Page */ /*#profile { background: #000; color: #fff; margin: -15px 0 0; overflow: hidden; padding: 30px 30px 8px; width: 510px; }*/ #profile { background:url(/images/cleo/bachelors/2010/img/sprite.png) -964px -643px #000 no-repeat; width:651px; height:410px; margin:-29px -20px 10px;} #profile h3 { padding:50px 0 0 0 !important; font-size:30px !important; font-weight:bold !important; color:#FFF !important; line-height:30px !important; } #profile .byline { color: #bbb; font-size: 11px; line-height:11px; font-weight:bold; text-transform:uppercase; margin: 0 0 13px; } #profile dl { float: left; font-size: 13px; margin: 0 0 6px; width: 330px; } #profile dl dt { clear: both; float: left; font-weight: bold; margin: 0 4px 4px 0; font-size:16px; line-height:16px; text-transform:uppercase; width:65px; } #profile dl dd { margin: 0 0 4px; font-size:16px; line-height:16px; } #profile .intro { clear: none; float: left; font-size: 13px; font-weight: bold; width: 230px; } #profile .intro p { margin: 0 0 10px; } /*#profile p { clear: both; }*/ #profile dl.questions { clear: both; float: none; font-size: 12px; margin: 0; padding: 0 0 5px; width: 510px; } #profile dl.questions strong { color: #23b5dc; margin: 0 3px 0 0; } #profile dl.questions dt { float: none; margin: 0 0 -2px; } #profile dl.questions dd { margin: 0 0 14px; } /* #profile .profile_gallery { float: left; margin: 0 30px 14px 0; width: 250px; } #profile .profile_gallery a, #profile .profile_gallery a img { display: block; } #profile .profile_gallery ul { list-style: none; margin: 19px 0 0 2px; } #profile .profile_gallery ul li { float: left; margin: 0 6px 0 0; } #profile .profile_gallery ul li a { height: 24px; text-indent: -9999px; width: 118px; } #profile .profile_gallery ul li.vote_for_me a { background: url(cleo/bachelors/btn/vote_for_me.gif); } #profile .profile_gallery ul li.launch_gallery a { background: url(cleo/bachelors/btn/launch_gallery.gif); } #profile #buttons { list-style: none; margin: 10px 0 20px 2px; float: left; width: 510px; } #profile #buttons li { float: left; margin: 0 6px 0 0; } #profile #buttons li a { height: 24px; text-indent: -9999px; width: 118px; display: block; } #profile #buttons li.vote_for_me a { background: url(cleo/bachelors/btn/vote_for_me.gif); } #profile #buttons li.launch_gallery a { background: url(cleo/bachelors/btn/launch_gallery.gif); } #profile #buttons li.add_to_facebook a { background: url(cleo/bachelors/btn/add_to_facebook.gif); width: 132px; } */ #profile .profile_gallery { float: left; margin: 32px 31px 0 27px; width: 242px; height:325px; } #profile .profile_gallery a, #profile .profile_gallery a img { display: block; } #profile .profile_gallery a.image img { width:242px; height:325px; } #profile .profile_gallery ul { list-style: none; margin: 19px 0 0 2px; } #profile .profile_gallery ul li { float: left; margin: 0 6px 0 0; } #profile .profile_gallery ul li a { height: 24px; text-indent: -9999px; width: 118px; } #profile .profile_gallery ul li.vote_for_me a { background: url(cleo/bachelors/btn/vote_for_me.gif); } #profile .profile_gallery ul li.launch_gallery a { background: url(cleo/bachelors/btn/launch_gallery.gif); } #pnlArticle #profile #buttons { float:left; list-style:none; margin:0; } #pnlArticle #profile #buttons li a { text-indent:-9999px; display:block; margin: 0 0 8px 0; } #pnlArticle #profile #buttons .vote_for_me a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -178px; width:196px; height:26px; } #pnlArticle #profile #buttons .launch_gallery a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -204px; width:196px; height:26px; } #pnlArticle #profile #buttons .add_to_facebook a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -230px; width:196px; height:26px; } #pnlArticle #profile #buttons .view_profile a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -302px; width:196px; height:26px; } #pnlArticle #profile #buttons .hot_singles a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -328px; width:196px; height:26px; } h4.QAHeading { text-indent:-9999px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -1202px -328px no-repeat; width:49px; height:28px; display:block; width:100%; padding-bottom:7px; border-bottom:1px dotted #666;} #profile #tools { background: url(/images/cleo/bachelors/2010/img/sprite.png) -624px -256px; height:32px; position:absolute; top:0; right:0;} .answers .questions dd {border-bottom:1px dotted #666; padding-bottom:5px; } /* * Profile Question Answers */ #pnlArticle #profile_question_answers h4 { text-indent:-9999px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -1202px -328px no-repeat; width:49px; height:28px; display:block; width:100%; padding-bottom:7px; border-bottom:1px dotted #666;} #pnlArticle #intro { display:block; padding-bottom:20px; border-bottom:1px dotted #666; margin-bottom:13px; } #profile_question_answers dl { list-style: none; overflow: hidden; font-size:14px; } #profile_question_answers dt, .answers .questions dt { display: block; float: left; width: 100%; font-weight: bold; margin: 5px 0 5px 0; color:#FFEE00;} #profile_question_answers dd { display: block; float: left; width: 100%; margin: 5px 0 0 0; border-bottom:1px dotted #666; padding-bottom:7px; } #profile_question_answers dt strong, #profile_question_answers dd strong { /*display: none; */ } #profile_question_answers dd input.text { /*width: 200px;*/ width:550px; } #profile_question_answers dd textarea { height: 75px; width: 250px; } #profile_question_answers .button { text-align: right; margin-top:10px} #profile_question_answers .response { text-align: center; font-weight: bold; margin: 10px; } #profile_question_answers dl.questions table { display:inline; } #profile_question_answers dl.questions table tr { display:inline; line-height:11px;} /* #profile_question_answers dl.questions { clear: both; float: none; font-size: 12px; margin: 0; padding: 0 0 5px; width: 510px; } #profile_question_answers dl.questions strong { color: #23b5dc; margin: 0 3px 0 0; } #profile_question_answers dl.questions dt { float: none; margin: 0 0 -2px; } #profile_question_answers dl.questions dd { margin: 0 0 14px; } #profile_question_answers dd input.text { width: 200px; } #profile_question_answers dd textarea { height: 75px; width: 250px; } */ /* * Contestant Profiles */ #contestant_highlight { background: #23b5dc; color: #fff; font-size: 11px; line-height: 16px; margin: -12px 0 10px; overflow: hidden; padding: 28px 0 0 17px; width: 553px; } #contestant_highlight h3 { color: #fff; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0 0 5px; } #contestant_highlight .description { float: left; width: 179px; } #contestant_highlight .contestant_sort { float: left; list-style: none; margin: -11px 0 0; padding: 0 0 13px; width: 360px; } #contestant_highlight .contestant_sort li { display: inline; float: left; margin: 0 0 0 21px; } #contestant_highlight .contestant_sort li a { display: block; height: 191px; overflow: hidden; position: relative; width: 159px; } #contestant_highlight .contestant_sort li a strong { display: block; height: 191px; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 159px; z-index: 10; } #contestant_highlight .contestant_sort li a img { display: block; left: 6px; position: absolute; top: 7px; } #contestant_highlight .contestant_sort li .newest strong { background: url(cleo/bachelors/ir/newest_wildcard.gif); } #contestant_highlight .contestant_sort li .most_viewed strong { background: url(cleo/bachelors/ir/most_viewed_wildcard.gif); } *>#contestant_highlight .contestant_sort li .newest strong { background: url(cleo/bachelors/ir/newest_wildcard.png); } *>#contestant_highlight .contestant_sort li .most_viewed strong { background: url(cleo/bachelors/ir/most_viewed_wildcard.png); } #profile_list { font-size: 11px; line-height: 16px; list-style: none; margin: 0 -10px 0 0; overflow: hidden; padding: 0 0 1px; /*width: 580px;*/ width:651px; } /*#profile_list li { border: 1px solid #e5eaeb; float: left; height: 136px; margin: 0 10px -1px 0; overflow: hidden; padding: 12px 5px 0 6px; width: 267px; } */ #profile_list li { background:#000; color:#FFF; float: left; height: 145px; overflow: hidden; padding: 6px; width: 309px; margin-bottom:7px; display:inline; } #profile_list li.alt { margin-left:9px; } /*#profile_list li a.image { float: left; height: 116px; margin: 1px 6px 19px 0; overflow: hidden; position: relative; width: 88px; }*/ #profile_list li a.image { float: left; height: 116px; margin: 0px 6px 0 0; overflow: hidden; position: relative; width: 94px; } /*#profile_list li a.image span { background: url(cleo/bachelors/profile_list_frame.gif); height: 116px; left: 0; position: absolute; top: 0; width: 88px; z-index: 10; }*/ #profile_list li a.image span { display:none; } #profile_list li a.image img { left: 0; position: absolute; top: 0; width:94px; height:125px; } #profile_list li dl { float: left; margin: 0; width: 209px; } #profile_list li dl dt { clear: left; float: left; font-weight: bold; margin: 0; width: 56px; text-transform:uppercase; } #profile_list li dl dd { float: left; margin: 0; width: 117px; } #profile_list li a { font-weight: bold; text-transform: uppercase; } #profile_list li dt.NameTitle { display:none; } #profile_list li dd.NameDetail { font-size:18px; color:#009fe4; text-transform:capitalize; } #profile_list li a.ButtonViewProfile { background-position: -624px -354px; width:68px; margin-right:7px; } #profile_list li a.ButtonViewGallery { background-position: -692px -354px; width:104px; } #profile_list li a.ButtonViewProfile,#profile_list li a.ButtonViewGallery { display:block; background-image:url(/images/cleo/bachelors/2010/img/sprite.png); float:left; height:22px; text-indent:-9999px; margin-top:10px; } /* * Gallery Index */ /* .gallery_thumbs { float: left; font-size: 10px; line-height: 12px; list-style: none; margin: -15px -23px 0 0; width: 593px; } .gallery_thumbs li { background: #000; color: #fff; float: left; height: 239px; margin: 0 23px 20px 0; overflow: hidden; position: relative; width: 125px; } .gallery_thumbs li a.image { display: block; position: static; } .gallery_thumbs li a.image img { display: block; width: 125px; height: 166px; } #MiddleContent_pnlContent .gallery_thumbs li p { font-weight: bold; margin: 12px 15px 17px; } .gallery_thumbs li a { color: #48c3e4; left: 15px; position: absolute; text-transform: uppercase; top: 219px; } .gallery_thumbs li a.InnerEditBox, .gallery_thumbs li a.EditBox, .gallery_thumbs li h4 a { position: static; left: auto; top: auto; } */ .gallery_thumbs { float: left; font-size: 14px; line-height: 14px; list-style: none; margin: 0; width: 661px; color:#009fe4} .gallery_thumbs li { background: #000; color: #fff; float: left; height: 240px; /*margin: 0 23px 20px 0;*/ margin:0 10px 10px 0; overflow: hidden; position: relative; width: 145px; padding:5px; } .gallery_thumbs li a.image { display: block; position: static; } .gallery_thumbs li a.image img { display: block; width: 145px; height: 193px; } #MiddleContent_pnlContent .gallery_thumbs li p { font-weight: bold; margin: 12px 5px 17px; color:#009fe4; } .gallery_thumbs li p, .gallery_thumbs li a { color: #009fe4; text-transform:capitalize; } .gallery_thumbs li a.InnerEditBox, .gallery_thumbs li a.EditBox, .gallery_thumbs li h4 a { position: static; left: auto; top: auto; } /* * Gallery Thumbs */ /*#gallery { background: #23b5dc; margin: -15px 0 0; overflow: hidden; padding: 30px; width: 510px; } /*#gallery .gallery_images { float: left; font-size: 11px; margin: 0 20px -3px 0; width: 264px; } #gallery .galleryList { float: left; list-style: none; margin: 0 0 1px; width: 264px; } #gallery .galleryList li { float: left; margin: 0 10px 10px 0; } #gallery .galleryList li a { display: block; height: 105px; width: 78px; overflow: hidden; } #gallery .photo_counter { display: inline; float: right; margin: 0 18px 0 0; } #gallery .gallery_description { color: #fff; float: left; line-height: 16px; padding: 61px 0 0; width: 226px; } #gallery .gallery_description h3 { color: #000; font-size: 20px; font-weight: normal; line-height: 20px; margin: 0 0 6px -2px; text-transform: uppercase; } #gallery #tools { background: url(cleo/bachelors/tools/blue.gif); } */ #gallery { background: url(/images/cleo/bachelors/2010/img/sprite.png) -1615px -643px; width:621px; height:363px; padding:28px 0 0 30px; position:relative;} #BOTYLeftCol #pnlComments.gallery { background:url(/images/cleo/bachelors/2010/img/sprite.png) -1615px -1034px #FFF no-repeat; margin:0px;} #gallery .gallery_images { float: left; font-size: 11px; margin: 0 12px -3px 0; width: 354px; } #gallery .galleryList { float: left; list-style: none; height:299px; width:354px; margin: 0 0 10px 0; overflow:hidden; } #gallery .galleryList li { float: left; margin: 0 8px 7px 0; width:110px; height:95px; display:table; =position:relative; } #gallery .galleryList li a { display:block; vertical-align:middle; text-align:center; /*=position:absolute; =top:50%; =left:50%;*/ width:110px; height:95px; overflow:hidden;} #gallery .Editorial .galleryList li { display:inline; overflow:hidden; } #gallery .galleryList li a img { /*=position:relative; =top:-50%; =left:-50%;*/} #gallery .photo_counter { float:right; color:#666; text-transform:uppercase; font-size:12px !important; margin-right:8px;} #gallery .click_to_zoom { float:left; text-transform:uppercase; font-size:12px !important; font-weight:bold; } #gallery .gallery_description { margin:53px 0 0 0; color:#FFF; } #gallery .gallery_description .heading { font-size:16px !important; font-weight:bold !important;; text-transform:uppercase; } #gallery .gallery_description h3 { font-weight:bold; color:#FFF; text-transform:none; /*font-size:44px !important; line-height:44px;*/ font-size:36px !important; line-height:36px; margin:0; text-transform:capitalize; } #gallery .gallery_description #buttons { float:left; list-style:none; margin:12px 0 0 0; } #gallery .gallery_description #buttons li a { text-indent:-9999px; display:block; margin: 0 0 8px 0; } #gallery .gallery_description #buttons .vote_for_me a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -178px; width:196px; height:26px; } #gallery .gallery_description #buttons .launch_gallery a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -204px; width:196px; height:26px; } #gallery .gallery_description #buttons .add_to_facebook a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -230px; width:196px; height:26px; } #gallery .gallery_description #buttons .view_profile a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -302px; width:196px; height:26px; } #gallery .gallery_description #buttons .hot_singles a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -328px; width:196px; height:26px; } /* * Gallery Popup */ /* #gallery_popup { background: #fff; position: relative; width: 758px; } */ #popupWrapper { background:url(/images/cleo/bachelors/2010/img/sprite.png) -2265px -293px #ffee00 no-repeat; } #popupWrapper .initNinemsnBannerGalleryPopup { left:15px !important; } #gallery_popup { background: none; position: relative; width: 759px; height:760px; padding:177px 0 0; } #gallery_popup h1 { left: 16px; position: absolute; top: 95px; display:block; width:263px; height:65px; } #gallery_popup h1 a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -633px -577px; width:263px; height:65px; display:block } #gallery_popup h2 { font-size: 24px; font-weight: bold; line-height: 24px; /*padding: 131px 0 6px 439px;*/ text-transform: uppercase; } #gallery_popup .content { color: #fff; overflow: hidden; padding: 0 28px 30px 30px; position: relative; width: 700px; } #gallery_popup .gallery_image { float: left; font-size: 11px; margin: 0 19px 0 0; width: 383px; } #gallery_popup .gallery_image .pager { float: right; list-style: none; margin: 0; background:#000; width:57px; padding:0 7px 0 320px; } #gallery_popup .gallery_image .pager li { float: left; margin: 0 0 0 5px; } #gallery_popup .gallery_image .pager li a { display: block; height: 10px; margin: 4px 0 0; overflow: hidden; text-indent: -9999px; width: 7px; } #gallery_popup .gallery_image .pager li.galleryPagerPrev a { background: url(/images/cleo/bachelors/2010/img/sprite.png) -313px -328px no-repeat; width:7px; height:10px; } #gallery_popup .gallery_image .pager li.galleryPagerNext a { background: url(/images/cleo/bachelors/2010/img/sprite.png) -364px -328px no-repeat; width:7px; height:10px; } #gallery_popup .gallery_image div { clear: both; height: 510px; } #gallery_popup .gallery_image div img { display: block; } #gallery_popup .gallery_description { float: left; width: 281px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -896px -328px; padding:11px 0 0 17px;} #gallery_popup .gallery_description .imageCaption { clear: both; margin: 5px 0 3px; } #gallery_popup .gallery_description .view_my_profile { margin: 0 0 17px; } #gallery_popup .gallery_description .view_my_profile a { background: url(cleo/bachelors/arrow/white_right.gif) right 4px no-repeat; color: #fff; font-weight: bold; padding: 0 8px 0 0; text-transform: uppercase; } #gallery_popup .gallery_description .vote_for_me a { background: url(cleo/bachelors/btn/vote_for_me.gif); display: block; height: 24px; text-indent: -9999px; width: 118px; } #gallery_popup .ad_unit { bottom: 30px; position: absolute; right: 28px; } #gallery_popup .close { background: #ffee00; font-size: 11px; padding: 10px 30px 11px; text-align: right; } #gallery_popup .close a { background: url(/images/cleo/bachelors/2010/img/sprite.png) -372px -329px no-repeat; color: #000; padding: 0 14px 0 0; } #gallery_popup .rating { clear: left; overflow: hidden; padding: 0; } #gallery_popup .rating dt { color: #999; float: left; font-size: 12px; font-weight: bold; width: 173px; } #gallery_popup .rating dd { background: url(cleo/bachelors/icon/stars_small.gif) no-repeat; float: left; height: 12px; margin: 3px 0 0; overflow: hidden; text-indent: -9999px; width: 65px; } #gallery_popup .rating dd.one { background-position: 0 -12px; } #gallery_popup .rating dd.two { background-position: 0 -24px; } #gallery_popup .rating dd.three { background-position: 0 -36px; } #gallery_popup .rating dd.four { background-position: 0 -48px; } #gallery_popup .rating dd.five { background-position: 0 -60px; } /*#gallery_popup #galleryYourRating { background: url(cleo/bachelors/ir/rating_results.gif) 1px 26px no-repeat; overflow: hidden; padding: 84px 0 0; }*/ #gallery_popup #galleryYourRating { border-top: 1px dotted #666; margin:5px 0 0 -11px; padding:5px 0 0 11px; } #gallery_popup #galleryYourRating dt { font-size: 14px; padding: 3px 0 0; } #gallery_popup #galleryYourRating dd { background: url(cleo/bachelors/icon/stars.gif) no-repeat; height: 18px; margin: 0; width: 90px; } #gallery_popup #galleryYourRating dd.one { background-position: 0 -18px; } #gallery_popup #galleryYourRating dd.two { background-position: 0 -36px; } #gallery_popup #galleryYourRating dd.three { background-position: 0 -54px; } #gallery_popup #galleryYourRating dd.four { background-position: 0 -72px; } #gallery_popup #galleryYourRating dd.five { background-position: 0 -90px; } /*#gallery_popup #galleryRateThis { background: url(cleo/bachelors/ir/make_your_rating.gif) 1px 26px no-repeat; overflow: hidden; padding: 84px 0 0; }*/ #gallery_popup #galleryRateThis div { /*display: none;*/ font-size:14px; font-weight:bold; } #gallery_popup #galleryRateThis p { color: #999; float: left; font-size: 14px; font-weight: bold; padding: 3px 0 0; width: 173px; } #galleryRateThis ul { background: url(cleo/bachelors/icon/stars.gif) no-repeat; float: left; height: 18px; list-style: none; overflow: hidden; position: relative; width: 90px; } #galleryRateThis ul li { float: left; } #galleryRateThis ul li a { display: block; float: left; height: 18px; left: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 18px; z-index: 20; } #galleryRateThis ul li.one a { left: 0; } #galleryRateThis ul li.two a { left: 18px; } #galleryRateThis ul li.three a { left: 36px; } #galleryRateThis ul li.four a { left: 54px; } #galleryRateThis ul li.five a { left: 72px; } #galleryRateThis ul li a:hover, #galleryRateThis ul li a:focus, #galleryRateThis ul li a:active { background: url(cleo/bachelors/icon/stars.gif) no-repeat; left: 0; width: 90px; z-index: 2; } #galleryRateThis ul li.one a:hover, #galleryRateThis ul li.one a:focus, #galleryRateThis ul li.one a:active { background-position: 0 -18px; } #galleryRateThis ul li.two a:hover, #galleryRateThis ul li.two a:focus, #galleryRateThis ul li.two a:active { background-position: 0 -36px; } #galleryRateThis ul li.three a:hover, #galleryRateThis ul li.three a:focus, #galleryRateThis ul li.three a:active { background-position: 0 -54px; } #galleryRateThis ul li.four a:hover, #galleryRateThis ul li.four a:focus, #galleryRateThis ul li.four a:active { background-position: 0 -72px; } #galleryRateThis ul li.five a:hover, #galleryRateThis ul li.five a:focus, #galleryRateThis ul li.five a:active { background-position: 0 -90px; } #gallery_popup .gallery_description #buttons { float:left; list-style:none; margin:12px 0 0 -11px; border-top:1px dotted #666; width:100%; padding:10px 0 0 11px; background:#000;} #gallery_popup .gallery_description #buttons li a { text-indent:-9999px; display:block; margin: 0 0 8px 0; } #gallery_popup .gallery_description #buttons .vote_for_me a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -178px; width:196px; height:26px; } #gallery_popup .gallery_description #buttons .launch_gallery a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -204px; width:196px; height:26px; } #gallery_popup .gallery_description #buttons .add_to_facebook a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -230px; width:196px; height:26px; } #gallery_popup .gallery_description #buttons .view_profile a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -302px; width:196px; height:26px; } #gallery_popup .gallery_description #buttons .hot_singles a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -624px -328px; width:196px; height:26px; } /* * Video */ #video { background: #23b5dc; color: #fff; margin: -15px 0 0; overflow: hidden; padding: 30px; width: 510px; } #video .video_player { float: left; height: 281px; margin: 0 20px 0 0; width: 367px; } #video .description { float: left; width: 123px; } #video .description h3 { color: #000; font-size: 15px; font-weight: bold; line-height: 17px; margin: 28xp 0 7px; } #other_videos { background: url(cleo/bachelors/related_videos_background.gif) repeat-x; float: left; font-size: 11px; line-height: 16px; margin: 0 0 -25px; padding: 30px; width: 510px; } #other_videos h3 { color: #000; margin: 0 0 8px; } #other_videos ul { float: left; list-style: none; margin: 0 -21px 0 0; width: 531px; } #other_videos ul li { float: left; margin: 0 21px 26px 0; width: 156px; } #other_videos ul li a, #other_videos ul li a img { display: block; } #other_videos ul li p { margin: 11px 0 7px; } #other_videos ul li h4 { display: none; } #other_videos ul li .action { background: url(cleo/bachelors/arrow/right.gif) right 3px no-repeat; color: #000; display: inline; font-weight: bold; padding: 0 8px 0 0; text-transform: uppercase; } /* * Heat Map */ #heat_map { background: #000; color: #fff; float: left; margin: 0 0 25px; width: 570px; } #heat_map #pnlGoogleMap { float: left; height: 342px; width: 438px; } #heat_map .search { float: left; padding: 15px; width: 102px; } #heat_map .search h3 { color: #fff; font-size: 15px; font-weight: bold; line-height: 18px; margin: 31px 0 24px; } #heat_map .search .form ul li { margin: 0 0 9px; padding: 0; width: auto; } #heat_map .search .form ul li label { display: block; margin: 0 0 1px; position: static; width: 102px; } #heat_map .search .form ul li select { width: 102px; } #heat_map .search .form ul li.button { margin: 0 0 0 -10px; } /* * Tools */ #tools { background: url(cleo/bachelors/tools/white.gif); height: 39px; list-style: none; overflow: hidden; padding: 14px 0 0 106px; position: absolute; right: 0; top: 53px; width: 108px; } #tools li { float: left; margin: 0 12px 0 0; } #tools li a { display: block; height: 17px; text-indent: -9999px; } #tools li a.printTool { background: url(cleo/bachelors/tools/print.gif); width: 15px; } #tools li a#sendToFriendTool { background: url(cleo/bachelors/tools/send_to_friend.gif); width: 16px; } #tools li a#commentsTool { background: url(cleo/bachelors/tools/comments.gif); width: 15px; } #tools li a#archiveTool { background: url(cleo/bachelors/tools/archive.gif); width: 11px; display:none; } /* * Pager */ #pager { clear: both; color: #FF008B; font-size: 11px; font-weight: bold; list-style: none; margin: 20px 0 10px; text-align: center; text-transform: uppercase; } #pager li { display: inline; margin: 0 4px 0 3px; } #pager li a { color: #000; } #pager #pagerPreviousItem { float: left; } #pager #pagerNextItem { float: right; /*margin: -18px 0 0;*/ margin:0; } #pager .pagerFirstPage { background: url(cleo/bachelors/ir/page.gif) 0 3px no-repeat; padding: 0 0 0 38px; } #pager #pagerPreviousItem a { background: url(/images/cleo/bachelors/2010/phase2/search/prev-next.gif) no-repeat; margin-top:-4px; display:block; width:77px; height:22px; } #pager #pagerNextItem a { background: url(/images/cleo/bachelors/2010/phase2/search/prev-next.gif) right no-repeat; margin-top:-4px; display:block; width:49px; height:22px; } #pager #pagerPreviousItem a span, #pager #pagerNextItem a span, #pager #pagerFirstItem, #pager #pagerLastItem { display: none; } /* * Form */ .form_container { border: 1px solid #e3e8e9; padding: 20px 29px 17px; position: relative; } .profile_form_container { border-top: 0px; padding-top: 0px; float: none; clear: both; width:611px;} .form { font-size: 11px; line-height: 18px; } .form h4 { font-size: 12px; font-weight: bold; line-height: 16px; text-transform: uppercase; } .form ul { list-style: none; overflow: hidden; border-top:1px dotted #999; } .form ul li { clear: both; float: left; margin: 0 0 6px; padding: 0; position: relative; } .form ul li label, .form ul li dl dt { font-weight: normal; position: relative; color:#7f7f7f; display:block; } .form ul li label span, .form ul li dl dt span { color: #fff; } .form ul li input, .form ul li select, .form ul li textarea { border: 2px solid #999; font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 2px; } .form ul li input { width: 603px; } .form ul li select { width: 172px; } .form ul li textarea { height: 96px; overflow: auto; width: 370px; } #comments ul li textarea { width:603px; } #comments ul li.button { width:611px; } .form ul li dl dd { display: inline; } .form ul li dl dd label { left: -9999px; position: absolute; } .form ul li input.subButton { border: none; margin: -7px 0 !important; =margin: -3px 0 !important; padding: 0; width: auto !important; } .form ul li.small input { width: 95px; } .form ul li.small select { width: 101px; } .form ul li.checkbox { line-height: 12px; padding: 0 0 0 215px; width: 295px; } .form ul li.checkbox label { font-weight: normal; position: static; } .form ul li.checkbox input { border: none; left: 189px; ~left: 185px; padding: 0; position: absolute; top: -1px; ~top: -5px; width: auto; } .form ul li.checkbox.interests, .form ul li.checkbox.radio { line-height: normal; padding: 0 0 0 183px; } .form ul li.checkbox_multiple dl dd, .form ul li.checkbox.interests dl dd { float: left; height: 18px; overflow: hidden; margin: 0 0 7px; width: 160px; } .form ul li.checkbox.interests dl dd { height: 1%; width: 400px; overflow: visible; } .form ul li.checkbox_multiple dl dd input, .form ul li.checkbox.interests dl dd input { border: none; padding: 0; width: auto; } .form ul li.checkbox_multiple dl dd label, .form ul li.checkbox.interests dl dd label { font-weight: normal; position: static; left: auto; } .form ul li.checkbox.interests { padding: 0 0 10px 183px;} .form ul li.checkbox.interests dl dd table.tblInterestList { width: 100%; } .form ul li.checkbox.interests dl dd table.tblInterestList td { width: 50%; text-align: left; position:relative; } .form ul li.checkbox.interests dl dd table.tblInterestList td input { position: relative; left: auto; top: 3px; ~left: auto; ~top: 3px; } .form ul li.checkbox.interests dl dd table.tblInterestList td label { padding: 0 0 0 5px; } .form ul li.radio dl dd { margin: 0 15px 0 0; } .form ul li.radio dl dd label { font-weight: normal; position: static; } .form ul li.radio dl dd input { border: none; padding: 0; width: auto; position: static; left: auto; top: auto; ~left: auto; ~top: auto; } .form ul li.dob dl dd.day select { width: 43px; } .form ul li.dob dl dd.month select { margin:0 !important; } .form ul li.dob dl dd.year select { width: 54px; margin:0 !important; } .form ul li.dob dl dd.day label, .form ul li.dob dl dd.month label, .form ul li.dob dl dd.year label { text-indent:-9999px; } .form ul li.phone dl dd input { width: 114px; } .form ul li.phone dl dd.area_code input { width: 41px; } .form ul li.image_upload { margin: 18px 0 0; padding: 0; width: 100% !important; } #MiddleContent_pnlContent .image_upload h3 { font-size: 15px; font-weight: bold; line-height: 18px; margin: 29px 0 13px; } .form ul li.image_upload div#pnlContestantImageUpload_Response { float: none; clear: both; font-weight: bold; margin: 5px 0; } .form ul li.image_upload div#pnlContestantImageUpload_Response span.errorMessage { color: #ff0000; } .form ul li.image_upload div#pnlContestantImageUpload_Response span.successMessage { color: #000000; } .form ul li.image_upload .photo_guide { position:relative; padding:7px 5px 8px 77px; width:529px; height:65px; background:#262626; float:left; } .form ul li.image_upload .photo_guide img { left: 7px; position: absolute; top: 7px; } .form ul li.image_upload .photo_guide h4 { font-weight:bold !important; font-size:12px; color:#FFF !important;} .form ul li.image_upload .photo_guide p { font-size:12px; margin-bottom:0 !important; } .form ul li.image_upload .photo_guide em { color:#ffee00; } .form ul li.image_upload .clr { border-bottom:1px dotted #666; margin-top:25px; } .form ul li div.subButton { margin-top:17px; } .form ul li div.subButton a { background:url(/images/cleo/bachelors/2010/img/sprite.png) -492px -302px; width:93px; height:26px; text-indent:-9999px; display:block; float:right; } .form ul li.image_upload .upload { float: left; margin: 0 0 43px; padding: 0 0 0 53px; position: relative; } .form ul li.image_upload .upload input { width: auto !important; margin:0 !important; } .form ul li.image_upload li.file { margin-bottom: 15px !important; } .form ul li.image_upload li.cb { margin-bottom:11px !important; } .form ul li.image_upload .upload li.cb a { margin:0 !important; } .form ul li.image_upload li.cb label, .form ul li.image_upload li.cb input { width:auto !important; position:relative !important; display:inline !important; margin-right:10px !important; font-size:11px !important; line-height:11px !important; font-weight:normal !important;} .form ul li.image_upload li.cb label { margin-right:0 !important; } .form ul li.button { clear: both; text-align:right; } .form ul li.button input { border: 0; padding: 0; width: 217px; height:26px; background:url(/images/cleo/bachelors/2010/img/sprite.png) -275px -302px; text-indent:-9999px; cursor:pointer; margin-bottom:20px; } #pnlArticle ul li.button input { height:auto; } .form .seperator { border-top: 1px dotted #999; clear: both; margin: 22px -29px 20px; width: 568px; } #pnlArticle .form_container { border: none; padding: 20px 0px 17px; position: relative; } #pnlArticle .form ul { list-style: none; overflow: hidden; border-top:0 } #pnlArticle .form ul li { clear:both;height:1%;padding:0;position:relative; margin:0; width:436px; } #pnlArticle .profile_form_container .form li a { margin: 0 0 12px 165px; } #pnlArticle .form li label, #pnlArticle .profile_form_container .form li dl dt { font-weight:bold;left:0;position:absolute;top:0;width:165px; font-size:12px; color:#FFF;} #pnlArticle .profile_form_container .form li.checkbox label { margin:0 0 10px 185px; } #pnlArticle .profile_form_container .form li.checkbox.radio dl dd, #pnlArticle .profile_form_container .form li.checkbox.interests dl dd { display:block; margin:0 0 12px 165px; } #pnlArticle .profile_form_container .form li.checkbox.radio dl dd .radioChoice input { margin:0 10px 0 0; } #pnlArticle .profile_form_container .form li.checkbox.interests dl dd .tblInterestList input { margin:0; } #pnlArticle .form_container .form li.cb { width:100%; } #pnlArticle .form_container .form li.cb input { float:left;margin:0;position:relative;width:auto; } #pnlArticle .form_container .form li.cb label { float:left;margin-left:10px;position:relative;width:auto;} #pnlArticle .form_container .form li.cb a { display:inline;float:left;margin-left:5px;} #pnlArticle .form_container .form li.btn input { width:auto; margin:0; } #pnlArticle .form li input { width:302px; font-size:12px; margin:0 0 12px 105px;} #pnlArticle .profile_form_container .form li { width:595px; } #pnlArticle .profile_form_container .form li input, #pnlArticle .profile_form_container .form li textarea, #pnlArticle .profile_form_container .form li select { margin:0 0 12px 165px; } #pnlArticle .form li.checkbox input { left:150px;top:0; left: 0; position:absolute; margin-right:11px; width:auto; } /*#pnlArticle .form li.checkbox input, */ .form li.radio input { width:auto; left:175px; } #pnlArticle .form li.checkbox label { display:block; /*margin:0 0 0 26px;*/ margin:0 0 0 125px; } #pnlArticle .form li.checkbox.radio input, #pnlArticle .form li.checkbox.interests input { position:static; } #pnlArticle .form li.checkbox.radio label, #pnlArticle .form li.checkbox.interests label { display:inline; margin:0 13px 0 0 !important; } #pnlArticle .form li.checkbox label, .form li.radio label { position:static;width:auto; } #pnlArticle .form li input.button, #pnlArticle .form li.button input { width:auto; float:left; margin-top:10px; } /* * Contestant Images */ #pnlContestantImages { float: none; clear: both; } #pnlContestantImages ol { list-style: none; margin: 0; float: none; padding: 0; display: block; } #pnlContestantImages ol li { clear: none; position: static; display: block; float: left; width: 105px; height: 150px; margin: 5px; padding: 5px; text-align: center; border: 1px dotted #e3e8e9; } #pnlContestantImages ol li div { height: 114px; } #pnlContestantImages ol li div img { vertical-align: middle; left: auto; position: static; top: auto; } #pnlContestantImages ol li a { display: block; } .form ul li.image_upload #pnlContestantImages { position:relative; float:left; margin-bottom:10px; width:611px;} .form ul li.image_upload #pnlContestantImages ol li { width:124px !important; height:auto !important; border:0 !important; clear:none; margin-right:10px; } .form ul li.image_upload #pnlContestantImages img { padding:0 !important; position:relative; float:none !important; } .form ul li.image_upload #pnlContestantImages ul li a { padding:0 !important; margin:0 !important; } .form ul li.image_upload #pnlContestantImages ol li div { height:auto !important; float:left; clear:both; width:124px;} /* * Comments */ #comments { font-size: 14px; line-height: 15px; overflow: hidden; margin:0 20px;} #comments h4 { background: url(/images/cleo/bachelors/2010/img/sprite.png) -248px -33px no-repeat; margin:26px 0 11px 0; position: relative; text-indent: -9999px; width: 226px; height:26px; } #comments .comments { list-style: none; margin: 0 0px 6px; overflow: hidden; border-top:1px dotted #999; padding:5px 0 0; } #comments .comments li { padding: 0 0 9px; border-bottom:1px dotted #999; margin:0; } #comments .comments li .byline { color: #7f7f7f; font-size: 12px; text-transform:uppercase; font-weight:normal; } #comments .comments li .byline strong { font-weight:normal;} #comments .comments li a { color: #ff008b; float: right; margin: -28px 0 -2px; text-transform:uppercase; font-size:12px; } #comments .comments li div { clear: both; font-weight:bold; } #comments .comments li div a { float: none; margin: 0; } #comments .form { padding: 28px 0 0; } #comments .form h4 { background: url(/images/cleo/bachelors/2010/img/sprite.png) -248px -59px no-repeat; width:256px; height:26px; margin: 0 0 14px 0; padding: 0; text-indent: -9999px; } /* * Right Column */ #tcRightContent { background: #FFF; padding: 0 11px 100px 0; width: 300px; } #RightNav_pnlContent { position: relative; float:left !important; } #rightnav {} #enter_link a { background: url(cleo/bachelors/btn/bachelor_tile.gif); display: block; height: 58px; margin: 0 0 10px; text-indent: -9999px; width: 300px; } /* * Right Nav */ #right_nav { list-style: none; margin: 0 -6px 13px -4px; overflow: hidden; width: 310px; } #right_nav li { float: left; } #right_nav .search { margin: 0 -1px 0 0; padding: 11px 0 0; width: 147px; } #right_nav .search label { background: url(cleo/bachelors/icon/magnifying_class.gif); float: left; height: 11px; margin: 2px 4px 0 0; overflow: hidden; text-indent: -9999px; width: 11px; } #right_nav .search input { border: 1px solid #c8c8c8; float: left; font-family: arial, helvetica, sans-serif; font-size: 10px; padding: 0 2px; width: 107px; } #right_nav .search input.button { border: none; height: 10px; left: 126px; padding: 0; position: absolute; top: 13px; width: 17px; } #right_nav .sign_in a { background: url(cleo/bachelors/btn/sign_in.gif); display: block; height: 34px; text-indent: -9999px; width: 78px; } #right_nav .join_now a { background: url(cleo/bachelors/btn/join_now.gif); display: block; height: 34px; text-indent: -9999px; width: 86px; } #right_nav .edit_profile a { background: url(cleo/bachelors/btn/edit_profile.gif); display: block; height: 34px; text-indent: -9999px; width: 92px; } #right_nav .logout a { background: url(cleo/bachelors/btn/logout.gif); display: block; height: 34px; text-indent: -9999px; width: 67px; } /* * Newsletter Link */ #sponsorship_link { margin: 0 0 10px; } #sponsorship_link a, #sponsorship_link a img { display: block; } /* * Newsletter Link */ #newsletter_link { margin: 0 0 9px; } #newsletter_link a, #newsletter_link a img { display: block; } /* * Pods */ .pod { background: #000; clear: both; color: #FFF; float: left; font-size: 11px; height: 250px; line-height: 17px; margin: 0 0 10px; padding: 0 18px; position: relative; width: 264px; } .pod h2 { background: transparent; font-size: 15px; font-weight: normal; height: auto; line-height: 18px; margin: 13px 0 10px; overflow: visible; position: relative; text-indent: 0; text-transform: uppercase; width: auto; } .pod h3 { color: #FFF; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0; position: relative; text-transform: uppercase; } .pod p { display: inline; margin: 0; } .pod a.action, .pod a.more { display: inline; float: none; margin: 0; text-transform: none; } .pod a { color: #FFF; font-size: 12px; font-weight: bold; } .pod ul.links { line-height: 14px; list-style: none; } .pod ul.links h3 { margin: 13px 0 1px; } /* * Latest News Pod */ #latest_news_pod { background: #23b5dc url(cleo/bachelors/pod_background_blue.jpg); float: none; clear: both; } #latest_news_pod h2 { background: url(cleo/bachelors/ir/lastest_news.gif); height: 57px; margin: -2px 0 -9px -29px; text-indent: -9999px; width: 178px; } #latest_news_pod h3 { color: #000; } /* * Latest Comment Pod */ #latest_comments_pod h2 { background: url(cleo/bachelors/ir/latest_comments.gif); height: 61px; margin: -9px 0 -6px -31px; text-indent: -9999px; width: 194px; } #latest_comments_pod h3 { color: #22b4db; } /* * Face Off Pod */ #face_off_pod { background: url(cleo/bachelors/face_off/pod_background.jpg); clear: both; float: left; height: 250px; line-height: 14px; margin: 0 0 10px; position: relative; width: 300px; } #face_off_pod h2 { background: url(cleo/bachelors/ir/wildcard_face_off.gif); height: 58px; margin: 8px -8px 0 12px; text-indent: -9999px; width: 296px; } #face_off_pod div { position: absolute; text-align: center; top: 81px; width: 135px; } #face_off_pod div a, #face_off_pod div a img, #face_off_pod div a span { display: block; } #face_off_pod div a { color: #000; position: relative; height: 145px; } #face_off_pod div a img { border: 1px solid #ccc; margin: 0 auto 4px; } #face_off_pod div a span.container { position: absolute; bottom: 0; left: 20px; } #face_off_pod .contestant_1 { left: 15px; } #face_off_pod .contestant_2 { left: 150px; } #face_off_pod .vs { background: url(cleo/bachelors/face_off/vs.gif); height: 77px; left: 106px; text-indent: -9999px; top: 101px; width: 77px; z-index: 10; } *>#face_off_pod .vs { background: url(cleo/bachelors/face_off/vs.png); } /* * Expand Box */ .subscribe_pod { background: #e6e6e6; border: 1px solid #cac9c9; float: left; padding: 19px 16px 23px 28px; position: relative; width: 254px; float:left; } .subscribe_pod ul { color: #364049; font-family: Arial, Helvetica, sans-serif; float: left; font-size: 14px; line-height: 14px; list-style: none; margin: 0 7px 0 0; overflow: hidden; text-align: center; text-transform: uppercase; width: 88px; } /* "Helvetica Neue", "Arial Narrow" */ .subscribe_pod li { border-bottom: 1px dotted #aaabac; margin: 0 0 -1px; padding: 4px 0; } .subscribe_pod strong { color: #345a6d; display: block; font-size: 22px; font-weight: bold; line-height: 22px; margin: 0 0 1px; } .subscribe_pod img { background: #fff; border: 1px dotted #aaabac; display: block; float: left; padding: 5px; } .subscribe_pod .expand a { background: url(/images/cleo/bachelors/2010/img/sprite.png) -283px -328px; display: block; height: 48px; left: -12px; margin: -24px 0 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; width: 30px; } #outerPopout { display: none; overflow: hidden; position: absolute; right: 0; top: 16px; width: 512px; z-index: 9999; } #popout { background: #FFF; border: 1px solid #d3d3d3; display: inline; float: left; font-size: 11px; line-height: 16px; margin: 0 0 0 512px; padding: 26px 0 12px 35px; position: relative; width: 460px; } #popout .btn_close { display: block; left: -1px; margin: -21px 0 0; position: absolute; top: 50%; } #popout .subscribe { float: left; width: 240px; } #popout .subscribe img { display: block; } #popout .subscribe .mag_shot { margin: 0 0 7px 10px; } #popout .this_month { float: left; padding: 4px 12px; width: 196px; } #popout h2 { height: auto; margin: 0 0 17px; text-indent: 0; width: auto; } #popout h3 { color: #999; font-size: 15px; font-weight: normal; margin: 7px 0 0; text-transform: uppercase; } #popout p { margin: 3px 0 11px; } #popout ul { line-height: 14px; margin: 4px 0 11px 14px; } #popout ul li { margin: 0 0 2px; } /* * FOOTER */ #Footer_pnlContent { background: #fff; padding: 13px 0; text-align: center;} #Footer_pnlContent table { margin: 0 auto; } #Footer_pnlContent h1 { background:#000; padding:20px 0 0 34px; text-align:left; } #Footer_pnlContent h1 a { background:url(cleo/2009_Summer/sprite.png) -305px -3px no-repeat; display:block; width:227px; height:67px; text-indent:-9999px; } #footer { list-style: none; background: #000; padding: 18px 30px 0 30px; text-align: left;} #sisterSites {background: #000; padding: 0 30px 30px 40px; text-align: left; font-size: 10px; color: #FDFDFD;} #sisterSites strong {font-size: 11px;} #sisterSites a { color: #DDD0A4;} #sisterSites a:hover { text-decoration: none; color: #FF659A;} #footer li { border-left: 1px solid #fff; display: inline; padding: 0 7px 0 9px;} #footer li.first { border: none; } #footer li a { color: #FDFDFD; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; } #footer li.last a, #footer li a:hover { text-decoration: none; color: #FF659A;} #footer li a img { margin-bottom: -2px; } #msnbtmbanner_div { width:728px; margin:0 auto; } /* * SEARCH RESULTS */ #search_results { } #search_results h3 { color:#000; font-size:16px; font-weight:normal; text-transform:uppercase; margin:0; } #search_results ul { list-style:none; color:#FFF; } #search_results ul li { background:#000; padding:6px; width:639px; height:125px; position:relative; overflow:hidden; margin-bottom:10px; } #search_results ul li a.img { width:94px; height:125px; float:left; margin-right:6px; } #search_results ul li .img img { width:94px; height:125px; display:block; } #search_results ul li dl { position:relative; float:left; width:534px; } #search_results ul li dl dt { float:left; clear:left; font-size:11px; font-weight:bold; text-transform:uppercase; width:56px } #search_results ul li dl dd { font-size:11px; } #search_results li dt.NameTitle { display:none; } #search_results li dd.NameDetail { font-size:18px; color:#009fe4; margin-bottom:6px; font-weight:bold; clear:both; } #search_results li a.ButtonViewProfile { background-position: -624px -354px; width:68px; margin-right:7px; } #search_results li a.ButtonViewGallery { background-position: -692px -354px; width:104px; } #search_results li a.ButtonViewProfile, #search_results li a.ButtonViewGallery { display:block; background-image:url(/images/cleo/bachelors/2010/img/sprite.png); float:left; height:22px; text-indent:-9999px; margin-top:7px; } #search_results #pnlFindWildcard { width:300px; height:49px; position:relative; display:inline; } #search_results #pnlFindWildcard #lbtnFindWildcard { background:url(/images/cleo/bachelors/2010/img/sprite.png) -251px -361px; width:32px; height:31px; position:absolute; top:-5px; =top:1px; right:-29px; border:1px solid #000; border-left:none;} #search_results #pnlFindWildcard #txtFindWildcard { width:250px !important; position:relative; border:1px solid #000; border-right:none; height:28px; font-size:16px; color:#666; padding:3px 0 0 8px; background:url(/images/cleo/bachelors/2010/img/bg/searchField.png) repeat-x; overflow:hidden; } /****** PHASE 2 *******/ /* HOME */ #p2_competition_entry { height:342px;} /*#p2_competition_entry img { width:688px; height:342px; float:left; }*/ #p2_competition_entry #pnlRightNav { width: 276px; height:342px; float:left; background:url(/images/cleo/bachelors/2010/phase2/home/nav.png); } #p2_competition_entry #pnlRightNav a { text-indent:-9999px; display:block; width:276px; margin-top:3px; } #pnlRightNav #lnkNominate { margin-top:5px !important; height:55px; } #pnlRightNav #lnkWhatsAWildCard, #pnlRightNav #lnkWhatCanIWin, #pnlRightNav #lnkWhatMakesAWinningWildcard { height:41px; } #pnlRightNav #lnkHowCanIHelp { height:64px;} #pnlRightNav #lnkEnter { height:80px;} #pnlLeft, #pnlMid, #pnlRight { float:left; display:inline; position:relative; } #pnlLeft { width:339px; } #pnlLeft #lnkLeftNominate { width:339px; height:250px; margin-bottom:15px; display:block; } #pnlLeft #pnlHottestHangouts span { width:319px; } #pnlLeft #pnlHottestHangouts span a { color:#ff008b; } #pnlMid { width:305px; margin:0 10px; } #pnlMid #pnlAdvancedSearch { background:url(/images/cleo/bachelors/2010/phase2/home/BOTY09_wildcard_p2_home_1.1_05.gif); width:265px; height:514px; padding:0 20px; border:0; position:relative;} #pnlMid #pnlAdvancedSearchBachelor { background:url(/images/cleo/bachelors/2010/phase3/home/BOTY09_wildcard_p3_home_1.0_08.gif); width:265px; height:514px; padding:0 20px; border:0; position:relative;} #pnlMid #pnlAdvancedSearchBachelor #pnlFindWildcard, #pnlMid #pnlAdvancedSearch #pnlFindWildcard { padding-top:36px; position:relative; height:64px;; } #pnlMid #pnlAdvancedSearchBachelor input, #pnlMid #pnlAdvancedSearch input { width:225px; height:25px; font-size:16px; color:#666; padding:7px 0 0 8px; position:absolute; background:url(/images/cleo/bachelors/2010/img/bg/searchField.png) repeat-x; border:0; overflow:hidden; } #pnlMid #pnlAdvancedSearchBachelor #lbtnFindWildcard, #pnlMid #pnlAdvancedSearch #lbtnFindWildcard { background:url(/images/cleo/bachelors/2010/img/sprite.png) -251px -361px; width:32px; height:31px; position:absolute; top:36px; right:0px; text-indent:-9999px;} #pnlMid #pnlSearchOptions { padding-top:25px; position:relative; /*height:214px;*/ color:#FFF; line-height:14px;} #pnlMid #pnlSearchOptions a { float:right; line-height:14px; font-size:14px;} #pnlMid #lstOptions { list-style:none; margin:8px 0 0 0; height:145px;} #pnlMid #lstOptions li { display:inline; float:left; padding:0; margin:0; width:131px; height:34px; background:#ff008b; margin:0 3px 3px 0; } #pnlMid #lstOptions li.alt { margin-right:0px; } #pnlMid #lstOptions li a { color:#FFF; text-transform:uppercase; display:inline; line-height:34px; display:block; text-align:center; float:none; font-weight:bold; font-size:16px; } #pnlMid #pnlDropDowns { padding-top:35px; clear:both; } #pnlMid #pnlDropDowns ul li select { width:100%; font-size:16px; color:#666; padding:5px; margin-top:5px; } #pnlMid #pnlDropDowns a { float:right; margin-top:14px; font-size:14px; line-height:14px;} #pnlMid #pnlLeaderboards span { width:285px; } #pnlMid #pnlLeaderboards span a { color:#FFEE00; } #pnlRight { width:300px; } #pnlRight #objRightBanner { margin-bottom:15px; } #pnlRight #pnlWildcards10, #pnlRight #pnlWildcards09 { margin-right:6px; } #pnlRight #pnlVideoHighlights, #pnlRight #pnlBOTY09 { margin-right:0px; } #pnlRight #pnlBachStats span { width:280px; } #pnlRight #pnlBachStats span a { color:#009FE4; } #pnlLeft #pnlHottestHangouts, #pnlMid #pnlLeaderboards, #pnlRight #pnlBachStats, #pnlLeft #pnlLatestNews, #pnlMid #pnlBachelorGalleries { float:left; background:#000; color:#FFF; font-size:14px; margin-top:11px; height:293px; } #pnlLeft #pnlLatestNews { height:250px; margin:0; } #pnlLeft #pnlLatestNews a, #pnlLeft #pnlHottestHangouts a, #pnlMid #pnlBachelorGalleries a { line-height:0; display:block; } #pnlLeft #pnlLatestNews span a, #pnlLeft #pnlHottestHangouts span a, #pnlMid #pnlBachelorGalleries span a { display:inline; } #pnlMid #pnlBachelorGalleries { height:293px; overflow:hidden; width:305px; } #pnlMid #pnlBachelorGalleries span { padding:10px; float:left; display:inline; } #pnlMid #pnlBachelorGalleries span a { color:#FEF200; } #pnlLeft #pnlHottestHangouts span, #pnlMid #pnlLeaderboards span, #pnlRight #pnlBachStats span, #pnlLeft #pnlLatestNews span { padding:10px; display:block; } /* LEADERBOARD */ #pnlLeaderboard { width:651px; height:601px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/round_crns.gif) bottom no-repeat; } #pnlLeaderboard #ulLeaderboardNav { list-style:none; float:left; clear:both; margin-top:20px; } #pnlLeaderboard #ulLeaderboardNav li, #pnlLeaderboard #ulLeaderboardNav li a { float:left; display:block; height:61px; text-indent:-9999px; } #pnlLeaderboard #liTopRated a, #pnlLeaderboard #liTopRated { width:163px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/topRated_off.gif); } #pnlLeaderboard #liTopRated a:hover, #pnlLeaderboard #liTopRated.current a { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/topRated_on.gif); } #pnlLeaderboard #liNewest a, #pnlLeaderboard #liNewest { width:162px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/newest_off.gif); } #pnlLeaderboard #liNewest a:hover, #pnlLeaderboard #liNewest.current a { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/newest_on.gif); } #pnlLeaderboard #liMostViewed a, #pnlLeaderboard #liMostViewed { width:160px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/mostViewed_off.gif); } #pnlLeaderboard #liMostViewed a:hover, #pnlLeaderboard #liMostViewed.current a { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/mostViewed_on.gif); } #pnlLeaderboard #liBiggestClimber a, #pnlLeaderboard #liBiggestClimber { width:166px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/biggestClimber_off.gif); } #pnlLeaderboard #liBiggestClimber a:hover, #pnlLeaderboard #liBiggestClimber.current a { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/biggestClimber_on.gif); } #pnlLeaderboard #search_results { float:left; clear:both; border-left:6px solid #000; border-right:6px solid #000; width:639px; } #pnlLeaderboard #search_results li { width:639px; margin:0; padding:0; float:left; } #pnlLeaderboard #search_results li .Position { float:left; } #pnlLeaderboard #search_results li.Pos1 { background:#009fe4; height:154px; } #pnlLeaderboard #search_results li.Pos2 { background:#038fcb; height:90px; } #pnlLeaderboard #search_results li.Pos3 { background:#067fb3; height:90px; } #pnlLeaderboard #search_results li.Pos4 { background:#096f9b; height:90px; } #pnlLeaderboard #search_results li.Pos5 { background:#0c5f83; height:90px; } #pnlLeaderboard #search_results li.Pos1 .Position { width:38px; height:121px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/no1.gif); margin:20px 34px 0 22px; } #pnlLeaderboard #search_results li.Pos2 .Position { width:38px; height:70px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/no2.gif); margin:10px 29px 0 27px; } #pnlLeaderboard #search_results li.Pos3 .Position { width:38px; height:73px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/no3.gif); margin:10px 27px 0 28px; } #pnlLeaderboard #search_results li.Pos4 .Position { width:38px; height:74px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/no4.gif); margin:11px 29px 0 25px;} #pnlLeaderboard #search_results li.Pos5 .Position { width:38px; height:76px; background:url(/images/cleo/bachelors/2010/phase2/leaderboards/no5.gif); margin:11px 26px 0 28px; } #pnlLeaderboard #search_results ul li dl { width:auto; clear:both; float:left; } #pnlLeaderboard #search_results ul li a { float:right; } #pnlLeaderboard #search_results li .Details { width:406px; float:left; position:relative; } #pnlLeaderboard #search_results li dl .ddName { font-size:16px; padding:11px 0 0;display:block; font-weight:bold; text-transform:uppercase; } #pnlLeaderboard #search_results li dl .ddJob { font-size:14px; padding-bottom:5px; border-bottom:1px dotted #80cff2; color:#b4def0; width:374px; overflow:hidden; margin-bottom:7px; } #pnlLeaderboard #search_results li a.ButtonViewProfile, #pnlLeaderboard #search_results li a.ButtonViewGallery { background:none; text-indent:0px; float:left !important; clear:right; margin:0; font-weight:bold; color:#FFF; font-size:12px; width:auto; } #pnlLeaderboard #search_results li a.ButtonViewGallery { background:none; text-indent:0px; margin-left:30px; } #pnlLeaderboard #search_results li a.img { width:104px; height:77px; margin: 3px 16px 0 0; background:#5eb7de; border: 3px solid #249dd2; } #pnlLeaderboard #search_results li a.img img { width:57px; height:77px; -ms-interpolation-mode: bicubic; margin:auto; } #pnlLeaderboard #search_results li.Pos1 dl .ddName, #pnlLeaderboard #search_results li.Pos1 dl .ddName a.ProfileLink { font-size:26px; line-height:40px; display:block; font-weight:bold; padding-top:10px; float:none; color:#FFF; } #pnlLeaderboard #search_results li.Pos1 dl .ddJob { font-size:24px; line-height:40px; padding-bottom:13px; border-bottom:1px dotted #80cff2; color:#80cff2; width:300px; height:40px; overflow:hidden; margin-bottom:17px; padding:0 74px 0 0; margin-top:-10px; } #pnlLeaderboard #search_results li div.Links { width:406px; float:left; clear:both; } #pnlLeaderboard #search_results li.Pos1 a.ButtonViewProfile, #pnlLeaderboard #search_results li.Pos1 a.ButtonViewGallery { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/BOTY09_wildcard_p2_leade-08.gif); float:left !important; width:179px; height:26px; margin:0; text-indent:-9999px; } #pnlLeaderboard #search_results li.Pos1 a.ButtonViewGallery { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/BOTY09_wildcard_p2_leade-09.gif); width:184px; margin-left:12px;} #pnlLeaderboard #search_results li.Pos1 a.img { width:104px; height:140px; margin: 3px 19px 0 0; } #pnlLeaderboard #search_results li.Pos1 a.img img { width:104px; height:140px; -ms-interpolation-mode: bicubic; border:3px solid #5cc2ee; } #pnlLeaderboard #search_results li div.Links span.Up, #pnlLeaderboard #search_results li div.Links span.Down { position:absolute; display:block; /*width:30px;*/ height:17px; padding-left:35px; line-height:14px; font-size:18px; right:30px; width:30px; text-align:right; } #pnlLeaderboard #search_results li div.Links span.Up { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/up_small.png) no-repeat; } #pnlLeaderboard #search_results li div.Links span.Down { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/down_small.png) no-repeat; } #pnlLeaderboard #search_results li.Pos1 div.Links span.Up { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/up_large.png) no-repeat; } #pnlLeaderboard #search_results li.Pos1 div.Links span.Down { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/down_large.png) no-repeat; } #pnlLeaderboard #search_results li.Pos1 div.Links span.Up, #pnlLeaderboard #search_results li.Pos1 div.Links span.Down { top:47px; right:30px; /*width:40px;*/ height:22px; padding-left:45px; line-height:22px; font-size:24px; } #pnlLeaderboard #search_results ul li dl .dtName, #pnlLeaderboard #search_results ul li dl .dtJob { display:none; } #pnlLeaderboard #search_results ul li dl .ddName, #pnlLeaderboard #search_results ul li dl .ddName a.ProfileLink { color:#FFF; float:none; color:#FFF; } #rightNav #pnlLeaderboard { float:left; height:342px; } #rightNav #pnlLeaderboard a { float:right; color:#009FE4; line-height:35px; margin-right:9px; font-size:14px;} #rightNav #pnlLeaderboard h3 { height:42px; background:url(/images/cleo/bachelors/2010/phase2/rhc/leaderboard/BOTY09_wildcard_p2_TV_1.0_19.gif); margin:0; padding:0; text-indent:-9999px;} #rightNav #pnlLeaderboard { width:300px; background:#000; } #rightNav #pnlLeaderboard #search_results { width:288px; } #rightNav #pnlLeaderboard #search_results li { height:53px; width:288px; } #rightNav #pnlLeaderboard #search_results li.Pos1 .Position { background:url(/images/cleo/bachelors/2010/phase2/rhc/leaderboard/no1.gif); width:15px; height:33px; margin:12px 10px 0 6px; } #rightNav #pnlLeaderboard #search_results li.Pos2 .Position { background:url(/images/cleo/bachelors/2010/phase2/rhc/leaderboard/no2.gif); width:15px; height:33px; margin:12px 10px 0 6px; } #rightNav #pnlLeaderboard #search_results li.Pos3 .Position { background:url(/images/cleo/bachelors/2010/phase2/rhc/leaderboard/no3.gif); width:15px; height:34px; margin:11px 10px 0 6px; } #rightNav #pnlLeaderboard #search_results li.Pos4 .Position { background:url(/images/cleo/bachelors/2010/phase2/rhc/leaderboard/no4.gif); width:17px; height:32px; margin:13px 10px 0 4px; } #rightNav #pnlLeaderboard #search_results li.Pos5 .Position { background:url(/images/cleo/bachelors/2010/phase2/rhc/leaderboard/no5.gif); width:16px; height:33px; margin:13px 10px 0 5px; } #rightNav #pnlLeaderboard #search_results li .Details { width:210px; } #rightNav #pnlLeaderboard #search_results li div.Links { display:none; } #rightNav #pnlLeaderboard #search_results li dl dd { width:220px; border-bottom:none; } #rightNav #pnlLeaderboard #search_results li dl .ddName { font-size:16px; line-height:18px; margin:0; } #rightNav #pnlLeaderboard #search_results li dl .ddJob { font-size:14px; margin:0; line-height:18px; } #rightNav #pnlLeaderboard #search_results li a.img { width:28px; height:41px; margin:3px 9px 0 0; border:3px solid; } #rightNav #pnlLeaderboard #search_results li a.img img { width:28px; height:41px; -ms-interpolation-mode: bicubic; border:none;} #rightNav #pnlLeaderboard #search_results li.Pos1 a.img { border-color:#5cc2ee; } #rightNav #pnlLeaderboard #search_results li.Pos2 a.img { border-color:#5cb5dc; } #rightNav #pnlLeaderboard #search_results li.Pos3 a.img { border-color:#5ca9cb; } #rightNav #pnlLeaderboard #search_results li.Pos4 a.img { border-color:#5c9db9; } #rightNav #pnlLeaderboard #search_results li.Pos5 a.img { border-color:#5c91a8; } #rightNav #pnlLeaderboard #search_results li a.ProfileLink { float:left; line-height:18px; color:#FFF; text-transform:uppercase; font-size:16px; padding-top:0; } /* * Face Off */ #face_off { background: url(/images/cleo/bachelors/2010/phase2/FaceOff/BOTY09_wildcard_p2_faceOff_1.1_03.gif); color: #fff; width:651px; height: 628px; line-height: 13px; position: relative; } #face_off h3 { color:#FFF; text-transform:uppercase; font-size:28px; font-weight:bold; line-height:30px; padding:5px 0 4px; margin:0; text-align:left; } #face_off h3 span { background:#000; padding:3px; } #face_off a { color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; } #face_off .image { display: block; height: 317px; margin: 0; overflow: hidden; position: absolute; width: 225px; top:137px; left:3px; z-index:1;} #face_off .image img { display: block; height: 317px; margin: 0; overflow: hidden; position: relative; width: 225px; text-align: center; -ms-interpolation-mode: bicubic; } #face_off .vote_for_me, #face_off .view_profile { display: block; height: 26px; margin: 12px auto 0; text-indent: -9999px; position:absolute; width:192px; } #face_off .vote_for_me { background: url(/images/cleo/bachelors/2010/phase2/FaceOff/vote.gif); top:481px; } #face_off .view_profile { background: url(/images/cleo/bachelors/2010/phase2/FaceOff/gallery.gif); top:515px; } #face_off .vs { display: block; position:absolute; background:url(/images/cleo/bachelors/2010/phase2/FaceOff/VS.png); width:152px; height:136px; top:215px; left:254px; z-index:10; text-indent:-9999px; } #face_off .contestant_1, #face_off .contestant_2 { position: absolute; top: 36px; width: 281px; } #face_off .contestant_1 div, #face_off .contestant_2 div { font-size:20px; color:#009de1; margin-top:7px; line-height:23px;} #face_off .contestant_1 { left: 40px; } #face_off .contestant_2 { left: 370px; } #pnlFaceOffLite { background:url(/images/cleo/bachelors/2010/phase2/rhc/faceOff_bg.gif); width:300px; height:251px; position:relative; float:left; } #pnlFaceOffLite.bachelor { background: url(/images/cleo/bachelors/2010/phase3/rhc/bachelor_faceOff_bg.jpg); width:300px; height:251px; position:relative; float:left; } #pnlFaceOffLite .contestant_1, #pnlFaceOffLite .contestant_2 { position:absolute; z-index:1; width:136px; } #pnlFaceOffLite .contestant_1 a, #pnlFaceOffLite .contestant_2 a { width:136px; text-align:center; display:block; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:14px; line-height:14px;} #pnlFaceOffLite .contestant_1 span, #pnlFaceOffLite .contestant_2 span { margin-top:13px; display:block; } #pnlFaceOffLite .contestant_1 img, #pnlFaceOffLite .contestant_2 img { margin:auto; width:93px; height:131px; -ms-interpolation-mode: bicubic; display:block;} #pnlFaceOffLite .contestant_1 { top:58px; left:15px; } #pnlFaceOffLite .contestant_2 { top:58px; left:151px; } #pnlFaceOffLite div.vs { background:url(/images/cleo/bachelors/2010/phase2/rhc/vs.png); width:92px; height:84px; position:absolute; z-index:10; top:80px; left:108px; text-indent:-9999px;} /* * Advanced search */ h2#cleo_find_a_man { background:url(/images/cleo/bachelors/2010/phase2/search/BOTY09_wildcard_p2_Search_1.1_03.gif); width:549px; height:38px; } #pnlAdvancedSearch { width:631px; border:10px solid #000; float:left; } #pnlAdvancedSearch #Option1 { background:#ff008b; padding:15px 10px; color:#FFF; font-size:20px; float:left; width:611px; } #pnlAdvancedSearch #Option1 .searchField { margin-top:11px; background:url(/images/cleo/bachelors/2010/img/bg/searchField.png) repeat-x; width:383px; height:17px; padding:7px; float:left; } #pnlAdvancedSearch #Option1 #txtFindWildcard { border:0; font-size:16px; width:383px; float:left; color:#666; } #pnlAdvancedSearch #Option1 #lbtnFindWildcard { background:url(/images/cleo/bachelors/2010/phase2/search/find_btn.gif); width:81px; height:31px; display:block; float:left; margin-top:11px;} #pnlAdvancedSearch #Option2 { float:left; border-top:10px solid #000; background:#333; color:#ffee00; font-size:20px; padding:15px 10px; width:611px; } #pnlAdvancedSearch #Option2 p { color:#FFF; font-size:14px; padding-top:16px; } #pnlAdvancedSearch #Option2 .form li { list-style:none; font-size:18px; color:#FFF; } #pnlAdvancedSearch #Option2 .form li label { width:150px; display:block; float:left; margin-top:6px; } #pnlAdvancedSearch #Option2 .form li select { font-size:16px; color:#666; margin-bottom:25px; padding:5px; width:196px; height:31px; } #MiddleContent_cmsContentBodyDevPanel_CleoContestantAdvancedSearchForm2_ddlAge { width:115px !important; } #MiddleContent_cmsContentBodyDevPanel_CleoContestantAdvancedSearchForm2_ddlState { width:165px !important; } #MiddleContent_cmsContentBodyDevPanel_CleoContestantAdvancedSearchForm2_liState, #MiddleContent_cmsContentBodyDevPanel_CleoContestantAdvancedSearchForm2_liTrait { background:url(/images/cleo/bachelors/2010/phase2/search/div.gif) bottom no-repeat; padding-bottom:16px; margin-bottom:11px; } #pnlAdvancedSearch #Option2 .Search { width:81px; margin:auto; display:block; margin-top:30px; } #pnlAdvancedSearch #Option2 .Search input { background:url(/images/cleo/bachelors/2010/phase2/search/search_btn.gif); text-indent:-9999px; width:81px; height:31px; display:block; } /* * Cleo TV Pod */ #cleo_tv_pod h4 { background: url(cleo/bachelors/ir/cleo_wildcard_tv.gif); height: 61px; left: -10px; position: absolute; text-indent: -9999px; top: 0; width: 217px; } *>#cleo_tv_pod h4 { background: url(cleo/bachelors/ir/cleo_wildcard_tv.png); } #cleo_tv_pod h4 a { display: none; } #cleo_tv_pod a { display: block; margin: 33px -18px 6px; } #cleo_tv_pod a img { display: block; } #cleo_tv_pod a.more { display: inline; margin: 0; } #pnlWildcardTV { width:573px; border:10px solid #000; float:left; background:#333; padding:29px; color:#FFF; font-weight:14px; line-height:18px; } #pnlWildcardTV #flash_video_container { float:left; margin-right:24px; line-height:26px; } #pnlWildcardTV h3 { font-size:22px; font-weight:bold; color:#ffee00; text-transform:capitalize; } #pnlWildcardTV ul li h4 { display:none; } #pnlWildcardTV div.highlight { float:left; overflow:visible; } #pnlWildcardTV div.highlight h3 { background:url(/images/cleo/bachelors/2010/phase2/video/featured_video.gif); width:189px; height:25px; text-indent:-9999px; margin:30px 0 16px; } #pnlWildcardTV ul { list-style:none; width:606px; } #pnlWildcardTV ul li { background:#ff008b; width:156px; height:184px; padding:7px 6px; margin:0 34px 27px 0; float:left; } #pnlWildcardTV ul li .image { width:156px; height:118px; margin-bottom:9px; display:block; } #pnlWildcardTV ul li p { font-size:11px; line-height:16px; overflow:hidden; height:30px; margin-bottom:7px; } #pnlWildcardTV ul li a.action { float:right; background:url(/images/cleo/bachelors/2010/phase2/video/play_btn.gif); width:47px; height:20px; text-indent:-9999px; } #pnlTV, #pnlBachelorQuiz { position:relative; float:left; } #pnlTV img, #pnlBachelorQuiz img { display:block; } #pnlTV #imgPlayButton { position:absolute; top:41px; left:128px; } #pnlTV p, #pnlBachelorQuiz p { background:#000; color:#FFF; padding:12px 14px; width:272px; } #pnlTV p a, #pnlBachelorQuiz p a { color:#ffee00; } h2#wildcard_quiz { background:url(/images/cleo/bachelors/2010/phase2/quiz/wildcard_quiz_hdg.gif); width:349px; height:38px;} h2#wildcard_hottest_hangouts { background:url(/images/cleo/bachelors/2010/phase2/hottestHangouts/BOTY09_wildcard_p2_hottestHangouts_1.1_03.gif); width:585px; height:38px; } h2#wildcard_stats { background:url(/images/cleo/bachelors/2010/phase2/bachStats/Wildcard_stats_hdg.gif); width:362px; height:38px; } #pnlQuiz #flashDiv { width:651px; display:block; margin:auto; } #pnlStats #flashDiv { width:651px; display:block; margin:auto; } #BOTYLeftCol #pnlHottestHangouts { float:left; } #BOTYLeftCol #pnlHottestHangouts h3 { margin:15px 0; border-bottom:1px dotted #333; color:#000; font-weight:bold; } #BOTYLeftCol #pnlHottestHangouts a.img { margin-right:15px; } #BOTYLeftCol #pnlHottestHangouts div.content { width:511px; } #BOTYLeftCol #pnlHottestHangouts a.img, #BOTYLeftCol #pnlHottestHangouts #pnlComments, #BOTYLeftCol #pnlHottestHangouts div.content { float:left; } #BOTYLeftCol #pnlHottestHangouts div.content a.ButtonViewProfile, #BOTYLeftCol #pnlHottestHangouts div.content a.ButtonViewGallery { background:none; text-indent:0px; float:left !important; clear:right; margin:0; font-weight:bold; color:#FFF; font-size:12px; width:auto; } #BOTYLeftCol #pnlHottestHangouts div.content a.ButtonViewGallery { background:none; text-indent:0px; margin-left:120px; } #BOTYLeftCol #pnlHottestHangouts div.content a.ButtonViewProfile, #BOTYLeftCol #pnlHottestHangouts div.content a.ButtonViewGallery { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/BOTY09_wildcard_p2_leade-08.gif); float:left !important; width:179px; height:26px; margin:0; text-indent:-9999px; } #BOTYLeftCol #pnlHottestHangouts div.content a.ButtonViewGallery { background:url(/images/cleo/bachelors/2010/phase2/leaderboards/BOTY09_wildcard_p2_leade-09.gif); width:184px; margin-left:12px;} /*** Pushdown ***/ body.pushdown { /*background: #fff url(cleo/2009_Summer/bg/shadow_pushdown.png) no-repeat center top; */ } body.pushdown #tmpHeader1 { position: relative !important; } body.pushdown #Masthead_pnlContent h1 { margin-top: 0; } body.pushdown #Masthead_pnlContent { margin-top: 0; } #PANEAD_TOP { margin: 0 auto; } #network_header_ad_1 { width: 990px; margin: auto; text-align: center; }