@import url("style/grp_btn_boy_girl_png.css");
@import url("style/grp_btn_gif.css");
@import url("style/grp_title_gif.css");

body {background: #F49AC1 url("images/bg.jpg") repeat-x center top;}

#logos	{top: 570px;}
.en_CA #logos, .fr_CA #logos { display: none; }
#tnc	{top: 560px;}
.de_DE #tnc {top:660px;}
.fi_FI #tnc {top:620px;}
.nb_NO #tnc {top:620px;}

/* Title */
#title_image span						{display:none;}	/* For use Image title*/
#subtitle_image, #subtitle_image span	{display:none;}	/* For use Image subtitle*/
#title_image {width:760px;	height:115px;	top:0px;	left:0px;}
.imagestep1 #subtitle_image, .imagestep1 #subtitle_image span,
.imagestep2 #subtitle_image, .imagestep2 #subtitle_image span { display:block; width:100%; left:0px; color:#FFC6C6;	font-size:10px;}

/* layout */
#image03 {width: 380px;	height: 310px; top: 115px; left:  0px; background: url("images/mainbg01.jpg");}
#image04 {width: 380px;	height: 310px; top: 115px; left:380px; background: url("images/mainbg02.jpg");}
#image05 {width: 760px;	height: 110px; top: 425px; left:  0px; background: url("images/mainbg03.jpg");}
#image06 {width: 760px;	height:  40px; top: 535px; left:  0px; background: url("images/mainbg04.jpg");}
.imagestep_pre1 #image03	{background-image:url(images/mainbg01_1.jpg);}
.imagestep_pre1 #image04	{background-image:url(images/mainbg02_1.jpg);}
.imagestep_pre1 #image05	{background-image:url(images/mainbg03_1_ca.jpg);}

/* Asian photo for ID, MY, SG, TW */
.id_ID #image03, .ms_MY #image03, .en_MY #image03, .en_SG #image03, .zh_TW #image03 {background: url("images/mainbg01_asian.jpg");}
.id_ID #image04, .ms_MY #image04, .en_MY #image04, .en_SG #image04, .zh_TW #image04 {background: url("images/mainbg02_asian.jpg");}
.id_ID .imagestep_pre1 #image03, .ms_MY .imagestep_pre1 #image03, .en_MY .imagestep_pre1 #image03, 
.en_SG .imagestep_pre1 #image03, .zh_TW .imagestep_pre1 #image03 {background: url("images/mainbg01_asian_1.jpg");}
.id_ID .imagestep_pre1 #image04, .ms_MY .imagestep_pre1 #image04, .en_MY .imagestep_pre1 #image04, 
.en_SG .imagestep_pre1 #image04, .zh_TW .imagestep_pre1 #image04 {background: url("images/mainbg02_asian_1.jpg");}

.ar_SA .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_ar_sa.jpg);}
.bg_BG .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_bg_bg.jpg);}
.cs_CZ .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_cs_cz.jpg);}
.da_DK .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_da_dk.jpg);}
.de_AT .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_de_at.jpg);}
.de_CH .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_de_ch.jpg);}
.de_DE .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_de_de.jpg);}
.el_GR .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_el_gr.jpg);}
.es_ES .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_es_es.jpg);}
.es_MX .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_es_mx.jpg);}
.es_US .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_es_us.jpg);}
.et_EE .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_et_ee.jpg);}
.fi_FI .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_fi_fi.jpg);}
.fr_BE .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_fr_be.jpg);}
.fr_CA .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_fr_ca.jpg);}
.fr_CH .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_fr_ch.jpg);}
.fr_FR .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_fr_fr.jpg);}
.fr_LU .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_fr_lu.jpg);}
.hr_HR .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_hr_hr.jpg);}
.hu_HU .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_hu_hu.jpg);}
.id_ID .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_id_id.jpg);}
.it_CH .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_it_ch.jpg);}
.it_IT .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_it_it.jpg);}
.lt_LT .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_lt_lt.jpg);}
.lv_LV .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_lv_lv.jpg);}
.ms_MY .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_ms_my.jpg);}
.nb_NO .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_nb_no.jpg);}
.nl_BE .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_nl_be.jpg);}
.nl_NL .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_nl_nl.jpg);}
.pl_PL .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_pl_pl.jpg);}
.pt_PT .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_pt_pt.jpg);}
.ro_RO .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_ro_ro.jpg);}
.ru_LV .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_ru_lv.jpg);}
.ru_RU .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_ru_ru.jpg);}
.sk_SK .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_sk_sk.jpg);}
.sl_SI .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_sl_si.jpg);}
.sv_SE .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_sv_se.jpg);}
.uk_UA .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_uk_ua.jpg);}
.zh_TW .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_zh_tw.jpg);}

#flash_clip	{position:absolute; left:48px; top:70px;}
#image07, #image08, #image09, #image10, #image11, #image12, #image13, #image14, #image15 {display:none; position:absolute;}
.en_US .imagestep1 #image07 { display:block; width:270px; height:90px; top:136px; left:335px; background:url("images/bubble01_en_us.jpg"); }
.en_US .imagestep2 #image07, .en_US .imagestep3 #image07 { display:block; width:270px; height:90px; top:136px; left:335px; background:url("images/bubble01_en_us.jpg"); }

/* Horoscope Landing new pre-step*/
#q1, #q2, #q3 { position: absolute; text-align: center; }
#q3 {top:220px; left:155px; width: 460px; height:330px;}
#select_gender_txt			{position:absolute;	width: 310px;	z-index:2;	text-align: center;	}
#select_gender_txt span		{font-size:20px; float:left;}
#select_gender_btn 			{position:absolute;	z-index:2;	text-align: center;	}
#select_gender_btn span		{display:none;}

#select_sign				{position:absolute; z-index:2;	text-align: center;}
#select_sign a				{text-decoration:none;	font-size:10px;} /*sign date*/
#select_sign h3				{font-size:12px;} /*sign name*/
#sign01, #sign02, #sign03, #sign04, #sign05, #sign06,
#sign07, #sign08, #sign09, #sign10, #sign11, #sign12{ position:absolute; width:120px; height:100px; display:block; top:0px; left:0px;}

#select_gender_txt	{border:0px; width:98px; height:55px; top:415px; left:332px; display:none;}
#select_gender_txt span	{margin:0px 0 0 0px ;	padding:0 0 0 0; float:none;}

#select_gender_btn	{top:434px;	left:50px;	width:660px;	height:90px;}
a#gender_guy	{ width:257px; height:90px; float:left; position: absolute; left:0px;   background: url("images/boy_btn.jpg") no-repeat left top; /*border:1px solid #ff0000;*/}
a#gender_girl	{ width:255px; height:90px; float:left; position: absolute; left:405px; background: url("images/girl_btn.jpg") no-repeat left top;/*border:1px solid #00ff00;*/}
.imagestep_pre1	a:hover#gender_guy	{ background: url("images/boy_btn_over.jpg") no-repeat left top;cursor:pointer;}
.imagestep_pre1	a:hover#gender_girl	{ background: url("images/girl_btn_over.jpg") no-repeat left top;cursor:pointer;}

/* For Sign Select*/
#select_sign	            {top: 145px;	left:235px;	width: 310px;	height:330px;}
#select_sign h3				{margin:0px auto 0 auto;}
#sign01	{top:50px;  left:0px; width:70px; height: 66px; background: url("images/sign_01_aries.jpg") no-repeat left top;}  /*Aries (3/21-4/19)*/
#sign02	{top:50px;  left:76px;	width:70px; height: 66px; background: url("images/sign_02_taurus.jpg") no-repeat left top;}  /*Taurus (4/20-5/20)*/
#sign03	{top:50px;  left:152px; width:70px; height: 66px; background: url("images/sign_03_gemini.jpg") no-repeat left top;}  /*Gemini (5/21-6/21)*/
#sign04	{top:50px;  left:228px; width:70px; height: 66px; background: url("images/sign_04_cancer.jpg") no-repeat left top;}  /*Cancer (6/22-7/22)*/
#sign05	{top:150px; left:0px; width:70px; height: 66px; background: url("images/sign_05_leo.jpg") no-repeat left top;}  /*Leo (7/23-8/22)*/
#sign06	{top:150px; left:76px;	width:70px; height: 66px; background: url("images/sign_06_virgo.jpg") no-repeat left top;}  /*Virgo (8/22-9/22)*/
#sign07	{top:150px; left:152px;	width:70px; height: 66px; background: url("images/sign_07_libra.jpg") no-repeat left top;}  /*Libra (9/23-10/22)*/
#sign08	{top:150px; left:228px;	width:70px; height: 66px; background: url("images/sign_08_scorpio.jpg") no-repeat left top;}  /*Scorpio (10/23-11/21)*/
#sign09	{top:248px; left:0px;	width:74px; height: 66px; background: url("images/sign_09_sagittarius.jpg") no-repeat left top;}  /*Sagittarius (11/22-12/21)*/
#sign10	{top:248px; left:76px;	width:70px; height: 66px; background: url("images/sign_10_capricorn.jpg") no-repeat left top;}  /*Capricorn (12/22-1/19)*/
#sign11	{top:248px; left:152px;	width:70px; height: 66px; background: url("images/sign_11_aquarius.jpg") no-repeat left top;}  /*Aquarius (1/20-2/18)*/
#sign12	{top:248px; left:228px;	width:70px; height: 66px; background: url("images/sign_12_pisces.jpg") no-repeat left top;}  /*Pisces (2/19-3/20)*/
#sign_question	{top:15px; left:0px;	width:300px; }
.fr_BE #sign_question {left:-70px; width:450px;}
.fr_CA #sign_question {font-size:14px;}
.de_DE #sign_question {font-size:14px;}
.cs_CZ #sign_question {font-size:14px;}
.it_IT #sign_question {font-size:16px;}
.nb_NO #sign_question {font-size:18px;}

#sign01, #sign02, #sign12, #sign11, #sign10 {text-align: center;}
#sign04, #sign05, #sign06, #sign07, #sign08 {text-align: center;}

#sign01:hover	{background: url("images/sign_01_aries_over.jpg") no-repeat left top;}  /*Aries (3/21-4/19)*/
#sign02:hover	{background: url("images/sign_02_taurus_over.jpg") no-repeat left top;}  /*Taurus (4/20-5/20)*/
#sign03:hover	{background: url("images/sign_03_gemini_over.jpg") no-repeat left top;}  /*Gemini (5/21-6/21)*/
#sign04:hover	{background: url("images/sign_04_cancer_over.jpg") no-repeat left top;}  /*Cancer (6/22-7/22)*/
#sign05:hover	{background: url("images/sign_05_leo_over.jpg") no-repeat left top;}  /*Leo (7/23-8/22)*/
#sign06:hover	{background: url("images/sign_06_virgo_over.jpg") no-repeat left top;}  /*Virgo (8/22-9/22)*/
#sign07:hover	{background: url("images/sign_07_libra_over.jpg") no-repeat left top;}  /*Libra (9/23-10/22)*/
#sign08:hover	{background: url("images/sign_08_scorpio_over.jpg") no-repeat left top;}  /*Scorpio (10/23-11/21)*/
#sign09:hover	{background: url("images/sign_09_sagittarius_over.jpg") no-repeat left top;}  /*Sagittarius (11/22-12/21)*/
#sign10:hover	{background: url("images/sign_10_capricorn_over.jpg") no-repeat left top;}  /*Capricorn (12/22-1/19)*/
#sign11:hover	{background: url("images/sign_11_aquarius_over.jpg") no-repeat left top;}  /*Aquarius (1/20-2/18)*/
#sign12:hover	{background: url("images/sign_12_pisces_over.jpg") no-repeat left top;}  /*Pisces (2/19-3/20)*/


#sign01 h3 { margin:68px 0 0 0;}
#sign02 h3 { margin:68px 0 0 0;}
#sign03 h3 { margin:68px 0 0 0;}
#sign04 h3 { margin:68px 0 0 0;}
#sign05 h3 { margin:68px 0 0 0;}
#sign06 h3 { margin:68px 0 0 0;}
#sign07 h3 { margin:68px 0 0 0;}
#sign08 h3 { margin:68px 0 0 0;}
#sign09 h3 { margin:68px 0 0 0;}
#sign10 h3 { margin:68px 0 0 0;}
#sign11 h3 { margin:68px 0 0 0;}
#sign12 h3 { margin:68px 0 0 0;}

/* for arrow_l and arrow_r */
.imagearrowl  {width:21px;  height:11px;}		.imagearrowr  {width:21px;	height:11px;}

/* for submit button */
/* html page a,b,c */
.imagesubmit {border:0px;	width:229px;	height:62px;	background: none;
	background-image: url("images/submit_en_us.gif");}
.submit_link {display:block;}
.submit_link span {display:none;}

/* Input zone and input field */
#inputzone {top:160px; left:165px; width:440px; height:330px;}
.form_bg1{padding-top:10px;} 	.form_bg2{padding-top:10px;}
.en_US .form_bg2 {padding-top:60px;}
.imagestep1 #inputzone {top:200px;}
.imagestep2 #inputzone {top:180px;}

INPUT.phonearea,INPUT.phoneprefix, INPUT.phonesuffix, .password, #inputname #username, input#lovername
{ color:#650728; background-color: #FFFFFF; font-size:22px;	 border:3px solid #a50c42; height:26px; text-align: center; }
INPUT.phonearea,INPUT.phoneprefix, INPUT.phonesuffix	{ width:60px;}
input#username, input#lovername { margin: 5px 0 15px; width: 260px; }

#operatorlist	{color:#000000;} /*Select Your Carrier*/

#select_gender_txt span	{ color:#FFFFFF;}	/* Select Gender */
#select_sign a			{ color:#c4292d;}
#select_sign a:hover, #select_sign a:hover span{ color:#d30381;}
#select_sign span		{ color:#c4292d;  letter-spacing:-1px;}
#sign_question	{ color:#a60d43; font-size: 20px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;}

/* text properties */
#countrycode, .hyphen { color: #a60d43; } /* (+44) */
#inputtext1 { color: #a60d43; font-size:18px; } /* Enter Your Cell Phone Number */
#inputtext4 { color: #a60d43; margin-top: 6px;} /* Funmobile has sent the 4-digit password in a text message to your cell phone. */
#inputtext5 { color: #a60d43; } /* Where should we send your ringtones */
.fstyle1 { color: #a60d43; } /* We are now sending you the PIN to : 123-456-7890 */
.fstyle2 { color: #a60d43; } /* +44 1234567890 */
.fstyle3 { color: #a60d43; } /* Please check your phone. Just enter the PIN below. */
.fstyle4 { color: #a60d43; }
.fstyle4a { color: #a60d43; } /*You should have received your password now.*/
.fstyle4b { color: #a60d43; } /* Enter the PIN below. Alternatively, you can */
.fstyle5 { color: #a60d43; } /* text YES to 71769 / Send the text with OK to 88838 */
.fstyle6 { color: #f45b01; } /* Yes 71769 / OK 88838 */
.fstyle7 { color: #a60d43; } /* You will now receive instructions SMS from 88838  */
.demo_steps_text { color: #a60d43; }
#term_text { color: #a60d43; } /* I've read the terms and conditions */
.chkbox_color_text,.chkbox_color_link { color: #a60d43; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #800040; } /* T&C text */

.imagestep_pre3	#inputtext1{ font-size:18px; text-transform: none;	}



/* title text */
#subtitle1, #subtitle2 { position:absolute; left:55px; width:650px;
color:#FFFFFF; font-size:12px; font-weight:bold;}

/* check box */
.form_bg2 #term_warn_box { margin-top: -80px; }


.en_US input.phonearea { font-size:36px; height:40px; width:80px; }
.en_US input.phoneprefix { font-size:36px; height:40px; width:80px; }
.en_US input.phonesuffix { font-size:36px; height:40px; width:105px; }
.en_US #logos { display: none; }
.en_US #subtitle1, .en_US #subtitle2 { display:block; top:0px; left:15px; width:750px; height:15px;
 text-align:right; font:bold 16px "Times New Roman",Times,serif; color:#FFFFFF; font-size:12px; }

.en_GB #msisdn { font-size:36px; height:40px; width:240px; }
.en_GB #subtitle1 { display:block; top:0px; left:15px; width:750px; height:15px;
 text-align:right; font:bold 16px "Times New Roman",Times,serif; color:#FFFFFF; font-size:12px; }
 
.en_CA #tnc {top:500px;}

.en_IE #msisdn { font-size:36px; height:40px; width:240px; }
.en_IE #subtitle1 {display:block; top:0px; left:15px; width:750px; height:15px;
 text-align:right; font:bold 16px "Times New Roman",Times,serif; color:#FFFFFF; font-size:12px; }

.en_NZ .imagestep1 #inputzone { top: 180px; }
.en_NZ .imagestep2 #inputzone { top: 180px; }
.en_NZ #inputtext1 { font-size: 18px; }

.en_ZA  #subtitle1, .en_ZA  #subtitle2 { display: none; color: #fff;  right: 0; top:0; }
.en_ZA .imagestep1 #subtitle1 { display: block; }

.en_SG  #subtitle1, .en_SG  #subtitle2 { color: #fff; right: 0px; top: 0px; }

.da_DK #flash_clip {left:-20px;}

.de_AT .imagestep1 #inputzone {top:160px;}
.de_AT .imagestep1 #subtitle1, .de_AT #subtitle2 {display:block;}

.de_CH #subtitle1, .de_CH #subtitle2 {display:block;}
.fr_CH #subtitle1, .fr_CH #subtitle2 {display:block;}
.it_CH #subtitle1, .it_CH #subtitle2 {display:block;}
.de_CH #flash_clip, .fr_CH #flash_clip, .it_CH #flash_clip {left:0;}

.it_IT #flash_clip {left:38px;}

.de_DE #inputzone {left:175px; top:175px; width:420px; height:360px; }
.de_DE .form_bg1 {padding-top:15px;} .de_DE #inputcarrier {padding:0px 0px;}
.nl_BE #flash_clip {left:-20px;}

.el_GR .imagestep1 #subtitle1, .el_GR #subtitle2 {display:block;}
.el_GR #flash_clip {left:-50px;}

.et_EE .imagestep1 #subtitle1, .et_EE #subtitle2 {display:block;}
.et_EE #flash_clip {left:0;}

.fi_FI .imagestep1 #inputzone {top:160px;}
.fi_FI #flash_clip {left:10px;}

.fr_BE .imagestep1 #inputzone, .nl_BE .imagestep1 #inputzone {top:160px;}

.fr_FR #flash_clip {left:30px;}


.hu_HU .imagestep1 #subtitle1, .hu_HU #subtitle2 {display:block;}
.hu_HU #flash_clip {left:0;}

.id_ID .imagestep1 #subtitle1, .id_ID #subtitle2 {display:block; top:0px; left:-62px; right:-28px; width:auto; text-align:center; font-weight:normal; }
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.lt_LT .imagestep1 #subtitle1, .lt_LT #subtitle2 {display:block;}
.lt_LT #flash_clip {left:0;}

.lv_LV .imagestep1 #subtitle1, .lv_LV #subtitle2 {display:block;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:60px;}

.nb_NO #inputtext1 { width:480px; }
.nb_NO .imagestep1 #inputzone {top:160px;}
.nb_NO .imagestep1 #subtitle1 {display:block;}
.nb_NO #flash_clip {left:28px;} 

.nl_NL #flash_clip {left:-15px;}

.pt_PT .imagestep1 #inputzone {top:160px;}
.pt_PT #flash_clip {left:-20px;}

.sk_SK .imagestep1 #subtitle1, .sk_SK #subtitle2 {display:block;}
.sk_SK #flash_clip {left:10px;}

.sl_SI .imagestep1 #subtitle1, .sl_SI #subtitle2 {display:block;}

.sv_SE #flash_clip {left:40px;}

.en_CA #tnc {top: 532px;}

.pl_PL #flash_clip {left:-48px; top:80px;}

.zh_TW #flash_clip {left:0px;}

.en_CA .imagestep0 #subtitle1, .en_CA #subtitle1, .en_CA #subtitle2 { font-weight: normal; font-size: 10px; }