/* CSS Document */ body {background-image:url(http://static.eharmony.com/assets/images/bg-details.gif); background-repeat:repeat-y; background-position:center; background-color:#114282; margin:0px; font-family:arial;} form {padding:0px; margin:0px} input, select, textarea {border:1px solid #86aee3} a {color:#0078c9; text-decoration:underline} a:hover {text-decoration:none; color:#48aa00} #container {background-image:url(http://static.eharmony.com/assets/images/bg-whitebody.gif); width:990px; margin:0px auto; overflow:hidden; padding-bottom:10px} #regLeft {width:355px; float:left; padding-left:11px} #regLeft #logo {padding:30px 0 20px 41px} #regLeft #logo h1 {padding:0px; margin:0px} #regLeft #reg {background-image:url(http://static.eharmony.com/assets/images/bg-reg.jpg); width:325px; background-repeat:no-repeat; padding:10px 0px 0 30px} #regLeft #reg h1 {color:#FFFFFF; font-size:20px; font-weight:bold; padding:2px 0 40px 0; margin:0px} #regLeft #reg h2 {color:#FFFFFF; font-size:18px; font-weight:bold; padding:4px 0 40px 0; margin:0px} #regLeft #reg td {font-size:12px; padding:5px 0; font-weight:bold} #regLeft #reg label {font-size:10px; font-weight:normal} #regLeft #reg #forgotPassword {font-size:11px; padding-top:40px} #regLeft #reg #forgotPassword ul {list-style:none; margin:0px; padding:0px} #regLeft #reg #forgotPassword li {display:inline; padding:0px 1px} #regLeft #seals {padding:0px} #regLeft #seals ul {list-style:none; padding:0px; margin:0px; padding-top:45px} #regLeft #seals li {display:inline} #contentRight {width:623px; float:right; padding:20px 0 0 0; background-image:url(http://static.eharmony.com/assets/images/bg-line.gif); background-repeat:no-repeat} #contentRight #tabs {float:left; width:350px} #contentRight #login {float:right; width:200px; font-size:11px; padding:5px 30px 0 0; text-align:right} #contentRight #feature {background-image:url(http://static.eharmony.com/assets/images/bg-featured.jpg); width:599px; height:363px; margin-top:0px; padding:14px 0 0 12px; background-repeat:no-repeat} #contentRight #bullets {width:350px; float:left; padding:0 20px; font-size:13px} #contentRight #bullets h2 {font-size:19px; color:#e47600; margin:0px; padding:5px 0 20px 0} #contentRight #bullets h2 strong {font-size:16px; color:#005295; margin:0px; padding:0px 0 20px 0} #contentRight #bullets ul {margin:0px; padding:0px 0 0 15px} #contentRight #bullets li {list-style-image:url(http://static.eharmony.com/assets/images/arrow.gif); padding-bottom:10px} #contentRight #bullets li strong {color:#005a9e} #contentRight #CTA {width:190px; float:right; border-left:1px solid #94c0d1; padding-left:25px} #bottom {background-image:url(http://static.eharmony.com/assets/images/bg-bottom.gif); width:990px; height:18px; margin:0px auto} /** Advice Content **/ #adviceBox {background-image:url(http://static.eharmony.com/assets/images/bg-advice-top.gif); width:990px; background-repeat:no-repeat; background-color:#FFFFFF; margin:0px auto; overflow:hidden; } #adviceBox #logo {width:140px; padding:15px 0 0 20px; float:left} #adviceBox #articles {/*width:800px;*/ float:left; font-size:12px; font-weight:normal; padding:15px 0 0 35px} #adviceBox #articles DIV.feature {padding:10px 30px 0 0; float:left; width:230px} #adviceBox #articles DIV.feature2 {padding-right:30px; float:left; width:360px} #adviceBox #articles DIV.feature2 img {padding:5px; border:1px solid #d8e1eb; margin-right:10px} #adviceBox #articles #more {font-size:11px; padding-top:15px} /** Sub Pages **/ #logoLeft {width:260px; float:left; padding-left:41px; padding-top:9px} #navRight {width:663px; float:right; background-image:url(http://static.eharmony.com/assets/images/bg-nav-header.gif); height:100px} #navRight2 {width:600px; float:right; text-align:right; padding:40px 40px 0 0} #navRight #tabsNav {padding-top:20px; padding-left:51px; float:left} #navRight #loginRight {width:200px; float:right; font-size:11px; text-align:right; padding-right:20px; padding-top:25px} #subNav {padding-left:9px} #subNav ul {list-style:none; padding:20px 0 0 68px; margin:0px} #subNav li {display:inline; padding-right:20px} #containerSub {background-image:url(http://static.eharmony.com/assets/images/bg-whitebody.gif); background-repeat:no-repeat; background-color:#FFFFFF; width:968px; margin:0px auto; overflow:hidden; padding:0 11px 0px 11px} #containerSub #infoBox {width:880px; padding:0px 45px 45px 42px; overflow:hidden; font-size:12px} #containerSub #hpInfo {width:970px; padding:35px 0 0 0px; overflow:hidden} #containerSub #regHeader {color:#FFFFFF; padding:20px 0px 0px 35px} #containerSub #regHeader h1 {font-size:27px; padding:0px; margin:0px} #containerSub #regHeader h1 strong {color:#caeefe} #containerSub #hpInfo #regBox {width:420px; padding:0px 0 0 0; float:left} #containerSub #hpInfo #regBox #regSubHeader {color:#003e7f; font-size:27px; font-weight:bold; padding:0px 0px 20px 65px} #containerSub #hpInfo #regBox #regSubHeader strong {font-weight:bold; font-size:27px; color:#e46100} #containerSub #hpInfo #regBox input{width:206px;} #containerSub #hpInfo #regBox select{width:210px;} #containerSub #hpInfo #regBox .gender select{width:74px;float:left;margin:0;font-family:arial,sans-serif;} #containerSub #hpInfo #regBox .gender div{font-size:12px;width:62px;float:left;text-align:center;padding-top:4px;} #containerSub #hpInfo #regBox DIV.left {float:left; width:160px; text-align:right; padding:2px 5px 7px 2px; font-size:12px; font-weight:bold} #containerSub #hpInfo #regBox DIV.right {float:left; width:225px; padding:2px 2px 7px 5px} #containerSub #hpInfo #regBox DIV.right label {font-size:10px} #containerSub #hpInfo #regBox #btnJoin {float:left; width:205px; padding:0px 0 0 170px} #containerSub #hpInfo #regBox #btnJoin input {border: 0px} #containerSub #hpInfo #regBox #textBox {font-size:12px; width:370px; padding:0px 0 20px 65px} #containerSub #hpInfo #regBox #errorBox {font-size:12px; width:340px; margin:0px 0 20px 65px; background-color:#fff8ac; padding:15px} #containerSub #hpInfo #rtContent {width:491px; float:right; padding-right:20px} #containerSub #hpInfo #rtContent #hpQuote {float:right; width:476px; text-align:right; padding-right:10px;} #containerSub #hpInfo #rtContent #hpQuote #text {width:265px; color:#666666; background-image:url(http://static.eharmony.com/assets/images/bg-hpquote.gif); float:right; font-size:13px; text-align:left; padding:25px 5px 0 15px; background-repeat:no-repeat} #containerSub #hpInfo #rtContent #hpQuote #text em {font-size:12px} #containerSub #hpInfo #rtContent #successList {float:right; width:476px; padding-right:10px;} #containerSub #hpInfo #rtContent #successList #left {float:left; width:200px; font-size:12px} #containerSub #hpInfo #rtContent #successList #right {float:right; width:200px; font-size:12px} #containerSub #hpInfo #rtContent #successList li {padding-bottom:10px} #containerSub #hpInfo #rtContent #referBox {width:476px; padding:35px 0px 0 20px; font-size:14px;} #containerSub #hpInfo #rtContent #referBox h2 {font-size:18px; padding:10px 0 10px 0; margin:0px; color:#264da1} #containerSub #hpInfo #rtContent #referBox h2 strong {color:#e46100} #containerSub #hpInfo #rtContent #textBox {width:426px; padding:0px 0px 0 20px; font-size:14px;} #containerSub #hpInfo #rtContent #textBox h2 {font-size:18px; padding:10px 0 10px 0; margin:0px; color:#264da1} #containerSub #hpInfo #rtContent #textBox h2 strong {color:#e46100} #containerSub #hpInfo #rtSuccess {width:431px; font-size:13px; float:right; padding:0 15px; } #containerSub #hpInfo #rtSuccess h5 {font-size:18px; font-weight:bold; color:#0050a1; padding:0px 0 25px 0; margin:0px} #containerSub #bullets {width:476px; float:left; padding-left:20px;} #containerSub #bullets h2 {color:#0f4c8c; font-size:22px; padding:0px; margin:0px} #containerSub #bullets h2 strong {color:#e46100} /* #containerSub #bullets ul {list-style-image: url(http://static.eharmony.com/assets/images/bullets.gif);} #containerSub #bullets li {font-size:14px; padding-bottom:10px} */ DIV.subBox #hpInfo {width:970px; padding:35px 0 0 0px; overflow:hidden} #containerSub #hpInfo #rtSuccess h5 strong {color:#e46100} /** Take Tour **/ #containerSub DIV.tourBox {width:956px; height:386px; margin:0px 0 0 7px;} #containerSub #tour1 {background-image:url(http://static.eharmony.com/assets/images/bg-tour-1.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub #tour1 #tour a {color:#FFFFFF} #containerSub #tour2 {background-image:url(http://static.eharmony.com/assets/images/bg-tour-2.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub #tour2 #tourAbout a {color:#FFFFFF} #containerSub #tour3 {background-image:url(http://static.eharmony.com/assets/images/bg-tour-3.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub #tour3 #tourFinding a {color:#FFFFFF} #containerSub #tour4 {background-image:url(http://static.eharmony.com/assets/images/bg-tour-4.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub #tour4 #tourJoin a {color:#FFFFFF} #containerSub #tour5 {background-image:url(http://static.eharmony.com/assets/images/bg-tour-5.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub #tour5 #tourComm a {color:#FFFFFF} #containerSub #tour6 {background-image:url(http://static.eharmony.com/assets/images/bg-tour-6.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub #tour6 #tourStart a {color:#FFFFFF} #containerSub DIV.tourBox #tourNav {margin:31px 0 0 43px; font-size:13px; font-weight:bold; color:#d5eafe} #containerSub DIV.tourBox #tourNav ul {list-style:none; padding:0px; margin:0px} #containerSub DIV.tourBox #tourNav li {display:inline; padding:0 5px} #containerSub DIV.tourBox #tourNav a {color:#d5eafe; text-decoration:none} #containerSub DIV.tourBox #tourContent {width:530px; padding:35px 0 0 45px; font-size:17px; color:#333333; margin:0px} #containerSub DIV.tourBox #tourContent h1 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px} #containerSub DIV.tourBox #tourContent h1 strong {color:#e46100} #containerSub DIV.tourBox #tourContent h2 {color:#FFFFFF; padding:100px 0 20px 0; margin:0px; font-size:21px;} #containerSub DIV.tourBox #tourContent a {font-size:16px; font-weight:bold; text-decoration:none} #containerSub DIV.tourBox #tourContent #back {float:left; padding-top:20px} #containerSub DIV.tourBox #tourContent #next {float:right; padding-top:20px} /** Why eHarmony **/ #containerSub DIV.whyEHBox {margin:6px 0 0 5px} #containerSub #whyEH1 {background-image:url(http://static.eharmony.com/assets/images/bg-whyeh-1a.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:430px;} #containerSub #whyEH1 #whyEHHome a {color:#FFFFFF} #containerSub #whyEH2 {background-image:url(http://static.eharmony.com/assets/images/bg-whyeh-2.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:778px;} #containerSub #whyEH2 #whyScientific a {color:#FFFFFF} #containerSub #whyEH3 {background-image:url(http://static.eharmony.com/assets/images/bg-whyeh-3.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:620px;} #containerSub #whyEH3 #why29Dim a {color:#FFFFFF} #containerSub #whyEH4 {background-image:url(http://static.eharmony.com/assets/images/bg-whyeh-4.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:349px;} #containerSub #whyEH4 #whyExpert a {color:#FFFFFF} #containerSub DIV.whyEHBox #whyNav {margin:25px 0 0 45px; font-size:13px; font-weight:bold; color:#d5eafe} #containerSub DIV.whyEHBox #whyNav ul {list-style:none; padding:0px; margin:0px} #containerSub DIV.whyEHBox #whyNav li {display:inline; padding:0 5px} #containerSub DIV.whyEHBox #whyNav a {color:#d5eafe; text-decoration:none} #containerSub DIV.whyEHBox #whyEHContent {width:420px; padding:35px 0 0 45px; font-size:17px; color:#666666} #containerSub DIV.whyEHBox #whyEHContent h1 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px; width:500px} #containerSub DIV.whyEHBox #whyEHContent h1 strong {color:#e46100} #containerSub DIV.whyEHBox #whyEHContent h2 {color:#FFFFFF; padding:55px 0 20px 0; margin:0px; font-size:18px;} #containerSub DIV.whyEHBox #whyEHContent a {color:#0866c5; font-size:16px; font-weight:bold} #containerSub DIV.whyEHBox #whyEHContent #back {float:left; padding-top:15px} #containerSub DIV.whyEHBox #whyEHContent #next {float:right; padding-top:15px} #containerSub #whyEHMore {width:920px; padding:20px 0 0 0px; overflow:hidden; margin:0 0 0 35px; font-size:12px;} #containerSub #whyEHMore #whyLeft {float:left; width:260px; padding:0 35px 25px 0px} #containerSub #whyEHMore #whyCenter {float:left; width:285px; padding:0 35px 25px 15px} #containerSub #whyEHMore #whyRight {float:left; width:260px; padding:0 15px 25px 15px} #containerSub DIV.whyEHBox #whyEHContentWide {width:520px; padding:35px 0 0 45px; font-size:17px; color:#666666} #containerSub DIV.whyEHBox #whyEHContentWide h1 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px} #containerSub DIV.whyEHBox #whyEHContentWide h1 strong {color:#e46100} #containerSub DIV.whyEHBox #whyEHContentWide h2 {color:#FFFFFF; padding:55px 0 20px 0; margin:0px; font-size:18px;} #containerSub DIV.whyEHBox #whyEHContentWide h3 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:27px} #containerSub DIV.whyEHBox #whyEHContentWide h3 strong {color:#e46100} #containerSub DIV.whyEHBox #whyEHContentWide a {color:#0866c5; font-size:16px; font-weight:bold} #containerSub DIV.whyEHBox #whyEHContentWide #back {float:left; padding-top:15px} #containerSub DIV.whyEHBox #whyEHContentWide #next {float:right; padding-top:15px} #containerSub DIV.whyEHBox #whyEHContentWide #text {font-size:12px; width:500px;padding-top:30px; color:#000000} #containerSub DIV.whyEHBox #whyEHContentWide #text label {color:#0050a1; font-weight:bold; font-size:14px} /*#containerSub DIV.whyEHBox #whyEHContentWide #text input {width:375px} */ #containerSub DIV.whyEHBox #whyEHContentWide #text .left {width:70px; float:left; text-align:right; font-weight:bold; font-size:13px; padding:5px 0} #containerSub DIV.whyEHBox #whyEHContentWide #text .right {width:300px; float:left; padding:5px 0 5px 10px} #containerSub #whyEHMore #ehDimensions {width:900px} #containerSub #whyEHMore #ehDimensions h3 {font-size:24px; color:#0050a1; padding-top:0px; margin-top:0px} #containerSub #whyEHMore #ehDimensions h3 strong {color:#e46100} #containerSub #whyEHMore #ehDimensions img {margin-bottom:20px; margin-right:25px} #containerSub #whyEHMore #ehDimensions ul {margin-left:170px} #containerSub #whyEHMore #ehDimensions label {color:#e46100; font-weight:bold; font-size:14px} #containerSub #whyEHMore #whyContentLeft {width:500px; padding:0px 0 0 0; float:left; margin:0px} #containerSub #whyEHMore #whyContentLeft label {color:#e46100; font-size:16px; font-weight:bold; padding:0px 0px 20px 0px} #containerSub #whyEHMore #rtContent {width:371px; float:right; padding-right:20px} #containerSub #whyEHMore #rtContent #hpQuote {float:right; width:326px; text-align:right;} #containerSub #whyEHMore #rtContent #hpQuote #text {width:316px; background-image:url(http://static.eharmony.com/assets/images/bg-hpquote.gif); background-repeat:no-repeat; float:right; font-size:14px; text-align:left; padding:35px 0px 0 0px} #containerSub #whyEHMore #rtContent #hpQuote #text em {font-size:12px} /** Return Users **/ #containerSub DIV.returnBox {width:956px; height:335px; margin:0px 0 0 7px;} #containerSub #returnFemale {background-image:url(http://static.eharmony.com/assets/images/bg-return.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub #returnMale {background-image:url(http://static.eharmony.com/assets/images/bg-return2.jpg); overflow:hidden; background-repeat:no-repeat;} #containerSub DIV.returnBox #login {font-size:14px; width:330px; padding:50px 0px 0px 50px} #containerSub DIV.returnBox #login h3 {font-size:18px; color:#0050a1} #containerSub DIV.returnBox #login #left {width:100px; ; float:left; padding-bottom:10px; text-align:right} #containerSub DIV.returnBox #login #right {width:220px; float:right; padding-bottom:10px} #containerSub DIV.returnBox #login #right #btnLogin input {border: 0px} #containerSub #hpInfo #returnBox {width:500px; padding:0px 0 0 15px; float:left; font-size:14px} #containerSub #hpInfo #returnBox h3 {font-size:19px; color:#003e7f; padding:0 0 0 20px; margin:0px} #containerSub #hpInfo #returnBox h3 strong {color:#e47600} #containerSub #hpInfo #returnBox li {padding-bottom:10px} #containerSub #hpInfo #returnContent {width:400px; float:right; padding-right:25px;} #containerSub #hpInfo #returnContent h3 {font-size:19px; color:#003e7f; padding:0 0 0 0px; margin:0px} #containerSub #hpInfo #returnContent h3 strong {color:#e47600} .btnLogin {width:250px} .btnLogin input {float:right; border: 0px;} .btnContinue input {border: 0px} /** Success Stories **/ #containerSub DIV.successStoriesBox {width:956px; height:78px; margin:0px 0 0 7px;} #containerSub #success0 {background-image:url(http://static.eharmony.com/assets/success/bg-success-0.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #success1 {background-image:url(http://static.eharmony.com/assets/success/bg-success-1.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #success1 #main a {color:#FFFFFF} #containerSub #success2 {background-image:url(http://static.eharmony.com/assets/success/bg-success-2.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #success2 #memberStories a {color:#FFFFFF} #containerSub #success3 {background-image:url(http://static.eharmony.com/assets/success/bg-success-3.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #success3 #meetOurTVCpl a {color:#FFFFFF} #containerSub #success4 {background-image:url(http://static.eharmony.com/assets/success/bg-success-4.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #success4 #memberVideos a {color:#FFFFFF} #containerSub #success5 {background-image:url(http://static.eharmony.com/assets/success/bg-success-5.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #success5 #photoGallery a {color:#FFFFFF} #containerSub DIV.successStoriesBox #successNav {margin:31px 0 0 43px; font-size:13px; font-weight:bold; color:#d5eafe} #containerSub DIV.successStoriesBox #successNav ul {list-style:none; padding:0px; margin:0px} #containerSub DIV.successStoriesBox #successNav li {display:inline; padding:0 5px} #containerSub DIV.successStoriesBox #successNav a {color:#d5eafe; text-decoration:none} #containerSub #successStoriesContent {width:932px; margin:0px auto} #containerSub #successStoriesContent #mainLeft {width:355px; float:left; border-right: 1px solid #c7dbef; padding:0 20px 20px 20px} #containerSub #successStoriesContent #mainLeft DIV.caption {width:330px; font-size:11px; padding:10px} #containerSub #successStoriesContent #mainLeft DIV.caption #left {width:180px; float:left} #containerSub #successStoriesContent #mainLeft DIV.caption #right {width:120px; float:right; text-align:right} #containerSub #successStoriesContent #mainLeft DIV.caption #right img {margin:0 0 0 5px} #containerSub #successStoriesContent #mainLeft DIV.header {width:320px; font-size:11px; padding:8px 10px 0 20px; background-image:url(http://static.eharmony.com/assets/success/ss-home-bluehd.gif); height:26px; color:#FFFFFF} #containerSub #successStoriesContent #mainLeft DIV.header #left {width:180px; float:left} #containerSub #successStoriesContent #mainLeft DIV.header #right {width:120px; float:right; text-align:right} #containerSub #successStoriesContent #mainLeft DIV.header #right img {margin:0 0 0 5px} #containerSub #successStoriesContent #mainLeft DIV.header #right a {color:#d5eafe} #containerSub #successStoriesContent #mainLeft DIV.teaser {width:330px; font-size:11px; padding:10px} #containerSub #successStoriesContent #mainLeft DIV.teaser img {margin-right:20px; padding:5px; border:1px solid #CECECE} #containerSub #successStoriesContent #mainRight {width:510px; float:right} #containerSub #successStoriesContent #mainRight #successCategory {background-image:url(http://static.eharmony.com/assets/success/bg-gradient.jpg); background-repeat:no-repeat; width:500px; overflow:hidden} #containerSub #successStoriesContent #mainRight #successCategory h4 {color:#e47600; padding:0px 0 0 20px} #containerSub #successStoriesContent #mainRight #successCategory h4 label {font-size:12px; color:#333333; font-weight:normal} #containerSub #successStoriesContent #mainRight #successCategory #listing {background-image:url(http://static.eharmony.com/assets/success/bg-category-listing.gif); width:428px; height:106px; margin:0px auto; padding:35px 20px; font-size:12px} #containerSub #successStoriesContent #mainRight #successCategory #listing #left {width:210px; float:left} #containerSub #successStoriesContent #mainRight #successCategory #listing #right {width:210px; float:left} #containerSub #successStoriesContent #mainRight #successCategory #listing ul {list-style-image: url(http://static.eharmony.com/assets/success/arrow-cat.gif); margin:0 0 0 30px; padding:0px} #containerSub #successStoriesContent #mainRight #successCategory #listing li {padding-bottom:5px} #containerSub #successStoriesContent #mainRight #featureCouple {width:468px; margin:0px auto} #containerSub #successStoriesContent #mainRight #featureCouple h3 {font-size:14px; color:#003479; padding:10px 0 10px 0; margin:0px} #containerSub #successStoriesContent #mainRight #featureCouple img {margin-right:20px; margin-bottom:20px} #containerSub #successStoriesContent #mainRight #featureCouple #sig {float:right; font-size:11px} #containerSub #successStoriesContent #mainRight #ehPromo {width:428px; margin:0px auto; border-width:1px 0 1px 0; border-style:solid; border-color:#c7dbef; background-color:#eff5fb; font-size:12px; padding:20px } #containerSub #successStoriesContent #mainRight #ehAdvice {width:468px; margin:0px auto; font-size:10px} #containerSub #successStoriesContent #mainRight #ehAdvice h3 {font-size:14px; color:#003479; padding:10px 0 10px 0; margin:0px} #containerSub #successStoriesContent .selected, #containerSub #memberVideo .selected {text-decoration: none; color: #000000;} /** Success Stories Sub Page **/ #containerSub #successStoriesContent #subLeft {width:660px; float:left; padding-right:20px; font-size:12px} #containerSub #successStoriesContent #subLeft #categoryListing {width:630px; margin:0px auto; overflow:hidden} #containerSub #successStoriesContent #subLeft #categoryListing h1 {color:#003479; padding:0px 0 10px 0; margin:0px; font-size:18px} #containerSub #successStoriesContent #subLeft #categoryListing DIV.thumb {width:124px; height:160px; background-image:url(http://static.eharmony.com/assets/success/bg-storythumb.gif); background-repeat:repeat-x; margin:0px 40px 0 0; float:left} #containerSub #successStoriesContent #subLeft #categoryListing DIV.thumbLast {width:124px; height:160px; background-image:url(http://static.eharmony.com/assets/success/bg-storythumb.gif); background-repeat:repeat-x; margin:0px 0px 0 0; float:left} #containerSub #successStoriesContent #subLeft DIV.photo {width:140px; float:left; text-align:right} #containerSub #successStoriesContent #subLeft DIV.details {width:470px;float:right} #containerSub #successStoriesContent #subLeft DIV.details a {font-size:14px} #containerSub #successStoriesContent #subLeft DIV.details ul {list-style:none; margin:0px; padding:15px 0 0 0} #containerSub #successStoriesContent #subLeft DIV.details li {display:inline; padding-right:10px} #containerSub #successStoriesContent #subLeft DIV.nextLinks {width:140px; float:left; text-align:center} #containerSub #successStoriesContent #subLeft DIV.pagenate {width:470px;float:right; text-align:right} #containerSub #successStoriesContent #subLeft DIV.pagenate ul {list-style:none; margin:0px; padding:0px 0 0 0} #containerSub #successStoriesContent #subLeft DIV.pagenate li {display:inline; padding-right:5px} #containerSub #successStoriesContent #subLeft #storyBox {width:630px; margin:0px; padding:20px 0 0 20px} #containerSub #successStoriesContent #subLeft #breadCrumb {font-size:10px; float:left; width:410px; padding-left:18px} #containerSub #successStoriesContent #subLeft #singlesLink {font-size:11px; float:right; width:200px; text-align:right} #containerSub #successStoriesContent #subLeft #storyBox #catHeader {background-color:#eff5fb; padding:10px 18px 10px 18px; width:620px; overflow:hidden} #containerSub #successStoriesContent #subLeft #storyBox #catHeader h1 {font-size:18px; float:left; width:440px;} #containerSub #successStoriesContent #subLeft #storyBox #catHeader #buttons {float:right; width:160px; padding-top:5px} #containerSub #successStoriesContent #subLeft #storyBox #pictureSpan {width:275px; float:left; display: inline;} #containerSub #successStoriesContent #subLeft #storyBox p.introduction:first-letter {font-size : 38px;float : left; padding-right:5px; color:#003479} #containerSub #successStoriesContent #subLeft #storyBox p.cplInfo {border-width:1px 0 1px 0; border-color:#CECECE; border-style:solid; width:355px; padding:15px 0; margin:0 0 20px 275px} #containerSub #successStoriesContent #subLeft #storyBox label {font-size:24px} #containerSub #successStoriesContent #subLeft #storyBox DIV.meetTV {width:650px; padding-top:20px} #containerSub #successStoriesContent #subLeft #storyBox DIV.meetTV h2 {color:#00569a; font-size:20px; font-weight:normal; margin:0px; padding:20px 0 0 0} #containerSub #successStoriesContent #subLeft #storyBox DIV.meetTV img {margin:0 20px 0 0} #containerSub #successStoriesContent #subRight {width:195px; float:right; border-left: 1px solid #c7dbef; padding:0 30px 20px 20px; font-size:11px} #containerSub #successStoriesContent #subRight DIV.header {width:180px; font-size:11px; padding:7px 10px 0 20px; background-image:url(http://static.eharmony.com/assets/success/ss-sub-bluehd.gif); height:26px; color:#FFFFFF; margin:20px 0 0 0} #containerSub #successStoriesContent #subRight #listing ul {list-style-image: url(http://static.eharmony.com/assets/success/arrow-cat.gif); margin:15px 0 0 45px; padding:0px} #containerSub #successStoriesContent #subRight #listing li {padding-bottom:5px} #containerSub #successStoriesContent #subRight #tvCouples {width:200px; padding-left:10px} #containerSub #successStoriesContent #subRight #tvCouples img {margin-right:10px; padding:5px; border:1px solid #CECECE} #containerSub #successStoriesContent #subRight #memberVids {width:200px; padding-left:10px} #containerSub #successStoriesContent #subRight #memberVids img {margin-right:10px; padding:5px; border:1px solid #CECECE} #containerSub #successStoriesContent #subRight #advice {width:200px; padding-left:10px} #containerSub #successStoriesContent #subRight #advice img {margin-right:10px; padding:5px; border:1px solid #CECECE} /** TV Couples **/ #containerSub #successStoriesContent DIV.videoBackground {width:501px; height:363px; padding:40px 0px 0 430px} #containerSub #successStoriesContent #tanyaleeJoshua {background-image:url(http://static.eharmony.com/assets/success/tvcouples/bg-tanyalee-joshua.jpg)} #containerSub #successStoriesContent #annemarieLee {background-image:url(http://static.eharmony.com/assets/success/tvcouples/bg-annemarie-lee.jpg)} #containerSub #successStoriesContent #farrenTravis {background-image:url(http://static.eharmony.com/assets/success/tvcouples/bg-farrentravis.jpg)} #containerSub #successStoriesContent DIV.videoBackground #player {background-color:#FFFFFF; width:447px; height:312px; overflow:hidden; border:1px #FFFFFF solid; padding:8px} #containerSub #successStoriesContent DIV.videoBackground #player #left {float:left; width:250px; font-size:11px; padding:20px 0 0 10px; color:#00569a} #containerSub #successStoriesContent DIV.videoBackground #player #right {float:right; width:150px; padding:20px 10px 0 0; text-align:right} #containerSub #successStoriesContent DIV.videoBackground #player #right ul {list-style:none; padding:0px; margin:0px} #containerSub #successStoriesContent DIV.videoBackground #player #right li {display:inline; font-size:11px; padding:5px; color:#00569a} #containerSub #successStoriesContent DIV.videoBackground #player #right li.on {background-color:#bcd2f0} #containerSub #successStoriesContent DIV.videoBackground #player #right li a {text-decoration:none} #containerSub #successStoriesContent #breadCrumbWide {font-size:10px; float:left; width:510px; padding:20px 0 0 38px} #containerSub #successStoriesContent #singlesLinkWide {font-size:11px; float:right; width:300px; text-align:right; padding:20px 20px 30px 0} #containerSub #successStoriesContent #tvStoryBox {width:906px; margin:0px auto; font-size:12px} #containerSub #successStoriesContent #tvStoryBox h2 {font-size:14px; font-weight:bold} #containerSub #successStoriesContent #tvStoryBox #tvStoryLeft {width:420px; float:left} #containerSub #successStoriesContent #tvStoryBox #tvStoryRight {width:420px; float:right} #containerSub #successStoriesContent #tvStoryBox #pullQuote {border-width:1px 0 1px 0; border-style:solid; border-color:#dbdbdb; padding:25px; font-size:17px; color:#0078c9; margin-top:30px} #containerSub #successStoriesContent #tvStoryBox #photoMore {padding:15px 30px 5px 0; text-align:right} #containerSub #successStoriesContent #tvStoryBox #moreCPL {background-color:#e9f0f7; width:820px; margin:0px auto; overflow:hidden; padding:40px} #containerSub #successStoriesContent #tvStoryBox #moreCPL #left {float:left; width:400px} #containerSub #successStoriesContent #tvStoryBox #moreCPL #left li {padding-bottom:10px} #containerSub #successStoriesContent #tvStoryBox #moreCPL #left img {margin-right:10px; border:5px solid #FFFFFF} #containerSub #successStoriesContent #tvStoryBox #moreCPL #right {float:right; width:400px} #containerSub #successStoriesContent #tvHeader {background-color:#eff5fb; padding:20px 0 10px 18px; width:888px; overflow:hidden; font-size:14px; margin:0px auto} #containerSub #successStoriesContent #tvHeader #cplDetails {float:left; width:700px; font-size:14px} #containerSub #successStoriesContent #tvHeader #buttons {float:right; width:150px; padding:5px 20px 0 0; text-align:right} #containerSub #successStoriesContent h1 {font-size:24px; color:#003479; font-weight:normal; padding-left:20px} /** Sub Page Reg **/ #containerSub #regTLJ {background-image:url(http://static.eharmony.com/assets/success/bg-reg-tlj.jpg); background-repeat:no-repeat; width:613px; height:413px; margin:0px auto} #containerSub #regTLJ h1 {color:#003479; font-size:18px; padding:12px 0 0 20px; margin:0px} #containerSub #regTLJ #reg input{width:206px;} #containerSub #regTLJ #reg select{width:210px;} #containerSub #regTLJ #reg .gender select{width:74px;float:left;margin:0;font-family:arial,sans-serif;} #containerSub #regTLJ #reg .gender div{font-size:12px;width:62px;float:left;text-align:center;padding-top:4px;} #containerSub #regTLJ #reg {width:500px; padding:20px 0 0 20px} #containerSub #regTLJ #reg DIV.left {float:left; width:110px; padding:2px 5px 7px 2px; font-size:12px; font-weight:bold} #containerSub #regTLJ #reg DIV.right {float:left; width:225px; padding:2px 2px 7px 5px} #containerSub #regTLJ #reg DIV.right label {font-size:10px} #containerSub #regTLJ #reg #btnJoin {float:left; width:205px; padding:0px 0 0 120px} #containerSub #regTLJ #reg #btnJoin input {border: 0px} #containerSub #regTLJ #reg font {color:#e47600; font-size:12px; font-weight:bold} /** Submit Video **/ #containerSub #successStoriesContent #submitVideo {width:870px; padding:10px 30px 0 28px; font-size:14px} #containerSub #successStoriesContent #submitVideo h2 {color:#e47600; font-size:21px} #containerSub #successStoriesContent #submitVideo label {font-size:18px; font-weight:bold} #containerSub #successStoriesContent #submitVideo #left {float:left; width:425px;} #containerSub #successStoriesContent #submitVideo #right {float:right; width:425px} #containerSub #successStoriesContent #submitVideo #right h3 {color:#e47600; font-size:18px} #containerSub #successStoriesContent #submitVideo #right li {padding-bottom:10px} /** Photo Gallery **/ #containerSub #successStoriesContent #galleryBox {width:630px; margin:0px; padding:20px 0 0 20px} #containerSub #successStoriesContent #galleryBox #galleryBG {background-image:url(http://static.eharmony.com/assets/success/photo/bg-photogallery.gif); background-repeat:no-repeat; overflow:hidden; padding:20px 20px 20px 20px} #containerSub #successStoriesContent #galleryBox #galleryBG #photo {width:580px; margin:0px auto; background-color:#FFFFFF; border:1px solid #aacae6; overflow:hidden; text-align:center} #containerSub #successStoriesContent #galleryBox #galleryBG #photo DIV.left {width:300px; float:left; padding:20px 0 10px 20px; text-align:left} #containerSub #successStoriesContent #galleryBox #galleryBG #photo DIV.right {width:235px; float:right; font-size:30px; color:#aacae6; text-align:right; padding:20px 20px 10px 0} #containerSub #successStoriesContent #galleryBox #galleryBG #photo DIV.right2 {width:205px; float:right; text-align:right; padding:20px 20px 10px 0} #containerSub #successStoriesContent #galleryBox #galleryBG #bgSuccessPromo {width:590px; height:400px; background-image:url(http://static.eharmony.com/assets/success/photo/bg-robkellie.jpg); overflow:hidden;} #containerSub #successStoriesContent #galleryBox #galleryBG #bgSuccessPromo h2 {color:#e47600; font-size:18px} #containerSub #successStoriesContent #galleryBox #galleryBG #bgSuccessPromo DIV.text {width:300px; font-size:14px} /** Member Videos **/ #containerSub #memberVideo {width:968px; background-image:url(http://static.eharmony.com/assets/success/member-stories/bg-membervideo.jpg); background-repeat:no-repeat; width:968px; overflow:hidden;} #containerSub #memberVideo #left {width:170px; float:left; font-size:10px; padding:40px 30px 20px 40px} #containerSub #memberVideo #left label {font-size:13px; font-weight:bold} #containerSub #memberVideo #left img {margin:0 10px 20px 0; padding:5px; border:1px solid #CECECE} #containerSub #memberVideo #left ul {list-style:none; margin:0px; padding:0px} #containerSub #memberVideo #left li {display:inline; padding:0 1px} #containerSub #memberVideo #center {width:390px; float:left; padding:35px 45px 45px 45px; text-align:center; font-size:12px} #containerSub #memberVideo #center h2 {font-size:20px; color:#003479; padding:0px 0 34px 0; margin:0px} #containerSub #memberVideo #center h3 {font-size:16px; padding:35px 0 10px 0; margin:0px} #containerSub #memberVideo #right {width:170px; float:left; font-size:10px; padding:40px 30px 20px 40px} #containerSub #memberVideo #right label {font-size:13px; font-weight:bold} #containerSub #memberVideo #right img {margin:0 10px 20px 0; padding:5px; border:1px solid #CECECE} #containerSub #memberVideo #right ul {list-style:none; margin:0px; padding:0px} #containerSub #memberVideo #right li {display:inline; padding:0 1px} /** eHarmony Media **/ #containerSub DIV.ehMedia {width:956px; height:78px; margin:0px 0 0 7px;} #containerSub #media0 {background-image:url(http://static.eharmony.com/assets/success/bg-success-0.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #media1 {background-image:url(http://static.eharmony.com/assets/advertising/bg-ehm-1.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #media1 #main a {color:#FFFFFF} #containerSub #media2 {background-image:url(http://static.eharmony.com/assets/advertising/bg-ehm-2.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #media2 #singles a {color:#FFFFFF} #containerSub #media3 {background-image:url(http://static.eharmony.com/assets/advertising/bg-ehm-3.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #media3 #advice a {color:#FFFFFF} #containerSub #media4 {background-image:url(http://static.eharmony.com/assets/advertising/bg-ehm-4.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #media4 #weddings a {color:#FFFFFF} #containerSub #media5 {background-image:url(http://static.eharmony.com/assets/advertising/bg-ehm-5.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #media5 #parenting a {color:#FFFFFF} #containerSub #media6 {background-image:url(http://static.eharmony.com/assets/advertising/bg-ehm-6.gif); overflow:hidden; background-repeat:no-repeat;} #containerSub #media6 #contact a {color:#FFFFFF} #containerSub DIV.ehMedia #mediaNav {margin:31px 0 0 43px; font-size:13px; font-weight:bold; color:#d5eafe} #containerSub DIV.ehMedia #mediaNav ul {list-style:none; padding:0px; margin:0px} #containerSub DIV.ehMedia #mediaNav li {display:inline; padding:0 5px} #containerSub DIV.ehMedia #mediaNav a {color:#d5eafe; text-decoration:none} #containerSub #ehMediaBox {width:882px; margin:0px auto; padding:25px; font-size:12px} #containerSub #ehMediaBox label {font-size:14px} #containerSub #ehMediaBox #homeLeft {width:600px; float:left} #containerSub #ehMediaBox #homeLeft DIV.content {width:280px; float:left; padding:30px 15px 0 0} #containerSub #ehMediaBox #homeLeft DIV.content ul {list-style:none; margin:0px; padding:0px} #containerSub #ehMediaBox #homeLeft DIV.content ul li {display:inline; margin:0px; padding:0px} #containerSub #ehMediaBox #homeRight {width:227px; height:305px; padding:70px 25px 0 25px; float:right; background-image:url(http://static.eharmony.com/assets/advertising/bg-whatsnew.gif); background-repeat:no-repeat} #containerSub #ehMediaContent {width:932px; margin:0px auto;} #containerSub #ehMediaContent #subLeft {width:660px; float:left; padding-right:20px; font-size:12px; border-right: 1px solid #c7dbef} #containerSub #ehMediaContent #subLeft #contentBox {width:630px; margin:0px; padding:20px 0 0 20px} #containerSub #ehMediaContent #subLeft #contentBox #feature {padding-top:50px} #containerSub #ehMediaContent #subLeft #contentBox #feature img.feature {padding:10px; border:#aacae6 solid 1px; margin-right:20px} #containerSub #ehMediaContent #subLeft #contentBox #header {background-color:#eff5fb; padding:20px;color:#003479; font-size:16px; font-weight:bold; margin-top:25px} #containerSub #ehMediaContent #subLeft #contentBox #copy {padding:30px 25px} #containerSub #ehMediaContent #subLeft #contentBox #copy ul.nav {list-style:none; margin:0px; padding:0px} #containerSub #ehMediaContent #subLeft #contentBox #copy ul.nav li {display:inline; margin:0px; padding:0px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.logo {width:220px; float:left} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formLeft {float:left; width:180px; text-align:right; padding-right:10px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formLeft #padding {padding-top:10px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formLeft label {font-size:10px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formLeft h3 {padding:5px 0 5px 0; margin:0px; font-size:16px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formRight {float:left; width:350px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formRight input,select {font-size:14px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formRight #left {float:left; width:150px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.formRight #right {float:left; width:150px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.graph {background-color:#0078c9; height:10px; text-align:right; color:#FFFFFF; padding:2px 5px 5px 5px; font-size:9px} #containerSub #ehMediaContent #subLeft #contentBox #copy DIV.graph0 {height:10px; text-align:right; padding:2px 5px 5px 5px; font-size:9px} #containerSub #ehMediaContent #subLeft #breadCrumb {font-size:10px; float:left; width:410px; padding-left:18px} #containerSub #ehMediaContent #subRight {width:195px; float:right; padding:0 30px 20px 20px; font-size:11px} #containerSub #ehMediaContent #subRight DIV.header {width:180px; font-size:11px; padding:7px 10px 0 20px; background-image:url(http://static.eharmony.com/assets/success/ss-sub-bluehd.gif); height:26px; color:#FFFFFF; margin:20px 0 0 0} #containerSub #ehMediaContent #subRight DIV.listing ul {list-style-image: url(http://static.eharmony.com/assets/success/arrow-cat.gif); margin:15px 0 0 45px; padding:0px} #containerSub #ehMediaContent #subRight DIV.listing li {padding-bottom:5px} /** Ryan's Ridiculous JQuery E-mail Sending Window **/ #emailWindow {display: none; background-color: #EDF4FC; border: 4px solid #8CB2E0; padding: 1em 2em; width: 400px; text-align: center; font-size: 12px;} /** Footer **/ DIV.footer {width:950px; margin:0px auto; font-size:11px; color:#FFFFFF; text-align:center} DIV.footer ul {list-style:none; margin:0px; padding:0px} DIV.footer li {display:inline; padding:0px 3px} DIV.footer a {color:#FFFFFF} DIV.footer h4,h5 {font-size:11px; color:#FFFFFF; font-weight:normal} DIV.footer #left {width:450px; float:left; text-align:left} DIV.footer #right {width:450px; float:right; text-align:right} /* REFORMATTED GLOBAL FOOTER */ DIV.footer DIV.footerEH {width:215px; float:left; text-align: left;} DIV.footer DIV.footerEH ul {list-style:none; margin:0px; padding:0px; font-size:11px; color:#FFFFFF} DIV.footer DIV.footerEH li {padding-bottom:5px; display: block;} DIV.footer DIV.footerEH a {color:#FFFFFF} DIV.footer DIV.footerEH2 {width:180px; float:left; text-align: left;} DIV.footer DIV.footerEH2 ul {list-style:none; margin:0px; padding:0px; font-size:11px; color:#FFFFFF} DIV.footer DIV.footerEH2 li {padding-bottom:5px; display: block;} DIV.footer DIV.footerEH2 a {color:#FFFFFF} DIV.footer DIV.footerEH3 {width:155px; float:left; text-align: left;} DIV.footer DIV.footerEH3 ul {list-style:none; margin:0px; padding:0px; font-size:11px; color:#FFFFFF} DIV.footer DIV.footerEH3 li {padding-bottom:5px; display: block;} DIV.footer DIV.footerEH3 a {color:#FFFFFF} DIV.footer #rightPatent {float:right; width:350px; text-align:right; font-size:10px; color:#FFFFFF} DIV.footer #leftCopy {float:left; width:600px; font-size:10px; color:#FFFFFF; text-align: left;} DIV.footer #leftCopy a {color:#FFFFFF}