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

body {background:#310404;}
#leftcontent	{height:826px;  background: url("images/left.jpg") no-repeat right top;}
#rightcontent	{height:826px;	background: url("images/right.jpg") no-repeat left top;}
#logos	{top:640px; left:25px; width:940px; display:none;}
#tnc	  {top:640px; left:25px; width:940px; padding:10px 0; position:absolute;}
#disclaimer	{width:100%;}

.fi_FI #logos {top:620px; left:25px; width:730px; display:block;}
.fi_FI #tnc {top:680px;}


/* width 990px */
#container		{width:990px;}
#leftcontent	{margin-right:494px;}	#rightcontent	{margin-left :494px;}

/* Title */
#title_image span						{display:none;}	/* For use Image title*/
#subtitle_image span	                {display:none;}
#subtitle_image	{position:absolute; top:125px; left:50px; width:760px; text-align:left; line-height:11px; font-size:10px; font-weight:bold; color:#000000; display:block;}	/* For use Image subtitle*/


#title_image {width:990px;	height:120px;	top:0px;	left:0px;}

/* layout */
#image03 {width:637px;	height:377px;	top:260px;	left:0px;	background:url("images/mainbg01.jpg");}
#image04 {width:353px;	height:517px;	top:120px;	left:637px;	background:url("images/mainbg02.jpg");}
#image05 {width:990px;	height:189px;	top:637px;	left:0px;	background:url("images/mainbg03.jpg");}
#image07, #image08, #image09, #image11, #image12, #image13, #image14, #image15 {display:none;}

#image10 {width:637px;	height:140px;	top:120px;	left:0px;	background:url("images/bubble01.jpg");}
/*.en_US #image10	{background:url("images/bubble01_en_us.jpg");}*/

/* for submit button */
.imagesubmit {height:67px; width:210px;}
.button_next {display:block; height:67px; width:210px;}
.button_next_blank {float:left; height:68px; width:207px; /* line-height:68px;*/ border:none; cursor:pointer; color:#9f1212; font-size:17px; font-weight:bold; text-align:center; text-decoration:none; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/btn_next_blank.png' sizingMethod='scale');}
html>body .button_next_blank	{background:url("images/btn_next_blank.png") no-repeat 0px 0px; filter:none;}
/*.button_next_blank:hover	{background:url("images/btn_next_blank.png") no-repeat 0px 0px;}  /* for ans btn */

/* for the text in button:vertical align middle */
.button_next_blank {display:table;}
.button_next_blank span {display:table-cell; vertical-align:middle; padding:0px 5px;}

h1 {display:block; font-size:24px;}
h2 {font-size:16px;}

/* all pages before MIN page */
#welcome_page, #preface_page, #question_zone, #question_gender {position:absolute; height:auto; left:112px; top:180px; text-align:left; width:450px; z-index:2;}
#welcome_page, #preface_page, #question_gender {text-align:center;}
#question_zone {top:230px;}
#question_gender {top:230px;}

/* first 2 pages */
#welcome_page li, #preface_page li{margin-left:20px;}

#welcome_msg, #preface_msg {height:auto; margin:10px 0 10px; font-family:"Lucida Sans", sans-serif; font-size:14px; color:#000000; text-align:left;}
#welcome_msg h1, #preface_msg h1 {font-size:30px; font-weight:normal; line-height:28px; margin:0 0 15px;}
#welcome_msg h2, #preface_msg h2 {color:#000000; font-size:18px;}

#preface_body h3, #preface_body h3 {text-align:center;}


/* question pages */
.question_num, .questions, .answers p, #gender_msg, #sel_gen span, #sel_carrier span {color:#000000; font:bold 18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; letter-spacing:0px;}

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

.questions {color:#000000; font-size:18px; letter-spacing:-1px; line-height:23px; padding:0 0 5px 25px; text-indent:-25px; width:90%; height:60px; left:0; top:5px;}

.open_answers {padding:5px;}
.open_answers div {margin-top:10px; margin-bottom:10px;}
.q1 .open_answer_field, .q2 .open_answer_field, .q3 .open_answer_field {height:30px; width:120px; font-size:25px;}
.q3 .open_answers span {font-size:15px;}

/* answers */
.answers {height:180px; width:100%;}
.answers p {font-size:19px; letter-spacing:-1px; margin-top :3px; padding:0; color:#9f1212;}

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

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

.answers a.ans1 span {background-position:0 0;}
.answers a.ans1:hover span {background-position:36px 0px;}

.answers a.ans2 span {background-position:0 -33px;}
.answers a.ans2:hover span {background-position:36px -33px;}

.answers a.ans3 span {background-position:0 -62px;}
.answers a.ans3:hover span {background-position:36px -62px;}

.answers a.ans4 span {background-position:0 -93px;}
.answers a.ans4:hover span {background-position:36px -93px;}

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




/* Q4-9 have two options only */
.q4 .answers .ans3, .q4 .answers .ans4 {display:none;}
.q5 .answers .ans3, .q5 .answers .ans4 {display:none;}
.q6 .answers .ans3, .q6 .answers .ans4 {display:none;}
.q7 .answers .ans3, .q7 .answers .ans4 {display:none;}
.q8 .answers .ans3, .q8 .answers .ans4 {display:none;}
.q9 .answers .ans3, .q9 .answers .ans4 {display:none;}

/* Gender and carrier page */
#sel_gen, #sel_carrier {margin:15px 0 0 0; padding:0;}
#sel_gen span, #sel_carrier span, #sel_gen p, #sel_carrier p {float:left; margin:0; padding:0; width:50%; margin-bottom:10px; text-align:left;}
#sel_gen span, #sel_carrier span {color:#9f1212; font-size:14px; font-weight:bold; letter-spacing:-1px; text-align:right;}

#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:432px;}

#gender_msg h1 {color:#000000; display:block; font:bold 28px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; letter-spacing:-1px; line-height:22px; margin:0 0 10px;}
#gender_msg h2 {color:#000000; display:block; font-size:16px; letter-spacing:-1px; line-height:16px; margin:0;}


/* Input zone and input field */
#inputzone {left:90px; top:240px; height:auto; width:460px;}
#inputzone div {margin-top:10px; margin-bottom:10px}
.form_bg1	{padding-top:0px;} 	.form_bg2{padding-top:0px;}
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_GB #msisdn {font-size:36px; height:40px; width:240px;}
.en_IE #msisdn {font-size:36px; height:40px; width:240px;}


#countrycode, .hyphen {color:#1f6f82;} /* (+44) */
#inputtext1 {color:#000000; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:18px; letter-spacing:0px;} /* Enter Your Cell Phone Number */
#inputtext4 {color:#000000;} /* Funmobile has sent the 4-digit password in a text message to your cell phone. */
#inputtext5 {color:#000000;} /* Where should we send your ringtones */
.fstyle1 {color:#000000;} /* We are now sending you the PIN to :123-456-7890 */
.fstyle2 {color:#000000;} /* +44 1234567890 */
.fstyle3 {color:#000000;} /* Please check your phone. Just enter the PIN below. */
.fstyle4a {color:#000000;} /*You should have received your password now.*/
.fstyle4b {color:#000000;} /* Enter the PIN below. Alternatively, you can */
.fstyle5 {color:#000000;} /* text YES to 71769 / Send the text with OK to 88838 */
.fstyle6 {color:#ffde00;} /* Yes 71769 / OK 88838 */
.fstyle7 {color:#000000;} /* You will now receive instructions SMS from 88838  */
.demo_steps_text {color:#000000;}
#term_text {color:#000000;} /* I've read the terms and conditions */
.chkbox_color_text,.chkbox_color_link {color:#000000;} /* 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 */
#term_outer_wrap a.unsub {color:#0B3CBF;}

#container {color:#000000; }
.question_num {height:32px; left:auto; top:-35px; font-size:20px;}

/* Quiz results */
#quiz_results {color:#000000; font:bold 20px 'Trebuchet MS',Helvetica,sans-serif; margin-top:100px;}
.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;}

.de_DE #inputzone {top:145px; width:420px; height:360px;}
.de_DE #inputcarrier {padding:5px 0px;}

#image06 {width:637px; height:140px;	top:120px; left:0px; background:url("images/bubble01.jpg");}

/*#subtitle_image span {display:none;}*/
#subtitle_image	{position:absolute; top:125px; left:50px; width:760px; text-align:left; line-height:11px; font-size:10px; font-weight:bold; color:#000000; display:block;}	/* For use Image subtitle*/

#subtitle1, #subtitle2 {position:absolute; top:125px; left:50px; width:760px; text-align:left; font-size:10px; font-weight:bold; color:#000000;}	/* For use Image subtitle*/

.en_US #container	{top:-90px;}
.en_US #leftcontent, .en_US #rightcontent	{margin-top:-90px;}
.en_US #subtitle1, .en_US #subtitle2 {top:145px; left:45px; width:550px; font:bold 16px Arial;}
.en_US .imagestep1 #inputzone {top:220px;}
.en_US .imagestep2 #inputzone {top:190px;}
.en_US #image04 {background:url("images/mainbg02_en_us.jpg");}
.en_US #image05 {background:url("images/mainbg03_en_us.jpg");}
/*.en_US #image10 {width:105px; height:300px; top:120px; left:532px; background:url("images/bubble01_en_us.jpg");}*/

.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 #tnc {top:620px;}

.en_CA #tnc, .fr_CA #tnc {top:605px !important;}
.en_CA #container, .fr_CA #container {top:-40px;}
.en_CA #disclaimer, .fr_CA #disclaimer {color:#808080;}

.en_GB #subtitle1 {display:block;}
.en_GB #subtitle2 {display:block;}
.en_GB #tnc {width:700px;}
.en_GB #disclaimer {width:700px;}

.en_IE #subtitle1 {display:block;}
.en_IE #subtitle2 {display:block;}
.en_IE #tnc {width:700px;}
.en_IE #disclaimer {width:700px;}

.en_SG #subtitle1, .en_SG #subtitle2 {top:117px; width:550px; font-size:11px;}

.el_GR #subtitle1, .el_GR #subtitle2 {top:0;}

.fi_FI #subtitle1, .fi_FI #subtitle2 {display:block;}

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

.de_CH .imagestep2 #inputzone, .fr_CH .imagestep2 #inputzone, .it_CH .imagestep2 #inputzone {top:150px; text-align:left;}

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

.el_GR .imagestep1 #subtitle1, .el_GR #subtitle2 {display:block;}
.el_GR #tnc {top:700px;}

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

.fr_BE #logos, .fr_BE #tnc,
.nl_BE #logos, .nl_BE #tnc
{top:655px;}

.hu_HU .imagestep1 #subtitle1, .hu_HU #subtitle2 {display:block;}
.hu_HU #logos, .hu_HU #tnc {top:660px;}

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

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

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

.nb_NO #subtitle1 {display:none;}
.nb_NO .imagestep1 #subtitle1 {display:block;}
.nb_NO #logos {display:block; top:640px;}
.nb_NO #tnc {display:block; top:700px;}

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

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

.lt_LT .imagestep2 #inputzone {height:auto; left:107px; top:156px;}

.pl_PL #subtitle1, .pl_PL #subtitle2 {top:115px; left:40px;  width:600px; color:#9e1111;}

.zh_TW #subtitle1, .zh_TW #subtitle2 {top:117px; width:550px; font-size:11px;}