@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, #tnc {top:550px; left:45px; width:672px;}
#disclaimer {width:100%;}
.en_CA #logos, .fr_CA #logos {display:none;}
.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:0; left:0;}
.imagestep1 #subtitle_image, .imagestep1 #subtitle_image span,
.imagestep2 #subtitle_image, .imagestep2 #subtitle_image span {display:block; width:100%; left:0; color:#FFC6C6; font-size:10px;}

/* layout */
#image03 {width:380px; height:310px; top:115px; left:0; 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:0; background:url("images/mainbg03.jpg");}
#image06 {width:760px; height:40px; top:535px; left:0; 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, .en_ID #image03,
.ms_MY #image03, .en_MY #image03,
.en_SG #image03,
.zh_TW #image03
{background:url("images/mainbg01_asian.jpg");}
.id_ID #image04, .en_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, .en_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, .en_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_QA .imagestep_pre1 #image05 {background-image:url(images/mainbg03_1_ar_sa.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:0; left:0;}

#select_gender_txt {border:0; width:98px; height:55px; top:415px; left:332px; display:none;}
#select_gender_txt span {margin:0; padding: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:0; 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;}
#sign_icons h3 {margin:68px 0 0 0;}
#sign01 {top:50px; left:0; 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:0; 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:0; 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:0; 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)*/



#q3 h2 {margin:0; color:#a60d43; font-size:18px; text-transform:none;}



/* 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:0; 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;}
.imagestep1 #inputzone {top:200px;}
.imagestep2 #inputzone {top:180px;}

input.phonearea, input.phoneprefix, input.phonesuffix, .password, input#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 */


/* title text */
#subtitle1, #subtitle2 {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 {top:108px; left:54px; width:650px; text-align:center; font:bold 16px Arial; color:#9E0E41;}
.en_US #tnc {top:533px;}
.en_US .imagestep1 #inputzone {top:180px;}
.en_US .imagestep2 #inputzone {top:150px;}

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

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

.en_IE #msisdn {font-size:36px; height:40px; width:240px;}
.en_IE #subtitle1 {display:block; top:0; 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_SG #subtitle1, .en_SG #subtitle2 {color:#fff; right:0; top:0;}

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

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

.fr_BE .imagestep1 #inputzone, .nl_BE .imagestep1 #inputzone {top:160px;}
.nl_BE #flash_clip {left:-20px;}

.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;}

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

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

.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_FR #flash_clip {left:30px;}

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

.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:0; left:-62px; right:-28px; width:auto; text-align:center; font-weight:normal;}
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.it_IT #flash_clip {left:38px;}

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

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

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

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

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

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

.sv_SE #flash_clip {left:40px;}

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

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

.zh_TW #flash_clip {left:0;}