/** ** CLEO BACHELORS 2008 ** =========================== ** ** Created: 28 July, 2008 ** Last Modified: 20 November, 2008 **/ /* * NINEMSN RULES */ .initNinemsn { position: absolute; top: -1000px; left: 0px; width: 1px; } .initNinemsnBanner { position: absolute; top: 9px; left: 262px; } .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: 68px; } #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: #23b5dc; outline: 0; text-decoration: none; } body { background: #202b33 url(cleo/bachelors/background.jpg) top fixed repeat-x; color: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; } 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: #ff0000; } /* * Container */ #outerBox { margin: 82px auto 100px; width: 990px; } /* * Header */ #Masthead_pnlContent { width: 990px; margin-top: 82px; } #Masthead_pnlContent h1, #Masthead_pnlContent h1 a, #Masthead_pnlContent h1 a img { display: block; height: 62px; width: 257px; } /* * Nav */ #nav { height: 32px; list-style: none; margin: 23px 0 0; overflow: hidden; padding: 0 0 42px; position: relative; } #nav li { background: url(cleo/bachelors/nav/left.gif) 0 0 no-repeat; display: inline; float: left; margin: 0 3px 0 0; } #nav li a { background: url(cleo/bachelors/nav/right.gif) right top no-repeat; color: #fff; display: block; font-size: 14px; font-weight: bold; height: 24px; padding: 8px 0 0; text-align: center; text-transform: uppercase; width: 100%; } #nav li.home { background-position: 0 -32px; width: 66px; } #nav li.entertainment { width: 141px; } #nav li.style { width: 64px; } #nav li.men { width: 98px; } #nav li.health { width: 74px; } #nav li.stuff { width: 189px; } #nav li.competitions { width: 126px; } #nav li.forums { width: 81px; } #nav li.bachelors { background: url(cleo/bachelors/nav/active.gif); margin: 0; width: 127px; } #nav li.bachelors a { background: transparent; color: #000; } #nav li ul { background: #fff url(cleo/bachelors/nav/shadow.gif) bottom no-repeat; height: 33px; left: 0; list-style: none; padding: 2px 0 9px; position: absolute; top: 32px; width: 990px; } #nav li ul li { background: transparent; margin: 0 10px; } #nav li ul li a { background: transparent; color: #000; 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: #23b5dc; } /* * Main Content */ #tcMidContent { background: #fff; padding: 18px 40px 100px; position: relative; width: 570px; } #MiddleContent_pnlContent { position: relative; width: 570px; } #MiddleContent_pnlContent h2 { background-repeat: no-repeat; height: 34px; margin: 0 0 24px 1px; text-indent: -9999px; } #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; } /* * Thank You For Voting Popup */ #pnlThanksForVoting { position: absolute; z-index: 999; display: none; } #pnlThanksForVoting_Inner { position: relative; top: 50px; left: 200px; width: 400px; height: 300px; background: transparent url(../images/cleo/bachelors/btn/thankyou.jpg) no-repeat; text-align: right; } #pnlThanksForVoting_Inner a { display: block; width: 400px; height: 300px; text-indent: -9999px; background: url(cleo/bachelors/btn/thankyou.jpg) 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-image: url(cleo/bachelors/ir/h2/dob_in_a_wildcard.gif); } #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-image: url(cleo/bachelors/ir/h2/wildcard.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_gallery { background-image: url(cleo/bachelors/ir/h2/wildcard_gallery.gif); } #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-image: url(cleo/bachelors/ir/h2/wildcard_my_profile.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_profile { background-image: url(cleo/bachelors/ir/h2/wildcard_profile.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_profiles { background-image: url(cleo/bachelors/ir/h2/wildcard_profiles.gif); } #MiddleContent_pnlContent h2#cleo_wildcard_sign_in { background-image: url(cleo/bachelors/ir/h2/wildcard_sign_in.gif); } #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-image: url(cleo/bachelors/ir/h2/wildcards.gif); } #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); } /* * Home Page */ #flash_container { margin: -15px 0 0; } #competition_entry { background: #f0f0f0; font-weight: bold; margin: 1px 0 0; overflow: hidden; padding: 40px 6px 12px 18px; width: 546px; } #competition_entry .wildcard_entry { background: url(cleo/bachelors/ir/wildcard_entry.gif); height: 18px; margin: 0 0 11px 3px; overflow: hidden; text-indent: -9999px; width: 167px; } #competition_entry .call_to_action { background: url(cleo/bachelors/call_to_action_background.gif); float: right; font-weight: normal; height: 173px; margin: -11px 0 0 60px; overflow: hidden; padding: 18px 10px 0 15px; width: 168px; } #competition_entry .call_to_action h3 { color: #000; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0 0 1px; } #competition_entry .call_to_action p { margin: 0 0 2px; } #competition_entry .call_to_action .enter_now { background: url(cleo/bachelors/btn/enter_now.gif); display: block; height: 46px; margin: 6px -9px 0 4px; text-indent: -9999px; width: 168px; } #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 h3 { margin: 59px 0 1px; } #profile .byline { color: #999; font-size: 10px; margin: 0 0 13px; } #profile dl { float: left; font-size: 13px; margin: 0 0 6px; width: 230px; } #profile dl dt { clear: both; float: left; font-weight: bold; margin: 0 4px 4px 0; } #profile dl dd { margin: 0 0 4px; } #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 { 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 #tools { background: url(cleo/bachelors/tools/black.gif); } /* * Profile Question Answers */ #profile_question_answers dl { list-style: none; overflow: hidden; } #profile_question_answers dt { display: block; float: left; width: 50%; font-weight: bold; margin: 5px 0 5px 0; } #profile_question_answers dd { display: block; float: left; width: 50%; margin: 5px 0 5px 0; } #profile_question_answers dt strong, #profile_question_answers dd strong { display: none; } #profile_question_answers dd input.text { width: 200px; } #profile_question_answers dd textarea { height: 75px; width: 250px; } #profile_question_answers .button { text-align: right; } #profile_question_answers .response { text-align: center; font-weight: bold; margin: 10px; } /* #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; } #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 a.image { float: left; height: 116px; margin: 1px 6px 19px 0; overflow: hidden; position: relative; width: 88px; } #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 img { left: 2px; position: absolute; top: 4px; } #profile_list li dl { float: left; margin: 0 0 3px; width: 173px; } #profile_list li dl dt { clear: left; float: left; font-weight: bold; margin: 0 0 4px; width: 56px; } #profile_list li dl dd { float: left; margin: 0 0 4px; width: 117px; } #profile_list li a { font-weight: bold; text-transform: uppercase; } /* * Face Off */ #face_off { background: url(cleo/bachelors/face_off/background.jpg); color: #fff; height: 340px; line-height: 13px; position: relative; text-align: center; width: 570px; } #face_off a { color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; } #face_off .image { display: block; height: 191px; margin: 0 20px 2px; overflow: hidden; position: relative; width: 159px; text-align: center; } #face_off .image span { display: none; } /*{ background: no-repeat; display: block; height: 191px; left: 0; position: absolute; top: 0; width: 159px; z-index: 10; }*/ /* #face_off .image img { display: block; left: 3px; position: absolute; top: 4px; } */ #face_off .vote_for_me { background: url(cleo/bachelors/btn/vote_for_me.gif); display: block; height: 24px; margin: 12px auto 0; text-indent: -9999px; width: 118px; } #face_off .vs { display: none; } #face_off .contestant_1, #face_off .contestant_2 { position: absolute; top: 42px; width: 199px; } #face_off .contestant_1 { left: 16px; } #face_off .contestant_2 { left: 359px; } #face_off .contestant_1 .image span { background-image: url(cleo/bachelors/face_off/frame_1.gif); } #face_off .contestant_2 .image span { background-image: url(cleo/bachelors/face_off/frame_2.gif); } /* * 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 */ #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 Popup */ #gallery_popup { background: #fff; position: relative; width: 758px; } #gallery_popup h1 { left: 16px; position: absolute; top: 100px; } #gallery_popup h2 { font-size: 16px; font-weight: bold; line-height: 18px; padding: 131px 0 6px 439px; text-transform: uppercase; } #gallery_popup .content { background: #000; 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: 8px 0 0; } #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(cleo/bachelors/arrow/chevron_left.gif); } #gallery_popup .gallery_image .pager li.galleryPagerNext a { background: url(cleo/bachelors/arrow/chevron_right.gif); } #gallery_popup .gallery_image div { clear: both; height: 510px; } #gallery_popup .gallery_image div img { display: block; } #gallery_popup .gallery_description { float: left; width: 298px; } #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: #23b5dc; font-size: 11px; padding: 10px 30px 11px; text-align: right; } #gallery_popup .close a { background: url(cleo/bachelors/icon/close.gif) right 3px no-repeat; color: #fff; padding: 0 14px 0 0; } #gallery_popup .rating { clear: left; overflow: hidden; padding: 0; } #gallery_popup .rating dt { color: #23b5dc; 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 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; } #gallery_popup #galleryRateThis p { color: #23b5dc; 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; } /* * 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; } /* * Pager */ #pager { clear: both; color: #249ab9; font-size: 11px; font-weight: bold; list-style: none; margin: 20px 0 0; 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; } #pager .pagerFirstPage { background: url(cleo/bachelors/ir/page.gif) 0 3px no-repeat; padding: 0 0 0 38px; } #pager #pagerPreviousItem a { background: url(cleo/bachelors/arrow/left.gif) 0 3px no-repeat; padding: 0 0 0 14px; } #pager #pagerNextItem a { background: url(cleo/bachelors/arrow/right.gif) right 3px no-repeat; padding: 0 14px 0 0; } #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; } .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; } .form ul li { clear: both; float: left; margin: 0 0 6px; padding: 0 0 0 189px; position: relative; width: 321px; } .form ul li label, .form ul li dl dt { font-weight: bold; left: 0; position: absolute; top: 1px; width: 179px; } .form ul li label span, .form ul li dl dt span { color: #23b5dc; } .form ul li input, .form ul li select, .form ul li textarea { border: 1px solid #bebebe; font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 2px; } .form ul li input { width: 166px; } .form ul li select { width: 172px; } .form ul li textarea { height: 71px; overflow: auto; width: 315px; } .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: -9px 0 -14px; padding: 0; width: auto; } .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: 295px; 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; } .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.year select { width: 54px; } .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: 510px; } #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 { height: 94px; line-height: 16px; overflow: hidden; margin: 29px 0 0; padding: 38px 0 0 104px; position: relative; width: 270px; } .form ul li.image_upload .photo_guide img { left: 1px; position: absolute; top: 0; } .form ul li.image_upload .photo_guide h4 { background: url(cleo/bachelors/icon/camera.gif) 0 0 no-repeat; font-size: 11px; margin: 0 0 0 -2px; padding: 3px 0 0 35px; text-transform: none; } .form ul li.image_upload .upload { float: left; margin: 0 0 43px; padding: 0 0 0 189px; position: relative; } .form ul li.image_upload .upload input { width: auto; } .form ul li.button { clear: both; float: none; padding: 0 0 0 179px; } .form ul li.button input { border: 0; padding: 0; width: auto; } .form .seperator { border-top: 1px dotted #999; clear: both; margin: 22px -29px 20px; width: 568px; } /* * 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; } /* * Comments */ #comments { border: 1px solid #e3e8e9; font-size: 11px; line-height: 15px; overflow: hidden; width: 568px; } #comments h4 { background: url(cleo/bachelors/ir/comments.gif) 21px 21px no-repeat; height: 45px; padding: 21px 0 19px 21px; position: relative; text-indent: -9999px; width: 171px; } #comments .comments { list-style: none; margin: 0 28px 6px; overflow: hidden; } #comments .comments li { margin: 0 0 23px; } #comments .comments li .byline { color: #99a5ac; font-size: 10px; } #comments .comments li a { color: #23b5dc; float: right; font-weight: bold; margin: 0 0 -2px; } #comments .comments li div { clear: both; } #comments .comments li div a { float: none; margin: 0; } #comments .form { border-top: 1px solid #e3e8e9; padding: 0 23px; } #comments .form h4 { background: transparent; font-size: 20px; font-weight: normal; height: auto; margin: 18px 0 19px -1px; padding: 0; text-indent: 0; text-transform: uppercase; width: auto; } /* * Right Column */ #tcRightContent { background: #fff url(cleo/bachelors/right_column.gif) repeat-y; padding: 0 20px 100px; width: 300px; } #RightNav_pnlContent { position: relative; } #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; } /* * 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; } /* * 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 { background: #FFF; border: 1px solid #c6c6c6; clear: both; float: left; margin: 0 -1px 9px -3px; padding: 29px 17px 29px 42px; position: relative; width: 243px; } #subscribe div { color: #999; float: left; font-size: 17px; line-height: 17px; padding: 9px 17px 0 0; text-align: center; width: 78px; } #subscribe div em { color: #63accc; display: block; font-size: 63px; font-style: normal; line-height: 63px; margin: 0 0 -3px; text-align: center; } #subscribe div img { display: block; margin: 0 0 11px; } #subscribe div a { display: block; margin: 9px 0 0; } #subscribe div a img { margin: 0; } #subscribe img.mag_shot { display: block; float: left; } #subscribe a.extend { display: block; left: -12px; position: absolute; margin: -24px 0 0; top: 50%; } #subscribe a.extend img { display: block; } #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; } #site_info { background: #000; font-size: 11px; color: #fff; overflow: hidden; padding: 24px 0 22px 30px; width: 960px; } #site_info h2 { clear: both; float: left; font-size: 11px; font-weight: bold; margin: 1px 0 0; text-transform: lowercase; white-space: nowrap; } #footer_nav { display: inline; float: left; list-style: none; margin: 0 0 -2px -7px; overflow: hidden; width: 967px; } #footer_nav li { background: url(cleo/bachelors/footer_nav.gif) right 5px no-repeat; float: left; } #footer_nav li a { color: #fff; display: block; margin: 0 1px 0 0; padding: 0 7px 0 6px; } #footer_nav li.rss { background: transparent; } #footer_nav li.rss a { background: url(cleo/bachelors/icon/rss.gif) right 1px no-repeat; padding-right: 19px; } #sister_sites { display: inline; float: left; font-size: 10px; list-style: none; } #sister_sites li { background: url(cleo/bachelors/sister_sites.gif) right 6px no-repeat; float: left; } #sister_sites li a { color: #dfcfaa; display: block; margin: 0 3px 0 0; padding: 0 6px; } #sister_sites li.last { background: transparent; margin: 0 -11px 0 0; }