﻿

/* COMMON */
#left, #right { display:none; }
#main { margin:0; width:auto; }
.sitecontent {background:#FFF url(images/sitecontent_bg.jpg) bottom left no-repeat; }
.smallhdr { padding:0 0 10px 0; font-family:Georgia; color:#2779b7; font-size:17px; font-weight:bold;  }
.secthdr { color:#2375bd; font-size:32px; font-family:Arial; line-height:25px; margin-bottom:10px; }
.errors { margin:0 0 10px 15px; }
.sqbull { list-style-type:none; margin-bottom:10px; }
.sqbull li { background:url(images/landing/orange_bullet.gif) 0 5px no-repeat; padding-left:10px; margin-bottom:4px; } 
.rsmallhdr { padding:20px 0 0 18px; height:25px; font-size:18px; line-height:20px; color:#fff; font-family:Georgia; font-weight:normal; background:url(images/roundedtop_small.gif) top left no-repeat; }
.rsmallbox { padding:10px 15px; width:398px; border-style:solid; border-color:#d9d9d9; border-width:0 1px; }
.reglargebox { margin:0 0 20px 0; padding:0 0 20px 0; width:871px; background:url(images/profile/profile_boxes.png) bottom right no-repeat; }
.rlbhdr { position:absolute; margin:0 0 0 30px; width:165px; height:85px; text-indent:-99999px; background:url(images/profile/profile_hdrs.png) no-repeat; }
.rlbinner { padding:20px 15px 0 220px; background:url(images/profile/profile_boxes.png) no-repeat; }

.ver-b #divWhatAreMilestones  { top:500px; z-index:100; }
#divWhatAreMilestones  { top:950px; z-index:100; }

.defcontain { position:absolute; }
.definition { width:220px; position:absolute; bottom:0; }
.defhead { height:7px; background:url(images/definition_bg.gif) -220px 0 no-repeat; overflow:hidden; }
.defcont { padding:5px 15px; background:url(images/definition_bg.gif) 0 0 repeat-y; }
.defcont strong { color:#2375BD; display:block; }
.defcont p { color:#333; font-size:10px; line-height:12px; }
.deffoot { height:23px; background:url(images/definition_bg.gif) -220px -7px no-repeat; overflow:hidden; }
.deflink { cursor:pointer; background:url(images/profile/deflink_bg.gif) bottom left repeat-x; }


/* LANDING */
.loginland { padding:0 20px 0 335px; min-height:460px; color:#778694; background:url(images/landing/loginland_bg.jpg) bottom left no-repeat; }
.loginland h1 { font-family:Arial; font-size:25px; font-weight:normal; color:#FC7E03; line-height:25px; }
.loginland h1 sup { font-size:14px; vertical-align:top; }
.loginland .intro { padding:10px 40px 20px 40px; text-align:center; font-size:15px; line-height:normal; }
.loginland .unsublink { padding:10px 0; font-size:11px; text-align:center; }
 
.logincoupon { background:url(images/landing/rtfformula_coupon_bg.jpg) bottom left no-repeat; }
 
.getstarted { margin:0 0 0 160px; padding:0 0 20px 0; width:408px; background:url(images/landing/get_started_bg.png) bottom left no-repeat; }
.getstarted .gscontent { padding:20px 20px 0 20px; background:url(images/landing/get_started_bg.png) no-repeat; }
.getstarted .smallhdr { display:block; color:#FFF; }
.getstarted .emailbox { width:240px; padding:4px; }
.getstarted .nextbtn { vertical-align:top; }
.getstarted .errors li { color:#fbdc05; }

.alreadyregistered { margin:0 0 0 160px; padding:0 0 20px 0; width:408px; background:url(images/landing/signin_bg.png) bottom left no-repeat;} 
.alreadyregistered .arcontent { padding:20px 20px 0 20px; background:url(images/landing/signin_bg.png) no-repeat; }
.alreadyregistered .smallhdr { padding:0 0 15px 0; }
.signinbox { padding:0 0 20px 0;}
.signinbox div { margin-bottom:10px; }
.signinbox label { float:left; margin:0 10px 0 0; width:105px; font-size:12px; font-weight:bold; text-align:right; line-height:20px; }
.signinbox input { width:240px; }
.signinbox .fplink { margin:0 0 0 115px; }
.loginbtn { float:right; margin:0 3px 0 0; }


/* REGISTRATION */
.profile { margin:5px 30px 0 65px; min-height:335px; }
.profile p { margin:0 0 20px 0; font-size:14px; color:#778694; }
.regintro { height:260px; background:url(images/profile/regintro_bg.jpg) 100% 15px no-repeat;}
.regintro p { width:530px; }
.regintro li { margin:0 0 0 10px; list-style-type:none; padding:0 0 10px 15px; float:left; width:290px; font-size:13px; color:#778694; background:url(images/bullet.png) 5px 4px no-repeat; }
.profile label span,
.profile p.note span { color:#CF1111; }

.profile fieldset { margin:0 0 10px 15px; }
.profile fieldset label { float:left; display:block; margin:0 10px 0 0; width:150px; text-align:right; }
.profile fieldset label a { font-size:10px; }
.profile fieldset input { width:240px; }
.profile fieldset select { width:245px; }

.profile .childedit { float:right; width:149px; }
.profile .childmilestone { float:left; width:47px; }
.profile .childsummary { margin:0 0 0 60px;padding:6px 0 0 0; }

.profile .rlargehdr { margin:10px 0 0 0; }
.profile .emailaddress { margin:25px 0; }
.profile .indent { margin-left:180px; }
.profile .addchild { margin:25px 0 0 180px; }
.profile .removechild { float:right; margin:2px 90px 0 0; }
.profile .note { font-size:9px;  text-align:left; }
.profile .separator { margin:20px 0; height:5px; background:url(images/dotted_border.gif) repeat-x; }
.profile .calendaricon { position:absolute; margin:0 0 0 5px; cursor:pointer; }

.profile .mci .rlbhdr { background:position:0 0; }
.profile .mci .row { padding-left:15px; clear:both; }
.profile .mci .row fieldset { width:263px; float:left; margin-left:0; }
.profile .mci .row input { width:237px; }
.profile .mci .row label { float:none; text-align:left; }
.profile .mci .row fieldset.state { width:175px; }
.profile .mci .row fieldset.state select { width:148px; }
.profile .mci .row fieldset.zip { width:62px; float:none; }
.profile .mci .row fieldset.zip input { width:62px; }
.profile .mci .indent { margin-left:15px; }

.profile .mci .questions { list-style-type:none; margin:0 0 0 180px; }
.profile .mci .questions h3 { margin:0 0 5px 0; font-weight:normal; }
.profile .mci .questions input { float:none; display:inline; width:auto; }
.profile .mci .questions label { float:none; display:inline; width:auto;  }

.profile .gender label { float:none; display:inline; width:auto; }
.profile .gender input { width:auto; }
.profile .milestones div { float:left; margin:0 10px 0 0; width:50px; text-align:center; }
.profile .milestones input { margin:0; padding:0; width:auto; }

.profile .submit { margin:10px 40px 0 0; text-align:right; overflow:hidden; }
.profile .mrktnote { float:left; width:600px; text-align:left; font-size:11px; }
.profile .submit .phone { float:left; padding-left:22px; width:510px; text-align:left; color:#000; font-size:10px; line-height:11px; background:url(images/profile/phone_bg.gif) no-repeat; }
.profile .skipstep { margin:0 10px 0 0; }

.mychildren .rlbhdr { background-position:-200px 0; }
.mychildren .mcmilestonecopy { font-size:10px; color:#778694; }

.regoptins .rlbhdr { background-position:-400px 0; }
.regoptins .headings { display:none; }
.regoptins h3 { display:none; }
.regoptins ul { list-style-type:none; }
.regoptins .questionitems { margin:15px 0 0 0; }
.questions h3 { font-size:11px; font-weight:normal; }
.regoptins .questionitems input { float:left; margin:0 0 15px 0; padding:0; width:auto;  }
.regoptins .questionitems label { display:block; margin:0 0 0 25px; }
.regoptins .glpp { padding:15px 0 0 25px; }

.mrktnote { color:#888787; padding:10px; }
.changepass { clear:both; padding:5px 0 0 60px; color:#AAA; }

.snewsletter { float:right; width:117px; padding:0 25px 0 25px; }
.snewsletter img { display:block; }
.snewsletter p { text-align:center; font-size:11px; }

.facebook-like { float:right; width:175px; }
.facebook-like img { float:left; margin:0 10px 0 0; }
.facebook-like a { color:#3A5998; padding:0 0 5px 0; text-decoration:none; }


/* QUESTIONS */
.surveyquestions .rlbhdr { background-position:-600px 0; }
.questionrow { overflow:hidden; }
.regquestions h4 { font-size:14px; }
.regquestions .headings { margin:0 0 0 300px; overflow:hidden; }
.regquestions .headings span { display:block; float:left; width:110px; text-align:center; }
.regquestions .questions { margin:0 0 25px 0; width:630px; }
.regquestions li { margin:10px 0 0 0; list-style-type:none; }
.regquestions li div { font-family:Verdana; font-size:11px; color:#333; line-height:14px; }
.regquestions li div h3 { padding:5px 0 0 0; font-weight:normal; font-size:11px; }
.regquestions h3 { width:280px; }
.regquestions .questionitems { float:right; margin:6px 0 0 0; }
.regquestions .questionitems input { margin:0 48px; }
.regquestions .questionitems select { width:320px; vertical-align:top; }
.regquestions .morequestions { padding:15px 0 0 0; }
.regquestions .morequestions input { margin:-10px 0 0 0; width:315px; vertical-align:top; }
.surveydisclaim { padding:30px 0 0 0; font-size:10px; }

.profile .mci fieldset.doubletop { margin-left:15px; clear:left; }
.profile .mci fieldset.doubletop .questions { margin-left:0px;  }
.profile .mci fieldset.doubletop label { display:inline; width:auto;  }
.profile .mci fieldset.doubletop .questions li { padding:0;  }
.profile .mci fieldset.doubletop .questions li div { margin:0;  float:none; }
.profile .mci fieldset.doubletop .questions .questionrow { margin-left:0;  }
.profile .mci fieldset.doubletop .questions .questionrow .questionitems { width:120px; float:right; padding-right:65px; }
.profile .mci fieldset.doubletop .questions h3 { margin-right:160px; }


/* THANK YOU */
.regthankyou { padding:30px 0 0 360px; width:630px; min-height:410px; background:url(images/profile/regthankyou_bg.jpg) 50px 20px no-repeat; }
.regthankyouhdr { margin:0 0 10px 10px; }
.regthankyouintro { margin:0 60px 15px 30px; font-size:17px; line-height:19px; color:#778694; }
.regthankyouintro h3 { margin:15px 0 0 0; font-size:24px; line-height:30px; color:#5091C2; font-weight:bold; font-family:Arial; }
.regthankyouintro .pregnancy { color:#f84f99; }
.regthankyouintro .birth { color:#7770d9; }
.regthankyouintro .supportedsitter { color:#eaae29; }
.regthankyouintro .sitter { color:#14b0e9; }
.regthankyouintro .crawler { color:#fd6307; }
.regthankyouintro .toddler { color:#3eb630; }
.regthankyouintro .preschooler { color:#b51f9c; }
.regthankyouintro p { margin:0 0 20px 0; }

.regthankyou .helphdr { margin:0 0 0 30px; }
.regthankyou .touts { margin:0 0 0 10px; }
.regthankyou .touts div { float:left; margin:0 5px 0 0; width:132px; overflow:hidden; }
.regthankyou .touts span { display:block; margin:0 0 5px 0; padding:5px 0 5px 5px; width:132px; height:128px; }
.regthankyou .touts span img { width:132px; height:128px; }
.regthankyou .touts div p { margin:0 0 0 5px; width:128px; font-weight:bold; text-align:center; }
.regthankyou .touts div a { color:#656565; }


/* REGISTRATION/THANK YOU - VERSION B */
.ver-b .reglargebox { margin:0 0 10px 0; }
.ver-b .rlbhdr { margin:50px 0 0 30px; width:165px; height:150px; text-indent:-99999px; background-image:url(images/profile/ver_b_profile_hdrs.png); }
.ver-b .rlbinner { padding:70px 15px 0 220px; background:url(images/profile/ver_b_header.png) no-repeat; }
.ver-b .nextstep { width:870px; text-align:right; }

.ver-b .mci .rlbinner { background-position:0px 0px; }
.ver-b .mychildren .rlbinner { background-position:-871px 0px; }
.ver-b .regoptins .rlbinner { background-position:-1742px 0px; }


.couponthankyou { padding:140px 0 0 480px; width:630px; min-height:290px; background:url(images/profile/rtfformula_coupon_thx_bg.jpg) 50px 20px no-repeat; }
.couponthankyou p { margin:10px 0 0 65px; width:320px; font-size:15px; color:#778694; }
.couponthankyou a { font-weight:bold; }


/* UTILITIES */
.lutility { margin:10px 290px 0 24px;  min-height:315px; }
.lutility .error { margin:0 0 5px 15px; }
.lutility p { margin-bottom:8px; }
.lutility h1 { color:#2375bd; font-size:32px; font-family:Arial; font-weight:normal; padding-bottom:8px; line-height:normal; }
.lutility .btns { padding-top:18px; }


/* UNSUBSCRIBE */
.dothdr { font-size:16px; color:#475662; padding:20px 0; background:url(images/unsubscribe_dots.gif) bottom left repeat-x;  }
.dotbox { margin:0 0 10px 0; padding:20px 0; color:#8898a6; background:url(images/unsubscribe_dots.gif) bottom left repeat-x; }

.optout p { margin:0 0 10px 0; }
.optout table { border-collapse:collapse; margin:15px 0 0 0; }
.optout td { padding:6px 0; margin:0; }
.optout td input { float:left; }
.optout td label { float:left; margin:0 0 0 5px; padding:2px 0 0 0; width:615px; }
.optout ul { list-style-type:none; }

.optoutsurvey p { margin:0 0 10px 0; }
.optoutsurvey table { border-collapse:collapse; margin:15px 0 0 120px; }
.optoutsurvey td { padding:6px 0; margin:0; }
.optoutsurvey td input { float:left; }
.optoutsurvey td label { float:left; margin:0 0 0 5px; padding:2px 0 0 0; width:500px; }
.optoutsurvey ul { list-style-type:none; }
.optoutsurvey .other label { display:block; float:left; margin:0 10px 0 0; width:135px; text-align:right; }
.optoutsurvey .other textarea { width:350px; height:125px; }

.unsubthx { background:url(images/unsub_thx_bg.jpg) 0 0 no-repeat; padding:53px 0 0 45px; margin:20px 0 0 114px; height:300px; }
.unsubthx p { width:300px; font-weight:bold; font-size:13px; line-height:17px; }
.unsubthx .facewrap { margin:46px 0 0 63px; }


/* TELL A FRIEND  */
.taf fieldset textarea { width:240px; height:80px; }
.taf p.note { width:150px; text-align:right; padding-left:10px; padding-bottom:8px; }
.taf .ckbox input { margin:0 10px 0 175px; width:auto; }
.taf .submit { margin:15px 0 0 170px; text-align:left; }

/* forgot pass */
.fperror { margin-left:40px; padding-bottom:12px; }

/* new products  page */
.newproducts { background:url(images/newproducts/newprod_bg.jpg) top left no-repeat; width:937px; margin:0 auto; padding:27px 0 0 26px; }
.newproducts h1 { font-size:32px; color:#2375bd; line-height:33px; font-weight:normal; font-family:arial; width:350px; padding-bottom:23px; }
.newproducts .intro { width:290px; height:132px; }
.newproducts .accordtop { background:url(images/newproducts/accordwrap_top.gif)  top left no-repeat; padding:30px 0 16px 28px; font-size:12px; }
.newproducts .accordtop span { color:#2375bd; font-size:16px; line-height:20px; font-weight:normal; }
.accordwrap { background:url(images/newproducts/accordwrap_bg.gif) top left repeat-y; }
.newproducts .boxbottom { display:block; margin:0; padding:0; }
.newproducts .newp { margin:0 0 0 56px; width:578px; padding:17px 0 20px 0; }
.newp .npimg { width:auto; float:left; }
.newp img.separator { display:block; padding:20px 0 20px 0; }
.newp h2 { font-size:18px; line-height:22px; color:#2375bd; font-weight:normal; margin-left:135px; }
.newp p { padding:12px 0 0 0; margin-left:135px; }

