/* Global Styles */ * { margin: 0; padding: 0; } a { color: #f52a7b; text-decoration: none; } body { background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; } img { border: none; } td { vertical-align: top; } div { zoom: 1; } /* Ad Units */ #nmsnhd_2 { height: 30px; overflow: hidden; } #network_header_ad_1 { margin: auto; text-align: center; width: 990px; } /* Structure */ #tblOuter { margin: 0 auto; width: 990px; } #mainBox { position: relative; } #tcLeftContent { background: #eaeaea url(cosmo/bg/left_column.gif) 0 0 no-repeat; width: 155px; } #LeftNav_pnlContent { width: 155px; } /*#tcMidContent { width: 535px; }*/ #MiddleContent_pnlContent { padding: 0 20px; /*width: 495px;*/ } #tcRightContent { padding: 25px 0 0; width: 300px; } #RightNav_pnlContent { width: 300px; } #Footer_pnlContent { border-top: 1px solid #ccc; margin: 20px 0 0; padding: 9px 0 0; text-align:center} /* Branding */ #Masthead_pnlContent { /*margin: 155px 0 0; margin:68px 0 0;*/ padding: 0 0 9px; position: relative; } #Masthead_pnlContent h1 { padding: 19px 2px 21px; width: 420px; } #Masthead_pnlContent h1 a, #Masthead_pnlContent h1 a img { display: block; } /* Search */ #search { background: url(cosmo/bg/search.gif) right 0 no-repeat; height: 20px; overflow: hidden; position: absolute; right: 3px; top: 137px; width: 287px; z-index: 999; } #search.home { right: 8px; top: 136px; width: 236px; } #search label { left: -9999px; position: absolute; } #search input { background: url(cosmo/bg/search_input.gif) 0 0 no-repeat; border: 0; color: #959595; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 9px; width: 172px; } #search input.btn { background: transparent; border: 0; padding: 0; position: absolute; right: 2px; top: 2px; width: auto; } /* Nav */ #nav { list-style: none; margin: 0 -4px 0 2px; overflow: hidden; width: 992px; } #nav li { float: left; margin: 0 5px 0 0; } #nav li a { display: block; height: 35px; text-indent: -9999px; width: 119px; } #nav li a:hover, #nav li a:focus, #nav li a.active { background-position: 0 -35px; } #nav li.home a { background-image: url(cosmo/btn/nav/home.jpg); } #nav li.love_and_sex a { background-image: url(cosmo/btn/nav/love_and_sex.jpg); } #nav li.fashion_and_beauty a { background-image: url(cosmo/btn/nav/fashion_and_beauty.jpg); } #nav li.entertainment a { background-image: url(cosmo/btn/nav/entertainment.jpg); } #nav li.lifestyle a { background-image: url(cosmo/btn/nav/lifestyle.jpg); } #nav li.forums a { background-image: url(cosmo/btn/nav/forums.jpg); } #nav li.cosmo_bride a { background-image: url(cosmo/btn/nav/cosmo_bride.jpg); } #nav li.cosmo_pregnancy a { background-image: url(cosmo/btn/nav/cosmo_pregnancy.jpg); } /* Sub-nav */ #subNav { list-style: none; } #subNav li a { background: #424242; border-bottom: 1px solid #fff; color: #fff; display: block; font-size: 12px; height: 1%; padding: 5px 12px 4px; } #subNav li.first a { background: #424242 url(cosmo/btn/subnav.gif) 0 0 no-repeat; } /* Become a Fan */ #LeftNav_pnlContent #become_a_fan { background: transparent; margin: 33px 0 0 8px; } #LeftNav_pnlContent #become_a_fan h2 { background: url(cosmo/ir/love_cosmo_become_a_fan.gif); height: 34px; margin: 0 0 7px; width: 96px; } #LeftNav_pnlContent #become_a_fan ul { background: transparent; padding: 0; } /* Tiny Module */ #LeftNav_pnlContent .tiny_module { background: #ededed; height: 54px; line-height: 12px; overflow: hidden; padding: 17px 10px 0 8px; } #LeftNav_pnlContent .tiny_module a { float: left; margin: 0 8px 0 0; } #LeftNav_pnlContent .tiny_module a img { display: block; } #LeftNav_pnlContent .tiny_module h4 { display: none; } #LeftNav_pnlContent .tiny_module p { margin: 2px 0; } #LeftNav_pnlContent .tiny_module a.more { margin: 0; } /* Poll */ #LeftNav_pnlContent .poll { border-bottom: 1px dotted #808080; margin: 0 6px; padding: 33px 2px 15px; } #LeftNav_pnlContent .poll h3 { background: url(cosmo/ir/poll.gif); height: 14px; margin: 0 0 9px; overflow: hidden; text-indent: -9999px; width: 25px; } #LeftNav_pnlContent .poll dl { padding: 0 2px; } #LeftNav_pnlContent .poll dl dt { margin: 0 0 6px; } #LeftNav_pnlContent .poll dl dd { margin: 0 0 5px; position: relative; } #LeftNav_pnlContent .poll dl dd input { left: 2px; position: absolute; top: 2px; } #LeftNav_pnlContent .poll dl dd label { display: block; margin: 0 0 0 22px; } #LeftNav_pnlContent .poll .button { padding: 7px 3px 0 0; overflow: hidden; } #LeftNav_pnlContent .poll .button input { float: right; } /* Home page */ #home { margin: 0 -20px; /*margin: 0 -475px 0 -20px;*/ overflow: hidden; width: 990px; } #left_column { float: left; margin: 0 20px 0 0; width: 193px; } #middle_column { float: left; width: 511px; } #right_column { float: left; margin: 22px 0 0 20px; overflow: hidden; width: 246px; } #news .date { margin: 0 0 4px; text-align: center; } #news h2 { background: url(cosmo/ir/cosmo_news.gif); height: 21px; margin: 0 auto 3px; text-indent: -9999px; width: 148px; } #news ul { list-style: none; } #news ul li { background: url(cosmo/bg/news.gif) 0 bottom no-repeat; border: 1px dotted #8c8c8c; color: #fff; height: 144px; line-height: 13px; margin: 0 0 10px; overflow: hidden; padding: 1px 10px 6px; } #news ul li a { display: block; margin: 0 -9px 1px; } #news ul li a img { display: block; } #news ul li h4 { display: none; } #news ul li p { display: inline; } #news ul li a.more { color: #fff; display: inline; margin: 0; text-decoration: underline; } #become_a_fan { background: url(cosmo/bg/become_a_fan.gif) 0 0 no-repeat; margin: 0 0 11px; overflow: hidden; } #become_a_fan h2 { background: url(cosmo/ir/become_a_fan.gif); height: 15px; margin: 6px 0 5px 14px; text-indent: -9999px; width: 94px; } #become_a_fan ul { background: url(cosmo/bg/become_a_fan_bottom.gif) 0 bottom no-repeat; height: 1%; list-style: none; padding: 0 14px 12px; } #become_a_fan ul li { margin: 0 0 2px; } #become_a_fan ul li a { color: #000; display: block; height: 1%; padding: 2px 0 3px 25px; } #become_a_fan ul li.facebook a { background: url(cosmo/btn/tools/fan/facebook.gif) 0 0 no-repeat; } #become_a_fan ul li.myspace a { background: url(cosmo/btn/tools/fan/myspace.gif) 0 0 no-repeat; } #become_a_fan ul li.digg a { background: url(cosmo/btn/tools/fan/digg.gif) 0 0 no-repeat; } #become_a_fan ul li.twitter a { background: url(cosmo/btn/tools/fan/twitter.gif) 0 0 no-repeat; } #left_column .tiny_module { background: #ededed; font-size: 12px; height: 54px; line-height: 14px; overflow: hidden; padding: 0 10px 0 0; } #left_column .tiny_module a { float: left; margin: 0 9px 0 0; } #left_column .tiny_module a img { display: block; } #left_column .tiny_module h4 { display: none; } #left_column .tiny_module p { margin: 3px 0 6px; } #left_column .tiny_module a.more { margin: 0 0 0 -1px; } #middle_column .ad { margin: 0 0 15px; } #middle_column .ad * { /*display: block;*/ } #left_middle { float: left; margin: 0 20px 0 0; width: 191px; } #what_are_you_talking_about { background: url(cosmo/bg/what_are_you_talking_about.gif) 0 bottom no-repeat; margin: 0 0 20px; padding: 0 1px; } #what_are_you_talking_about h2 { background: url(cosmo/ir/what_are_you_talking_about.gif); height: 24px; margin: 0 -1px; text-indent: -9999px; } #what_are_you_talking_about #module_nav { list-style: none; overflow: hidden; } #what_are_you_talking_about #module_nav li { float: left; } #what_are_you_talking_about #module_nav li.recent_posts { width: 94px; } #what_are_you_talking_about #module_nav li.popular_posts { width: 95px; } #what_are_you_talking_about #module_nav li a { background: url(cosmo/bg/module_nav.gif); color: #454545; display: block; height: 1%; padding: 2px 3px 3px; text-align: center; text-transform: uppercase; } #what_are_you_talking_about #module_nav.recent_posts li.recent_posts a { background: #fff; color: #000; } #what_are_you_talking_about #module_nav.popular_posts li.popular_posts a { background: #fff; color: #000; } #what_are_you_talking_about div ul { list-style: none; overflow: hidden; padding: 13px 9px 14px; } #what_are_you_talking_about div ul li { margin: 0 0 7px; } #what_are_you_talking_about div ul li h3 { font-size: 11px; font-weight: normal; } #what_are_you_talking_about div ul li h3 a { color: #000; } #what_are_you_talking_about div ul li .byline { font-size: 10px; margin: -2px 0 0; } #what_are_you_talking_about div ul li .byline a { text-decoration: underline; } #right_middle { float: left; width: 300px; } #right_middle .small_module { background: #ededed; height: 89px; line-height: 13px; overflow: hidden; padding: 4px; margin: 0 0 15px 0;} #right_middle .small_module a { float: left; margin: 0 10px 0 0; } #right_middle .small_module a img { display: block; height: 89px; } #right_middle .small_module h4 { font-size: 12px; font-weight: normal; line-height: 19px; margin: 2px 0 4px; } #right_middle .small_module h4 a { color: #000; float: none; margin: 0; } #right_middle .small_module p { margin: 0 0 12px; } #right_middle .small_module a.more { margin: 0 0 0 -1px; } #right_middle .small_module a.more img { height: auto !important; } #right_column #cosmo_blog { background: url(cosmo/bg/cosmo_blog_home.gif) 0 0 no-repeat; } #right_column #cosmo_blog .inner { background: url(cosmo/bg/cosmo_blog_home_bottom.gif) 0 bottom no-repeat; } #right_column #what_are_you_looking_for { background: url(cosmo/bg/what_are_you_looking_for_small.gif) 0 bottom no-repeat; } #right_column #what_are_you_looking_for h2 { background: url(cosmo/ir/what_are_you_looking_for_small.gif); } /* Breadcrumbs */ #breadcrumbs { margin: 3px 0 6px; } #breadcrumbs a { color: #000; } #breadcrumbs em { color: #f52a7b; font-style: normal; } /* Flash Panel */ #flash_panel { margin: 0 0 9px; } /* Sub-category List */ #subCategory { list-style: none; margin: 0 -17px 0 0; overflow: hidden; width: 512px; } #subCategory li { background: url(cosmo/bg/subcategory.gif) 0 bottom no-repeat; border: 1px dotted #8c8c8c; color: #fff; float: left; line-height: 13px; margin: 0 17px 17px 0; padding: 1px; width: 235px; } #subCategory li a, #subCategory li a img { display: block; } #subCategory li h4 { font-size: 18px; font-weight: normal; line-height: 20px; padding: 4px 9px 3px; } #subCategory li h4 a { color: #fff; } /* #subCategory li h4 a { background: 9px 8px no-repeat; display: block; height: 27px; text-indent: -9999px; } */ #subCategory li p { height: 13px; margin: -3px 10px 6px; overflow: hidden; } #subCategory li a.more { display: none; } /*#subCategory li.beauty_bar h4 a { background-image: url(cosmo/btn/subcategory/beauty_bar.gif); } #subCategory li.fashion_and_beauty_blog h4 a { background-image: url(cosmo/btn/subcategory/fashion_and_beauty_blog.gif); } #subCategory li.top_10 h4 a { background-image: url(cosmo/btn/subcategory/top_10.gif); } #subCategory li.stockists h4 a { background-image: url(cosmo/btn/subcategory/stockists.gif); }*/ /* Content */ #content { border: solid #cdcdcd; border-width: 1px 0; margin: -1px 0 0; padding: 10px 0 0; } #content.video { width: 795px; } #content h1 { color: #f52a7b; font-size: 18px; font-weight: normal; line-height: 21px; margin: 0 0 6px; } #content h1 em { color: #000; font-style: normal; } #content h2 { font-size: 11px; font-weight: bold; margin: 0 0 15px; } #content p { margin: 0 0 15px; } #content em { color: #f52a7b; font-style: normal; } #content.video #CustomPlayer1Container { margin: -6px 0 0 -10px; } /* Article */ #content .main { zoom: normal; } .ArticleImage, #articleImage { background: #fff; border: 1px solid #cdcdcd; display: inline; float: left; margin: 0 10px 0 0; padding: 2px; width:164px; height:220px; position:relative; } #articleContainer { background: #f2f2f2; /* float: left; width: 315px; */ zoom: normal; } #qaContainer { background: #f2f2f2; /* display: inline; float: left; margin: 0 0 0 180px; */ position: relative; /* width: 315px; */ } /* #qaContainer .ArticleImage, #qaContainer #articleImage { border: 1px solid #cdcdcd; left: -180px; margin: 0 10px 0 0; padding: 2px; position: absolute; top: 0; width:164px; height:220px; } */ #questionAndAnswerSingleQuestion, #articleBody { border-bottom: 1px solid #cecece; padding: 13px 10px 2px; zoom: normal; } #questionAndAnswerSingleQuestion h1 { color: #000; font-size: 11px; font-weight: bold; line-height: 15px; margin: 0 0 15px; } #questionAndAnswerSingleQuestion img, #articleBody img { background: #fff; border: 1px solid #cdcdcd; padding: 2px; } #questionAndAnswerSingleQuestion ul, #articleBody ul, #questionAndAnswerSingleQuestion ol, #articleBody ol { margin-left: 13px; } #qaContainer #share, #articleContainer #share { background: #f2f2f2; border-top: 1px solid #fff; padding: 70px 12px 7px; width: 471px; } #qaContainer .action { display:none; } /* Slideshow */ #gallery_description { float: left; margin: 0 0 0 21px; width: 159px; } #gallery_description h1 { margin: 0 0 13px; } #gallery_description .launch_gallery { background: url(cosmo/ir/launch_gallery_large.jpg); no-repeat; display: block; height: 15px; margin: 25px -1px 0 0; text-indent: -9999px; width: 117px; } #gallery_images { float: left; width: 306px; } #gallery_images ul { height: 399px; list-style: none; margin: 0 -6px 0 0; overflow: hidden; width: 312px; } #gallery_images ul li { float: left; margin: 0 6px 6px 0; } #gallery_images ul li a, #gallery_images ul li a img { display: block; } #gallery_images ul li a img { border: 1px solid #ccc; height: 125px; padding: 1px; width: 94px; } #gallery_images .photo_counter { margin: 2px 2px 0 0; text-align: right; } /* Slideshow Popout */ #gallery_popout { /*padding: 98px 15px 0;*/ width: 728px; margin: 0 auto;} #gallery_popout h1 { float: left; margin: 0 0 5px 8px; } #gallery_popout h1 img { display: block; } #gallery_popout h2 { color: #f52a7b; font-size: 18px; font-weight: normal; line-height: 21px; margin: 2px 0 11px; } #gallery_popout .main { border-top: 1px solid #cdcdcd; clear: both; float: left; position: relative; width: 728px; } #gallery_popout .pager { list-style: none; margin: 4px 0 4px 340px; overflow: hidden; } #gallery_popout .pager li { float: left; margin: 0 3px; } #gallery_popout .pager li a { display: block; height: 15px; margin: 2px 0 0; text-indent: -9999px; width: 12px; } #gallery_popout .pager li.galleryPagerPrev a { background: url(cosmo/btn/prev.gif); } #gallery_popout .pager li.galleryPagerNext a { background: url(cosmo/btn/next.gif); } #gallery_popout .img { display: block; /*inline*/ float: left; padding: 0 19px 19px 16px; } #gallery_popout .img img { border: 1px solid #cdcdcd; display: block; padding: 2px; } /* #gallery_popout .description { background: #f2f2f2; float: left; margin: 0 0 290px; padding: 7px 12px 6px; width: 276px; } #gallery_popout .description .imageCaption { margin: 0 0 19px; } */ #gallery_popout .description { float: left; width: 300px; } #gallery_popout .description .inner { background: #f2f2f2; padding: 7px 12px 6px; } #gallery_popout .description .imageCaption { margin: 0 0 19px; } #gallery_popout .rating { float: right; margin: 0 0 9px; overflow: hidden; } #gallery_popout .rating dt { float: left; margin: 0 6px 0 0; } #gallery_popout .rating dd { background: url(cosmo/bg/stars.gif) no-repeat; float: left; height: 15px; overflow: hidden; text-indent: -9999px; width: 15px; } #gallery_popout .rating dd.one { width: 15px; } #gallery_popout .rating dd.two { width: 32px; } #gallery_popout .rating dd.three { width: 49px; } #gallery_popout .rating dd.four { width: 66px; } #gallery_popout .rating dd.five { width: 83px; } #gallery_popout #galleryYourRating { float: none; } #gallery_popout #galleryYourRating dt { color: #f52a7b; font-size: 13px; font-weight: bold; margin: 3px 0 0; } #gallery_popout #galleryYourRating dd { background: url(cosmo/btn/stars.gif) no-repeat; float: right; height: 20px; width: 109px; } #gallery_popout #galleryYourRating dd.one { background-position: 0 -20px; } #gallery_popout #galleryYourRating dd.two { background-position: 0 -40px; } #gallery_popout #galleryYourRating dd.three { background-position: 0 -60px; } #gallery_popout #galleryYourRating dd.four { background-position: 0 -80px; } #gallery_popout #galleryYourRating dd.five { background-position: 0 -100px; } #gallery_popout #galleryRateThis { margin: 0 0 9px; overflow: hidden; } #gallery_popout #galleryRateThis div { color: #f52a7b; float: left; font-size: 13px; font-weight: bold; margin: 3px 0 0; } #gallery_popout #galleryRateThis p { left: -9999px; position: absolute; } #galleryRateThis ul { background: url(cosmo/btn/stars.gif) no-repeat; float: right; height: 20px; list-style: none; overflow: hidden; position: relative; width: 109px; } #galleryRateThis ul li { float: left; } #galleryRateThis ul li a { display: block; float: left; height: 20px; left: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 21px; z-index: 20; } #galleryRateThis ul li.one a { left: 0; } #galleryRateThis ul li.two a { left: 22px; } #galleryRateThis ul li.three a { left: 44px; } #galleryRateThis ul li.four a { left: 66px; } #galleryRateThis ul li.five a { left: 88px; } #galleryRateThis ul li a:hover, #galleryRateThis ul li a:focus, #galleryRateThis ul li a:active { background: url(cosmo/btn/stars.gif) no-repeat; left: 0; width: 109px; z-index: 2; } #galleryRateThis ul li.one a:hover, #galleryRateThis ul li.one a:focus, #galleryRateThis ul li.one a:active { background-position: 0 -20px; } #galleryRateThis ul li.two a:hover, #galleryRateThis ul li.two a:focus, #galleryRateThis ul li.two a:active { background-position: 0 -40px; } #galleryRateThis ul li.three a:hover, #galleryRateThis ul li.three a:focus, #galleryRateThis ul li.three a:active { background-position: 0 -60px; } #galleryRateThis ul li.four a:hover, #galleryRateThis ul li.four a:focus, #galleryRateThis ul li.four a:active { background-position: 0 -80px; } #galleryRateThis ul li.five a:hover, #galleryRateThis ul li.five a:focus, #galleryRateThis ul li.five a:active { background-position: 0 -100px; } #gallery_popout #share { padding: 14px 0 0; width: 100%; } #gallery_popout .ad { bottom: 19px; margin: 10px 0; /*position: absolute;*/ /*left:422px;*/ right: 0; } #gallery_popout .ad img { border: 0; padding: 0; } #gallery_popout .close { background: #f52a7b; clear: both; margin: 0 -15px; padding: 11px 11px 13px; text-align: right; } #gallery_popout .close a { background: url(cosmo/btn/close.gif) right 3px no-repeat; color: #fff; padding: 0 14px 0 0; } #gallery_popout #galleryECard { background:url(cosmo/btn/ecardtemplate_button.jpg) no-repeat; display:block; height:41px; width:164px; margin:20px 0 0 113px; overflow:hidden; text-indent:-9999px; } /* Blog Listing */ .posts { border-top: 1px solid #cdcdcd; list-style: none; margin: 0 0 11px; } .posts li { border-bottom: 1px solid #cdcdcd; padding: 16px 0; } .posts li h3 { font-size: 17px; font-weight: normal; line-height: 20px; margin: 0 0 9px; } .posts li h3 a { color: #000; } .posts li .date { color: #f52a7b; display: block; margin: 0 0 8px; } .posts li p { color: #555; display: inline; } .posts li .more { color: #f52a7b; font-size: 10px; font-weight: bold; } .posts li .details { list-style: none; margin: 11px 0 0 -8px; overflow: hidden; } .posts li .details li { background: url(cosmo/bg/seperator_pink.gif) 0 4px no-repeat; border: 0; float: left; padding: 0 8px; } .posts li .details li.first { background: none; } .posts li .details li.first a img { display:none; } .posts li .details li a { font-weight: bold; } .posts hr { display:none; } /* Comments */ #comments h4 { color: #f52a7b; font-size: 13px; font-weight: bold; line-height: 14px; margin: 13px 0 11px; } #comments .form { border-top: 1px solid #cdcdcd; color: #424242; margin: -1px 0 0; overflow: hidden; width: 495px; } #comments .form ul { list-style: none; margin: -1px 0 0; } #comments .form ul li { margin: 0 0 5px; position: relative; } #comments .form ul li label { left: 0; position: absolute; top: 1px; width: 80px; } #comments .form ul li input, #comments .form ul li textarea { border: 1px solid #cdcdcd; color: #424242; /* #959595; */ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; margin: 0 0 0 84px; padding: 2px 2px 3px; } #comments .form ul li input { width: 154px; } #comments .form ul li textarea { height: 84px; overflow: auto; width: 405px; } #comments .form ul li.button { margin-top: -1px; text-align: right; } #comments .form ul li.button input { border: 0; margin: 0; padding: 0; width: auto; } #comments .comments { list-style: none; padding: 0 0 1px; } #comments .comments li { height: 1%; margin: 0 0 15px; padding: 0 0 15px; position: relative; } #comments .comments li .byline { color: #424242; font-weight: bold; } #comments .comments li a { bottom: 0; left: 0; position: absolute; text-decoration: underline; } #comments .comments li div a { position: static; } #comments .more_comments a { background: url(cosmo/btn/more_comments.gif); display: block; height: 17px; margin: -9px 0 9px; overflow: hidden; position: relative; text-indent: -9999px; width: 101px; } /* Pager */ #pager { color: #f52a7b; list-style: none; text-align: center; text-transform: uppercase; } #pager li { background: url(cosmo/bg/seperator_grey.gif) 0 4px no-repeat; display: inline; padding: 0 3px 0 7px; } #pager li a { color: #000; } #pager li#pagerFirstItem, #pager li#pagerLastItem { display: none; } #pager li#pagerPreviousItem { background: transparent; float: left; padding: 0; } #pager li#pagerNextItem { background: transparent; float: right; margin: /*-15px*/ 0 0 0; padding: 0; } #pager li#pagerPreviousItem a { background: url(cosmo/btn/prev_paging.gif) 0 3px no-repeat; padding: 0 0 0 15px; } #pager li#pagerNextItem a { background: url(cosmo/btn/next_paging.gif) right 3px no-repeat; padding: 0 15px 0 0; } #pager li.pagerFirstPage { background: url(cosmo/ir/page.gif) 0 3px no-repeat; padding: 0 3px 0 37px; } /* Tools */ #topTools { float: right; list-style: none; margin: -1px 2px 0 0; } #topTools li { float: left; margin: 0 0 0 8px; } #topTools li a { display: block; height: 21px; overflow: hidden; text-indent: -9999px; width: 22px; } #topTools li .printTool { background: url(cosmo/btn/tools/top/print.gif); } #topTools li #sendToFriendTool { background: url(cosmo/btn/tools/top/send.gif); } #topTools li #archiveTool { background: url(cosmo/btn/tools/top/archive.gif); } #topTools li #commentsTool { background: url(cosmo/btn/tools/top/comment.gif); } #share { color: #616161; float: left; text-transform: uppercase; } #share dt, #share dd { float: left; } #share dt { margin: 0 3px 0 0; } #share dd a { color: #ec4b87; display: block; font-weight: bold; padding: 0 0 1px; } #share dd.messenger a { background: url(cosmo/btn/tools/share/messenger.gif) 0 2px no-repeat; margin: 0 10px 0 0; padding-left: 18px; } #share dd.facebook a { background: url(cosmo/btn/tools/share/facebook.gif) 0 0 no-repeat; margin: 0 4px 0 0; padding-left: 19px; } #share dd.more { border: solid #f2f2f2; border-width: 1px 1px 0; margin: -2px 0 0; position: relative; } #share dd.active { background: #fff; border: solid #ccc; border-width: 1px 1px 0;} #share dd.more a { background: url(cosmo/btn/tools/share/more.gif) 3px 3px no-repeat; padding: 1px 5px 1px 18px; position: relative; z-index: 99; } #share dd.active a { background: #fff url(cosmo/btn/tools/share/more.gif) 3px -22px no-repeat; } #share dd.more a { font-weight: normal; } #share dd.more ul { background: #fff; border: 1px solid #ccc; left: -9999px; list-style: none; padding: 4px 0 1px; position: absolute; text-transform: none; top: 16px; width: 135px; z-index: 9; } #share dd.active ul { left: -1px; } #share dd.more ul li a { color: #666; height: 1%; margin: 0 0 9px; padding: 0 0 2px 28px; } #share dd.more ul li.spaces a { background: url(cosmo/btn/tools/share/spaces.gif) 7px 1px no-repeat; } #share dd.more ul li.delicious a { background: url(cosmo/btn/tools/share/delicious.gif) 7px 1px no-repeat; } #share dd.more ul li.digg a { background: url(cosmo/btn/tools/share/digg.gif) 7px 1px no-repeat; } #bottomTools { clear: both; height: 17px; list-style: none; overflow: hidden; margin: 0 0 0 -1px; padding: 13px 0 8px; } #bottomTools li { float: left; margin: 0 3px 0 0; } #bottomTools li a { display: block; height: 17px; overflow: hidden; text-indent: -9999px; } #bottomTools li #commentsTool { background: url(cosmo/btn/tools/bottom/add_comment.gif); width: 87px; } #bottomTools li #sendToFriendTool { background: url(cosmo/btn/tools/bottom/send_to_a_friend.gif); width: 103px; } #bottomTools li .printTool { background: url(cosmo/btn/tools/bottom/print.gif); width: 45px; } /* Blog */ #blog h3 { color: #f52a7b; font-size: 18px; font-weight: normal; line-height: 21px; margin: 0 0 18px; } #blog_description { background: url(cosmo/bg/blog.jpg) 0 0 no-repeat; margin: 0 0 22px; } #blog_description .inner { background: url(cosmo/bg/blog_bottom.jpg) 0 bottom no-repeat; overflow: hidden; padding: 14px 16px 12px 14px; } #blog_description img { border: 1px solid #cdcdcd; float: left; height: 80px; margin: 0 14px 0 0; padding: 1px; width: 80px; } #blog_description p { float: right; margin: 0 0 12px; width: 367px; } #blog_description #blog_archive { clear: right; float: right; margin: 0 7px 0 0; overflow: hidden; width: 210px; } #blog_description #blog_archive label { color: #595757; float: left; font-weight: bold; margin: 1px 12px 0 0; } #blog_description #blog_archive select { border: 1px solid #cdcdcd; color: #000; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px; width: 129px; } /* Forum */ #forum h3 { clear: both; font-size: 12px; height: 1%; padding: 6px 0 10px; } #forum h3 img { margin: 0 4px -8px 0; } #forum_nav { float: right; margin: 22px 1px 11px 0; } #forum_nav label { font-weight: bold; margin: 0 5px 0 0; } #forum_nav select { border: 1px solid #cdcdcd; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; padding: 1px; width: 191px; } #forum table { border-collapse: collapse; margin: 0 0 10px; width: 495px; clear:both} #forum table thead tr th { background: #f73f8d url(cosmo/bg/forum_th.gif) bottom repeat-x; border-right: 1px dotted #fff; color: #fff; padding: 5px 16px 8px; text-align: left; } #forum table tbody tr td { border-right: 1px solid #fff; } #forum table tbody tr.odd td { background: #eaeaea; } #forum table thead tr th.post_count, #forum table thead tr th.thread_count { padding: 5px 0 8px; text-align: center; } #forum table.subForumThreads thead tr th.post_count, #forum table thead tr th.author, #forum table thead tr th.thread_count, #forum table thead tr th.message, #forum table tbody tr td.message, #forum table.subForumThreads tbody tr td.post_count, #forum table tbody tr td.thread_count { border: 0; } #forum table thead tr th.message a { display: none; } #forum table tbody tr td h2 { line-height: 14px; margin: 0; } #forum table tbody tr td h2 a { color: #000; font-size:11px; } #forum table tbody tr td.icon { padding: 14px 0; text-align: center; width: 51px; } #forum table.forumThreads tbody tr td.icon { border: 0; padding: 9px 1px 11px 2px; width: 67px; } #forum table.forumThreads tbody tr td.icon img {width:67px; height:67px; } #forum table.forumThreads tbody tr td.forum ul.thread_tools {display:none;} #forum table tbody tr td.threads { padding: 10px 17px 14px; width: 188px; } #forum table tbody tr td.threads h2 { margin: 0 0 7px; } #forum table tbody tr td.threads div { font-size: 10px; line-height: 14px; } #forum table tbody tr td.threads div strong { color: #e11f6c; font-weight: normal; } #forum table tbody tr td.forum { line-height: 13px; padding: 10px 9px; width: 125px; } #forum table tbody tr td.forum h2 { line-height: 12px; margin: 0 0 4px; } #forum table tbody tr td.forum p { margin: 0; } #forum table tbody tr td.last_post { font-size: 10px; line-height: 14px; padding: 11px 17px; width: 121px; } #forum table tbody tr td.last_post strong { color: #e11f6c; font-weight: normal; } #forum table.forumThreads tbody tr td.last_post { padding: 10px 11px; width: 133px; } #forum table.forumThreads tbody tr td.last_post h3 { font-size: 11px; font-weight: bold; line-height: 12px; margin: 0 0 3px; padding: 0; } #forum table.forumThreads tbody tr td.last_post h3 a { color: #000; } #forum table tbody tr td.post_count, #forum table tbody tr td.thread_count { padding: 8px 0; text-align: center; width: 64px; } #forum table.forumThreads tbody tr td.post_count { width: 62px; } #forum table.forumThreads tbody tr td.thread_count { width: 63px; } #forum table tbody tr td.author { font-size: 10px; line-height: 12px; padding: 20px 15px 0; width: 112px; } #forum table tbody tr td.author .byline { font-size: 11px; font-weight: bold; margin: 0 0 8px; } #forum table tbody tr td.message { padding: 0 14px; width: 324px; } #forum table tbody tr td.message .post_number { color: #f73f8d; font-size: 11px; font-weight: bold; margin: 0 3px 3px 0; text-align: right; } #forum table tbody tr td.message p { margin: 0; } #forum table tbody tr td.message blockquote { background: #fff; border: 1px solid #d2d1d1; color: #f73f8d; line-height: 13px; margin: 1px 0 7px; padding: 5px 9px 7px; } #forum table tbody tr td.message blockquote cite { display: block; font-style: normal; font-weight: bold; margin: 0 0 3px; } #forum table tbody tr td.message .thread_tools { float: right; font-size: 10px; list-style: none; margin: 8px -3px 13px 0; } #forum table tbody tr td.message .thread_tools li { background: url(cosmo/bg/seperator.gif) 0 4px no-repeat; float: left; padding: 0 7px 0 8px; } #forum table tbody tr td.message .thread_tools li.first { background: transparent; float: left; } #forum table tbody tr td.message .thread_tools li a { color: #f73f8d; } #forum_form { color: #424242; } #forum_form h2 { color: #f52a7b; font-size: 13px; font-weight: bold; line-height: 14px; margin: 13px 0 10px; } #forum_form ul { list-style: none; } #forum_form ul li { margin: 0 0 5px; position: relative; } #forum_form ul li label { left: 0; position: absolute; top: 0; width: 100px; } #forum_form ul li input, #forum_form ul li textarea { border: 1px solid #cdcdcd; color: #424242; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; margin: 0 0 0 104px; padding: 2px 2px 3px; } #forum_form ul li input { width: 132px; } #forum_form ul li.long input, #forum_form ul li textarea { width: 385px; } #forum_form ul li textarea { overflow: hidden; } #forum_form ul li .errorStyle { color: #f52a7b; } #forum_form ul li.button { margin: -3px 0 0; padding: 0 0 0 104px; } #forum_form ul li.button input { border: 0; margin: 0; width: auto; } #forum_form ul li.button a img { padding:2px 2px 3px; line-height:15px;} /* Form */ #form { background: #fff; color: #424242; margin: -7px 0 0; overflow: hidden; } #form h2 { border-top: 1px solid #cdcdcd; color: #f52a7b; font-size: 13px; font-weight: bold; margin: 17px 0 0; padding: 12px 0 10px; } #form h3 { border-bottom: 1px dotted #a0a0a0; color: #f52a7b; font-size: 13px; font-weight: bold; margin: 0 0 11px; padding: 0 0 4px; text-transform: uppercase; } #form ul { list-style: none; overflow: hidden; } #form ul li { clear: left; float: left; margin: 0 0 5px; padding: 0 0 0 140px; position: relative; width: 355px; } #form ul li label, #form ul li dl dt { left: 0; position: absolute; top: 2px; width: 135px; } #form ul li input, #form ul li select, #form ul li textarea { border: 1px solid #a0a0a0; color: #424242; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; } #form ul li input { padding: 2px 2px 3px; width: 214px; } #form ul li select { padding: 1px 2px 2px; width: 220px; } #form ul li textarea { height: 130px; padding: 2px; width: 349px; } #form ul li .subButton { border: 0; margin: 0 0 -7px; padding: 0; width: auto; } #form ul li.dob dl dd { float: left; margin: 0 5px 0 0; } #form ul li.dob dl dd label { left: -9999px; } #form ul li.dob dl dd.month select { width: 100px; } #form ul li.dob dl dd.day select { width: 50px; } #form ul li.dob dl dd.year select { width: 60px; } #form ul li.checkbox { padding-bottom: 9px; } #form ul li.checkbox input { border: 0; margin-right: 3px; padding: 0; width: auto; } #form ul li.checkbox label { position: static; } #form ul li.radio { padding-bottom: 0; } #form ul li.radio td { padding: 0 14px 0 0; } #form ul li.inline dl dt { margin: 0 14px 0 0; position: static; } #form ul li.inline * { display: inline; } #form ul li.interests { margin-top: -1px; } #form ul li.interests td { padding: 0 40px 8px 0; } #form ul li.interests table { padding: 0 0 10px; } #form ul li.button { padding-top: 3px; } #form ul li.button input { border: 0; padding: 0; width: auto; } /* Content List */ #content_list ul { border-top: 1px solid #cdcdcd; list-style: none; overflow: hidden; padding: 0 0 14px; width: 495px; } #content_list ul li { border-bottom: 1px solid #cdcdcd; float: left; list-style: none; padding: 14px 0; width: 495px; } #content_list ul li .img { border: 1px dotted #7f7f7f; float: left; margin: 0 18px 0 0; padding: 1px; } #content_list ul li .img img { display: block; } #content_list ul li h4 { font-size: 14px; font-weight: normal; line-height: 18px; margin: 1px 0 9px; } #content_list ul li h4 a { font-size: 14px; font-weight: normal; line-height: 18px; } #content_list ul li h4, #content_list ul li p { margin-right: 23px; } #content_list .galleries ul.gallery_thumbs li { border-bottom: 0; width: 165px; } /* Competition */ #competition { background: #fff; border: 1px dotted #9d9c9c; margin: 9px 0 11px 1px; padding: 35px 23px 15px; width: 445px; } #competition .img img { display: block; margin: 0 auto; } #competition h3 { color: #f52a7b; font-size: 24px; font-weight: normal; line-height: 30px; margin: 10px 0 15px; text-align: center; } #competition p { margin: 0 0 5px; } #comp_tools { list-style: none; margin: 0 0 46px; overflow: hidden; } #comp_tools li { float: left; margin: 0 10px 0 0; } #comp_tools li a { display: block; height: 17px; overflow: hidden; text-indent: -9999px; } #comp_tools li.enter a { background: url(cosmo/btn/enter.gif); width: 87px; } #comp_tools li.more_competitions a { background: url(cosmo/btn/more_competitions.gif); width: 126px; } #comp_tools li.send_to_a_friend a { background: url(cosmo/btn/send_to_a_friend.gif); width: 103px; } /* RSS */ #rss { list-style: none; margin: -4px 0 0; } #rss li { background: url(cosmo/btn/rss.gif) 464px 33px no-repeat; border-top: 1px dotted #8c8c8c; padding: 16px 0 15px; position: relative; } #rss li h2 { font-size: 18px; font-weight: normal; margin: 0 0 4px; } #rss li a { color: #000; } #rss li .more { background: url(cosmo/btn/rss_add.gif) 0 4px no-repeat; color: #7c7b7b; float: right; margin: -15px 37px 0 0; padding: 0 0 0 14px; } /* Video Player */ #video { background: url(cosmo/bg/video.jpg) 352px 0 repeat-y; margin: 0 0 11px; overflow: hidden; width: 495px; } #video .video_player { float: left; width: 352px; } #video .description { float: left; padding: 23px 0 0 17px; width: 126px; } #video .description h3 { color: #f52a7b; font-size: 20px; font-weight: normal; line-height: 25px; margin: 0 0 11px; } #video .channels { float: left; padding: 19px 0 0 17px; width: 126px; } #video .channels select { border: 1px solid #cdcdcd; color: #000; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px; width: 126px; } /* Videos */ #videos {font-size: 12px; font-weight: bold; text-align: left; padding: 0; margin: 0 auto; font-family:Arial, Helvetica, sans-serif;} #videos ul {margin: 0; padding: 10px 0 10px 0;} #videos li {list-style:none; margin: 5px; float: left; } /* Video List */ .video_list { margin: -2px 0 0; overflow: hidden; width: 495px; } .video_list h2 { border-top: 1px solid #cdcdcd; color: #f52a7b; font-size: 17px; font-weight: bold; line-height: 20px; padding: 11px 0 10px; } .video_list h3 { color: #f52a7b; font-size: 13px; font-weight: bold; margin: 15px 0 9px 7px; text-transform: uppercase; } .video_list .view_all { background: url(cosmo/btn/view_all.gif); float: right; height: 13px; margin: -23px 4px 0 0; overflow: hidden; text-indent: -9999px; width: 57px; } .video_list ul { list-style: none; margin: 0 -18px 0 0; overflow: hidden; width: 513px; } .video_list ul.gallery_thumbs { border-top: 1px solid #cdcdcd; margin: 1px 0 0; padding: 14px 0 0; } .video_list ul li { background: url(cosmo/bg/video_list.gif) 0 0 no-repeat; border: 1px dotted #a0a0a0; float: left; margin: 0 18px 19px 0; padding: 17px 5px 7px 6px; width: 140px; } .video_list ul li .image { display: block; margin: 0 auto 18px; width: 110px; } .video_list ul.gallery_thumbs li .image { background: transparent; height: 164px; margin: -1px auto 16px; text-indent: 0; width: 123px; } .video_list ul li .image img { display: block; width:110px; height:84px; } .video_list ul.gallery_thumbs li .image img { width: 123px; height: 164px; } .video_list ul li p { background: url(cosmo/bg/video_list_p.gif) 0 1px repeat-x; border-top: 1px dotted #a0a0a0; height: 40px; overflow: hidden; padding: 8px 2px 7px; } .video_list ul li .action { background: url(cosmo/btn/play_video.gif); display: block; height: 14px; margin: 0 0 0 59px; overflow: hidden; text-indent: -9999px; width: 80px; } .video_list ul.gallery_thumbs li a { background: url(cosmo/btn/open_gallery.gif); display: block; height: 13px; margin: 0 0 0 49px; overflow: hidden; text-indent: -9999px; width: 83px; } /* Site Map */ #site_map { border-collapse: collapse; margin: 4px 0 20px 2px; width: 493px; } #site_map td { border: 1px dotted #929191; padding: 1px 1px 11px; width: 236px; } #site_map td.spacer { border: 0; padding: 0; width: 13px; } #site_map tr.spacer td { border: 0; height: 13px; padding: 0; } #site_map td h2 { background: #ededed url(cosmo/bg/sitemap.gif) 0 bottom repeat-x; font-size: 13px; font-weight: bold; margin: 0 0 13px; text-transform: uppercase; } #site_map td h2 a { color: #f63783; display: block; padding: 8px 35px 6px; } #site_map td h2 span { display: block; padding: 8px 35px 6px; } #site_map td ul { list-style: none; margin: 0 20px 0 36px; } #site_map td ul li { background: url(cosmo/bg/bullet_pink.gif) 0 6px no-repeat; list-style: none; margin: 0 0 11px; padding: 0 0 0 10px; } #site_map td ul li a { color: #000; } /* This Issue */ #this_issue { float: left; /* font-size: 12px; */ line-height: 18px; min-height: 149px; padding: 0 131px 8px 0; position: relative; width: 169px; } #this_issue h2 { color: #252525; font-size: 22px; font-weight: bold; letter-spacing: -2px; line-height: 20px; margin: 11px 0 3px 9px; text-transform: uppercase; } #this_issue .img { bottom: 0; display: block; position: absolute; right: 2px; } #this_issue .img img { display: block; } #this_issue div { background: url(cosmo/ir/includes.gif); height: 13px; margin: 0 0 10px 10px; overflow: hidden; text-indent: -9999px; width: 57px; } #this_issue ul { list-style: none; margin: 0 0 0 13px; } #this_issue ul li { background: url(cosmo/bg/bullet.gif) 0 8px no-repeat; height: 1%; padding: 0 0 0 10px; } #this_issue .btn { float: left; margin: 5px 0 0 23px; } #this_issue .btn img { display: block; } #right_column #this_issue { margin: -8px 0 0; width: 116px; } #right_column #this_issue h2 { margin: 18px -20px 3px 2px; position: relative; z-index: 99; } #right_column #this_issue div { margin: 0 0 7px 2px; } #right_column #this_issue ul { line-height: 15px; margin: 0 0 0 2px; } #right_column #this_issue .btn { margin: 6px 0 0 11px; } /* Subscribe Pod */ #subscribe_pod { background: #ea2875 url(cosmo/bg/subscribe.gif) 0 bottom no-repeat; clear: both; color: #fff; margin: 0 0 20px; } #subscribe_pod .tabs { background: url(cosmo/bg/subscribe_top.gif) 0 0 no-repeat; list-style: none; overflow: hidden; padding: 7px 0 0 11px; } #subscribe_pod .tabs li { border-bottom: 1px solid #fff; float: left; padding: 0 0 0 5px; } #subscribe_pod .tabs li.newsletters { padding: 0; } #subscribe_pod .tabs li a, #subscribe_pod .tabs li span { display: block; height: 18px; overflow: hidden; text-indent: -9999px; } #subscribe_pod .tabs li.newsletters span { background: url(cosmo/btn/subscribe/newsletters.gif); width: 91px; } #subscribe_pod .tabs li.my_cosmo a { background: url(cosmo/btn/subscribe/my_cosmo.gif); width: 89px; } #subscribe_pod .tabs li.comps a { background: url(cosmo/btn/subscribe/comps.gif); width: 89px; } #right_column #subscribe_pod { background: #ea2875 url(cosmo/bg/subscribe_small.gif) 0 bottom no-repeat; } #right_column #subscribe_pod .tabs { background: url(cosmo/bg/subscribe_small_top.gif) 0 0 no-repeat; padding: 6px 0 0 6px; } #right_column #subscribe_pod .tabs li { padding: 0 0 0 2px; } #right_column #subscribe_pod .tabs li.newsletters, #right_column #subscribe_pod .tabs li.cosmo_home { padding: 0; } #right_column #subscribe_pod .tabs li.newsletters span { background: url(cosmo/btn/subscribe/small/newsletters.gif); width: 78px; } #right_column #subscribe_pod .tabs li.my_cosmo a { background: url(cosmo/btn/subscribe/small/my_cosmo.gif); width: 76px; } #right_column #subscribe_pod .tabs li.comps a { background: url(cosmo/btn/subscribe/small/comps.gif); width: 76px; } #right_column #subscribe_pod .tabs li.cosmo_home a, #subscribe_pod .tabs li.cosmo_home a { background: url(cosmo/btn/subscribe/cosmo_home.gif); width: 116px; } #right_column #subscribe_pod .tabs li.cosmo_bride a, #subscribe_pod .tabs li.cosmo_bride a { background: url(cosmo/btn/subscribe/cosmo_bride.gif); width: 116px; } #right_column #subscribe_pod .tabs li.cosmo_pregnancy a, #subscribe_pod .tabs li.cosmo_pregnancy a { background: url(cosmo/btn/subscribe/cosmo_pregnancy.gif); width: 116px; } #subscribe_pod .newsletters { padding: 0 24px 3px; } #subscribe_pod .newsletters ul { height: 1%; list-style: none; overflow: hidden; padding: 6px 0 0; } #subscribe_pod .newsletters ul li { height: 1%; margin: 0 0 3px; position: relative; color:#FFF } #subscribe_pod .newsletters ul li input { left: 0; position: absolute; top: 1px; } #subscribe_pod .newsletters ul li label { display: block; height: 1%; padding: 0 0 0 19px; } #subscribe_pod .newsletters ul li.text { float: left; padding: 3px 0 0; } #subscribe_pod .newsletters ul li.text label { left: -9999px; position: absolute; } #subscribe_pod .newsletters ul li.text input { border: solid #464646; border-width: 1px 0 0 1px; color: #959595; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px 6px 2px; position: static; width: 107px; } #subscribe_pod .newsletters ul li.btn { float: left; padding: 5px 0 0 6px; } #subscribe_pod .newsletters ul li.btn input { position: static; } #subscribe_pod .text { padding: 8px 20px 13px; color:#FFF;} #subscribe_pod .text p { margin: 0 0 3px; } #right_column #subscribe_pod .newsletters { padding: 0 18px 5px; } #right_column #subscribe_pod .newsletters ul { padding: 7px 0 0; } #right_column #subscribe_pod .newsletters ul li.text { padding: 2px 0 0; } #right_column #subscribe_pod .newsletters ul li.btn { padding: 3px 0 0 4px; } /* Cosmo Blog Pod */ #cosmo_blog { background: url(cosmo/bg/cosmo_blog.gif) 0 0 no-repeat; line-height: 13px; margin: 0 0 20px; } #cosmo_blog .inner { background: url(cosmo/bg/cosmo_blog_bottom.gif) 0 bottom no-repeat; overflow: hidden; padding: 11px 15px 9px; } #cosmo_blog ul { list-style: none; } #cosmo_blog h2 { background: url(cosmo/ir/cosmo_blog.gif); height: 18px; margin: 0 0 1px; overflow: hidden; text-indent: -9999px; width: 81px; } #cosmo_blog h2.bridal { background: url(cosmo/ir/bridal_blog.gif); width: 77px; } #cosmo_blog h2.pregnancy { background: url(cosmo/ir/pregnancy_blog.gif); width: 108px; } #cosmo_blog h3 { font-size: 11px; font-weight: bold; } #cosmo_blog h3 a { color: #000; } #cosmo_blog p { padding: 0 0 8px; } #cosmo_blog .full_article { float: left; margin: 2px 0 0 -1px; } #cosmo_blog .full_article a { background: url(cosmo/btn/full_article.gif); display: block; height: 10px; overflow: hidden; text-indent: -9999px; width: 62px; } #cosmo_blog .more { float: right; margin: 0 -3px 0 0; } #cosmo_blog .more a { background: url(cosmo/btn/more_white.gif); display: block; height: 13px; overflow: hidden; text-indent: -9999px; width: 40px; } /* Cosmo TV Pod */ #pnlCosmoTV { padding:0 0 20px 0;} /* Tag Cloud */ #what_are_you_looking_for { background: url(cosmo/bg/what_are_you_looking_for.gif) 0 bottom no-repeat; line-height: 28px; margin: 0 0 20px; } #what_are_you_looking_for h2 { background: url(cosmo/ir/what_are_you_looking_for.gif); height: 24px; overflow: hidden; text-indent: -9999px; } #what_are_you_looking_for ul { list-style: none; padding: 1px 15px; text-align: center; } #what_are_you_looking_for ul li { display: inline; margin: 0 10px; } #what_are_you_looking_for ul li a { white-space: nowrap; } #what_are_you_looking_for ul li.TagCloud1 a { color: #c3c3c3; } #what_are_you_looking_for ul li.TagCloud2 a { color: #949494; font-size: 12px; } #what_are_you_looking_for ul li.TagCloud3 a { color: #888; font-size: 15px; } #what_are_you_looking_for ul li.TagCloud4 a { color: #aaa; font-size: 17px; } #what_are_you_looking_for ul li.TagCloud5 a { color: #888; font-size: 17px; } #what_are_you_looking_for ul li.TagCloud6 a { color: #c2c2c2; font-size: 18px; } #what_are_you_looking_for ul li.TagCloud7 a { color: #888; font-size: 18px; } #what_are_you_looking_for ul li.TagCloud8 a { color: #9f9f9f; font-size: 19px; } #what_are_you_looking_for ul li.TagCloud9 a { color: #9f9f9f; font-size: 20px; } #what_are_you_looking_for ul li.TagCloud10 a { color: #888; font-size: 28px; } /* Latest Articles and Comments */ #latest_articles_comments { background: url(cosmo/bg/latest_articles_comments.gif) 0 bottom no-repeat; margin: 0 0 20px; } #latest_articles_comments_nav { background: url(cosmo/btn/latest_articles_comments.gif) 0 0 no-repeat; height: 18px; list-style: none; overflow: hidden; padding: 0 0 2px 12px; } #latest_articles_comments_nav.latest_articles { background-position: 0 0; } #latest_articles_comments_nav.latest_comments { background-position: 0 -20px; } #latest_articles_comments_nav li { float: left; margin: 0 4px 0 0; } #latest_articles_comments_nav li a { display: block; height: 18px; overflow: hidden; text-indent: -9999px; width: 136px; } #latest_articles_comments div ul { list-style: none; padding: 6px 12px 13px; } #latest_articles_comments div ul li { border-bottom: 1px dotted #b6b5b5; } #latest_articles_comments div ul li a { background: url(cosmo/bg/bullet_pink.gif) 19px 11px no-repeat; color: #000; display: block; padding: 5px 12px 6px 32px; } /* Galleries Pod */ #galleries_pod { background: url(cosmo/bg/gallery_pod.gif) 0 bottom no-repeat; margin: 0 0 20px; padding: 0 0 6px; } #galleries_pod h2 { background: url(cosmo/ir/cosmo_gallery.jpg); height: 35px; margin: 0 0 -2px; overflow: hidden; text-indent: -9999px; } #galleries_pod .category { border-top: 1px dotted #cbcbcb; margin: 0 7px; padding: 5px 0 20px; } #galleries_pod .first { border: 0; } #galleries_pod .category h3 { float: left; font-size: 11px; font-weight: normal; margin: 0 0 9px 9px; } #galleries_pod .category .view_all { background: url(cosmo/btn/view_all.gif); display: block; float: right; height: 13px; margin: 2px 1px 0 0; overflow: hidden; text-indent: -9999px; width: 57px; } #galleries_pod .category ul { clear: both; list-style: none; margin: 0 0 0 9px; overflow: hidden; } #galleries_pod .category ul li { float: left; } #galleries_pod .category ul li a { display: block; } #galleries_pod .category ul li a img { display: block; height: 125px; width: 94px; } #galleries_pod .category ul li div { display: none; } #galleries_pod .category ul li.prev a, #galleries_pod .category ul li.next a { display: block; height: 15px; margin: 29px 7px 0; overflow: hidden; text-indent: -9999px; width: 15px; } #galleries_pod .category ul li.prev a { background: url(cosmo/btn/prev_gallery.gif); } #galleries_pod .category ul li.next a { background: url(cosmo/btn/next_gallery.gif); } #galleries_pod .category ul li.prevGallery, #galleries_pod .category ul li.nextGallery { height: 37px; overflow: hidden; padding: 16px 0 0; } #galleries_pod .category ul li.prevGallery { padding-left: 8px; } #galleries_pod .category ul li.nextGallery { padding-right: 8px; } #galleries_pod .category ul li.currentGallery { height: 70px; overflow: hidden; } #galleries_pod .category ul li.prevGallery a img, #galleries_pod .category ul li.nextGallery a img { height: 66px; width: 50px; } /* Ad */ #tcRightContent .ad { margin: 0 0 20px; } /* Small Ads */ .small_ads { margin: 0 -5px 20px 0; overflow: hidden; } .small_ads div { float: left; margin: 0 5px 0 0; } .small_ads div * { display: block; } /* Site Info */ #site_info { height: 8px; line-height: 8px; list-style: none; margin: 0 0 15px; /*overflow: hidden;*/ padding: 0 0 2px; text-align: center; } #site_info li { border-left: 1px solid #000; display: inline; padding: 0 4px 0 6px; } #site_info li.first { border: 0; } #site_info li a { color: #000; } /* Site Info */ #partners { height: 8px; line-height: 8px; list-style: none; margin: 0 0 15px; overflow: hidden; padding: 0 0 2px; text-align: center; } #partners li { border-left: 1px solid #a19e9e; display: inline; padding: 0 1px 0 3px; } #partners li.first { border: 0; } #partners li a { color: #f52a7b; } /* Ninemsn */ .initNinemsn { display:none; } .adBannerImagePopup { /*z-index: 1; position: absolute; left: 16px; top: 0 !important;*/ margin: 0 auto;} .adHeaderBanner { z-index:1; position:absolute; left:260px; top:0 !important; } /*#DIV_SPAC_ADX_BANNER_TOP { display:none; }*/ #objPopupBanner { width: 728px; } #msnbtmbanner { margin: 10px auto; width: 728px; } #FullPageContent_pnlContent #msnft_div8, #FullPageContent_pnlContent #msnft_div9 { left: -9999px; position: absolute; } .bytb { text-align: right; } #network_header_ad_1 div {zoom:0 !important;} /*benefibre may 2010*/ .benefibre {background:url("/images/cosmo/benefiber_052010.jpg") no-repeat scroll center top transparent !important;} /* Latest Issue */ #latest-issue { background: url(/images/cosmo/magpod/magpod-bg.jpg) no-repeat; border: 1px solid #fb93bc; height: 220px; margin: 0 auto 20px auto; overflow: hidden; position: relative; width: 244px; } #latest-issue a.img, #latest-issue a.img img { display: block; height: 188px; width: 140px; } #latest-issue a.img { float: left; } #latest-issue .text { float: left; margin: 0 4px 0 0; width: 100px; } #latest-issue .text h4 { color: #fff; font-family: Arial; font-size: 28px; font-weight: normal; line-height: 24px; padding: 5px 0; text-transform: uppercase; } #latest-issue .text h5, #latest-issue .text li { color: #000; } #latest-issue .text h5 { font-size: 11px; margin: 5px 0 0 0; text-transform: uppercase; } #latest-issue .text ul, #latest-issue .text li { marign: 0; padding: 0; } #latest-issue .text ul { list-style: disc outside none; margin: 0 0 0 15px; } #latest-issue a.more { background: url(/images/cosmo/magpod/magpod-subscribe-now.jpg) no-repeat; bottom: 3px; clear: both; display: block; float: none; height: 32px; left: 3px; position: absolute; text-indent: -9999px; width: 136px; }