/*------------------------------------------------------------- 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. STRUCTURE 5. BOXES 6. MENU HOME Used in: All files but popups ========================================================================// */ /* ========================================================================// 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. ========================================================================// */ html {overflow-y: scroll;} body {margin:0; background:url(../IMG/parents/bg.jpg) #fbf1da top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#d92888; font-size:10px; cursor:default;} p {margin:0;} input {height:17px; border:#CCCCCC solid 1px; margin-bottom:2px;} a {font-family:Verdana, Arial, Helvetica, sans-serif} strong {font-weight:bold} li {list-style-type:disc; margin:0 0 0 20px;} /* ========================================================================// 2. COMMON TEXT: These styles contain the font faces. ========================================================================// */ .txt_content9i a {font-size:9px; line-height:11px; font-style:italic; text-align:center; color:#d92888;} .txt_content9iforgot {font-size:9px; line-height:11px; font-style:italic; text-align:center; color:#d92888;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer;} .quickClicks{color:#D3005D;font-family:Verdana,Arial,Helvetica,sans-serif;line-height:12px; cursor:pointer; text-decoration:underline;} .txt_content9 {font-size:9px; line-height:11px; color:#d92888; font-weight:bold; text-align:center;} .txt_cont {font-size:11px; line-height:16px; color:#d92888;} .txt_cont_b {font-size:11px; line-height:13px; color:#d92888; font-weight:bold;} .txt_content_bold {font-size:10px; line-height:16px; color:#d92888; font-weight:bold;} .txt_top_menu {line-height:16px; color:#d92888; font-weight:bold; text-decoration:none; display:block;} .txt_yellow{color:#ffb206; font-weight:bold;} .txt_white {font-size:10px; line-height:12px; color:#FFFFFF;} .txt_ttl_boxes {line-height:22px;} .txt_legal1 {font-size:9px; line-height:11px; color:#e471ae; text-decoration:none;} .txt_legal_top a {font-size:9px; line-height:11px; color:#d20b6f; text-decoration:none;} h1 {font-size:14px; font-weight:bold; line-height:18px; color:#d92888;} h2 {font-size:16px; font-weight:bolder; line-height:18px; color:#d92888; letter-spacing:2px; margin-bottom:13px;} .ttl_center18 {font-size:18px; font-weight:bold; text-align:center; margin-left:20px;} .ttl_box {font-size:10px; font-weight:bold; text-decoration:none; color:#ffa7d5;} .ttl_box2 {font-size:14px; font-weight:bold; text-decoration:none; color:#ca1062; text-align:center;} .ttl_cell {font-size:10px; font-weight:bold; text-decoration:none; color:#FFFFFF; padding:0 0 0 15px;} .ttl_box3 {font-weight:bold; text-decoration:none; color:#B91472; padding:0 0 0 20px;} /*LAYERS TEXT STYLES BEGINS*/ .txt_ttl_ly { font-size:12px;font-weight:bold;} .txt_ttl_cont_ly {font-size:10px;font-weight:bold;} .txt_ttl_contt_ly {font-size:11px;font-weight:bold;} .txt_cont_ly {font-size:10px;} .txt_contt_ly {font-size:11px;} .txt_ttl_org_ly {font-size:10px; color:#ffb206;margin:4px 0 15px 0 ;} .txt_ttl_err_ly {font-size:10px;font-weight:bold; color:#FFF;} /*LAYERS TEXT STYLES ENDS*/ /* ========================================================================// 3. LINKS: These styles contain the structure of the page. ========================================================================// */ .txt_top_menu a:link {line-height:16px; color:#d92888; font-weight:bold; text-decoration:none; display:block;} .txt_top_menu a:visited {line-height:16px; color:#d92888; font-weight:bold; text-decoration:none; display:block;} .txt_top_menu a:active {line-height:16px; color:#d92888; font-weight:bold; text-decoration:none; display:block;} .txt_top_menu_inactif {line-height:16px; color:#ffa7d5; font-weight:bold; text-decoration:none; display:block;} .txt_top_menu_inactif a:link {line-height:16px; color:#ffa7d5; font-weight:bold; text-decoration:none; display:block;} .txt_label {line-height:16px; font-size:10px; font-weight:bold;} .txt_legal1 a {color:#e471ae; text-decoration:none } .lnk_user a {color:#d92888;} .lnk_user {font-size:14px; font-weight:bold; color:#d92888;} .lnk_user_special a {color:#d92888;} .lnk_user_special { padding-left:16px;font-size:14px; font-weight:bold; color:#d92888; } .lnk_user_specialList span {color:#d92888;} .lnk_user_specialList { padding-left:16px;font-size:14px; font-weight:bold; color:#d92888;text-decoration:underline; cursor:pointer;} .lnk_options {line-height:11px; color:#d3005d; text-decoration:none;} .link_optionsback {line-height:11px; color:#d3005d; text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .link_options_uSpecial{line-height:12px; color:#d3005d;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer;} .lnk_options a {color:#d3005d; text-decoration:none} .lnk_options_u {line-height:12px; color:#d3005d;} .lnk_options_u a {color:#d3005d;} .lnk_options_gray {line-height:12px; color:#cfcfcf;} .lnk_options_gray_stg {line-height:12px; color:#cfcfcf; font-weight:bold;} .lnk_options_gray a {color:#cfcfcf;} .log_space_txt a {color:#f4aed1; font-size:10px; float:left;} .log_space_txtspecial {color:#f4aed1; font-size:10px; float:left;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; cursor:pointer;} .lnk_cont {color:#d92888;} .lnk_cont a {color:#d92888;} /* ========================================================================// 4. STRUCTURE: These styles contain the structure of the page. ========================================================================// */ #top_info {height:18px; text-align:center; padding-top:2px;} #page {margin:auto; position:relative; top:0px; width:1080px; background:url(../IMG/parents/bg_page.jpg) top no-repeat; display:block;} #base {width:774px; margin-left:167px; display:table; background-image:url(../IMG/parents/bg_base.jpg); background-repeat:repeat-y; background-position:left;} #base2 {width:806px; margin-left:155px; display:block; background-image:url(../IMG/parents/bg_base2.jpg); background-repeat:repeat-y; background-position:left; overflow:hidden;/*display:none;*/} #contenidoHome {overflow:visible; z-index:1000; display:inline;#margin-top:13px;} #contenidoHome {overflow:visible; z-index:1000; display:inline;#margin-top:13px;} #contenidoSafety {overflow:visible; z-index:1000; display:inline;#margin-top:13px;} #contenidoAccount {overflow:visible; z-index:1000; display:inline;#margin-top:13px;} #contenidoGeneralInfo{overflow:visible; z-index:1000; display:inline;#margin-top:13px;} #editdaughtercase1{overflow:visible; z-index:1000; display:inline;#margin-top:13px;} #editdaughtercase2{overflow:visible; z-index:1000; display:inline;#margin-top:13px;} .content_height{ height:250px;} #contenido_loggin_logged { float:left; margin-top:4px; overflow:visible; height:auto } #contenido2 { float:left; margin-top:4px; overflow:visible} #center_area {float:left; width:354px;} #center_area2 {width:354px; margin-left:10px; float:left;} #center_area3 {width:354px; margin-left:173px;} #center_area4 {width:354px; padding-left:175px; float:left;} /*table daughter list*/ #center_area4_logged {width:354px; padding-left:175px; float:left;} /*table daughter list*/ #log_space {width:94px; height:31px; padding-top:22px;#padding-top:20px; float:right; padding-right:30px; position:relative; display:inline;} .log_space_txt a {color:#f4aed1; font-size:10px; float:left; width:60px;} .log_space_txt_btHelp{color:#f4aed1; border:#FF0000; border:medium; font-size:10px; float:left; width:20px; margin-left:30px;} .log_space_icon a {float:left; width:30px; position:relative; top:-2px; cursor:pointer;} .bg {background:url(../IMG/parents/bg_header.jpg) top left no-repeat; border-top: 1px solid #FEA7D4;} #img { border-top: 1px solid #FEA7D4;} #imgIdentity { border-top: 1px solid #FEA7D4;} .img_safety{background:url(../IMG/parents/img_safety.gif) no-repeat 0 0;} .img_parent{background:url(../IMG/parents/img_parent.gif) no-repeat 0 0;} .img_general{background:url(../IMG/parents/img_general.gif) no-repeat 0 0;} .img_home{background:url(../IMG/parents/img_home.gif) no-repeat 0 0; } .logged_img_home{background:url(../IMG/parents/logged_img_home.gif) no-repeat 0 0; height:265px; position:relative;} #img2 {background:url(../IMG/parents/img2.gif) no-repeat 0 0; border-top: 1px solid #FEA7D4;} .head {margin-top:3px;_margin-top:1px;#margin-top:1px; height:auto; display:block;} #left_decoration {height:71px; width:157px; float:left; margin:128px 0 0 18px;_margin:128px 0 0 9px; background:url(../IMG/parents/goto_img.jpg) no-repeat top left;} #tit_area1 {margin-left:25px; width:280px; margin-top:32px;_margin-top:32px; height:auto; margin-bottom:18px; } #tit_area1_login {margin-left:25px; width:280px; margin-top:32px;_margin-top:32px; height:auto; margin-bottom:18px; } #tit_area1b {margin-left:25px; width:280px; margin-top:32px;_margin-top:32px; height:auto; margin-bottom:18px; } #txt_area {margin-left:26px;_margin-left:13px; width:300px; float:left; margin-top:8px; min-height:315px;} #tit_area2 {margin-left:25px; width:530px; margin-top:16px;_margin-top:19px; height:auto; margin-bottom:18px; } #tit_area3 {margin-left:25px; width:530px; margin-top:16px;_margin-top:19px; height:auto; } #footer2 {clear:left; background:url(../IMG/parents/footer2.jpg) left top no-repeat #fbf1da; height:232px; margin-left:1px;} #footer {height:232px; clear:left; background:url(../IMG/parents/footer.jpg) left top no-repeat #fbf1da; margin-left:0px; overflow:visible;} #footer_image1 {position:relative; top:-212px;_top:-212px; background:url(../IMG/parents/barby_face1.jpg) no-repeat top; height:212px; width:174px; float:left; left:0px; } #footer_image2 {position:relative; top:-107px;_top:-107px; background:url(../IMG/parents/barby_face2.jpg) no-repeat top; height:107px; float:right; display:inline; padding-left:262px;} #legal_txt {width:450px; margin:auto; text-align:center; float:left; margin-top:30px; } #legal_logo {width:97px; float:left; background:url(../IMG/parents/barby_logo.gif) no-repeat top; margin:30px 0 0 40px; display:inline;} #legal_txt2 {width:450px; margin:auto; text-align:center; float:left; margin-top:138px; margin-left:170px;_margin-left:85px; } #legal_logo2 {width:97px; float:left; background:url(../IMG/parents/barby_logo.gif) no-repeat top; margin:138px 0 0 40px; display:inline;} #menu2_lnk_inactif {float:left; height:31px; width:146px; background:url(../IMG/parents/tab_02_over.gif) no-repeat; padding-top:36px; cursor:pointer; display:none; text-align:center} .float_fix1 {float:left} .float_fix2 {float:right} .final {clear:both;} /*LAYERS BEGINS*/ #ctnr_ly {width:454px;} #header_ly {text-align:center;padding:24px 0 0 0;background:url(../IMG/parents/top.gif) no-repeat top;} #header_ly_forgot {text-align:center;padding:24px 5px 0px 5px;background:url(../IMG/parents/top.gif) no-repeat top;} #cont_ly {background:#ffe5f3;border-left:5px solid #f4aed1;border-bottom:5px solid #f4aed1;border-right:5px solid #f4aed1;padding:13px 28px 56px 28px;} #cont_header_line_ly {padding:16px 22px 19px 16px;background:url(../IMG/parents/contenttoptwo.gif);border-bottom:1px solid #f4aed1;} #cont_middle_ly {padding:11px 18px 9px 80px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;} #cont_middle_ly input { margin:4px 0 7px 0 ; width:207px;} #cont_two_ly {background:#ffe5f3;border-left:5px solid #f4aed1;border-bottom:5px solid #f4aed1;border-right:5px solid #f4aed1;padding:13px 28px 25px 28px;} #cont_middle_two_ly {padding:11px 18px 19px 80px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;} #cont_middle_two_ly select { margin:4px 0 14px 0 ; width:223px;} #cont_middle_three_ly {padding:18px 18px 37px 80px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:left;} #cont_middle_three_ly select { margin:4px 0 14px 0 ; width:223px;} #cont_middle_three_ly input { margin:4px 0 7px 0 ; width:209px;} #cont_header {height:27px;background:url(../IMG/parents/contenttop.gif);} #cont_middle_nine_ly {padding:12px 0px 17px 0px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_middle_ten_ly {padding:12px 0px 20px 0px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1; border-top:1px solid #f4aed1;text-align:center;} #cont_middle_nine_ly input, #cont_middle_ten_ly input {vertical-align:middle;} #cont_middle_four_ly {padding:53px 22px 72px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_footer_two_ly {padding:17px 10px 17px 10px;_padding:17px 14px 16px 10px;background:url(../IMG/parents/contentbottom.gif) left; height:25px;_width:347px;_margin-left:2px; text-align: center;} #cont_footer_two_ly_forgot {padding:11px 10px 0px 10px;background:url(../IMG/parents/contentbottom.gif);height:48px;width:368px;text-align:center;_margin-left:4px;} #cont_footer_two_ly_secret {padding:17px 10px 17px 10px;_padding:17px 14px 16px 10px;background:url(../IMG/parents/contentbottom.gif) left;height:25px;width:368px;_width:364px;text-align:center;_margin-left:2px;} #cont_footer_two_ly_email {padding:17px 10px 17px 10px;_padding:17px 14px 16px 10px;background:url(../IMG/parents/contentbottom.gif) left;height:25px;_margin-left:2px;width:368px;_width:364px;text-align:center;} #cont_footer_two_ly_password{padding:17px 10px 17px 10px;_padding:17px 14px 16px 10px;background:url(../IMG/parents/contentbottom.gif) left; height:25px;_width:364px;_margin-left:2px; text-align: center;} #cont_footer_two_ly_password_step3{padding:17px 10px 17px 10px;_padding:17px 14px 16px 10px;background:url(../IMG/parents/contentbottom.gif) left; height:25px;_width:364px;text-align: center;} #cont_middle_five_ly {padding:40px 22px 59px 25px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_middle_six_ly {padding:30px 22px 59px 25px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_middle_seven_ly {padding:0 18px 27px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_middle_eight_ly {padding:37px 22px 76px 18px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_err_ly {padding:2px 25px 3px 18px;background:#ff8400;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} #cont_footer_ly {padding:17px 33px 19px 30px;_padding:15px 33px 17px 30px;background:url(../IMG/parents/contentbottom.gif) left; height:23px; width:325px;_margin-left:2px;} #cont_footer_ly_change_chat {padding:17px 33px 19px 30px;_padding:15px 33px 17px 30px;background:url(../IMG/parents/contentbottom.gif) left; height:23px; width:325px;} #cont_footer_changee_mail {padding:17px 33px 19px 30px;_padding:15px 33px 17px 30px;background:url(../IMG/parents/contentbottom.gif) left; height:23px; _height:26px;width:325px;_margin-left:2px;} #cont_footer_three_ly {padding:17px 33px 19px 30px;_padding:15px 33px 19px 30px;background:url(../IMG/parents/contentbottom2.gif) left; height:59px; width:325px;} #cont_footer_three_ly div {text-align:center;} #cont_footer_change {padding:17px 33px 19px 30px;_padding:15px 33px 17px 30px;background:url(../IMG/parents/contentbottom.gif) left;height:23px; _height:26px; width:325px;_margin-left:2px;} .cont_middle_lys {padding:10px 10px 0px 10px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} .cont_middle_lys_forgot {padding:10px 10px 10px 0px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} .cont_middle_lys_forgot_special {padding:1px 10px 1px 0px;background:#fff;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1;text-align:center;} /*LAYERS ENDS*/ /* ========================================================================// 5. BOX STRUCTURE: These styles contain the structure of the boxes in the page. ========================================================================// */ #box_home {width:354px; float:left; z-index:1001; margin-bottom:20px;} #box_home_login {width:354px; float:left; z-index:1001; margin-bottom:20px; } .marginleftbox{margin-left:20px; margin-right:20px;} #box_home1 {width:354px; float:left; background:url(../IMG/parents/box_txt_home1.gif) no-repeat left; height:23px;} #box_home2 {width:354px; float:left; background:url(../IMG/parents/box_txt_home2.gif) repeat-y left; height:220px;} #bgBSmartPactHome{width:354px; height:151px;float:left; background:url(../IMG/parents/bgBSmartPact.gif); background-repeat:no-repeat;} #box_home_logged {width:354px; float:left; background:url(../IMG/parents/box_txt_home2.gif) repeat-y left; height:152px;} #box_home3 {width:354px; float:left; background:url(../IMG/parents/box_txt_home3.gif) no-repeat left; height:16px;} #box_area {float:left; width:215px; margin-left:8px;/*_margin-right:0px;*/ position:relative; margin-top:0px; height:100px; overflow:visible; } #box_area2 {width:215px; margin-left:8px; margin-top:13px; height:100px; overflow:visible; overflow:visible; position:relative; display:none;} #box1_top {width:215px; background:url(../IMG/parents/box1_01.gif) top no-repeat; height:26px;} #box1_content {width:149px; background:url(../IMG/parents/box1_bg.gif) repeat-y; height:86px; text-align:center; padding:33px 33px 0 32px;} #box1_bottom {width:215px; background:url(../IMG/parents/box1_02.gif) bottom no-repeat; height:39px;} #box2_top {width:215px; background:url(../IMG/parents/box2_01.gif) top no-repeat; height:26px;vertical-align:bottom;} #box2_content {width:167px; background:url(../IMG/parents/box2_bg.gif) repeat-y; height:auto; padding:0 26px 0 26px; vertical-align:top;} #box2_cont_top {text-align:center; margin-bottom:5px;} #box2_bottom {width:215px; background:url(../IMG/parents/box2_02.gif) bottom no-repeat; height:39px;} .box2_text {width:167px; text-align:center; margin-top:2px; padding-bottom:5px;} .box1_btn {text-align:center; width:177px; height:24px; margin-left:18px; position:relative; cursor:default;} #box3_top {width:215px; background:url(../IMG/parents/box3_top.gif) top no-repeat; height:26px;} .box3_text {width:167px; padding-top:15px; height:auto; overflow:auto;} .box3_ttl {width:157px; padding:10px 0 0 48px; height:auto; overflow:auto;} .box3_lnks {width:162px; margin-bottom:10px; height:auto; overflow:visible; display:inline; float:left;} .box3_icon {width:15px; height:15px; float:left; background:url(../IMG/parents/box3_icon.gif) no-repeat;} .box3_text2 {width:133px; float:left; margin-left:5px;} #box3_bottom {width:215px; background:url(../IMG/parents/box3_bottom.gif) no-repeat; height:20px;} #box3_cont {width:167px; background:url(../IMG/parents/box3_bg.gif) repeat-y; height:auto; padding:0 26px 0 26px;} #box4_content {width:167px; background:url(../IMG/parents/box4_bg.gif) repeat-y; height:27px; padding:0 26px 0 26px;} #box4_bottom {width:215px; background:url(../IMG/parents/box4_02.gif) bottom no-repeat; height:42px;} #box4_top {width:215px; background:url(../IMG/parents/box4_01.gif) top no-repeat; height:26px;} #box_white {width:198px; margin-left:45px; margin-top:20px;} #box_white_top {background:url(../IMG/parents/box_corner7.gif) no-repeat top; width:198px; height:32px; overflow:visible; padding-top:7px;} #box_white_bottom {background:url(../IMG/parents/box_corner8.gif) no-repeat top; width:198px; height:34px;} #box_white_center {width:152px; border-width:0 3px 0 3px; border-color:#f4aed1; border-style:solid; background-color:#FFFFFF; height:auto; padding:0px 20px 0 20px; overflow:visible;} .box_white_text {width:150px; text-align:center; margin-top:4px; padding-bottom:5px;} #box_white_cont_top {text-align:center; /*margin-bottom:5px; margin-top:-10px; position:relative;*/} .box_white_btn {text-align:center; width:177px; height:24px; margin-left:10px; cursor:default;} #goto_btn {margin-left:300px; margin-top:55px; display:block;} #manage_area {clear:both; width:570px; margin-top:20px; display:block;} .manage_cont {width:561px; background-color:#FFFFFF; padding:5px 0 8px 7px; border-color:#f4afd2; border-style:solid; border-width:0px 1px 0px 1px; display:table;} .manage_cont_txt {width:518px; background-color:#FFFFFF; padding:3px 0 5px 19px; } .manage_box_top { float:left; width:526px; height:17px; background-color:#7e064d; padding:7px 0 0 8px; border-top:solid 1px #f3accf} .manage_box_bottom { display:block;} .manage_box_bottom2 {float:left; width:534px; height:24px; background-color:#f8cce2; border-bottom:solid 1px #f4afd2} .manage_corner1 {float:left; width:19px; height:25px; background:url(../IMG/parents/box_corner1.gif) no-repeat;} .manage_corner2 {float:left; width:17px; height:25px; background:url(../IMG/parents/box_corner2.gif) no-repeat;} .manage_corner3 {float:left; width:18px; height:25px; background:url(../IMG/parents/box_corner3.gif) no-repeat;} .manage_corner4 {float:left; width:18px; height:25px; background:url(../IMG/parents/box_corner4.gif) no-repeat;} .manage_cell {background-color:#f6d17e; height:21px;} .manage_cell2 {background-color:#fcf6e6; height:80px;_height:66px;#height:66px;} .manage_cell3 {background-color:#f6d17e; height:8px; width:550px;float:left;} .manage_cell_user {width:550px;padding:10px 0px 10px 0px;float:left;} .manage_icon {margin:5px 0 0 0; width:31px; float:left;} .manage_icontxt {margin:13px 0 0 5px; width:80px; float:left; color:#ffb206; font-weight:bold; } .manage_cell_details1{width:120px;padding:0px 0px 0px 65px;float:left;} .manage_cell_details_girls{width:120px;padding:0px 0px 0px 0px;float:left;} .manage_cell_details2{width:100px;padding:0px 0px 0px 70px;float:left;text-align:center;} .daughter_tab_cell_1 {width:180px;float:left; } .manage_add {margin:5px 0 0 5px; float:left;} #profile_area {clear:both; width:400px; #width:400px; padding-top:20px; padding-left:353px; float:left;} .profile_box_top {float:left; width:350px; height:17px; background-color:#7e064d; padding:7px 0 0 6px; border-top:solid 1px #f3accf} .profile_box_bottom { float:left; width:356px; height:24px; background-color:#f8cce2; border-bottom:solid 1px #f4afd2} .profile_cont {clear:both; width:367px; background-color:#FFFFFF; height:85px; padding:15px 0 0 23px; border-color:#f4afd2; border-style:solid; border-width:0 1px 0 1px;} .profile_option {width:340px; margin-bottom:8px; background:url(../IMG/parents/icon_01.gif) left top no-repeat; padding:1px 0 0 23px; height:15px; } #daughter_area {clear:both; width:570px; margin-top:20px; display:block;} .daughter_box_top {float:left; width:530px; height:22px; background-color:#f6d17e; padding:2px 4px 0 0px; border-top:solid 1px #f3accf; text-align:center;} .daughter_corner1 {float:left; width:19px; height:25px; background:url(../IMG/parents/box_corner05.gif) no-repeat;} .daughter_corner2 {float:left; width:17px; height:25px; background:url(../IMG/parents/box_corner6.gif) no-repeat;} .daughter_cont {width:568px; background-color:#ffffff; border-color:#f4afd2; border-style:solid; border-width:0 1px 0 1px;; height:auto;} .daughter_cols {border-bottom:1px solid #f4afd2; width:568px; height:auto; background-color:#fcf6e6;} .daughter_left_col {width:128px; height:auto; padding:20px 10px 0 0; float:left; text-align:right; font-weight:bold;} .daughter_right_col {width:430px; height:auto; background-color:#FFFFFF; float:left;} .daughter_right_col2 {width:430px; height:auto; background-color:#FFFFFF; float:left; margin-left:138px;_margin-left:69px;} .options {width:340px; margin-bottom:8px; background:url(../IMG/parents/icon_01.gif) left top no-repeat; padding:1px 0 0 23px; height:15px; } .options2 {width:340px; margin-bottom:0px; background:url(../IMG/parents/icon_01.gif) left top no-repeat; padding:1px 0 0 23px; height:15px; } .daughter_ttls {margin-bottom:14px; width:300px;} .daughter_back {float:left; margin:5px 0 0 4px;} .daughter_back_txt {float:left; margin:6px 0 0 4px;} .daughter_quest {width:12px; height:15px; float:right; margin:3px 3px 0 0; } .daughter_cont_right {padding:18px 10px 15px 13px;} .daughter_deluxe_ttl {position:relative; margin-top:-10px; display:block;} .daughter_deluxe_cont {clear:both; padding-top:10px;} .daughter_btns {position:relative; margin-left:-7px;} #little_box {position:relative; width:176px; height:185px; float:left; margin:9px 0 0 170px;_margin:9px 0 0 85px;} .little_box_top {background:url(../IMG/parents/box_little_top.jpg) no-repeat left; height:25px;} .little_box_bottom {position:relative; background:url(../IMG/parents/box_little_bottom.jpg) no-repeat left; height:40px;} .little_box_mid {background:url(../IMG/parents/box_little_mid.jpg) no-repeat left; height:119px; position:relative} .little_box_content {widht:156px; padding:2px 23px 0px 30px; overflow:visible;} #little_box_btn {text-align:center; width:138px; height:24px; margin-left:19px; position:relative;} #inner_page_area { width:568px; margin-bottom:5px;} .inner_corner1 {float:left; width:20px; height:20px; background:url(../IMG/parents/text_box_corner1.gif) no-repeat;} .inner_corner2 {float:left; width:20px; height:20px; background:url(../IMG/parents/text_box_corner2.gif) no-repeat;} .inner_corner3 {float:left; width:20px; height:20px; background:url(../IMG/parents/text_box_corner3.gif) no-repeat;} .inner_corner4 {float:left; width:20px; height:20px; background:url(../IMG/parents/text_box_corner4.gif) no-repeat;} .inner_box_top {float:left; width:528px; height:19px; background-color:#ffffff; border-top:solid 1px #f3accf;} .inner_box_bottom {float:left; width:528px; height:19px; background-color:#ffffff; border-bottom:solid 1px #f4afd2;} #inner_cont {width:486px; background-color:#ffffff; border-color:#f4afd2; border-style:solid; border-width:0 1px 0 1px;; height:auto; padding:5px 55px 15px 25px;} /* ========================================================================// 6. MENU: These styles contain the structure of the top menu. ========================================================================// */ .menu {height:68px; z-index:1000; clear:both; display:block;} #menu1_lnk {clear:both; height:31px; width:147px; margin-left:169px; padding-top:36px; text-align:center;cursor:pointer;} #menu1_lnk_active {clear:both; height:31px; width:147px; margin-left:169px; background:url(../IMG/parents/tab_01.gif) no-repeat; padding-top:36px; cursor:pointer; text-align:center;} #menu1_lnk_over {clear:both; height:31px; width:147px; margin-left:169px; background:url(../IMG/parents/tab_01_over.gif) no-repeat; padding-top:36px; cursor:pointer; display:none; text-align:center;} #menu2_lnk {float:left; height:31px; width:146px; padding-top:36px; text-align:center;cursor:pointer; } #menu2_lnk_active {float:left; height:31px; width:146px; background:url(../IMG/parents/tab_02.gif) no-repeat; padding-top:36px; display:block; text-align:center} #menu2_lnk_over {float:left; height:31px; width:146px; background:url(../IMG/parents/tab_02_over.gif) no-repeat; padding-top:36px; cursor:pointer; display:none; text-align:center} #menu3_lnk {float:left; height:31px; width:148px; padding-top:36px; text-align:center} #menu3_lnk_active {float:left; height:31px; width:148px; background:url(../IMG/parents/tab_03.gif) no-repeat; padding-top:36px; cursor:pointer; display:block; text-align:center} #menu3_lnk_over {float:left; height:31px; width:148px; background:url(../IMG/parents/tab_03_over.gif) no-repeat; padding-top:36px; cursor:pointer; display:none; text-align:center} #menu4_lnk {float:left; height:31px; width:147px; padding-top:36px; text-align:center} #menu4_lnk_active {float:left; height:31px; width:147px; background:url(../IMG/parents/tab_04.gif) no-repeat; padding-top:36px; cursor:pointer; text-align:center} #menu4_lnk_over {float:left; height:31px; width:147px; background:url(../IMG/parents/tab_04_over.gif) no-repeat; padding-top:36px; cursor:pointer; display:none; text-align:center} .buttons_acctions{ cursor:pointer;} .chat_Text_Type{ font-weight:bold; text-decoration:underline;} .text_justify{ text-align:justify;} .leftTopBoxParentAggrement { background-image:url(../IMG/parents/letTopBoxparent.gif); background-repeat:no-repeat; width:20px; height:193px; } .topTopBoxParentAggrement { background-image:url(../IMG/parents/top_TopBoxparent.gif); background-repeat:no-repeat; width:318px; height:15px; } .rightTopBoxParentAggrement { background-image:url(../IMG/parents/right_TopBoxparent.gif); background-repeat:no-repeat; width:16px; height:193px; } .cornnerRightBoxparentAggrement { background-image:url(../IMG/parents/cornnerRightBoxparent.gif); background-repeat:no-repeat; width:16px; height:18px; } .cornnerLeftBoxparentAggrement { background-image:url(../IMG/parents/cornnerLeftBoxparent.gif); background-repeat:no-repeat; width:18px; height:18px; } .leftRepeatBoxparentAggrement { background-image:url(../IMG/parents/leftRepeatBoxparent.jpg); background-repeat:repeat-y; width:20px; height:165px; } .bottomRepeatBoxparentAggrement { background-image:url(../IMG/parents/bottomRepeatBoxparent.gif); background-repeat:repeat-x; width:320px; height:18px; } .rightRepeatBoxparentAggrement { background-image:url(../IMG/parents/rightRepeatBoxparent.gif); background-repeat:repeat-y; width:16px; height:165px; } .contentBg { background-image:url(../IMG/parents/contentBg.gif); width:318px; height:178px; } .breakeronly { clear:both; } .positionButton{ padding-left:55px; padding-top:13px; } .titleFontBoxTop{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold; } .titleFontBoxTopSimple{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#F7B9D4; } .textContent{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#D92888; } .spacerheight{ height:10px;}