/*-------------------------------------------------------------	
	BARBIE GIRL SUBSCRIPTION'S PLACE
	-------------------------------------------------------------	
	Description:	Common styles
	Filename:		subscription_styles.css
	Version:		1.0
	Date:			Abr 16, 2008
	-------------------------------------------------------------	*/
/* ========================================================================//
   Index of styles used in specific elements and components for the
   BARBIE GIRL SUBSCRIPTION'S PLACE website within this CSS.

   1. BODY
   2. COMMON TEXT
   3. LINKS
   4. STRUCTURE
   5. BOX STRUCTURE
   6. MENU
   
   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.
   ========================================================================//
*/
#bodysubcription {margin:0; background:url(../../IMG/subscription/bg.jpg) #fbf1da top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#d92888; font-size:12px; height:790px;}

p {margin:0;}
input {height:17px; border:#CCCCCC solid 1px; margin-bottom:2px;}
select {border:#CCCCCC solid 1px;}
a {font-family:Verdana, Arial, Helvetica, sans-serif;}
strong {font-weight:bold;}
#header_top { height:105px;}
#header_bottom { height:30px;}


/*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*/

/*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*/
.txt_yellow{color:#ffb206; font-weight:bold;}
.log_space_txt a {color:#f4aed1; font-size:10px; float:left; padding-left:40px; padding-top:-5px;}


/* ========================================================================//
   2. COMMON TEXT:
   These styles contain the font faces.
   ========================================================================//
*/
.txt_cont {font-size:12px; line-height:16px; color:#d92888;}
.txt_cont_9 {font-size:9px; line-height:13px; color:#d92888; padding-left:25px;}
.txt_cont_10b {font-size:10px; line-height:13px; color:#d92888;}
.txt_cont_10b a {color:#d92888;}
.txt_cont_10 {font-size:10px; line-height:13px; color:#d92888; padding-left:25px;}
.txt_cont_10 a {color:#d92888; text-decoration:underline}
.txt_cont_11s {font-size:11px; line-height:16px; color:#d92888;}
.txt_cont_11 {font-size:11px; line-height:16px; color:#d92888; padding-left:25px;}
.txt_cont_11p {font-size:11px; line-height:13px; color:#d92888; font-weight:bold;}

.txt_cont_link {font-size:10px; color:#d92888; width:201px; }

.txt_cont_11n {font-size:11px; line-height:13px; color:#000000;}
.txt_cont_b {font-size:11px; line-height:13px; color:#d92888; font-weight:bold;}
.txt_cont2_b {font-size:10px; line-height:16px; color:#d92888;font-weight:bold;}
.txt_content9i a {font-size:9px; line-height:11px; font-style:italic; color:#d92888;}
.txt_top_menu {line-height:16px; widows:150px; padding-left:50px;  font-weight:normal; text-decoration:none; display:block;font-family:Verdana, Arial, Helvetica, sans-serif;}
.txt_top_menu a {line-height:16px;widows:150px;padding-left:50px;  font-weight:normal; text-decoration:none; display:block; text-align:left; padding-left:52px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.txt_legal_top a {font-size:9px; line-height:11px; color:#d20b6f; text-decoration:none;}
.txt1_bottom {font-size:12px; line-height:16px; color:#d92888; font-weight:normal; padding-left:20px;}
.txt2_bottom {font-size:12px; line-height:16px; color:#d92888; font-weight:bold; padding-left:158px;}
.txt3_bottom {font-size:12px; line-height:16px; color:#d92888; font-weight:normal; padding-left:28px;}
h1 {font-size:16px;line-height:18px; color:#c60651; font-weight:normal;}
#ttl_header1 {margin-left:180px; width:600px;}


.link_forgot_password { font-size:10px; line-height:11px; color:#d92888; text-decoration:underline; cursor:pointer;}
/* ========================================================================//
   4. STRUCTURE:
   These styles contain the structure of the page.
   ========================================================================//
*/

#top_info {height:18px; text-align:center; padding-top:2px;}
#page {position:absolute; left:50%; width:1080px; margin:0 0 0 -540px;background:url(../../IMG/subscription/bg_page.jpg) top no-repeat;}
#base {width:774px; margin-left:167px;background-image:url(../../IMG/subscription/bg_base.jpg); background-repeat:repeat-y; background-position:left;}
#content { background-image:url(../../IMG/subscription/bg_content.jpg); background-repeat:repeat-y; background-position:left;}
.bg {background:url(../../IMG/subscription/bg_header.jpg) no-repeat top left; border-top: 1px solid #FEA7D4;}
.content {margin-top:7px;}
#med_area {clear:left; background:url(../../IMG/subscription/bg_med_area.jpg) left top no-repeat #fbf1da; height:252px;}
#med_area_image {position:absolute;background:url(../../IMG/subscription/barbie_face1.png) no-repeat top; height:432px; width:161px;left:50%;margin:10px 0 0 200px;}
#footer {text-align:center;}
#content_footer{width:547px; margin:auto;}
#center_area {float:left; width:773px; min-height:236px; margin-left:26px;}
#box_home1 {width:721px; float:left; background:url(../../IMG/subscription/box_txt_home1.gif) no-repeat left; height:18px;}
#box_home2 {width:721px; float:left; background:url(../../IMG/subscription/box_txt_home2.gif) repeat-y left; height:auto; display:inline;}
#box_home3 {width:721px; float:left; background:url(../../IMG/subscription/box_txt_home3.gif) no-repeat left; height:16px;}
#box1_bottom {background:url(../../IMG/subscription/bg_brand_box.gif) no-repeat; margin-left:18px; width:237px; margin-top:8px;margin-bottom:11px; height:150px; float:left;}
#ttl_area1 {width:197px; margin-top:47px; margin-bottom:11px; text-align:center; padding-left:20px; padding-right:20px;}
#ttl_area2 {width:197px; margin-top:10px; margin-bottom:4px; text-align:center; padding-left:20px; padding-right:20px;}
#ttl_area5 {width:202px; margin-left:35px;text-align:left;}
#ttl_area6 {width:237px; margin-bottom:10px; #margin-bottom:8px; text-align:center;}
.box1_btn {text-align:center;}
.box2_bottom {width:43px;text-align:center; float:left; margin-top:60px;}
#box3_bottom {background:url(../../IMG/subscription/bg_brand_box.gif) no-repeat; width:237px; margin-top:8px; margin-bottom:11px; height:150px; float:left;}
#ttl_area3 {width:197px; margin-top:47px; margin-bottom:11px; text-align:center;padding-left:20px; padding-right:20px;}
.box3_btn {text-align:center;}
#box_renew {width:259px; background:url(../../IMG/subscription/bg_renew.gif) no-repeat; width:259px; margin-top:10px; margin-left:255px; height:121px; float:left;}
#ttl_area4 {width:259px; margin-top:30px; margin-bottom:7px; text-align:center;}
.box3_btn {text-align:center;}
#float_btn {width:144px; margin-top:31px; margin-left:492px; height:49px; float:left; background-image:url(../../IMG/subscription/btn_what.png); cursor:pointer;}
#box4_bottom {background:url(../../IMG/subscription/bg_brand_box2.gif) no-repeat; margin-left:18px; width:237px; margin-top:8px;margin-bottom:1px; height:177px; float:left;}
#box5_bottom {background:url(../../IMG/subscription/bg_brand_box2.gif) no-repeat; width:237px; margin-top:8px; margin-bottom:1px; height:177px; float:left;}
#ttl_area7 {margin-top:30px; margin-bottom:11px; padding-left:20px; padding-right:20px; text-align:center;}
#box_upgrade {width:413px; margin-top:10px; margin-left:18px; float:left; vertical-align:top;}
#box_upgrade_middle {background:url(../../IMG/subscription/bg_upgradeBox_middle.gif) repeat-y; width:413px; float:left; vertical-align:top;}
#box_upgrade_bottom {background:url(../../IMG/subscription/bg_upgradeBox_bottom.gif) no-repeat; width:413px; height:11px; float:left;}
#content_upgrade {width:413px; height:auto; margin-left:17px; margin-bottom:11px;}
#content_upgrade_left {width:203px; float:left;}
#content_upgrade_left form {margin:0; padding:0;}
#content_upgrade_middle {width:28px; float:left;}
#content_upgrade_right {width:170px; float:left; margin-bottom:5px}
#content_upgrade_right input {border:none}
.box_upgrade_btn {width:413px; text-align:center;}


#legal_txt2 {width:450px; margin:auto; text-align:center; float:left;margin-left:343px;}
.txt_legal1 {font-size:9px; line-height:11px; color:#e471ae; text-decoration:none;}
.txt_legal1 a {color:#e471ae; text-decoration:none }
#legal_logo2 {width:97px; float:left; background:url(../../IMG/subscription/barbie_logo.gif) no-repeat top; margin:0 0 0 40px; display:inline;}
.lnk_cont {color:#d92888;}
.lnk_cont a {color:#d92888;}

#med_area_image_s3 {position:absolute;background:url(../../IMG/subscription/s3_vip_prom.gif) no-repeat top; height:201px; width:270px;left:50%; margin:39px 0 0 100px; float:left; display:none}
#med_area_image_s3 p {display:none;}

.spaces {height:4px; width:100px;}

/* ========================================================================//
   5. BOX STRUCTURE:
   These styles contain the structure of the boxes in the page.
   ========================================================================//
*/
.select {width:174px;}
.form { margin-top:5px;}
.radio {vertical-align:middle;}
#SR1screenname {width:120px;}
#SR1spassword {width:120px;}
#SR1typePassword {width:120px;}
#SR2parentsEmail {width:200px;}
#SR2parentsEmail2 {width:200px;}

/* ========================================================================//
   6. MENU:
   These styles contain the structure of the top menu.
   ========================================================================//
*/

.menu {height:97px; z-index:10; clear:both; display:block;}
#menu1_lnk , #menu2_lnk, #menu3_lnk {float:left; cursor:default; height:97px;}
#menu1_lnk {width:233px; margin-left:40px; background:url(../../IMG/subscription/tab_01.jpg) no-repeat;}
#menu1_lnk strong {margin:23px 0 0 0;}
#menu2_lnk {width:226px; background:url(../../IMG/subscription/tab_02.jpg) no-repeat;}
#menu2_lnk strong {margin:30px 0 0 0;}
#menu3_lnk {width:232px; background:url(../../IMG/subscription/tab_03.jpg) no-repeat;}
#menu3_lnk strong {margin:23px 0 0 0;}

/* ========================================================================//
   7. SR LAYERS:
   These styles contain the structure of the SR layers.
   ========================================================================//
*/
#sr1, #sr2, #sr3 {display:none}
.sr{padding-top:22px;float:left; background:url(../../IMG/subscription/head_sr.gif) no-repeat top; width:585px; position:relative;}
.log_space_sr {width:28px; height:26px; float:right; padding-right:18px; position:relative; display:inline;}
.log_space_icon_sr a {float:left; width:28px; position:relative; top:-2px;}
.bg_middle_sr{ padding-top:22px;float:left;padding:0 13px 28px 13px;background:url(../../IMG/subscription/bg_middle_sr.gif) repeat-x top; background-color:#ffdff0; width:549px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;}
.cntr_ttl2_sr {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;}
.cntr_ttl3_sr {padding:9px 25px 6px 18px;background:#f8cce2;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1; border-top:1px solid #f4aed1;text-align:center; height:13px;}
.cntr2_ttl2_sr {background:#f8cce2;border-left:1px solid #f4aed1;border-right:1px solid #f4aed1; border-top:1px solid #f4aed1;text-align:center;}
.cntr_middle_sr {padding:5px 10px 0px 10px; background:#ffffff; border-left:1px solid #f4aed1; border-right:1px solid #f4aed1; text-align:center;}
.cntr_ttl_sr {height:20px; padding:11px 0px 0px 0px;_padding:11px 0px 0px 0px; text-align:center; margin:10px 0 0 0;background:url(../../IMG/subscription/top_pp.gif) no-repeat;}
.cntr_tt2_sr {height:20px; padding:3px 0px 5px 0px;_padding:3px 0px 5px 0px; text-align:center;font-weight:bold; font-size:14px; margin:3px 0 0 0;background:url(../../IMG/subscription/top_pp.gif) no-repeat;}
.cntr_tt3_sr {height:20px; padding:6px 0px 5px 0px;_padding:6px 0px 5px 0px; text-align:center;font-weight:bold; font-size:11px; margin:8px 0 0 0;background:url(../../IMG/subscription/top_pp.gif) no-repeat;}
.cntr_ttl1_sr {text-align:center;font-weight:bold; font-size:14px;}
.footer_sr2 {padding:16px 10px 0px 10px; background:url(../../IMG/subscription/bg_foot_sr1.gif) left repeat-y; height:0px; width:529px; clear:both; text-align:center;}
.footer_sr1 {padding:20px 10px 0px 10px; background:url(../../IMG/subscription/bg_foot_sr.gif) left; height:auto; width:529px; text-align:center; left:0px;}
.txt_cntr_pp {font-size:10px; text-align:center;}
.txt_ttl_cntr_pp {font-size:10px;font-weight:bold;}
.ttl1_sr1 {font-size:11px;font-weight:bold;}
.ttl2_sr1 {font-size:11px;font-weight:bold; text-align:center; padding-left:230px;}
.cntr_mid_left_pp {margin:10px 0 35px 0; width:530px; float:left; text-align:center;}
.cntr_mid_right_pp {width:100px; float:left; background:url(../../IMG/subscription/doll1.png) no-repeat top; height:300px}
.txt_cntr_ly {font-size:10px;}
.btn_horiz {margin:0 0 5px 0px;}
#SR1secretQuestion {width:240px;}
#SR1age {width:240px;}
.bg_middle_sr3{margin:22px 0 0 0;float:left;padding:0 13px 28px 13px;background:url(../../IMG/subscription/bg_middle_sr.gif) repeat-x top; background-color:#ffdff0; width:549px;border-left:5px solid #f4aed1;border-bottom:7px solid #f4aed1;border-right:5px solid #f4aed1;}

.textAreacontent{text-align:justify; padding-left:10px; padding-right:10px; }
.spacer_height{ height:8px; background-image:url(../../IMG/subscription/blank.gif);}

div.thinblueline {
  border-width: 1px;
  border-color: #9F9F9F;
  border-style: solid;
  overflow:scroll;
  height:120px;
}

#modalOverlay {background-color:#F8CCE2; cursor:default;}
/* Container */
#modalContainer { left:25%; top:15%; border:0px solid #FBF1DA;}
#modalContainer a.modalCloseImg {background:url(../../IMG/subscription/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;}

.buttons_acctions{ cursor:pointer;}