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

body {background:url("images/bg.jpg") repeat-x #2685B5;}
#holder-bg {left: -20px; position: absolute;}
/*#leftcontent	{height:530px;	background:  url("images/left.jpg") no-repeat right top;}
#rightcontent	{height:530px;	background:  url("images/right.jpg") no-repeat left top;}*/
#logos	{top:600px; left:0; display:none; width:980px; }
#tnc	{top:600px; left:0; width:980px; padding:10px 0; position:absolute;}
#disclaimer	{ width:100%;}

.sv_SE #tnc { top:573px; }

/* Title */
#title_image span	{display:none;}	/* For use Image title*/
#subtitle_image	{ top:125px; left:50px; width:690px; text-align:right; line-height:11px; font-size:10px; font-weight:bold; color:#FFFFFF;}	/* For use Image subtitle*/
/*	#subtitle_image span	{display:none;}*/
#title_image {width:980px;	height:82px;	top:0px;	left:0px;}

#subtitle1, #subtitle2 {display:block; position: absolute; left:60px; top:376px; width:170px; text-align:left; font:bold 15px Arial, Helvetica, sans-serif; color:#1f6991;}
.imagestep0 #subtitle1 {display:none;}

/* layout */
#image03 {width: 267px;	height: 274px;	top: 82px;	left:0px;	background: url("images/mainbg01.jpg");}
#image04 {width: 267px;	height: 204px;	top: 356px;	left:0px;	background: url("images/mainbg02.jpg");} /* blank */
#image05 {width: 470px;	height: 170px;	top: 82px;	left:267px;	background: url("images/mainbg03.jpg");}
#image06 {width: 470px;	height: 308px;	top: 252px;	left:267px;	background: url("images/mainbg04.jpg");}
#image07 {width: 267px;	height: 274px;	top: 82px;	left:737px;	background: url("images/mainbg05.jpg");}
#image08 {width: 267px;	height: 204px;	top: 356px;	left:737px;	background: url("images/mainbg06.jpg");}
#image09, #image11, #image12, #image13, #image14, #image15 {display:none;}
#image10 {width: 350px;	height: 120px;	top: 120px;	left:410px;	background: url("images/bubble01.jpg"); display:none;}

.imagestep0.welcome #image05 {}
.imagestep1 #image07, .imagestep2 #image07, .imagestep3 #image07 {background: url("images/mainbg05_circle.jpg");}
.imagestep1 #image08, .imagestep2 #image08, .imagestep3 #image08 {background: url("images/mainbg06_brain.jpg");}



/* for submit button */
.imagesubmit {height:57px; width:194px;}
.button_next {height:57px; width:194px;}


/* question_zone */
.question_num, .questions, .answers p, #gender_msg, #sel_gen span, #sel_carrier span, #inputtext1 {color:#024a67; font-family:Arial,Helvetica,sans-serif; font-size:26px; letter-spacing:-2px; }

#question_index, #question_zone, #question_gender{position: absolute; height:auto; text-align: left; width: 442px; z-index:2;}

#question_index { top: 82px; left:247px; width: 430px; padding:20px; padding-top:200px;
  background:url("images/mainbg03_pics.jpg") no-repeat; }
#question_zone  {left:280px; top:200px;}
#question_gender {left:261px; top:200px;}

#question_index, #question_gender { text-align:center;}

.question_num, .questions, .answers { position:absolute; }

.cs_CZ #question_gender, .es_ES #question_gender {width:480px;}

/*.en_US #question_index, .en_US #question_zone, .en_US #question_gender { top: 200px; }*/

.questions { color:#024a67; font-size:22px; letter-spacing:-1px; line-height:23px; padding:0 0 5px 25px; text-indent:-25px; width:83%; left: 0; top: 5px }
#today { color:#FF3817; }
#score { color:#ef9200; }

#welcome_msg {height:auto; margin:0 0 10px; width:432px; font-family:Arial,Helvetica,sans-serif; font-size:14px;color:#024a67;}
#welcome_next_button {padding-top:30px; width: 432px;}


/* Gender */
#sel_gen, #sel_carrier { margin:15px 0 0 0; padding:0; }
#sel_gen span, #sel_carrier span { float:left; margin:0; padding:0; width:46%; margin-bottom:10px; text-align:left;}
#sel_gen p, #sel_carrier p { float:left; margin:0; padding:0; width:46%; margin-bottom:10px; text-align:left;}
#sel_gen span, #sel_carrier span {color:#ef9200; font-size:14px; font-weight:bold; letter-spacing:0; margin:0 10px; text-align:right;}
.pt_PT #sel_gen span, .pt_PT #sel_carrier span { font-size:12px;}

#genderlist		{ margin:0px 0 5px 0;}
#genderlist, #operatorlist, #question_operatorlist	{ font-size:12px; width:160px; margin:1px 0;}

#gender_msg { background-position:center center;background-repeat:no-repeat; height:auto; width:442px; }

#gender_msg h1 { color:#024a67; display:block; font-size:28px; letter-spacing:-1px; line-height:22px; margin:0 0 10px;}
#gender_msg h2 { color:#585858; display:block; font-size:16px; letter-spacing:-1px; line-height:16px; margin:0;}

h1 { display: block; font-size: 24px; }
h2 { font-size: 16px; }
#welcome_msg h1 {font-size:30px; font-weight:normal; line-height:28px; margin:0 0 15px;}
/*#welcome_msg h2 {color:#575858; font-size:18px;}*/
#welcome_msg h2 {display:none;}


/* answers */
#answers .ans5 { display: none; }

.answers { height:180px; left:0; top:80px; width:95%;}
.answers p { font-size:19px; letter-spacing:-1px; margin-top : 3px; padding:0}


.answers a { letter-spacing:-1px; text-decoration:none; height:30px;}

.answers a span {background: transparent url(images/choice_num.gif) no-repeat scroll 0 0; float: left; height: 29px; width: 36px; }

.answers a.ans1 span { background-position: 11px 5px; }
.answers a.ans1:hover span{ background-position:-25px 5px;}

.answers a.ans2 span { background-position: 11px -32px; }
.answers a.ans2:hover span{ background-position:-25px -32px;}

.answers a.ans3 span { background-position: 11px -66px; }
.answers a.ans3:hover span{ background-position:-25px -66px;}

.answers a.ans4 span { background-position: 11px -101px; }
.answers a.ans4:hover span{ background-position:-25px -101px;}

.answers .ans5 { display: none; }
.answers a.ans5 span { background-position: 11px -116px; }
.answers a.ans5:hover span{ background-position:-25px -145px;}


/* Input zone and input field */
#inputzone	{height:330px; left:272px;; top:160px; width:420px;}
.form_bg1	{padding-top:40px;} 	.form_bg2{padding-top:20px;} 	.form_bg3{padding-top:80px;}
INPUT.phonearea,INPUT.phoneprefix, INPUT.phonesuffix { height:30px; width:65px; padding:0px; font-size:24px;  }
INPUT.phonearea,INPUT.phoneprefix, INPUT.phonesuffix, .password { color:#7b340d; background-color: #FFFFFF; border: 1px solid #4F4F4F;}
#operatorlist	{color:#000000;} /*Select Your Carrier*/

.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_IE #msisdn { font-size:36px; height:40px; width:240px; }


#countrycode, .hyphen { color: #585858; } /* (+44) */
#inputtext1 { color:#024a67; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; letter-spacing:-1px; } /* Enter Your Cell Phone Number */
#inputtext4 { color: #024a67; } /* Funmobile has sent the 4-digit password in a text message to your cell phone. */
#inputtext5 { color: #024a67E; } /* Where should we send your ringtones */
.fstyle1 { color: #024a67; } /* We are now sending you the PIN to : 123-456-7890 */
.fstyle2 { color: #024a67; } /* +44 1234567890 */
.fstyle3 { color: #024a67; } /* Please check your phone. Just enter the PIN below. */
.fstyle4 { color: #024a67; }
.fstyle4a { color: #024a67; } /*You should have received your password now.*/
.fstyle4b { color: #024a67; } /* Enter the PIN below. Alternatively, you can */
.fstyle5 { color: #024a67; } /* text YES to 71769 / Send the text with OK to 88838 */
.fstyle6 { color: #ffde00; } /* Yes 71769 / OK 88838 */
.fstyle7 { color: #024a67; } /* You will now receive instructions SMS from 88838  */
.demo_steps_text { color: #024a67; }
#term_text { color: #024a67; } /* I've read the terms and conditions */
.chkbox_color_text,.chkbox_color_link { color: #024a67; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:13px; text-align:justify; } /* T&C text */
#advertentie {color:#fff;}

#iq_user {color:#328F43;}

#container { color:#434343;  width:980px;}
.question_num { height:32px; left:auto; top:-35px; }

/* Quiz results */
#quiz_results { color: #024a67; font: bold 20px 'Trebuchet MS',Helvetica,sans-serif; margin: 20px 0px; }
.submit_link { display: block; text-indent: -9999px; cursor: pointer; }

/* term checkbox */
#term_warn_box {margin: -100px 0 0 -85px; * margin-left:-280px;}
#term_outer_wrap, #term_wrap { width: 200px; }
#term_wrap { text-align: left; }
#term_outer_wrap, #term_wrap {width:400px;}

#inputbutton {padding-top:30px;}



.en_GB #image04 {background: url("images/mainbg02_en_gb.jpg");} /* always show this */
.en_NZ .imagestep0 #image04 {background: url("images/mainbg02_en_za.jpg");} /* Yes, use mainbg02_en_za.jpg for en_NZ */
.nl_NL .imagestep0 #image04 {background: url("images/mainbg02.jpg");} /* use blank */

.imagestep1 #inputzone { top: 140px; }
.imagestep2 #inputzone { top: 190px; }

.nb_NO #subtitle1 { display: none; }
.nb_NO .imagestep1 #subtitle1 { display: block; }

.nb_NO #logos { display: block; top: 600px; }
.nb_NO #tnc { display: block; top: 660px; }




/*for en_US */
body.en_US {background:0px -42px #2785b5 url("images/bg_en_us.jpg") repeat-x ; }
.en_US #container {top:-42px;}
.en_US #tnc {top:560px;}

.en_US #subtitle1, .en_US #subtitle2 {left:300px; top:140px; width:370px; text-align:left; font-size:16px; font-weight:bold;}
.en_US .imagestep0 #subtitle1 { display:none; }
.en_US #inputzone { top: 205px; }
.en_US .imagestep2 #inputzone { top: 180px; text-align: center; margin-left: -5px; }
.en_US #term_wrap table {margin:0 auto;}
.en_US #msisdn_areacode { font-size: 32px; height: 45px; padding: 0; width: 100px; }
.en_US #msisdn_prefix { font-size: 32px; height: 45px; padding: 0; width: 100px; }
.en_US #msisdn_suffix { font-size: 32px; height: 45px; padding: 0; width: 100px; }
.en_US .imagearrowl { visibility: hidden; }
.en_US .imagearrowr { visibility: hidden; }
.en_US #inputphone { margin-top: 1em;}
.en_US #image03 {background: url("images/mainbg01_en_us.jpg");}	.en_US #image04 {background: url("images/mainbg02_en_us.jpg");}
.en_US #image05 {background: url("images/mainbg03_en_us.jpg");}	.en_US #image06 {background: url("images/mainbg04_en_us.jpg");}
.en_US #image08 {background: url("images/mainbg06_en_us.jpg");} .en_US #image07 {background: url("images/mainbg05_hand_en_us.jpg");}
.en_US .imagestep1 #image07, .en_US .imagestep2 #image07, .en_US .imagestep3 #image07 {background: url("images/mainbg05_circle_en_us.jpg");}
.en_US .imagestep1 #image08, .en_US .imagestep2 #image08, .en_US .imagestep3 #image08 {background: url("images/mainbg06_brain_en_us.jpg");}
.en_US #pin_code {height:59px; width: 315px; font-size: 46px;}


.en_AU #subtitle1, .en_AU #subtitle2 { left:60px; top:376px; width:170px; text-align:left; }

.en_CA .imagestep1 #subtitle1 {top:376px; left:4px; width:230px; text-align:center; }
.en_CA #tnc {top:570px;}

.en_GB #msisdn { font-size:36px; height:40px; width:240px; }
.en_GB #subtitle1, .en_GB #subtitle2 {display:none;}

.en_NZ .imagestep1 #subtitle1 { display:block; left:40px; top:376px; width:200px; text-align:left; }

.en_ZA #subtitle1, .en_ZA #subtitle2 { display:block; left:0px; top:376px; width:270px; text-align:left; }
.en_ZA #image03 {background: url("images/mainbg01_en_za.jpg");}

.bg_BG #subtitle1, .bg_BG #subtitle2 {left:30px; width:170px; text-align:center;}

.de_AT #sel_gen span, .de_AT #sel_carrier span {width:52%;}
.de_AT #sel_gen p, .de_AT #sel_carrier p {width:40%;}
.de_AT .imagestep1 #subtitle1, .de_AT #subtitle2 {display:block;}

.de_CH .imagestep1 #subtitle1, .de_CH #subtitle2 {display:block; left:20px; width:210px;}
.fr_CH .imagestep1 #subtitle1, .fr_CH #subtitle2 {display:block; left:20px; width:210px;}
.it_CH .imagestep1 #subtitle1, .it_CH #subtitle2 {display:block; left:20px; width:210px;}


/* Show these at bottom left corner for DE */
/* MIn */
#reg_msg_corner_2 { display:none; position:absolute; top:355px; left:13px; width:210px; }
.de_DE .imagestep1 #reg_msg_corner_2 {display:block;}
.de_DE .imagestep1 #inputtext5 {display:none;}

/* PinIn */
#act_msg_corner_3 { display:none; position:absolute; top:355px; left:13px; width:210px; }
.de_DE .imagestep2 #act_msg_corner_3  {display:block;}
.de_DE .imagestep2 #inputtext4 {display:none;}

.de_DE #inputzone {top:145px; width: 420px; height:360px; }
.de_DE #inputcarrier {padding:5px 0px;}
.de_DE .imagestep1 #subtitle1, .de_DE #subtitle2 {display:none;}


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

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

.fi_FI .imagestep2 #inputzone {top:150px;}
.fi_FI .form_bg1 .imagearrowl, .fi_FI .form_bg1 .imagearrowr {margin-top:-25px;}
.fi_FI #subtitle1, .fi_FI #subtitle2 { position: absolute; display: block !important; }
.fi_FI #logos {display:block;} .fi_FI #tnc {margin-top:60px;}

.fr_BE .imagestep1 #inputzone, .nl_BE .imagestep1 #inputzone { width: 350px; left: 279px; }
.fr_BE #pictogram, .nl_BE #pictogram { margin-left: 0; position: absolute; }
 
.fr_FR #subtitle1, .fr_FR #subtitle2 {left:30px; width:170px; text-align:center;}

.hu_HU .imagestep1 #subtitle1, .hu_HU #subtitle2 {display:block;}
.hu_HU .questions{font-size: 19px;}
.hu_HU #question_index, .hu_HU #question_zone, .hu_HU #question_gender { width: 500px;}

.id_ID .imagestep1 #subtitle1, .id_ID #subtitle2 {display:block; top:380px; left:7px; width:223px; font-size:14px;}
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.lt_LT .imagestep1 #subtitle1, .lt_LT #subtitle2 {display:block;}
.lt_LT #sel_gen span, .lt_LT #sel_carrier span {width:53%;}
.lt_LT #sel_gen p, .lt_LT #sel_carrier p {width:40%;}

.lv_LV .imagestep1 #subtitle1, .lv_LV #subtitle2 {display:block;}
.lv_LV #sel_gen span, .lv_LV #sel_carrier span {width:53%;}
.lv_LV #sel_gen p, .lv_LV #sel_carrier p {width:40%;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:60px;}

.nl_NL #subtitle1, .nl_NL #subtitle2 {left:34px; text-align:center;}

.pl_PL #subtitle1, .pl_PL #subtitle2 { width: 200px; left: 30px;}

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

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

.uk_UA #sel_gen span, .uk_UA #sel_carrier span {width:53%;}
.uk_UA #sel_gen p, .uk_UA #sel_carrier p {width:40%;}

.zh_TW #subtitle1, .zh_TW #subtitle2 {left:20px; width:200px;}