body { margin: 0; padding: 0; }
input, div, p, label, td, li { font: 11px arial; color: #333; }
p { margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
a:focus { outline-style: none; }
.formError { background: #FFC9E1; }

#container { width: 1013px; margin: 0 auto; padding: 0; }
#main { width: 1013px; float: left; position: relative; background: #FFF; }
#header { width: 1013px; float: left; }
#header td { padding: 0; }
#topAd { width: 727px; height: 100px; float: left; }
#login { width: 236px; float: left; padding: 5px 0 0 50px; }
#login a { color: #000; }
#login img { border: none; }
#logoDiv { width: 1013px; float: left; border-top: 1px solid #f59fc3; border-bottom: 1px solid #f59fc3; background: #e60e6a; }
#logoDiv h1 { width: 662px; float: left; margin: 0; padding: 0; }
#logoDiv h1 a { width: 662px; height: 102px; float: left; background: url(images/logos/cosmoheader.png) top left no-repeat; text-indent: -99999px; }
#inThisIsh { width: 323px; float: right; padding: 2px 14px 2px 0; }
#inThisIsh p { float: right; text-align: right; padding: 15px 7px 0 0; color: #000; }
#inThisIsh #itiLink { width: 76px; height: 98px; float: right; }
#inThisIsh img { width: 76px; height: 99px; float: right; border: none; }
#inThisIsh strong a img { width: 194px; height: 25px; float: none; border: none; }
#inThisIsh a { color: #FFF; }
#menubar { width: 1013px; float: left; background: #ffc9e1; }
#menubar #left { width: 810px; float: left; }
#menubar #right { width: 203px; float: left; padding: 4px 0 0; }
#menubar #right img { border: none; }
#menuul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 20000; }
#menuul li { margin: 0; float: left; position: relative; }
#menuul a { font: arial 14px bold; color: #FFF; float: left; height: 26px; text-indent: -99999px; }
#menuul #home { width: 60px; background: url(images/navHome.png) top no-repeat; }
#menuul #home:hover { background: #FFF url(images/navHome.png) bottom no-repeat; }
#menuul #love { width: 92px; background: url(images/navLove.png) top no-repeat; }
#menuul #love:hover { background: #FFF url(images/navLove.png) bottom no-repeat; }
#menuul #style { width: 109px; background: url(images/navStyle.png) top no-repeat; }
#menuul #style:hover { background: #FFF url(images/navStyle.png) bottom no-repeat; }
#menuul #hunks { width: 89px; background: url(images/navHunks.png) top no-repeat; }
#menuul #hunks:hover { background: #FFF url(images/navHunks.png) bottom no-repeat; }
#menuul #celebs { width: 61px; background: url(images/navCelebs.png) top no-repeat; }
#menuul #celebs:hover { background: #FFF url(images/navCelebs.png) bottom no-repeat; }
#menuul #better { width: 87px; background: url(images/navBetter.png) top no-repeat; }
#menuul #better:hover { background: #FFF url(images/navBetter.png) bottom no-repeat; }
#menuul #comm { width: 133px; background: url(images/navCommunity.png) top no-repeat; }
#menuul #comm:hover { background: #FFF url(images/navCommunity.png) bottom no-repeat; }
#menuul #qtg { width: 160px; background: url(images/navQuizzesToolsGames.png) top no-repeat; }
#menuul #qtg:hover { background: #FFF url(images/navQuizzesToolsGames.png) bottom no-repeat; }
#menuul ul { visibility: hidden; position: absolute; top: 2.3em; left: 0; overflow: hidden; z-index: 10000; list-style: none; margin: 0; padding: 0; width: 160px; }
#menuul li.sfhover ul { visibility: visible; }
#menuul li li { width: 160px; background: #FF9CD8; }
#menuul li li a { width: 156px; height: auto; padding: 5px 2px; text-indent: 0; font-size: 12px; font-weight: bold; color: #FFF; border-bottom: 1px dotted #F1097B; }
#menuul li li a:hover { background: #FFF; color: #F1097B; text-decoration: none; }
#leftBox { width: 714px; float: left; padding: 0 0 85px; }
#subNav { width: 999px; height: 18px; padding: 2px 0 0 14px; float: left; overflow: hidden; background: url(images/tileSubMenu.gif) top left repeat-x; }
#subNav p { float: left; margin: 0; color: #FFF; font-weight: bold; padding: 0 14px 0 0; }
#subNav ul { width: 900px; float: left; margin: 0; padding: 0; }
#subNav li { float: left; margin: 0; padding: 0 10px 0 14px; list-style: none; background: url(images/bullet.gif) left no-repeat; }
#subNav a { color: #FFF; }
#rightBoxx { width: 299px; float: left; overflow: hidden; }
#rightBox { width: 299px; height: 1150px; float: left; overflow: hidden; padding: 9px 0 0; }
#leftBarM { width: 160px; float: left; padding: 9px 0 0; }
#leftBar { width: 160px; float: left; background: #ffc9e1; overflow: hidden; }
.lbarDivP a { color: #ff3399; }
#lDate { width: 160px; float: left; background: #e60e6a; padding: 5px 0; }
#lDate h3 { width: 160px; float: left; margin: 0; font-family: arial; font-weight: bold; text-align: center; }
#lDate h3 a { font-size: 14px; color: #FFF; }
#lDate h3 a:hover { text-decoration: none; color: #FBF5A6; }
.lbarDiv { width: 160px; float: left; background: #ffc9e1; padding: 0 0 10px; }
.separator { width: 160px; height: 10px; float: left; border-bottom: 21px solid #e60e6a; background: #FFF; }
.separator2 { width: 160px; height: 1px; float: left; }
.lbarDiv h3 { width: 160px; float: left; margin: 0; font-size: 14px; font-family: arial; font-weight: bold; color: #FF0099; text-align: center; padding: 7px 0 0; }
.lbarDiv h3 a { color: #FF0099; }
.lbarDiv h3 em { color: #000; font-size: 16px; font-style: normal; }
.lbarDiv h3 strong { color: #000; }
.lbarDiv h3 a:hover, .lbarDiv h3 a:hover strong { text-decoration: none !important; }
.lbarDivP { width: 140px; padding: 10px 10px 0; line-height: 15px; float: left; overflow: hidden; }
.lbarDivP img { border: none; }
.lbarDivP select { font-size: 11px; }
.lbarDivDiv { width: 160px; float: left; padding: 12px 0 0; }
.lbarImgP { width: 160px; float: left; margin: 0; text-align: center; }
.lbarImgP img { border: none; }
#horTitle { font-size: 12px; width: 142px; padding-top: 0; }
#horTitle img { width: 75px; height: 64px; }
#horTitle strong { font-size: 16px; }
#lbfWars #custom { width: 146px; padding: 10px 5px 0; color: #ff0099; font-size: 14px; font-family: verdana; float: left; font-weight: bold; text-align: center; }
#lbfWars strong { color: #000; }
#lbfWarsBt { width: 110px; float: left; padding: 12px 0 0; }
#lbfWarsBt a { float: right; text-indent: -99999px; width: 58px; height: 17px; background: url(images/btVote.jpg) top left no-repeat; }
#lQuiz strong { color: #000; }
#lQuiz a:hover strong { color: #E60E6A; text-decoration: none; }
#lQuiz h5 { color: #ff0099; font-size: 10px; text-align: center; margin: 0; }
#lPoll p { color: #000; font-size: 12px; font-family: arial; font-weight: bold; width: 140px; float: left; margin: 0; padding: 10px 10px 0; line-height: 15px; }
#lPoll ul { width: 144px; float: left; padding: 5px 8px; list-style: none; margin: 0; }
#lPoll li { width: 144px; float: left; }
#lPoll p a { font-weight: normal; font-size: 10px; }
#leftBarBottom { width: 160px; background: #ffc9e1; float: left; }
#leftBarBottom div { width: 12px; height: 15px; }
#leftBarBottom #left { float: left; background: url(images/lower_left.png) bottom left no-repeat; }
#leftBarBottom #right { float: right; background: url(images/lower_right.png) bottom right no-repeat; }
#tellAll { width: 299px; height: 220px; overflow: hidden; float: left; background: #fbf5a6; }
#tellAll h3 { width: 299px; height: 45px; float: left; margin: 0; background: url(images/tellall.jpg) top no-repeat; text-indent: -99999px; }
#tellAll h3 a { width: 299px; height: 54px; float: left; }
#tellAll #inner { width: 279px; float: left; padding: 0 10px; }
#tellAll h5 { font-size: 14px; font-weight: bold; color: #333; margin: 0; padding: 0 0 5px 0; }
#tellAll h5 a { font-size: 16px; color: #BB112D; }
#tellAll p { font-family: verdana; }
#tellAll p a { color: #ff3399; }
#sbscrb { width: 299px; float: left; padding: 7px 0 0; }
#sbscrb #inner { width: 293px; float: left; background: #ce004e; padding: 5px; }
#sbscrb #inner small a { color: #FFF; }
#sbscrb #inner small a:hover { color: #000; }
#sbscrb p { color: #FFF; padding: 0 4px; font-size: 12px; }
#sbscrb input { border: none; font-size: 12px; }
#adText { width: 299px; float: left; font-size: 12px; text-align: center; padding: 10px 0 0; margin: 0; }
#mainInner { width: 547px; float: left; padding: 9px 0 0 7px; }
#mainInner2 { width: 707px; float: left; padding: 9px 0 0 7px; }
#cH h2 { width: 536px; float: left; margin: 0; font-weight: bold; font-size: 25px; letter-spacing: -2px; padding: 0 0 5px; color: #E60E6A; }
#cH { width: 536px; float: left; }
#cH a { color: #333; font-size: 12px; }
.dots3 { width: 156px; height: 1px; float: left; border-bottom: 1px solid #A00121; }
.arrow { width: 9px; height: 8px; border: none; }
#searchBox { width: 291px; float: left; padding: 4px; background: #E60E6A; border-bottom: 8px solid #FFF; }
#searchBox input { float: left; }
#searchKey { border: none; border-right: 5px solid #E60E6A; font-size: 12px; }
#zodiacIcon { width: 72px; height: 72px; border: 3px solid #FFF; }
#lHoroscope ul { width: 160px; float: left; margin: 0; padding: 0; list-style: none; }
#lHoroscope li { width: 53px; float: left; padding: 5px 0; text-align: center; overflow: hidden; }
#lHoroscope li a { width: 53px; float: left; font: 10px arial; color: #E6116C; }
#lHoroscope li a:hover { color: #FFF; text-decoration: none; }
#lHoroscope li img { width: 40px; height: 40px; border: 2px solid #FFF; }

/*more in cosmo*/
#moreInCosmo { width: 1013px; float: left; border-bottom: 1px solid #999; padding: 30px 0 16px; }
#moreInCosmo h3 { width: 1013px; float; left; margin: 0; background: url(images/tileMoreInCosmo.gif) top left repeat-x; height: 34px; font-family: georgia; font-weight: bold; color: #000; text-align: center; font-size: 20px; }
#moreInCosmo h3 strong { color: #FF0099; }
#moreInCosmo ul { width: 189px; float: left; list-style: none; margin: 0; padding: 0 0 0 10px; }
#moreInCosmo li { width: 179px; float: left; background: url(images/pinkDot.gif) left no-repeat; padding: 0 0 5px 10px; }
#moreInCosmo li a { font-family: georgia; color: #333; }
.micTitle { font-family: arial; color: #999; font-size: 10px; background: none !important; }
.micGo { background: none !important; }
.micGo a { font-family: arial !important; color: #FF3399 !important; font-size: 10px; }
#micInside { width: 1013px; float: left; background: url(images/micTile.gif) top left repeat-y; }

/*footer*/
#divider { width: 1013px; float: left; border-top: 30px solid #FFF; background: #E60E6A; height: 3px; overflow: hidden; }
#footer { width: 727px; float: left; padding: 0 0 0 143px; }
#bottomAd { width: 727px; height: 111px; float: left; padding: 22px 0 0; }
#footer img { float: left; border: none; }
#footer p { width: 605px; float: left; margin: 0; padding: 5px 0 0 11px; color: #f72799; line-height: 15px; }
#footer a { color: #f72799; letter-spacing: 1px; }

/*fn partner logo ERASE THIS WHEN WE'RE THRU WIT THAT*/
#fnPartner { width: 295px; float: left; margin: 5px 0 0; border: 2px solid #ffc9e1; text-align: center; }
#fnPartner a img { border: none; }
#rightBox { height: 1240px; }

/*ads*/
#topAdBanner { width: 727px; height: 89px; position: absolute; top: 0; left: 0; }
.rightBanner { width: 299px; height: 250px; position: absolute; right: 0; }
#rightBanner1 { top: 715px; }
#rightBanner2 { top: 980px; }
#rightBanner3 { top: 1245px; }
#rBanner1 { top: 690px; }
#rBanner2 { top: 955px; }
#rBanner3 { top: 1220px; }

/*channel main*/
#rightRight .panel, #rightRight { width: 291px; float: left; }
#rrInner { width: 277px; float: left; height: 205px; overflow: hidden; padding: 0 7px; }
#rightRight h4 { width: 291px; float: left; font-size: 14px; font-weight: bold; padding: 0; margin: 0; }
#rightRight h4 a { padding: 4px 0 4px 25px; width: 266px; float: left; }
#rightRight h4 strong, #rightRight h4 a { color: #FFF; }
#rightRight .acc-contract { background: url(images/rightbox_down-arrow.gif) left no-repeat; }
#rightRight .acc-contract a { color: #FF34B2; }
#rightRight .acc-contract strong { color: #333; }
#rightRight p { font: 12px arial; padding: 3px; width: 271px; float: left; }
#randomArticles { width: 277px; float: left; }
.dots2 { width: 277px; float: left; height: 1px; }
#rightRight p a { font-family: arial; font-size: 14px; font-weight: bold; }
#featArt { width: 536px; float: left; }
#featArt p { width: 183px; float: left; margin: 0; padding: 10px 0 5px 5px; font-size: 14px; color: #000; }
#featArt strong a { font-size: 22px; font-weight: bold; color: #000; line-height: 22px; }
#featArt a:hover, #featArt a:hover small, #featArt strong a:hover { text-decoration: none; color: #FFF; }
#featArt a small { font-size: 11px; text-decoration: underline; color: #000; }
#featArt #faLink, #faLink img { width: 338px; height: 241px; float: left; }
#featArt img { border: none; }
#otherArts { width: 536px; float: left; padding: 10px 0; }
#otherArts ul { width: 536px; float: left; list-style: none; margin: 0; padding: 0; }
#otherArts li { width: 514px; height: 130px; overflow: hidden; float: left; padding: 15px 10px; border-bottom: 2px dotted #C94287; }
.oaLink { width: 172px; height: 120px; float: left; border: none; }
.oaLink img { width: 172px; height: 120px; border: none; }
#recent p, #otherArts p { width: 332px; float: left; padding: 0 0 0 10px; font-size: 12px; }
#recent small, #otherArts small { font-size: 10px; color: #999; font-family: arial; }
#recent strong a, #otherArts strong a { font-size: 16px; font-weight: bold; font-family: arial; color: #000; }
.oarm { float: right; font-family: verdana; color: #FF3399; }
.oarm img { border: none; }
#pagelist { width: 536px; float: left; padding: 10px 0 0; text-align: right; }
#pagelist a { font-size: 12px; font-weight: bold; color: #C94287; }
#pagelist a img { border: none; }
#subchContainer { width: 536px; float: left; padding: 19px 0 0; }
#subchContainer2 { width: 707px; float: left; padding: 19px 0 0; overflow: hidden; }
#chTitle { width: 536px; float: left; margin: 0; font-size: 18px; padding: 0 0 5px; color: #C94287; }

/*articles*/
#articleComments #reportForm, #articleComments #emailForm, #articleComments #commentForm, #articleComments { width: 536px; float: left; }
#articleComments #recent { width: 536px; float: left; }
#recentTop { width: 536px; float: left; height: 25px; overflow: hidden; }
#recentTop div { width: 6px; height: 25px; float: left; }
#recent h3 { float: left; height: 20px; color: #FFF; font-size: 15px; font-family: verdana; margin: 0; padding: 5px 0 0; }
#recent #inner { width: 516px; height: 120px; overflow: hidden; float: left; padding: 15px 7px; }
#articleMain { width: 518px; float: left; padding: 8px; }
#articleMain h1 { width: 518px; float: left; margin: 0; padding: 0 0 5px; }
#articleMain h1 a { font-weight: bold; font-size: 19px; color: #000; }
#articleMain .info { font-size: 14px; width: 518px; float: left; margin: 0; padding: 0 0 20px }
#articleMain .smallInfo { font-size: 11px; float: left; width: 518px; padding: 5px 0 0; }
#articleMain p { font-size: 12px; }
#aPlayer { width: 518px; padding: 0 0 10px; float: left; text-align: center; }
#aContent { width: 518px; float: left; font-size: 12px; }
#aContent div { font-size: 12px; }
#aContent img { padding: 0 4px; }
#aContent li, #aContent p { font-size: 12px; }
#aContent2 { width: 335px; height: 530px; float: left; padding: 0 20px 0 0; position: relative; }
#aContent2 div { width: 335px; position: absolute; left: 0px; }
#aContent3 { width: 163px; float: left; }
#aContent3 ul { width: 162px; float: left; padding: 6px 0 4px; list-style: none; margin: 0; }
#aContent3 li { width: 50px; height: 56px; float: left; }
#aContent3 li img { width: 50px; height: 50px; border: none; }
#aContent3 p { text-align: center; }
#gaImg { padding: 10px 0; width: 335px; float: left; text-align: center; }
#igContainer { width: 518px; padding: 10px 0 0; float: left; border-width: 1px 0; border-style: solid; }
#gaImgTxt { width: 142px; height: 540px; float: left; padding: 9px 7px; position: relative; }
#gaImgTxt div { width: 142px; position: absolute; font-size: 12px; text-align: left !important; top: 9px; left: 7px; }
#gaImgTxt strong { font-size: 16px; font-weight: bold; }
.gaImgGap { width: 6px !important; }
.aPages { padding: 5px 0 !important; float: left; width: 518px; margin-top: 10px; }
#aPages { padding: 0; font: bold 12px arial; text-align: center; }
#aPages a img { border: none; }
#aContent3 p a, #aPages a { font: 12px arial; color: #616161; }
#aContent3 p a img { height: 8px; border: none; }
#articleActions { width: 506px; float: left; padding: 5px 15px; margin: 10px 0; }
#articleActions ul { width: 506px; float: left; list-style: none; margin: 0; padding: 0; }
#articleActions li { width: 168px; height: 30px; float: left; }
#articleActions a { font-size: 12px; color: #333; width: 140px; height: 20px; float: left; padding: 5px 0 0 28px; }
#articleComments h4 { font-size: 16px; margin: 0; float: left; padding: 0 10px 10px 0; cursor: pointer; }
#pinkC { font-size: 12px; color: #FFF; float: left; padding: 2px 3px; }
#articleComments ul { width: 536px; float: left; list-style: none; margin: 0; padding: 0; border-top: 1px solid #333; }
#articleComments li { width: 526px; float: left; border-bottom: 1px solid #333; padding: 10px 5px; }
#articleComments li #left { width: 90px; float: left; text-align: center; padding: 0 10px 0 0; }
#articleComments li #left img { width: 40px; height: 40px; }
#articleComments li #right { width: 426px; float: left; font-size: 12px; overflow: hidden; }
#articleComments li a { text-decoration: underline; }
#articleComments li small { color: #786F72; font-size: 12px; }
#imageGalleryImages { width: 162px; float: left; position: relative; }
#igi2 { width: 518px; padding: 10px 0; float: left; border-width: 1px 0 0; border-style: solid; }
#igiLeft { width: 30px; height: 50px; float: left; background: url(images/read-previous.png) left no-repeat; text-indent: -99999px; }
#igiRight { width: 30px; height: 50px; float: left; background: url(images/read-next.png) right no-repeat; text-indent: -99999px; }
#scroll-frame { width: 458px; height: 50px; float: left; position: relative; overflow: hidden; }
#scroll-frame ul { width: 458px; height: 50px; float: left; list-style: none; margin: 0; padding: 0; }
#scroll-frame li { width: 60px; height: 50px; float: left; }
#scroll-frame li img { width: 50px; height: 50px; border: none; padding: 0; }
.igiDiv { width: 162px; position: absolute; top: 0px; left: 0px; }
#viewGalleryBt { width: 128px; float: left; padding: 10px 0 10px 195px; }
#viewGalleryBt a { width: 128px; height: 30px; float: left; text-indent: -99999px; }
#articleTags { width: 518px; float: left; padding: 10px 0 0; }
#relatedArticles { width: 518px; float: left; }
#relatedArticles h4 { font-size: 12px; }
#relatedArticles ul { width: 498px; float: left; margin: 0; padding: 0 0 0 20px; }
#relatedArticles li { width: 498px; float: left; }
#relatedArticles li a { font-size: 12px; }

/*cosmo sutra*/
#sutraUl { width: 536px; float: left; list-style: none; margin: 0; padding: 0; border-top: 2px dotted #c94287; }
#sutraUl li { width: 536px; float: left; padding: 20px 0; border-bottom: 2px dotted #c94287; }
.sutraImg img, .sutraImg { width: 70px; height: 70px; float: left; }
.sutraImg img { border: none; }
#sutraUl p { width: 461px; float: left; padding: 0 0 0 5px; margin: 0; font-size: 12px; }
#sutraUl p a { font-size: 14px; font-weight: bold; color: #000; }
#sutraMain { width: 524px; float: left; border: 1px solid #c94287; padding: 7px 6px; }
#smImg { width: 200px; height: 200px; float: left; padding: 0 10px 10px 0; }
#sutraMain h3 { float: left; margin: 0; width: 310px; }
#sutraMain h3 a { font-size: 18px; font-weight: bold; color: #c94287; }
#intensity { width: 310px; float: left; padding: 10px 0; }
.flame { width: 30px; height: 30px; float: left; background: url(images/flame.png) top left repeat-x; }
#intensity label { float: left; font-size: 12px; font-weight: bold; height: 22px; padding: 10px 10px 0 0; }
#sutraMain p { font-size: 12px; }
#rateSutra { width: 524px; float: left; padding: 20px 0 0; }
#rateSutra #top { width: 524px; float: left; background: url(images/sutraTopMid.gif) top left repeat-x; }
#rateSutra #top div { width: 11px; height: 18px; }
#rateSutra #top #left { float: left; background: url(images/sutraTopLeft.gif) bottom left no-repeat; }
#rateSutra #top #right { float: right; background: url(images/sutraTopRight.gif) bottom left no-repeat; }
#rateSutra #top h4 { float: left; padding: 1px 5px; background: #FF3FA1; font-size: 14px; font-weight: bold; color: #FFF; margin: 0; }
#rsMid { width: 496px; float: left; border-left: 2px solid #C94287; border-right: 2px solid #C94287; padding: 10px 12px 0; }
#rsMid a { width: 124px; float: left; height: 14px; padding: 32px 0 0; font-size: 12px; font-weight: bold; color: #333; background: url(images/sutraRate2.gif) top left no-repeat; text-align: center; overflow: hidden; }
#rsMid a.selected1 { background: url(images/sutraRate4.gif) bottom left no-repeat; }
#rsMid a.selected2 { background: url(images/sutraRate2.gif) bottom left no-repeat; }
#rsMid a.selected3 { background: url(images/sutraRate3.gif) bottom left no-repeat; }
#rsMid a.selected4 { background: url(images/sutraRate5.gif) bottom left no-repeat; }
#rateSutra #bottom { width: 524px; float: left; background: url(images/sutraBottomMid.gif) top left repeat-x; }
#rateSutra #bottom div { width: 11px; height: 11px; }
#rateSutra #bottom #left { float: left; background: url(images/sutraBottomLeft.gif) top left no-repeat; }
#rateSutra #bottom #right { float: right; background: url(images/sutraBottomRight.gif) top right no-repeat; }

/*quizzes*/
#quizWelcome { width: 536px; float: left; }
#quizWelcome h4 { font-size: 18px; font-weight: bold; color: #c94287; margin: 0; }
#quizWelcome p { font-size: 12px; }
#aQuiz { width: 518px; float: left; border-top: 2px dotted #c94287; padding: 25px 0; margin-top: 10px; }
#aQuizInner p { font-size: 14px; font-weight: bold; }
#aQuizInner strong { font-size: 18px; font-weight: normal; }
.qDiv { width: 518px; float: left; }
#aQuizInner { width: 482px; float: left; padding: 10px 18px 0; font-size: 12px; }
#aQuizInner img { border: none; }
#aQuizInner strong { font-size: 16px; font-weight: bold; color: #c94287; }
#moreQuizzes li, #aQuiz label { font-size: 12px; }
#moreQuizzes { width: 522px; float: left; background: #ffeef4; padding: 12px 7px; margin-top: 5px; }
#moreQuizzes li a, #moreQuizzes h4 { font-size: 14px; font-weight: bold; color: #c94287; margin: 0; }
#moreQuizzes ul { width: 522px; float: left; list-style: none; margin: 0; padding: 18px 0 0; }
#moreQuizzes li { width: 508px; float: left; padding: 0 0 10px 14px; background: url(images/bigDot.gif) top left no-repeat; }
#qMess { width: 482px; float: left; margin: 0; }
#quizTry { width: 91px; height: 26px; float: left; background: url(images/btTry.png) top left no-repeat; }
#quizImg { float: left; }
#quizContent h3, #quizContent .info, #quizContent { width: 308px; float: left; }
#quizContent { padding: 0 0 0 10px; }
#aPages { width: 518px; float: left; }
#aContent2 #aPages { width: 335px; }
#quizContent h3 a { font: bold 19px arial; color: #000; }

/*be a member*/
#memberRegistration { width: 504px; float: left; border: 1px solid #FFC9E1; padding: 10px 15px; }
#memberRegistration form, #memberRegistration table { width: 504px; float: left; padding: 0; margin: 0; }
#memberRegistration tr { border-bottom: 1px dotted #C94287; float: left; width: 494px; }
#memberRegistration th { width: 150px; float: left; padding: 5px; }
#memberRegistration td { float: left; padding: 5px; }
.terms { width: 480px; height: 250px; float: left; overflow-y: scroll; }

/*blog main*/
#blogsPeek { width: 536px; float: left; list-style: none; margin: 0; padding: 0; border-bottom: 2px dotted #81489b; }
#blogsPeek li { width: 528px; float: left; border-top: 2px dotted #81489b; padding: 8px 4px; height: auto; }
#blogsPeek li a strong { font: 18px arial; color: #000; }
#blogsPeek li a:hover strong { text-decoration: underline; color: #000; }
#blogsPeek li small { font: 10px arial; color: #000; }
#blogsPeek li small a { font: 10px arial; color: #81489b; }
#blogsPeek li div a strong, #blogsPeek li a { font: bold 12px arial; color: #81489b; }
#blogsPeek li p, #blogsPeek div, #blogsPeek div p { font: 12px arial; color: #000; padding: 0 0 8px; line-height: 18px; width: auto; }
#blogsPeek div img { padding: 0 5px 0 0; }
#blogsPeek div a { font: 12px arial; color: #81489b; }
#prevBlogs, #nextBlogs { width: 268px; float: left; margin: 0; padding: 10px 0; }
#prevBlogs { text-align: left; }
#nextBlogs a, #prevBlogs a { font: 13px arial; color: #81489b; }
#nextBlogs { text-align: right; }

/* cosmo controversy (polls) */
.resultContainer { width: 275px; height: 15px; float: left; background: #FFF; border: 1px solid #E60E6A; }
.bar { float: left; height: 15px; background: #FBF5A6; border-right: 1px solid #E60E6A; color: #FF3399; }
.pollDesc { width: 144px; float: left; padding: 10px 0 0; }
#ccFormMess, #ccFormMess2 { font-weight: normal !important; }
#controv #question { width: 275px; padding: 0 0 7px; float: left; font: bold 11px arial; color: #000; text-align: center; }
#controv #cosmoControversyForm ul, #controv #cosmoControversyForm2 ul { width: 275px; float: left; list-style: none; margin: 0; padding: 0; }
#controv #cosmoControversyForm li, #controv #cosmoControversyForm2 li { width: 275px; padding: 0 0 7px; float: left; font: 11px arial; color: #000; }
#controv #ccFormMess, #controv #ccFormMess2 { width: 255px; float: left; text-align: right; }
#controv #ccFormMess a, #controv #ccFormMess2 a { color: #ef1166; }
#controv #ccFormMess a:hover, #controv #ccFormMess2 a:hover { text-decoration: none; color: #000; }
.articlePoll { width: 518px; padding: 10px 0; float: left; }
#cosmoControversyForm2 ul, #articleMain #cosmoControversyForm2 li, #articleMain .articlePoll #question { width: 518px; text-align: left; font: 12px arial; }
#articleMain .articlePoll .pollDesc { width: 518px; }
.lbarDivDiv .resultContainer { width: 144px; }

/*about-u*/
#auCoverDiv { width: 190px; float: left; }
#auCoverDiv a img { border: none; }
#auContent { width: 507px; float: left; }
#auContent p { font: 14px arial; color: #000; float: 507px; float: left; margin: 0; padding: 0 0 10px; }
#auContent a { font: 14px arial; color: #CE004E; }
.auHeader { width: 507px; float: left; margin: 0; padding: 30px 0 10px; font: bold 14px arial; color: #000; }
.auUl { width: 507px; float: left; list-style: none; margin: 0; padding: 0; border-top: 2px solid #555; }
.auUl li { width: 507px; float: left; padding: 10px 0; border-bottom: 2px solid #555; font: 14px arial; color: #000; }
.auUlNBorder { border-bottom: none !important; }

/*search*/
#searchArts { width: 536px; float: left; padding: 10px 0 20px; }
#searchArts ul { width: 516px; float: left; margin: 0; padding: 0 0 0 20px; list-style: disc; }
#searchArts li { width: 516px; float: left; padding: 5px 0; }
#searchArts li a { font: bold 16px arial; color: #000; }
#searchArts .moreTags { list-style: none; text-align: right; }
#searchArts .moreTags a { font: 12px arial; color: #FF3399; }
#searchArts p { width: 506px; padding: 0 0 0 10px; font: 12px arial; }
#searchHeader { width: 536px; float: left; margin: 0; padding: 0; font: bold 20px arial; color: #E60E6A; }

#movieWidget { width: 299px; padding: 10px 0 0; float: right; }
#cosmoMobileNote { width: 536px; float: left; padding: 4px 0; margin: 5px 0 0; font: 14px arial; color: #000; }

/* e-newsletter subscription page */
#eSubLeft { width: 307px; float: left; }
#eSubRight { width: 390px; float: left; }
#eSubRight h3 { width: 390px; height: 45px; float: left; margin: 0; background: url(images/cosmo-enewsletter.png) top left no-repeat; text-indent: -99999px; }
#eSubRight #sbscrb #inner p { width: 362px; font-size: 12px; }
#eSubRight #sbscrb { width: 390px; float: left; padding: 10px 0; }
#eSubRight #sbscrb #inner { width: 370px; padding: 10px; }
#eSubMain { width: 390px; float: left; border-top: 2px solid #E60E6A; border-bottom: 2px solid #E60E6A; }
#eSubMain p { width: 390px; float: left; padding: 10px 0; font: 12px arial; color: #000; }
#eSubMain p a { color: #CE004E; }

/* hunk finder left side bar */
#lbHunkFinder { width: 154px; padding: 20px 3px 0; float: left; }
#lbhfSearch { width: 148px; padding: 8px 2px; float: left; border: 1px solid #000; background: #FFF; }
#lbhfSearch select { width: 148px; }
#lbHunkFinder h6 { width: 148px; padding: 0 0 3px; margin: 0 0 3px; float: left; font: bold 12px arial; color: #000; border-bottom: 2px dotted #000; text-align: center; }
#lbhfAlphabets { width: 154px; padding: 20px 0 0; float: left; }
#lbhfAlphabets p { width: 154px; float: left; text-align: center; }
#lbhfAlphabets p a { font: bold 17px arial; color: #000; }
#lbhfAlphabets p a:hover { color: #B40F2A; text-decoration: none; }

/* articleXforum */
#forumXArticle { width: 536px; padding: 0 0 15px; float: left; }
#forumXArticle h3 { width: 536px; float: left; font: bold 14px arial; color: #000; margin: 0; }
#forumXArticle h3 a { font: bold 14px arial; color: #000; }
#forumXArticle h3 a strong { color: #d80c62; }
#forumXArticle h3 a:hover { color: #000; text-decoration: none; }
#forumXArticle #inner { width: 528px; padding: 4px; float: left; background: #ee66aa; }
#forumXArticle #inner h4 { width: 528px; padding: 0 0 4px; float: left; font: bold 12px arial; color: #FFF; margin: 0; }
#forumXArticle #inner div { width: 520px; padding: 10px 4px; float: left; background: #FFF; font: 12px arial; color: #000; }
#forumXArticle #inner div a { font: bold 11px arial; }
#forumXArticle #inner div a strong { font: bold 12px arial; color: #000; }
#forumXArticle #inner div small { font: 11px arial; }

#lCover { position: relative; }
#peekInside { width: 64px; height: 64px; top: 110px; right: 0; position: absolute; text-indent: -99999px; background: url(images/peek-inside.png) top left no-repeat; clear: left; }
#lCover .lbarDivP a { color: #000; }
#blogDescription { width: 514px; padding: 10px; float: left; margin: 10px 0; border: 1px solid #81489B; background: #F5E4EA; }
#lMFLinks .lbarDivP { border-bottom: 2px dotted #B40F2A; padding: 10px; }
#lMFLinks .lbarDivP small { font: bold 11px arial; color: #B40F2A; }
#lMFLinks .lbarDivP a strong { color: #000; }
#lMFLinks .lbarDivP a:hover strong { color: #B40F2A; }
#lMFLinks #vm { width: 160px; float: left; padding: 10px 0 0; text-align: center; }
#lMFLinks #vm a { font: bold 11px arial; color: #000; }
#rightBox2 { width: 843px; padding: 9px 0 0 10px; float: left; }
#template4Box { width: 1013px; float: left; }
.stronger { font-weight: bold !important; }

#rightRight h4 a:hover, #otherArts strong a:hover, #lMFLinks #vm a:hover, #lCover .lbarDivP a:hover, .lbarDivP a:hover { text-decoration: none; color: #E60E6A !important; }
.oarm:hover, #tellAll h5 a:hover, #tellAll p a:hover { text-decoration: none; color: #000 !important; }
.addthis_toolbox .at15t_compact { display: none; }
.addthis_toolbox { width: 96px; padding: 5px 0 0; float: left; }
#articleActions #aa2 a { width: auto; }
#articleActions #aa2 .addthis_toolbox a { width: 16px; height: 16px; padding: 0 5px 0 0; background: none; }

/*rating*/
#rateDiv { width: 518px; float: left; padding: 15px 0 0; }
#rateDiv span { padding: 0 5px 0 0; font-size: 12px; float: left; }
#rateDiv a { width: 15px; height: 14px; float: left; background: url(images/tvRate.gif) top left no-repeat; }
#rateDiv a:hover, #rateDiv a.selected { background: url(images/tvRate.gif) bottom left no-repeat; }
#rateDiv a.selectedHalf { background: url(images/tvRate2.gif) top left no-repeat; }
#rateDiv p { width: 518px; float: left; }

/*refer friend page*/
#referFriend { width: 536px; float: left; }
#referFriend p { font: 12px arial; color: #000; }
#referFriend p a { color: #E60E6A; }
#referFriend p a:hover { text-decoration: none; color: #777; }
#referFriend label, #referFriend #referMess { font: 12px arial; color: #E60E6A; }
#referFriend #referMess a { color: #777; }

/*jnj promo skin - take this out when promo is over*/
#jnjSkin { background: #f5dfe1 url(../../../objects/promos/johnsonsbodycareph/images/skinner.jpg) top center no-repeat fixed; position: relative; }
#jnjSkin #container { z-index: 2; }
#jnjSkinLinkLeft, #jnjSkinLinkRight { width: 500px; height: 653px; text-indent: -99999px; position: fixed; top: 0; z-index: 0; }
*html #jnjSkinLinkLeft, *html #jnjSkinLinkRight { position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
#jnjSkinLinkLeft { left: 0; }
#jnjSkinLinkRight { right: 0; }

/*kotex promo skin - take this out when promo is over*/
#kotexSkin { background: #434346 url(../../../objects/promos/kotex/images/Kotex-Skin-Cosmo.png) top center no-repeat fixed; position: relative; }
#kotexSkin #container { z-index: 2; }
#kotexSkinLinkLeft, #kotexSkinLinkRight { width: 500px; height: 600px; text-indent: -99999px; position: fixed; top: 0; z-index: 0; }
*html #kotexSkinLinkLeft, *html #kotexSkinLinkRight { position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
#kotexSkinLinkLeft { left: 0; }
#kotexSkinLinkRight { right: 0; }

/*dulcofiber better you skin - take this out when promo is over*/
#dulcofiber { background: #e0ebc3 url(images/skins/dulcofiber.jpg) top center no-repeat fixed; position: relative; }
#dulcofiber #container { z-index: 2; }
#dulcofiberLinkLeft, #dulcofiberLinkRight { width: 500px; height: 653px; text-indent: -99999px; position: fixed; top: 0; z-index: 0; }
*html #dulcofiberLinkLeft, *html #dulcofiberLinkRight { position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
#dulcofiberLinkLeft { left: 0; }
#dulcofiberLinkRight { right: 0; }

#baCountdown { width: 142px; height: 86px; padding: 10px 0 0 18px; float: left; background: #FFF url(images/countdown.jpg) top left no-repeat; font: bold 24px verdana; color: #FFF; }
#baOutNow { width: 160px; height: 110px; float: left; background: #FFF url(images/CBA_outnow-8.jpg) top left no-repeat; text-indent: -99999px; }

/*dulcofiber quiz promo*/
#dulcoNote { width: 378px; height: 184px; padding: 55px 10px 0 130px; float: left; background: url(images/dulcoQuiz.jpg) bottom left no-repeat; font: 12px arial; }
