/*------------------------------------------------------------- BARBY GIRL PARENT'S PLACE ------------------------------------------------------------- Description: Common styles Filename: parent_styles.css Version: 1.0 Date: Feb 20, 2008 ------------------------------------------------------------- */ /* ========================================================================// Index of styles used in specific elements and components for the BARBY GIRL PARENT'S PLACE website within this CSS. 1. BODY 2. COMMON TEXT 3. LINKS 4. SIFR 5. STRUCTURE 6. BOXES 7. MENU HOME 8. FORMS Used in: All files ========================================================================// */ /* ========================================================================// COMMON PREFIXES: ========================================================================// ttl: title subttl: subtitle subttllnk: subtitle link cont: content txt: text lnk: links ctn: containers box: boxes fld: fields img: images bg: backgrounds drop: dropdown dash: line tbl: table pos: positioning ctnr: container */ /* ========================================================================// 1. BODY: These styles contain the setup for the background and body of the page. ========================================================================// */ /*input {height:17px; border:#CCCCCC solid 1px;} p {margin:0 0 11px 0;}*/ /* ========================================================================// 2. COMMON TEXT: These styles contain the font faces. ========================================================================// */ .txt_ttl_contt_pp {font-size:11px;font-weight:bold;} .txt_contt_pp {font-size:11px; text-align:left;} .txt_ttl_cont_pp {font-size:10px;font-weight:bold;} .txt_cont_pp {font-size:10px; text-align:center;} .txt_ttl_err_pp {font-size:10px;font-weight:bold; color:#FFF;} .txt_conttl_ly {font-size:16px; text-align:center;font-weight:bold;} /* ========================================================================// 3. STRUCTURE: These styles contain the structure of the page. ========================================================================// */ #bg_left_pp{float:left; background:url(../IMG/parents/bg_left.gif) no-repeat top; width:40px; height:450px;} #bg_center_pp{float:left; background:url(../IMG/parents/head_pp.gif) no-repeat top; width:585px;} #bg_center_two_pp{float:left; background:url(../IMG/parents/head2_pp.jpg) no-repeat top; width:585px;} #bg_center_three_pp{float:left; background:url(../IMG/parents/head_pp.gif) no-repeat top; width:585px;} #bg_center_four_pp{float:left; background:url(../IMG/parents/head4_pp.jpg) no-repeat top; width:585px;} #bg_center_five_pp{float:left; background:url(../IMG/parents/head5_pp.gif) no-repeat top; width:585px;} #bg_center_header_help_pp{float:left; background:url(../IMG/parents/head5_pp.gif) no-repeat top; width:585px;} #bg_center6_pp{float:left; background:url(../IMG/parents/head6_pp.jpg) no-repeat top; width:585px;} #bg_middle_pp{margin:65px 0 0 0;float:left;padding:0 13px 28px 13px;background:url(../IMG/parents/bg_middle.gif) repeat-x top; background-color:#ffdff0; width:549px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;} #bg_middle_two_pp{margin:65px 0 0 0;float:left;padding:46px 93px 52px 94px;background:url(../IMG/parents/bg_middle.gif) repeat-x top; background-color:#ffdff0; width:388px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;} #bg_middle_three_pp{margin:65px 0 0 0;float:left;padding:46px 93px 52px 94px;background:url(../IMG/parents/bg_middle.gif) repeat-x top; background-color:#ffdff0; width:388px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;} #bg_middle_four_pp{margin:70px 0 0 0;float:left;padding:0 13px 28px 13px;background:url(../IMG/parents/bg_middle.gif) repeat-x top; background-color:#ffdff0; width:549px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;} #bg_middle_five_pp{margin:70px 0 0 0;float:left;padding:14px 93px 52px 94px;background:url(../IMG/parents/bg_middle.gif) repeat-x top; background-color:#ffdff0; width:388px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;} #bg_middle_five_pp p {margin:0 0 19px 0;} /* #cont_middle_ly {padding:30px 18px 28px 80px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;} #cont_middle_ly input { margin:2px 0 7px 0 ; width:207px;} #cont_middle_ly p {margin:0 0 3px 0;} change pp*/ #cont_middle_pp {padding:30px 18px 28px 80px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;} #cont_middle_pp input { margin:2px 0 7px 0 ; width:207px;} #cont_middle_pp p {margin:0 0 3px 0;} /*#cont_footer_ly {padding:17px 33px 15px 30px;_padding:15px 33px 13px 30px;background:url(../IMG/parents/contentbottom.gif) left; height:27px;_height:30px; width:325px;_margin-left:2px;} change pp*/ #cont_footer_pp4 {padding:17px 33px 15px 30px;_padding:15px 33px 13px 30px;background:url(../IMG/parents/contentbottom.gif) left; height:27px;_height:30px; width:325px;_margin-left:2px;} #cont_header_pp {height:11px; padding:11px 0px 9px 0px;_padding:11px 0px 7px 0px;margin:10px 0 0 0;background:url(../IMG/parents/top_pp.gif) no-repeat; text-align:center;} #cont_header_pp2 {height:11px; padding:11px 0px 9px 0px;_padding:11px 0px 2px 0px; text-align:center; margin:10px 0 0 0;background:url(../IMG/parents/top_pp.gif) no-repeat;} #cont_header_two_pp {height:11px; padding:11px 0px 9px 29px;_padding:11px 0px 7px 29px;margin:10px 0 0 0;background:url(../IMG/parents/top_pp.gif) no-repeat;} /*#cont_header {height:27px; width:388px;background:url(../IMG/parents/contenttop.gif);}change pp*/ #cont_header_pp_2 {height:27px; width:388px;background:url(../IMG/parents/contenttop.gif);} #cont_header_two {padding:17px 20px 19px 25px;height:36px; width:343px;background:url(../IMG/parents/top2_pp.gif);} /*#cont_middle_four_ly {padding:53px 22px 72px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center; width:346px;} #cont_middle_five_ly {padding:59px 22px 84px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center; width:346px;} change pp*/ #cont_middle_four_pp {padding:53px 22px 72px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center; width:346px;} #cont_middle_five_pp {padding:59px 22px 84px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center; width:346px;} /*#cont_footer_two_ly {padding:17px 111px 17px 116px;_padding:17px 115px 15px 116px;background:url(../IMG/parents/contentbottom.gif) left; height:25px;_width:140px;} change pp*/ #cont_footer_two_pp2 {padding:17px 111px 17px 116px;_padding:17px 115px 15px 116px;background:url(../IMG/parents/contentbottom.gif) left; height:25px;_width:140px ;} .cont_middle_pp {padding:5px 49px 15px 29px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:right;} /*.cont_middle3_pp {padding:8px 49px 4px 28px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;}*/ .cont_middle_pp input {width:207px;} .cont_middle2_pp {padding:5px 7px 9px 29px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:right;} .cont_middle2_pp input { width:325px;} .cont_middle2_pp select { width:327px;} .cont_middle3_pp {padding:5px 7px 9px 29px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:right;} .cont_middleHelp_pp {padding:5px 7px 9px 29px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:justify;} .cont_middle4_pp {padding:5px 49px 9px 29px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;} .cont_middle5_pp {padding:15px 20px 15px 29px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left; margin-top:0;} .cont_middle6_pp {padding:10px 18px 10px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;} .cont_mid_left_pp {margin-right:5px; width:290px; float:left;} .cont_mid_right_pp {width:200px;_width:100px; float:left;} .inpt_type2 input {width:325px;} .inpt_type2 select {width:327px;} .inpt_type3 input { border:0; margin:0; padding:0; vertical-align:middle;} .cont_ttl_pp {padding:11px 25px 6px 18px;background:#f8cce2;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1; border-top:1px solid #f4aed1;text-align:center;} #cont_ttl_two_pp {padding:11px 25px 6px 29px;background:#f8cce2;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1; border-top:1px solid #f4aed1;text-align:left;} .cont_ttl_two_pp2 {float:left; width:446px; padding:11px 25px 6px 29px;background:#f8cce2;text-align:left;_margin-left:2px;} .cont_err_pp {padding:3px 5px 3px 29px;background:#ff8400;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_footer_pp {padding:20px 114px 17px 108px;_padding:18px 114px 17px 108px;background:url(../IMG/parents/bottom_pp.gif) left; height:25px; width:327px;_margin-left:6px; clear:both;} #cont_footer_pp_parent {padding:20px 114px 17px 108px;_padding:18px 114px 17px 108px;background:url(../IMG/parents/bottom_pp.gif) left; height:25px; width:327px;_margin-left:10px; clear:both;} #cont_footer_pp3 {padding:20px 114px 17px 108px;_padding:18px 114px 17px 108px;background:url(../IMG/parents/bottom_pp.gif) left; height:25px; width:327px;_margin-left:4px; clear:both;} #cont_footer_pp2 {padding:0px 10px 0px 10px;_padding:0px 10px 0px 10px;background:url(../IMG/parents/bottom_pp2.gif) left; height:16px; width:529px; clear:both;_margin-left:1px;} #cont_footer_bg_pp {padding:20px 10px 0px 10px;_padding:18px 0px 0px 20px;background:url(../IMG/parents/bottom_bg_pp.gif) left repeat-y; height:auto; width:529px;_margin-left:1px; clear:both; text-align:center} #cont_footer_two_pp {padding:20px 114px 17px 203px;background:url(../IMG/parents/bottom_pp.gif) left; height:25px; width:232px;_margin-left:6px;} #bg_right_pp{float:left; background:url(../IMG/parents/bg_right.gif) no-repeat top; width:40px;height:450px;} #log_space_pp {width:28px; height:26px; padding-top:42px;float:right; padding-right:18px; position:relative; display:inline;} .log_space_icon_pp a {float:left; width:28px; position:relative; top:-22px;} .cont_pink_bar {background-color:#f8cce2; width:549; border-color:#f4aed1; border-width:0 1px 0 1px; border-style:solid;} .top_space2_pp {#width:40px;float:left; display:block;} .top_space2_icon_pp a {float:left; width:19px; position:relative; padding-top:10px;#padding-top:15px;} .lnk_options_pp_u {line-height:12px; color:#d92888;font-size:10px;} .lnk_options_pp_u a {color:#d92888;} .fix_overflow {clear:both} .cont_err_pp_login {background:#ff8400;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center; color:#ffffff;} #modalOverlay {background-color:#F8CCE2; cursor:default;} /* Container */ #modalContainer { left:25%; top:15%; border:0px solid #FBF1DA;} #modalContainer a.modalCloseImg {background:url(../IMG/parents/close.gif) no-repeat; width:55px; height:36px; display:inline; z-index:3200; position:absolute; top:-15px; right:0px; cursor:pointer;} #modalContainer #changeemailPopup {padding:0px;} /* ========================================================================// 4. BOX: These styles contain the structure of the boxes in the page. ========================================================================// */ /* ========================================================================// 5. MENU: These styles contain the structure of the top menu. ========================================================================// */ /*===============================================================================// SUBSCRIPTIONS STARTS */ #bg_middle_pp_subscription{margin:22px 0 0 0;float:left;padding:0 13px 28px 13px;background:url(../images/bg_middle.gif) repeat-x top; background-color:#ffdff0; width:549px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;} #log_space_pp_subscription {width:28px; padding-top:20px;float:right; padding-right:18px; position:relative; display:inline;}