/* Normalize padding and margins */ body{height:100%} body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote{margin: 0;padding: 0;} /* Normalize header sizes */ h1, h2, h3, h4, h6{font-size: 100%;font-weight:bold;font-family:"Trebuchet MS",sans-serif;color:#333;letter-spacing:-.03em} h5{font-family:Arial, Helvetica, sans-serif;} /* Normalize list styles */ #singlecolumn ol, #singlecolumn ul {list-style: none;font-family:"Trebuchet MS",sans-serif} /* Normalize font style and weight on odd elements */ address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;} /* Normalize other borders */ fieldset, img {border: 0;} legend{display:none} /* Normalize text-alignment */ caption, th {text-align: left;} .tiny_text{color:#666;font-size:10px} .checkbox{width:15px} .spacer{line-height:1px;height:1px} #singlecolumn{width:1000px;overflow:hidden} #reg_wrap{position:relative;float:left;width:935px;height:100%;clear:both;background-color:#F1F8E6;overflow:hidden;} #login_wrap{position:relative;float:left;width:100%;height:100%;clear:both;overflow:hidden} #reg_wrap h1, #login_fields h1{color:#333;font-family:"Trebuchet MS", Trebuchet MS, sans-serif;font-size:25px;text-indent:0;position:relative;} #reg_wrap h2, #login_fields h2{color:#666;font-family:"Trebuchet MS", Trebuchet MS, sans-serif;font-size:18px} #reg_wrap h3, #login_fields h3{color:#666;font-family:"Trebuchet MS", Trebuchet MS, sans-serif;font-size:16px} #reg_wrap h4, #login_fields h4{color:#666;font-family:"Trebuchet MS", Trebuchet MS, sans-serif;font-size:13px} #reg_wrap h5, #login_fields h5{color:#666;font-family:"Trebuchet MS", Trebuchet MS, sans-serif;font-size:11px} #reg_wrap a{text-decoration:underline} #reg_wrap a:hover{text-decoration:underline} #reg_wrap_bg_fade{background-image:url(/bhg/images/reg/bg_reg_white_fade.png);background-repeat:repeat-x;background-position:top;position:absolute;top:0;width:100%;height:2000px;z-index:1} #reg_wrap_body{position:relative;z-index:2;padding-top:10px;padding-left:10px} /****************************************************** * MAIN REGISTRATION BODY ******************************************************/ #reg_main_body{width:685px;position:relative;float:left;} #reg_main_body h1{z-index:5;position:relative;float:left;} #reg_body_col{z-index:2;width:685px;position:relative;float:left;background-color:#FFF;border:1px solid #CCC;} #reg_title{width:100%;clear:both;position:relative} .reg_line_item{padding:3px 0px 3px 0px;} .reg_line_item input{margin-right:5px;} /****************************************************** * MEMBER LOGIN - "Already a member?" ******************************************************/ #reg_side_bar{width:210px;position:relative;float:left;margin-left:15px;z-index:3;} /* REG HEADER -- ******************************************/ #reg_header{position:relative;float:left;margin-bottom:10px;overflow:hidden;width:690px;clear:both;} /* NEWSLETTERS -- ****************************************/ #reg_newsletters{width:315px;height:auto;position:relative;float:left;padding:15px 0 0 5px;} #reg_newsletters h4{margin-bottom:5px} .reg_newsletter_option{margin-top:5px; .margin-top:0px;} .reg_newsletter_attribute{margin-top:5px; .margin-top:0px;} .newsletter_item{padding:3px; position:relative; left:5px; top:0px; width:340px; clear:both;font-size:11px;} .newsletter_item_group{padding:3px 0 0 3px; position:relative; left:30px; top:0px; width:315px; clear:both;font-size:11px;} .reg_newsletter_item_removable{width:100%;clear:both;position:relative;float:left;padding:3px 0 3px 0;font-family:"Arial",Arial,sans-serif;font-size:11px;} #dynamic_newsletter_container{clear:both;float:left;position:relative;width:100%;} #dynamic_newsletter_container a{text-decoration:underline;} #dynamic_newsletter_container input{margin-right:11px;} .newsletter_item input{margin-right:5px;} .newsletter_item a{text-decoration:underline;} .newsletter_item a:hover{text-decoration:underline;} .newsLink, .newsLink_promo {font-size:12px;margin-top:2px; .margin-left:5px;text-decoration:underline;cursor: default;} .newsLink a{text-decoration:underline;} .newsLink a:hover{text-decoration:underline;} .privacyLink a{text-decoration:underline; } .privacyLink a:hover{text-decoration:underline;} .privacyLink a{font-size:10px; vertical-align:text-top;} .newsLinkBundles {float:left;width:280px; padding-top:1px;} .newsLinkBundlesTxt {float:left;width:280px; padding-top:4px;} .newsCheck {float:left;width:25px;margin-top:0px;.margin-top:1px;} .tool-text {background-color:#ffffcc; color:#888; padding:5px; width:200px; word-wrap: normal; border: thin solid #888;} .REGHead3 {font-size:18px;} .RegEPref {font-size:12px;} .tool-tip{z-index:10; font-size:12px;} .newsletter_item_group {left:5px;} .newsletter_group_item_main {float:left; margin:5px 10px 0 0; .margin:0 8px 0 0;} /* SIDEBAR MODULES -- FORGOT PASS, ALREADY A MEMBER? ************************/ .side_bar_module{width:175px;clear:both;background-color:#FFF;border:1px solid #CCC;border-bottom:2px solid #CCC;padding:4px;margin-bottom:20px;background-image:url(/bhg/images/reg/bg_module_grey_bottom_fade.png);background-repeat:repeat-x;background-position:bottom} .side_bar_module h3{letter-spacing:-.05em} .side_bar_module h3{letter-spacing:-.05em} .side_bar_module h5{margin:0 0 10px 0;position:relative;} .side_bar_module label{clear:both;width:100%;font-size:11px;color:#666;} .side_bar_module .login_btn{position:relative;float:right;margin:10px 0 10px 0} .side_bar_module ul {list-style:none;} reg_sidebar ul {list-style:none;} /* REGISTRATION FIELDS ******************************************************/ #reg_body_col_left{width:315px;position:relative;float:left;padding:20px 0 0 15px;} #reg_step1_fields{position:relative;float:left;clear:both;} #reg_step1_fields ul{list-style:none;} #reg_step1_fields ul li{margin-bottom:10px;clear:both;} #reg_step1_fields ul li label{width:100px;display:block;position:relative;float:left;font-size:13px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif} #reg_step1_fields ul li input{width:190px;font-size:13px} #reg_step2_fields{position:relative;float:left;width:650px} #reg_step2_fields ul{list-style:none;} #reg_step2_fields ul li{margin-bottom:10px;width:48%;position:relative;float:left;font-size:11px} #reg_step2_fields ul li label{width:100px;display:block;position:relative;float:left;font-size:13px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif} #reg_step2_fields ul li input{width:190px;font-size:13px} #parents_add_fields{margin:10px 0 0 0;width:99%;overflow:hidden;position:relative;float:left} #parents_add_fields h3{width:80px;overflow:hidden;position:relative;float:left;} #parents_add_fields ul{width:215px;position:relative;float:right;overflow:hidden} #parents_add_fields li input.checkbox{width:15px;position:relative;float:left;clear:none;} #parents_add_fields li label.ppfield{width:190px;} #parents_add_fields li{margin:0; padding-top:10px;} #parents_add_fields li span{margin-left:5px;color:#666;} .parents_your_family_test{width:100%;position:relative;float:left;background-color:#CCC;height:99px} #quicknewsletter_fields_wrap{width:300px;overflow:hidden;} #login_fields{width:980px;margin-left:10px;} #login_fields ul{margin:20px 0 10px 0;} #login_fields ul li{margin-bottom:10px;clear:both; list-style: none;} #login_fields ul li label{width:200px;display:block;position:relative;float:left;font-size:13px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif} #login_fields ul li input{width:190px;font-size:13px} #login_fields ul li input.inputbutton{width:auto;position:relative;float:left;clear:both} #login_fields p{font-size:12px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif} #reg_login_left{width:300px;position:relative;float:left;margin:10px 15px 0 0;padding:0 15px;border-right:1px dotted #CCC; } #reg_login_right{width:200px;position:relative;float:left; margin:10px 0 0 0;} #reg_login_right ul{margin:0} #or {height:140px;float:left;padding:100px 15px 0 0;border-right:1px dotted #CCC;} /* REGISTRATION BUTTONS ******************************************************/ #reg_submit{position:relative;float:left;clear:both;width:100%;margin:15px 0 15px 0;height:auto;} #reg_submit input {margin-top:22px;} #reg_privacy{position:relative;float:left;width:100%;background-color:#EEE;border-top:1px solid #CCC;border-bottom:1px solid #CCC;font-size:11px;padding:5px 0 5px 5px;margin:10px 0 0 0} #reg_privacy a{color:#333} #reg_wrap #reg_privacy {width:680px;} #reg_email_prefs{float:left;position:relative;clear:both;width:100%;font-size:11px;margin:0;padding:0;font-family:Trebuchet MS, "Trebuchet MS", sans-serif} #reg_email_prefs input{margin:0;padding:0;width:13px} #reg_privacy_txt{margin:5px 0 0 0;position:relative;float:left;clear:both;width:680px;padding-left:18px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif} #reg_privacy_txt span{text-transform:capitalize;} /******[ FORM VALIDATION ]******/ .reqstar{color:red} .validation-failed {border: 2px solid #CF0000;} .validation-advice {width:95%;position:relative;clear:both;padding: 4px 0 0 0;font-size:12px;font-weight:bold;color:#CF0000} /* .validation-passed {border: 1px solid green;background-image:url(/bhg/images/marketing/multimag/validation_ok.gif);background-repeat:no-repeat;background-position:right;}*/ /* if they are a member on another site*/ #reg_field_password_li{position:relative;float:left;border:1px solid #CCC;background-color:#FFFFCC;width:290px;height:110px;} #reg_field_password_li.non_member{border:none;background-color:transparent;height:auto;width:auto} #reg_field_password_li.mdp_member{border:1px solid #CCC;background-color:#FFFFCC;width:290px;height:110px;} #reg_field_password_li.mdp_member label{width:75px;} #reg_already_a_member_container{position:relative;float:left;clear:both;width:100%;margin-bottom:10px;display:none;padding:5px} #reg_already_a_member_container img{float:left;position:relative;margin-right:5px} #reg_already_a_member_container p{width:80%;position:relative;float:left;font-size:11px} #reg_login_already{cursor:pointer} /***************************************************** Reg Step 2 ******************************************************/ #reg_step_2_fields{padding:10px;} #reg_step_2_targeter{width:600px;float:left;position:relative;clear:both;margin:10px 0 0 10px} #reg_step_2_targeter p{font-size:11px} #reg_step_2_targeter input{margin:4px 4px 0 0} .reg_step_2_promo{clear:both;position:relative;float:left;margin:10px;} #tastebookofferreg{width:600px;float:left;position:relative;clear:both;margin:10px 0 0 10px} #tastebookoffer {float:left; margin:0pt 5px 0pt 8px; width:15px;} .tastebooktext{float:left; width:570px; font-size:13px;} .tastebooktext p{font-size:11px; margin-top:15px;} .tastebookpic{float:right;} /**************************************************** parents.com children ****************************************************/ .parents_your_family{position:relative;float:left;width:650px} .parents_your_family h3{margin-top:10px;} .regchild{position:relative;float:left;width:320px;margin:5px 0 5px 0} .regchild .regchildimg{width:110px;position:relative;float:left} .regchild .regchildfields{position:relative;float:left;width:190px;overflow:hidden} #children_wrapper{width:100%;clear:both;position:relative;float:left;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin:5px 0 15px 0;padding:5px 0 5px 5px;background-color:#EFEFEF;} #add_more_children{width:100%;clear:both;border-bottom:1px dotted #CCC;margin:0 0 5px 0;padding:0 0 5px 0;} #personalize_with_child{} /**************************************************** registration roadblock ad *****************************************************/ #roadblock_continue{position:absolute;top:-50px;_top:-85px;left:450px;z-index:10} #reg_roadblock_wrap{position:relative;float:left;clear:both;overflow:visible;min-height:500px;height:auto !important; height:500px;} #reg_roadblock{width:585px;height:auto;margin:35px 0 40px 20px;position:relative;clear:both;float:left;z-index:0} #reg_roadblock_wrap .newsLinkBundles{width:230px;} #reg_roadblock_wrap .newsLink{width:230px;} #reg_roadblock_bg{width:585px;} #reg_roadblock_bg img{width:585px} #reg_roadblock_body{position:absolute;width:278px;right:25px;top:95px;overflow:hidden;z-index:8;background:white; padding:5px;} #reg_roadblock_fields{position:relative;width:260px;margin-left:10px} #reg_roadblock_fields ul{border-bottom:1px dotted #CCC;margin:0 0 1px 0;position:relative;float:left} #roadblock_parents_add_fields ul{border:none; .margin-top:10px;} #roadblock_parents_add_fields select{font-size:11px;} #roadblock_parents_add_fields #parents_you_are{clear:both;position:relative;float:left;width:100%;padding-bottom:5px;} #roadblock_parents_add_fields h3{width:60px;position:relative;float:left;clear:none} #roadblock_parents_add_fields #parents_profile_type{width:155px;position:relative;float:left;clear:none; font-size:11px; .margin-bottom: 10px;} #roadblock_parents_add_fields #parents_date_fields{padding:0 0 0 86px; .padding:0 0 0 79px;} /*hiding the validation message for the due date inputs*/ #roadblock_parents_add_fields #advice-required-input_dueMonth,#roadblock_parents_add_fields #advice-required-input_dueDay,#roadblock_parents_add_fields #advice-required-input_dueYear{clear:none;float:left;width:1px;height:1px;overflow:hidden} #reg_roadblock_fields ul li{clear:both;position:relative;margin:0 0 10px 0; .margin:0 0 5px 0;} #reg_roadblock_fields ul li .readOnly{width: 150px; float: left;} #reg_roadblock_fields ul li label{width:80px;margin-right:5px;display:block;position:relative;float:left;font-size:13px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif} #reg_roadblock_fields ul li input{width:150px;font-size:11px} #reg_roadblock #reg_privacy{width:250px;background-color:#FBF9E0;padding:5px;border:1px solid #CCC;margin:10px 0 10px 0} #reg_roadblock #reg_submit{width:100px;position:relative;float:right;margin:0 10px 0 0;clear:both} #reg_roadblock #reg_submit_wrap{clear:both;width:200px;position:relative;float:left;margin:10px 0px 10px 0px;_margin:10px 0px 10px 0px;*margin:8px 0px 5px 0px;} #reg_roadblock #reg_submit_wrap input{float:left;width:100px;} #reg_roadblock .indicate_load{position:relative;float:left;} #reg_roadblock .indicate_load_msg{margin:0 0 0 25px;width:200px} #roadblock_thankyou_continue{position:relative;float:left;margin-top:20px;cursor:pointer} #reg_roadblock_sub_form li {height:auto;} #reg_sub_content_wrap table td {width:auto;} .mainOptIn{position:relative;float:left} #opt_in{width:260px;} #reg_roadblock_fields h4{color:#666666;font-size:13px;} /**************************************************** subscription roadblock ad *****************************************************/ #sub_roadblock{width:585px;height:auto;margin:35px 0 40px 20px;position:relative;clear:both;float:left;z-index:0} #sub_roadblock_bg{width:585px;} #sub_roadblock_bg img{width:585px} #sub_roadblock_body{position:absolute;width:292px;right:22px;top:110px;overflow:hidden;z-index:8;background:white; padding:2px;} #sub_roadblock_fields{position:relative;float:left;width:280px;} #reg_roadblock_sub_form label {width:100px; display:block; float:left; } #reg_roadblock_sub_form li {margin-bottom:8px; height:20px;} #sub_submit_wrap {padding-left:99px; padding-top:26px;} #rb_sub_field_zip {width:50px;} #rb_sub_field_state {float:left;} #subscription_checkbox{margin:10px 10px 5px 8px; float:left; } #reg_sub_content_wrap{ margin-top:25px; .margin-top:5px; border-width: 1px; border-style:dotted none; border-color:#CCCCCC; clear:both; } .errortext {font-weight:bold;color:#C00;} /***************************************************** Reg Step 3 ******************************************************/ .regstep3 #reg_body_col{padding:10px; width:665px;} .regstep3 #reg_privacy { border:1px solid #CCC; margin:0 0 20px 0; border-top:none; width:680px; } .displaynamesuggestion{ padding:0 2px; } .filechoosebtn{width:61px; height:41px; border:1px solid; text-align:center; vertical-align:middle; cursor:pointer; padding-top:20px; float:left;} .row{height:35px; width:440px; clear:left; border-bottom:1px solid; padding:10px 5px;} .col1,.col2,.col3{float:left;} .col1{width:96px} .col2{width:195px} .col3{width:149px;} .toprule{border-top:1px solid;} .radiobundle { height:30px; width:100px; font-size:11px; line-height:15px; margin:0; width:60px; float:left;} .radiobundle input{padding:0; margin:0 5px 0 0; vertical-align:middle;} #displayName{width:195px;} .w450{width:450px;} .avataroption{cursor:pointer;} #uploadlayer{position:absolute; top:105px; left:470px; width:257px; height:160px; border:2px solid #CCCCCC; background-color:#fff; padding:20px;} .closediv{position:absolute; top:10px; left:270px; font-weight:bold; cursor:pointer;} #errordisplay{ background-color:#fff; height:0; border-bottom:1px solid grey; position:absolute; top:0; width:100%; text-align:center; z-index:10000; overflow:hidden; position:fixed;} #errordisplay p {font-size:18px; padding:10px;} .answerbox input,.answeroption{width:255px; height:20px;} .question {margin-bottom:5px;} .questioncontain {margin-bottom:10px;} #extraquestions {margin-top:10px;} #question2,#question3,#question4{display:none;} #uploadrow{margin:10px 0;} #uploadrow input, #uploadrow strong, #uploadrow div,#uploadrow button {vertical-align:bottom;} #avatar{width:62px; height:62px; overflow:hidden; margin:0 5px; border:1px solid #CBCBCB;} #suggestioncontain {width: 324px; line-height: 20px; margin-top: 8px; padding: 4px; border: 2px solid #ccc; background: #f8f8f8; } #suggesteddisplaynames {float: right;} #suggesteddisplaynames select{float: right;width: 90px;} #choosebutton {background:url(/bhg/images/registration/default_reg_choose.jpg); height:35px; width:90px; border:none; cursor:pointer;} #uploadButtonController {background:url(/bhg/images/registration/default_reg_upload.jpg); height:35px; width:90px; border:none; } #uploadtip{margin-bottom:-10px; display:block;} #quick_submit{margin-top:23px;} /* rpx sprite */ ul.providers li { height:50px; margin:10px 10px 8px 0; padding:0; width:150px; float:left; } ul.providers li a{ display:block; width:100%; height:100%; } ul.providers li { background: url(https://s3.amazonaws.com/static.rpxnow.com/images/sprites/88/4c/cd/f2/4cc6bb64815d613bf6e4c1f363fd1d55.png) no-repeat; } li#yahoo { background-position: 0px -250px; } li#yahoo:hover { background-position: -150px -250px; } li#yahoo.press { background-position: -300px -250px; } li#live_id { background-position: 0px -100px; } li#live_id:hover { background-position: -150px -100px; } li#live_id.press { background-position: -300px -100px; } li#google { background-position: 0px -50px; } li#google:hover { background-position: -150px -50px; } li#google.press { background-position: -300px -50px; } li#myspace { background-position: 0px -150px; } li#myspace:hover { background-position: -150px -150px; } li#myspace.press { background-position: -300px -150px; } li#facebook { background-position: 0px 0px; } li#facebook:hover { background-position: -150px 0px; } li#facebook.press { background-position: -300px 0px; } li#twitter { background-position: 0px -200px; } li#twitter:hover { background-position: -150px -200px; } li#twitter.press { background-position: -300px -200px; }