body{ margin:0px; color:#7c7a7a; font-family:Tahoma; font-size:11px;}
h1, h2, h3, h4, h5, h6, p, ul, li, form, font{ margin:0px; padding:0px;}
h4 a{ color:#0365b0; text-decoration:none;font-family:"Trebuchet MS";font-size:13px;}
h4 span a{ color:#585858; text-decoration:none;font-family:"Trebuchet MS";font-size:13px;}

a{ outline:none; text-decoration:underline;} a:hover{ text-decoration:none;}
#wrapper{ width:1002px; margin:auto;}
#mainContainer{ float:left; width:1002px;}
#topContainer{ float:left; width:1002px; background:url(topBar.gif) no-repeat top; padding-top:16px;}
#topContainer2{ float:left; width:1002px; background:url(bottomShadow.jpg) no-repeat bottom; padding-bottom:11px;}
#innerContainer{ float:left; width:988px; background:url(bg-rpt.jpg) repeat-y top; padding:0 7px 20px 7px;}
#topnav{ float:left; width:988px; height:137px;}
#logo{ float:left; width:305px; padding:0 10px 0 9px;}
#topnavR{ float:left; width:664px; height:103px;}
#topnavRow1{ float:left; width:324px; margin:20px 0 0 30px; background:url(topLine.jpg) no-repeat left top; padding:20px 0 20px 30px; font-style:italic; color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
#topnavRow1Colm2{ float:left; width:280px; padding:11px 0 0 0;}
.memberLogin{ float:left; width:280px;}.memberLogin a{ color:#8d8d8d;}
.memberLogin span{ color:#194186; font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; padding-right:24px;}
.memberLogin span a{ color:#194186;}
.txtField{ border:1px solid #bbbaba; color:#8d8d8d; font-size:12px;}
.txtOption{ border:1px solid #bbbaba; color:#8d8d8d; font-size:12px;}

#topNavigation{ float:left; width:664px; height:34px; background:url(menu-bg.jpg) no-repeat left bottom;}
#topNavigation2{ float:left; width:664px; height:34px; background:url(menu-bg2.jpg) no-repeat left bottom;}

.home{ float:left; width:131px; height:34px; padding-right:2px;}
.home a{ outline:none; display:block;}
.home a:hover{ background:url(home-hover.jpg) no-repeat left top;}
.home a:active{ float:left; padding-right:2px; width:131px; height:34px; background:url(home-hover.jpg) no-repeat top left;}

.home-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(home-hover.jpg) no-repeat top left;}

.become-a-member{ float:left; width:131px; height:34px; padding-right:2px;}
.become-a-member a{ outline:none; display:block;}
.become-a-member a:hover{ background:url(become-a-member-hover.jpg) no-repeat left top;}
.become-a-member-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(become-a-member-hover.jpg) no-repeat top left;}

.homepage2{ float:left; width:131px; height:34px; padding-right:2px;}
.homepage2 a{ outline:none; display:block;}
.homepage2 a:hover{ background:url(my-profile-hover.jpg) no-repeat left top;}
.homepage2-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(my-profile-hover.jpg) no-repeat top left;}


.home-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(home-hover.jpg) no-repeat top left;}

.search-profile{ float:left; width:131px; height:34px; padding-right:2px;}
.search-profile a{ outline:none; display:block;}
.search-profile a:hover{ background:url(search-profile-hover.jpg) no-repeat left top;}

.search-profile-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(search-profile-hover.jpg) no-repeat top left;}

.addsearch-profile{ float:left; width:131px; height:34px; padding-right:2px;}
.addsearch-profile a{ outline:none; display:block;}
.addsearch-profile a:hover{ background:url(advance-search-hover.jpg) no-repeat left top;}

.adsearch-profile-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(advance-search-hover.jpg) no-repeat top left;}

.testimonials{ float:left; width:131px; height:34px; padding-right:2px;}
.testimonials a{ outline:none; display:block;}
.testimonials a:hover{ background:url(testimonials-hover.jpg) no-repeat left top;}
.testimonials-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(testimonials-hover.jpg) no-repeat top left;}

.ritestimonials{ float:left; width:131px; height:34px; padding-right:2px;}
.ritestimonials a{ outline:none; display:block;}
.ritestimonials a:hover{ background:url(my-ricobombon-hover.jpg) no-repeat left top;}
.ritestimonials-active{ float:left; padding-right:2px; width:131px; height:34px; background:url(my-ricobombon-hover.jpg) no-repeat top left;}

.contactus{ float:left; width:131px; height:34px;}
.contactus a{ outline:none; display:block;}
.contactus a:hover{ background:url(contact-us-hover.jpg) no-repeat left top;}
.contactus-active{ float:left; padding-right:0px; width:131px; height:34px; background:url(contact-us-hover.jpg) no-repeat top left;}

#bannerArea{ float:left; width:988px;}
#bannerColmL{ float:left; width:323px; height:231px; padding:33px 0 0 0; border-right:1px solid #c46c01; background:url(memberLoginBg.jpg) repeat-x; color:#676767; font-family:"Trebuchet MS"; font-size:13px; font-weight:bold;}
.formTR{ float:left; width:323px; padding:0 0 14px 0;}
.formColmL{ float:left; text-align:right; width:116px; padding:0 8px 0 0;}
.formColmR{ float:left; width:199px;}.formColmR span{ font-size:11px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

#bannerColmR{ float:left; text-align:right; width:620px; height:234px; border:1px solid #e4e4e4; background:url(bannerBg.jpg) no-repeat left bottom; padding:28px 43px 0 0;}
#bannerColmR h1{ margin:0px; padding:0px; color:#737272; font-size:26px; font-weight:normal; line-height:28px; font-style:italic; font-family:"Franklin Gothic Medium";}
#bannerColmR h1 span{ color:#f7941e;}
#bannerColmR p{ margin:0px; padding:40px 0 0 0;}

#bodyArea{ float:left; width:978px; padding:13px 5px 0 5px;}
#bodyArea h1{ font-weight:normal; color:#ee710c; font-family:"Trebuchet MS"; font-size:22px;}
#bodyArea h2{ font-weight:normal; color:#8fa900; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
#bodyArea h3{ font-weight:bold; color:#8fa900; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-bottom:8px;}

#bodyColmL{ float:left; width:224px;}
.bodyBoxL{ border-top:1px solid #ededed; float:left; width:224px; padding:6px 0 8px 0; margin-top:10px;}
.bodyBoxL a{ color:#c17b01;}
#special-events{ float:left; width:59px; height:81px; border:1px solid #f48522;}
#special-eventsR{ float:left; width:153px; padding-left:10px;}
.dotRpt{ float:left; background:url(dot-rpt.jpg) repeat-x left bottom; padding-bottom:3px; margin-bottom:10px;}

#bodyColmMid{ float:left; width:478px; padding:0 18px 0 18px;}
#bodyColmMid a{ color:#ee710c; font-style:italic; font-weight:bold;}

.bodyMidBox{ float:left; width:476px; border:1px solid #ededed; margin-bottom:10px;}
#latestMemberL{ float:left; width:28px; height:67px; padding-top:37px; border-right:1px solid #ededed;}
#latestMemberR{ float:left; width:28px; height:67px; padding-top:37px; border-left:1px solid #ededed;}
#latestMemberMid{ float:left; width:410px; height:88px; padding:8px 4px 8px 4px;}
.membersList{ float:left; width:92px; height:86px; margin:0 4px 0 4px; border:1px solid #f48522;}
.membersList1{ margin:0 4px 0 4px; border:1px solid #f48522;}

.featured-member{ float:left; width:456px; height:140px; padding:10px;}
#freaturedImg{ float:left; width:97px; height:97px; border:1px solid #f48522;}
#freatureDetail{ float:left; width:347px; height:99px; padding-left:10px;}

#welcomebg{ float:left; padding:10px; height:96px; width:456px; background:url(welcome-bgRpt.jpg) repeat-x left bottom; background-color:#fbfbfb;}

#bodyColmR{ float:left; width:240px;} #bodyColmR a{ color:#ee710c; font-style:italic; font-weight:bold;}
.bodyRightBox{ border-top:1px solid #ededed; float:left; width:240px; padding:6px 0 8px 0;}
#special-img{ float:left; width:82px; height:82px; border:1px solid #f48522;}
#special-detail{ float:left; width:146px; padding-left:10px;}

#articles{ float:left; width:240px;}#articles span{ color:#000; font-weight:bold;}
#articles p{ padding-top:8px;}
#advertisment{ float:left; width:220px; background-color:#eae9e9; padding:10px; text-align:center;}

#bottomContainer{ float:left; width:988px; padding:30px 7px 40px 7px; line-height:16px; text-align:center;}
#bottomContainer a{ color:#7c7a7a; font-family:Tahoma; font-size:11px;}

/******************************************Inner Pages Starts********************************************/

#innerBody{ float:left; width:978px; padding:25px 5px 0 5px;}
#innerBody h1{ font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; color:#0365b0; padding-bottom:5px;}
#innerBody h1 span{ color:#000; padding:0 3px 0 0;}
#innerBody p{ margin:0px; padding:0 0 4px 0;}#innerBody p a{ color:#ff6600; text-decoration:none;}#innerBody p a:hover{ text-decoration:underline;}
#innerBody p span{ font-weight:bold;}#innerBody p span a{ color:#ff6600;}
#innerBody p font{ color:#bc0400; font-size:11px; font-weight:bold;}#innerBody p font a{ color:#bc0400; text-decoration:none;}

#searchContainer{ float:left; font-family:"Trebuchet MS"; width:956px; padding:10px 15px 15px 15px; border:1px solid #e4e4e4; background:url(searchRptBg.jpg) repeat-x top; background-color:#fff;}
#searchContainer h1{ font-weight:normal; font-size:22px; color:#0365b0; padding-bottom:10px;}
.searchColm{ float:left; width:304px; padding:0 14px 0 0; text-align:right;}
.searchTR{ float:left; width:304px; padding-bottom:10px; font-size:13px; font-weight:bold; color:#585858;}
.searchTR span{ padding-right:6px;}
#searchButton{ float:left; width:956px; text-align:right;}

#bodyColm1{ float:left; width:170px;}

.leftColmMenu{ float:left; width:170px;}
.leftMenuNormal { float:left; width:170px; height:21px; border-bottom:1px dashed #d0d0d0; font-size:11px; color:#000; list-style:none;}
.leftMenuNormal a{ text-decoration:none; color:#000; height:19px; display:block; padding:2px 0 0 6px;}
.leftMenuNormal a:hover{ background-color:#f2f2f2;}
.leftMenuActive{ float:left; width:164px; background:url(left-menu-bg.gif) no-repeat; height:19px; border-bottom:1px dashed #d0d0d0; padding:2px 0 0 6px;}
.leftMenuActive a{ color:#fff; font-weight:bold; text-decoration:none;}

#bodyColm2{ float:left; width:502px; padding:0 15px 0 15px; color:#585858;}
.colm2box{ float:left; width:484px; border:1px solid #e4e4e4; padding:8px; margin-bottom:10px;}
.colm2box2{ float:left; width:322px; border:1px solid #e4e4e4; padding:8px; margin-bottom:10px;}
.colm2boxHdng{ float:left; width:502px;}

#profileImg{ float:left; width:113px; height:144px; border:1px solid #f48522;}
.prfctMatch{ float:left; width:90px;}.prfctMatchImg{ float:left; width:60px;}
.prfctMatchTR{ float:left; width:90px;}

#bodyColm3{ float:left; width:276px; color:#585858;}
.colm3boxHdng{ float:left; width:276px;}

.colm3box{ float:left; width:258px; border:1px solid #e4e4e4; padding:8px; margin-bottom:10px;}
.shoutBox{ float:left; width:188px; padding-left:10px;}
.colm3box ul{ float:left; width:85px;}
.colm3box ul li{ list-style:none; line-height:20px;}.colm3box ul li a{ text-decoration:none; color:#585858;}
.colm3box ul li a:hover{ background-color:#ffbe92; font-weight:bold;}
.starActive{ background-color:#ffbe92; font-weight:bold;}

/************************************************Welcome Guest***********************************************/

h4{ color:#0365b0; font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; padding-bottom:4px;}
h4 span{ color:#585858;}
#guestColmR2{ float:left; width:710px; padding:0 0 0 18px; color:#585858;}
#guestColmR2 a{ color:#ff6600;}
#guestColmR{ float:left; width:736px; padding:0 0 0 18px; color:#585858;}
#guestColmR a{ color:#ff6600;}
.guestRbox{ float:left; width:718px; border:1px solid #e4e4e4; padding:8px;}
.guestRbox2{ float:left; width:700px; border:1px solid #e4e4e4; padding:8px; margin-top:8px;}
.loginBox{ float:left; width:300px; padding:10px 26px 10px 10px; margin:10px; font-size:13px; font-weight:bold; font-family:"Trebuchet MS"; border-right:1px dashed #dedede;}
.loginBox span{ padding-right:10px;}
/************************************************June 01, 2009***********************************************/

.colmRtopHdng{ float:left; width:736px; padding:0 0 14px 0;}
.innerformTR{ float:left; width:718px; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #e4e4e4;}
.innerformTR2{ float:left; width:718px; padding-bottom:8px;}
.innerformColmL{ float:left; width:160px; padding-right:6px; text-align:left; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.innerformColmL2{ float:left; padding-right:6px; text-align:left; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.innerformColmR{ float:left; width:552px;}
.innerformColmR1{ float:left; width:552px; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858; padding:0 0 4px 0;}
.innerformColmR2{ float:left; width:552px; padding:0 0 6px 0;}
.innerformColmR3{ float:left; width:355px; padding:0 0 0 166px;}
.textField{ border:1px solid #bbbaba; color:#585858;}

.innerformColmImage{float:left; width:160px; padding-right:6px;}
.innerformColm1{ float:left; width:235px; padding-right:6px; text-align:left; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.innerformColm2{ float:left; width:235px; padding-right:6px; text-align:left; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.innerformColm3{ float:left; width:230px; padding-right:6px; text-align:left; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.innerformRadio{float:left; width:100px;}
.innerformColmI{float:left; width:100px;}

/************************************************June 02, 2009***********************************************/
#horoscopeouter{ float:left; width:718px; padding-bottom:8px; margin-bottom:8px;}
.horoscopeColm1{width:180px; float:left;}
.horoscopeIcon{width:50px; float:left; padding:0 0 6px 0;}
.horoscopecolm2{width:100px; float:left; padding:10px 0 6px 20px; font-size:13px; font-family:"Trebuchet MS";}
.horoscopeInner{ float:left; width:736px; margin-bottom:8px; background-color:#f5f5f5;}
.horoscopeColmL{ float:left; width:200px;}
.horoscopeColmR{ float:right; width:100px; padding:20px 0 0 0;}

/************************************************June 03, 2009***********************************************/
.testimonialBox{ float:left; width:702px; padding:0 0 15px 0;}
.mailBox{ float:left; width:718px; padding-bottom:4px; margin-bottom:8px;}
.mailBoxI{ width:100px; float:left;}
.mailBoxI span{font-weight:bold; color:#585858;}
.mailBoxD{ width:80px; float:right;}
.mailBoxColmL{ float:left; width:50px; padding-right:6px; text-align:left; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.mailBoxColmR{ float:left; width:210px;}
.mailBoxb{ width:20px; float:left;}
.mailBoxTexta{ float:left; width:718px; border:1px solid #e4e4e4; padding:8px; margin-top:6px; background-color:#f5f5f5;}
.mailBoxButton{ float:left; width:718px; padding-bottom:4px; margin:10px 0 0 0;}


/****************************************************************************************************************
/******************************************************June 04, 2009****************************************************/

#editProfile{ float:left; width:793px; padding:0 0 0 15px; color:#585858;}
.editProfileBox{ float:left; width:775px; border:1px solid #e4e4e4; margin-bottom:10px; padding:8px;}
.editProfileBox2{ float:left; width:700px; border:1px solid #e4e4e4; margin-bottom:10px; padding:8px;}
.profileImg{ float:left; width:113px; height:144px; padding:0 10px 0 0;}
.editProfileR{ float:left; width:652px;}
.txtWithBg{ background-color:#e8e8e8; color:#444; font-weight:normal;}
.txtWithBg2{ background-color:#ff6600; color:#fff; font-weight:normal;}
.profileBtns{ float:left; width:791px; border-bottom:2px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:1px solid #e8e8e8; height:34px;}

.buttontab{ float:left; padding:10px 41px 0 40px; height:24px; font-weight:normal; font-family:Tahoma; font-size:11px; color:#444; border-right:1px solid #e8e8e8;}
.buttontab a{ color:#ff6600; text-decoration:none;}
.buttontab a:hover{ color:#444;}

.buttontab-active{ float:left; padding:10px 41px 0 40px; height:24px; font-weight:normal; font-family:Tahoma; font-size:11px; color:#444; border-right:1px solid #e8e8e8; background-color:#e8e8e8;}
.buttontab-active a{ color:#444; text-decoration:none;}

.personalInfo{ float:left; width:775px;}
.editSection{ float:left; width:400px;}
.completeProfile{ float:left; width:375px; text-align:right;}

.userDetail{ float:left; width:775px; border-bottom:1px solid #e4e4e4; padding:10px 0 10px 0; margin-bottom:10px;}
.userDetail2{ float:left; width:675px; border-bottom:1px solid #e4e4e4; padding:10px 0 10px 0; margin-bottom:10px;}
.userDetailColm1{ float:left; width:390px;}
.userDetailColm2{ float:left; width:385px;}
.userDetailColm3{ float:left; width:100%;padding:10px 0 10px 0; margin-bottom:10px;}

.iconAlbum{ float:left; width:48px; height:48px; border:1px solid #e4e4e4;}
.galleryTR{ float:left; width:775px; padding-bottom:6px;}
.galleryBox{ float:left; width:250px; height:217px; margin-right:6px; border:1px solid #e8e8e8;}
.galleryTop{ float:left; width:250px; padding:8px 0 2px 0; text-align:center;}
.galleryBottom{ float:left; width:230px; height:106px; background-color:#e4e4e4; padding:3px 10px 2px 10px;}

/***************************************************June 05, 2009************************************************/

.quickSearch1{ float:left; width:387px;}
.quickSearch2{ float:left; width:258px;}
.SearchColmR{ float:left; width:200px; padding-left:14px;}

.hotlist{ float:left; width:775px; padding:5px 0 5px 0;}
.hotlist2{ float:left; width:700px; padding:5px 0 5px 0;}
.hotlist3{ float:left; width:700px; padding:5px 0 5px 0;}

.hotlistC1{width:14px; float:left; padding:40px 0 0 0;}
.hotlistC2{width:50px; float:left; padding:4px 0 0 0;}
.hotlistC3{width:100px; float:left; padding:12px 0 0 15px;}
.hotlistC4{width:300px; float:left; padding:10px 0 0 30px; line-height:20px;}
.hotlistC422{width:240px; float:left; padding:10px 0 0 30px; line-height:20px;}
.hotlistC5{width:260px; float:left; padding:10px 0 0 0px; line-height:20px;}
.hotlistC522{width:210px; float:left; padding:0px 0 0 0px; line-height:20px;}
.hotlistCL{width:370px; float:left;}
.hotlistCR{width:400px; float:left;}
.hotlistCL2{width:280px; float:left;}
.hotlistCR2{width:415px; float:left;}

/****************************************************June 09, 2009***************************************************/

.static-link{ color:#585858; text-decoration:none;}
.hottiesTR{ float:left; width:718px; padding-bottom:6px;}
.hottiesBox{ float:left; width:229px; height:225px; margin-right:8px; border:1px solid #e8e8e8;}
.hottiesTop{ float:left; width:229px; padding:8px 0 2px 0; text-align:center;}
.hottiesBottom{ float:left; width:229px; height:114px; background-color:#f6f6f6; padding:3px 0px 2px 0px; text-align:center;}

/****************************************************June 10, 2009***************************************************/

.SmileOuter{ float:left; width:775px; padding:10px 0 10px 0; margin-bottom:10px;}
.smileR{ float:left; width:765px; padding:5px 0 5px 10px; background-color:#f5f5f5;}
.smile{width:260px; float:left; padding:0px 0 12px 0px;}
.smileC1{width:50px; float:left;}
.smileC2{width:210px; float:left; padding:3px 0 0 0;}

.smile1{width:10px; float:left; padding:40px 0 0 0;}
.smile2{width:50px; float:left; padding:8px 0 0 0;}
.smile3{width:140px; float:left; padding:4px 0 0 30px;}
.smile4{width:240px; float:left; padding:4px 0 0 30px; line-height:20px;}
.smile5{width:260px; float:left; padding:4px 0 0 0px; line-height:20px;}
.smileL{width:405px; float:left;}

.modifyMouter{ float:left; width:775px; padding:5px 0 5px 0; border-bottom:1px solid #e4e4e4;}
.modifyColmL{ float:left; width:120px; padding-right:6px; text-align:left; font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.modifyColmR{ float:left; width:640px;}
.modifyMColmL{ float:left; width:150px; padding-right:6px; text-align:left;}
.modifyMColmR{ float:left; width:310px;}
.modifyMColmM{ float:left; width:300px;}
.modifyMColm1{ float:left; width:200px;font-weight:bold; font-size:13px; font-family:"Trebuchet MS"; color:#585858;}
.modifyMColm2{ float:left; width:570px;}
