@import url("style/grp_btn_png.css");
@import url("style/grp_step_gif.css");
@import url("style/grp_title_gif.css");

body {background:#FFFFFF;}
/*body {background:#fff url("images/bg.jpg") repeat-x center top;}*/
#leftcontent {height:600px; background:url("images/left.jpg") no-repeat right top;}
#rightcontent {height:600px; background:url("images/right.jpg") no-repeat left top;}
#logos {top:555px; display:none;}

/*for width 940px*/
#container {width:940px;} 
#tnc {top:548px; width:970px; left:0;} #disclaimer {width:95%; left:60px; margin:10px auto;}
#leftcontent {margin-right:469px;} #rightcontent {margin-left:470px;}

/* For en_US FTC rule move up */
/* .en_US #container, .en_US #leftcontent, .en_US #rightcontent {margin-top:-80px;}
 .en_US .form_bg1 {padding-top:10px;} */

/* For Question */
#option_question {position:absolute; top:140px; left:0; height:80px; width:290px; text-align:left; z-index:20;}
#option_question #input_question {height:78px; background:url("images/question_en_us.gif") no-repeat center;}
#option_question #input_steptext {font:bold 20px Arial, Helvetica, sans-serif; text-transform:none;}
#question span {font-size:13px; font-weight:bold;}
#question {text-transform:none; font-size:12px; font-weight:normal;}
#input_steptext, #inputtext1 {color:#2bb72b;}
#answer_1, #answer_2 {position:absolute; top:42px;}
#answer_1 {left:42px;} #answer_2 {left:140px;}

/* Title */
#title_image span {display:none;} /* For use Image title*/
#subtitle_image, #subtitle_image span {display:none;} /* For use Image subtitle*/
#title_image {width:482px; height:128px; top:0; left:0;}

/*3 Step - 1 */
#image02 {width:518px; height:23px; top:471px; left:0; display:none;}
#step_image {position:absolute; top:520px; right:-20px; width:508px; height:23px; display:block; background:url(images/step1_en_us.gif) no-repeat center top;}
.imagestep2 #step_image, .imagestep3 #step_image {background:url(images/step2_en_us.gif) no-repeat center top;}
#part1, #part2, #part3 {
 font-family:Arial, Helvetica, sans-serif; font-size:12px; display:inline;
 font-weight:bold; line-height:20px; color:#5A5C5A; margin-left:0; padding:5px 0;}
html>body #part1, html>body #part2, html>body #part3 {margin-left:0;}
/*Step 1:Enter Number*/ #step_image #part1 {}
/*Step 2:Confirm PIN*/ #step_image #part2 {background:url("images/step_arrow.gif") no-repeat left; padding-left:25px;}
/*Step 3:Start to Play*/ #step_image #part3 {background:url("images/step_arrow.gif") no-repeat left; padding-left:25px;}
/*3 Step - 2, 3*/
.imagestep2 #image02, .imagestep3 #image02 {} /* bak for use images 3step */
.imagestep1 #part1 {color:#000000;} .imagestep2 #part2, .imagestep3 #part2 {color:#000000;}

/* layout */
#image03 {width:290px; height:430px; top:128px; left:0; background:url("images/mainbg01.jpg");}
#image04 {width:192px; height:430px; top:128px; left:290px; background:url("images/mainbg02.jpg");}
#image05 {width:220px; height:347px; top:211px; left:482px; background:url("images/mainbg03.jpg");}
#image06 {width:238px; height:558px; top:0; left:702px; background:url("images/mainbg04.jpg");}
#image10 {width:220px; height:211px; top:0; left:482px; background:url("images/bubble.jpg");}
/*#tnc {width:970px; background:url("images/mainbg05.gif") repeat-y; border-bottom:1px solid #cccccc;}  use border instead */
#tnc {width:968px; border:1px solid #cccccc; border-top:none;}
#image07, #image08, #image09, #image11, #image12, #image13, #image14, #image15 {display:none;}

/* for en_US bubble text */
/*
.en_US #image10 {background:url("images/bubble_en_us.jpg");} 
.en_AU #image10 {background:url("images/bubble_en_au.jpg");} 
.de_DE #image10 {background:url("images/bubble_de_de.jpg");} 
.sv_SE #image10 {background:url("images/bubble_sv_se.jpg");}
.nl_NL #image10 {background:url("images/bubble_nl_nl.jpg");}
.cs_CZ #image10 {background:url("images/bubble_cs_cz.jpg");}
*/

/* question part */
.imagestep1 #image07 {position:absolute; height:41px; width:252px; top:160px; left:15px; z-index:1; display:block; background:url("images/question_en_au.gif") no-repeat center;}
.en_US #image07 {background:url("images/question_en_us.gif") no-repeat center;}
.en_GB #image07 {background:url("images/question_en_gb.gif") no-repeat center;}
.en_AU #image07 {background:url("images/question_en_au.gif") no-repeat center;}
.en_CA #image07 {background:url("images/question_en_ca.gif") no-repeat center;}
.en_IE #image07 {background:url("images/question_en_ie.gif") no-repeat center;}
.en_MY #image07 {background:url("images/question_en_my.gif") no-repeat center;}
.en_NZ #image07 {background:url("images/question_en_nz.gif") no-repeat center;}
.en_SE #image07 {background:url("images/question_en_se.gif") no-repeat center;}
.en_SG #image07 {background:url("images/question_en_sg.gif") no-repeat center;}
.en_ZA #image07 {background:url("images/question_en_za.gif") no-repeat center;}
.ar_SA #image07 {background:url("images/question_ar_sa.gif") no-repeat center;}
.bg_BG #image07 {background:url("images/question_bg_bg.gif") no-repeat center;}
.cs_CZ #image07 {background:url("images/question_cs_cz.gif") no-repeat center;}
.da_DK #image07 {background:url("images/question_da_dk.gif") no-repeat center;}
.de_AT #image07 {background:url("images/question_de_at.gif") no-repeat center;}
.de_CH #image07 {background:url("images/question_de_ch.gif") no-repeat center;}
.de_DE #image07 {background:url("images/question_de_de.gif") no-repeat center;}
.el_GR #image07 {background:url("images/question_el_gr.gif") no-repeat center;}
.es_ES #image07 {background:url("images/question_es_es.gif") no-repeat center;}
.es_MX #image07 {background:url("images/question_es_mx.gif") no-repeat center;}
.es_US #image07 {background:url("images/question_es_us.gif") no-repeat center;}
.et_EE #image07 {background:url("images/question_et_ee.gif") no-repeat center;}
.fi_FI #image07 {background:url("images/question_fi_fi.gif") no-repeat center;}
.fr_BE #image07 {background:url("images/question_fr_be.gif") no-repeat center;}
.fr_CA #image07 {background:url("images/question_fr_ca.gif") no-repeat center;}
.fr_CH #image07 {background:url("images/question_fr_ch.gif") no-repeat center;}
.fr_FR #image07 {background:url("images/question_fr_fr.gif") no-repeat center;}
.fr_LU #image07 {background:url("images/question_fr_lu.gif") no-repeat center;}
.hr_HR #image07 {background:url("images/question_hr_hr.gif") no-repeat center;}
.hu_HU #image07 {background:url("images/question_hu_hu.gif") no-repeat center;}
.id_ID #image07 {background:url("images/question_id_id.gif") no-repeat center;}
.it_CH #image07 {background:url("images/question_it_ch.gif") no-repeat center;}
.it_IT #image07 {background:url("images/question_it_it.gif") no-repeat center;}
.lt_LT #image07 {background:url("images/question_lt_lt.gif") no-repeat center;}
.lv_LV #image07 {background:url("images/question_lv_lv.gif") no-repeat center;}
.ms_MY #image07 {background:url("images/question_ms_my.gif") no-repeat center;}
.nb_NO #image07 {background:url("images/question_nb_no.gif") no-repeat center;}
.nl_BE #image07 {background:url("images/question_nl_be.gif") no-repeat center;}
.nl_NL #image07 {background:url("images/question_nl_nl.gif") no-repeat center;}
.pl_PL #image07 {background:url("images/question_pl_pl.gif") no-repeat center;}
.pt_PT #image07 {background:url("images/question_pt_pt.gif") no-repeat center;}
.ro_RO #image07 {background:url("images/question_ro_ro.gif") no-repeat center;}
.ru_LV #image07 {background:url("images/question_ru_lv.gif") no-repeat center;}
.ru_RU #image07 {background:url("images/question_ru_ru.gif") no-repeat center;}
.sk_SK #image07 {background:url("images/question_sk_sk.gif") no-repeat center;}
.sl_SI #image07 {background:url("images/question_sl_si.gif") no-repeat center;}
.sv_SE #image07 {background:url("images/question_sv_se.gif") no-repeat center;}
.uk_UA #image07 {background:url("images/question_uk_ua.gif") no-repeat center;}
.zh_TW #image07 {background:url("images/question_zh_tw.gif") no-repeat center;}


/* for arrow_l and arrow_r */
.imagearrowl {width:22px; height:39px;} .imagearrowr {width:22px; height:39px;}
#inputbutton .imagearrowl, #inputbutton .imagearrowr {margin-bottom:8px;}
html>/*Not IE 7*/body .form_bg2 .imagearrowl, html>/*Not IE 7*/body .form_bg2 .imagearrowr, 
html>/*Not IE 7*/body .form_bg3 .imagearrowl, html>/*Not IE 7*/body .form_bg3 .imagearrowr {margin-top:-16px;}
@media all and (min-width:0) {body:not(:root:root) .imagearrowl, .imagearrowr {margin-top:-8px; margin-bottom:0;}} /* For Safari */

/* for submit button */
.imagesubmit {width:138px; height:48px;} 
/* for change to Next step button */
/*.btn_nextstep {width:203px; height:47px;}*/

/* Optin mobile demo screen */
#optin_demo {width:380px; margin:10px auto 0pt 50px;}
#mobilescreen, #demo_arrow {height:53px; float:left; display:block; margin:0 -2px 0 6px;}
#mobilescreen {width:91px; background:url("images/mobilescreen.gif") no-repeat top;}
html>body #mobilescreen, html>body #demo_arrow {margin:0 -2px 0 7px;}
#demo_arrow {width:6px; background:url("images/demo_arrow.gif") no-repeat center;}
#demotxt {width:28%; float:left; margin:5px 0 0 0; font-weight:bold;}

#mobilescreen span {width:100%; color:#FF0000; float:left; margin-top:15px;
font-weight:bold; font-size:14px; line-height:14px;}


/* Input zone and input field */
#inputzone {top:120px; left:515px; height:330px; width:420px;}
.form_bg1 {padding-top:70px;} .form_bg2 {padding-top:20px;} .form_bg3 {padding-top:20px;}
/* Move down content reserve space for bubble test of en_US */
.en_US .form_bg3 {padding-top:42px;}

input.phonearea, input.phoneprefix, input.phonesuffix, .password, input.phoneNumber {color:#000000; background-color:#FFFFFF;}
#operatorlist {color:#000000;} /*Select Your Carrier*/
#inputtext1 {color:#fff;} /*Enter Your Cell Phone Number */
#mobilescreen span {color:#000000;}
#demotxt {color:#222222;}

.fstyle1 {color:#fbca07; font-size:14px; letter-spacing:-1px;} /*We are now sending you the password to:*/
.fstyle2 {color:#FFFFFF;} /*(458)794-5878 */
.fstyle3 {color:#FFFFFF;} /*Please Check your phone. Just enter the password below.*/
.fstyle4a {color:#FFFFFF;} /*You should have received your password now.*/
.fstyle4b {color:#FFFFFF;} /*Enter the password below.Alternatively, you can*/
.fstyle5 {color:#FFFFFF;} /*Alternatively, you can text YES to 99621*/
.fstyle6 {color:#fbca07;} /*YES 99621*/
.fstyle7 {color:#FFFFFF;} /*I've read the terms and conditions*/
#countrycode {color:#fff;}
.invalid_password {color:#000000;} /*Invalid password error text*/
.hyphen, .demo_steps_text {color:#fff;}

/*#term_wrap table {width:100%;}*/
#term_text {display:block; color:#fff;}

#inputtext3 {color:#000000;} /*Funmobile has sent the 4-digit password 
 in a text message to your cell phone. Please enter your password above.*/
#inputtext4, 
#inputtext5 {color:#333;} /*To win the TRIVIA, please do not close this window!*/
#question {color:#000000;}
#input_stepnumber {color:#fff;}


#subtitle1, #subtitle2 {top:4px; left:18px;}

/* change T&C colour here */
#disclaimer, a.unsub {color:#474747;}

#alert {display:none;}


.en_AU #subtitle1 {display:block; right:0; text-align:right;}

.en_CA #subtitle1, .en_CA #subtitle2, .fr_CA #subtitle1, .fr_CA #subtitle2 {top:532px; left:2px; right:0;}
.en_CA .imagestep2 #inputzone, .fr_CA .imagestep2 #inputzone {width:425px;}
.en_CA #inputtext1, .fr_CA #inputtext1 {font-size:22px;}
.en_CA #inputtext2, .fr_CA #inputtext2 {color: #FFFFFF; font:bold 18px Verdana,Arial,Helvetica,sans-serif;}
.en_CA #disclaimer, .fr_CA #disclaimer {margin-top:-30px;}
.en_CA #tnc, .fr_CA #tnc {top:597px !important;}

.en_IE #subtitle1, .en_IE #subtitle2 {top:17px; left:100px;}
.en_IE #inputzone {padding-top:50px;}

.fi_FI #logos {display:block; z-index:10;} .fi_FI #tnc {padding-top:50px;}

.id_ID #subtitle1, .id_ID #subtitle2 {display:block;}
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.lt_LT #subtitle1, .lt_LT #subtitle2 {color:grey; left:2px; top:-1px;}

.nl_NL #subtitle1 {display:block; top:520px; right:0; text-align:right;}

.pt_PT #logos {display:block; z-index:10;} .pt_PT #tnc {padding-top:50px;}