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

body {background: #ffffff;}
#leftcontent	{height:610px;	background:  url("images/left.jpg") no-repeat right top;}
#rightcontent	{height:610px;	background:  url("images/right.jpg") no-repeat left top;}
#logos, #tnc {top: 530px; width: 760px; left:0px;}
#logos {display:none;}
#disclaimer	{ width: 100%;}
.pt_PT  #logos, .fi_FI  #logos {top: 560px; display:block;}
.pt_PT  #tnc, .fi_FI #tnc {top: 600px; }


/* 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:172px;	top:0px;	left:0px;}

/* layout */
#image03 {width: 130px;	height: 158px;	top: 172px;	left:0px;	background: url("images/mainbg01.jpg");}
#image04 {width: 130px;	height: 270px;	top: 330px;	left:0px;	background: url("images/mainbg02.jpg");}
#image05 {width: 399px;	height: 298px;	top: 172px;	left:130px;	background: url("images/mainbg03.jpg");}
#image06 {width: 399px;	height: 130px;	top: 470px;	left:130px;	background: url("images/mainbg04.jpg");}
#image07 {width: 231px;	height: 152px;	top: 318px;	left:529px;	background: url("images/mainbg05.jpg");}
#image08 {width: 231px;	height: 130px;	top: 470px;	left:529px;	background: url("images/mainbg06.jpg");}
#image09 {width: 760px;	height:  90px;	top: 600px;	left:0px;	background: url("images/mainbg07.jpg");}
#image11, #image12, #image13, #image14, #image15 {display:none;}

#image10 {width: 231px;	height: 146px;	top: 172px;	left:529px;	background: url("images/bubble01.jpg");}

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

/* for submit button */
.imagesubmit 		{width:236px;	height:59px;}
.button_next 		{width:236px;	height:59px;}

/* Gender */
.question_num, .questions, .answers p, #gender_msg, #sel_gen span, #sel_carrier span, #inputtext1 {text-indent:0; color:#fff; font:26px 'Trebuchet MS', Helvetica, sans-serif; letter-spacing:-1px; background:none; }

#sel_gen, #sel_carrier { margin: 15px 0 0 0px; width: 100%; }
#sel_gen		{ background-repeat: no-repeat; background-position: no-repeat left;}
#sel_carrier 	{ background-repeat: no-repeat; background-position: no-repeat left;}
#sel_gen span, #sel_carrier span, #sel_gen p, #sel_carrier p { display: block; float:left; margin: 0 0 0 5px; padding:0; width:46%; }
#sel_gen span, #sel_carrier span { font-size: 14px; font-weight:bold; color: #FFA127; text-align: right; }
#sel_gen p, #sel_carrier p { text-align: left; margin-bottom: 10px; }
#genderlist		{ margin:0px 0 5px 0;}
#genderlist, #operatorlist, #question_operatorlist { font-size:12px; width:144px; margin:1px 0;}

.fr_LU #sel_gen span, .fr_LU  #sel_carrier span {letter-spacing:-1px;}

/* question_zone */
#question_index,#question_zone,#question_gender {position: absolute; width:440px; height:308px; text-align: left; z-index:2;}

#question_index, #question_zone, #question_gender { top:215px; left:150px; }

#question_zone { top: 180px; }
#question_index, #question_gender { text-align:center; }

.questions { width:90%; top:5px; left:0px; font-size:18px; letter-spacing:-1px; line-height:23px; padding:0px; color:#ffffff; }
#today { color:#ffa127; }
#score { color:#ffa127; }

#welcome_msg	{ font:14px 'Trebuchet MS', Helvetica, sans-serif; color:#fff; margin: 0 0 10px; }
#gender_msg		{ width:432px; }

h1 { display: block; font-size:28px; line-height:28px; }
#welcome_msg h1 { margin:0 0 15px 0; }
#welcome_msg h2 { font-size: 18px; }
#gender_msg h1 { margin: 0 0 10px; text-transform: uppercase;}
#gender_msg h2 { color: #ffffff; display: block; font-size: 16px; letter-spacing: -1px; line-height: 16px; margin: 0; }

/* ------------- Question Ans list ------------- */

.question_num	{ letter-spacing:0px; font-weight:bold; }
.answers .ans5 { display: none; }

.answers { position:absolute; width:100%; height:180px; top:115px; left:0px;}
.answers a { margin-bottom:10px;}
.answers a { height:34px; display:block; background-repeat:no-repeat;}
.answers a span	{ float: left; width:36px; height:29px; margin:-5px 0 10px 0; background: url("images/choice_num.gif");}
.answers a.ans1 span{ background-position:0px 0px;}		.answers a.ans1:hover span{ background-position:36px 0px;}
.answers a.ans2 span{ background-position:0px -29px;}	.answers a.ans2:hover span{ background-position:36px -29px;}
.answers a.ans3 span{ background-position:0px -58px;}	.answers a.ans3:hover span{ background-position:36px -58px;}
.answers a.ans4 span{ background-position:0px -87px;}	.answers a.ans4:hover span{ background-position:36px -87px;}
.answers a.ans5 span{ background-position:0px -116px;}	.answers a.ans5:hover span{ background-position:36px -116px;}

.answers a.ans1	{ background-position:45px 10px; margin-top:1px;}
.answers a.ans2	{ background-position:45px 10px; margin-top:1px;}
.answers a.ans3	{ background-position:45px 10px; margin-top:3px;}
.answers a.ans4	{ background-position:45px 10px; margin-top:3px;}
.answers a.ans5	{ background-position:45px 10px; margin-top:3px;}

.answers a { font-size:19px; letter-spacing:-1px;	text-decoration:none; }
.answers p { font-size:19px; letter-spacing:-1px;	line-height:18px;	padding:0 0 6px 0; margin:0;  }

/* Input zone and input field */
#inputzone	{top:185px; left:170px; height:330px; width:420px;}
.form_bg1	{padding-top:30px;} 	.form_bg2{padding-top:10px;}
input.phonearea,input.phoneprefix, input.phonesuffix { height:30px; width:65px; padding:0px; font-size:24px;  }
input.phonearea,input.phoneprefix, input.phonesuffix, .password { color:#332f2f; background-color: #FFFFFF; border: 1px solid #4F4F4F;}
input.password		{ width:150px;}
#operatorlist	{color:#000000;} /*Select Your Carrier*/
#inputbutton { margin-top:10px; margin-bottom:10px; }

#inputtext1		{ width:100%; letter-spacing: 0px; } /*Enter Your Cell Phone Number */

/*  html text version */
.answers a:hover{ zoom:1} /* IE6 Hack for mouse over states */

/* text properties */
#subtitle1, #subtitle2 {position: absolute; top: 0px; right: 0px; font-size: 12px; text-align: right; color: #666666; }


#countrycode, .hyphen { color: #ffffff; } /* (+44) */
#inputtext1 { color: #ffffff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; } /* Enter Your Cell Phone Number */
#inputtext4 { color: #ffffff; } /* Funmobile has sent the 4-digit password in a text message to your cell phone. */
#inputtext5 { color: #ffffff; } /* Where should we send your ringtones */
.fstyle1 { color: #ffffff; } /* We are now sending you the PIN to : 123-456-7890 */
.fstyle2 { color: #ffffff; } /* +44 1234567890 */
.fstyle3 { color: #ffffff; } /* Please check your phone. Just enter the PIN below. */
.fstyle4a { color: #ffffff; } /*You should have received your password now.*/
.fstyle4b { color: #ffffff; } /* Enter the PIN below. Alternatively, you can */
.fstyle5 { color: #ffffff; } /* text YES to 71769 / Send the text with OK to 88838 */
.fstyle6 { color: #ff9204; } /* Yes 71769 / OK 88838 */
.fstyle7 { color: #ffffff; } /* You will now receive instructions SMS from 88838  */
.demo_steps_text { color: #ffffff; }
#term_text { color: #ffffff; } /* I've read the terms and conditions */

.fr_LU #term_text { font-weight:normal; }

.chkbox_color_text,.chkbox_color_link { color: #ffffff; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #666666; } /* T&C text */

/* Quiz results */
#quiz_results { color: #ffffff; font-weight: bold; font-size: 20px; margin: 20px 0px; }
.submit_link { display: block; text-indent: -9999px; cursor: pointer; }

/* term checkbox */
#term_warn_box {margin: -100px 0 0 -145px; * margin-left:-250px;}
#term_outer_wrap, #term_wrap { width: 200px; }

#term_wrap { text-align: left; }
#term_outer_wrap, #term_wrap {width:400px;}

.de_DE #inputzone, .sv_SE #inputzone	{ width:420px; height:360px; text-align:left; top:172px; left:155px;}
.de_DE .form_bg1, .sv_SE .form_bg1	{ padding-top:0px;}.de_DE #tnc { top: 530px; color: #000; }
.de_DE #disclaimer, .de_DE a.unsub, .de_DE a.blacklink { color: #000; }

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

.en_US #question_index, .en_US #question_zone, .en_US #question_gender {top:200px;}
/*.en_US #image10 {width: 231px;	height: 146px;	top: 172px;	left:529px;	background: url("images/bubble01_en_us.jpg");}*/
.en_US #subtitle1, .en_US #subtitle2 {top: 180px; left: 35px; color: #fff; font: bold 16px Arial; text-align: left;}

.en_CA #logos {display:none;} .en_CA #tnc {top:530px; padding:0;}
.en_CA #subtitle1, .en_CA #subtitle2 {display:block; top:170px; left:150px; text-align:left; color:#fff;}

.en_ZA #container {margin-top:10px;}
.en_ZA #subtitle1, .en_ZA #subtitle2 {top:-11px; left:12px; text-align:left;}

.es_ES #container { margin-top:-25px;}
.es_ES #logos, .es_ES #tnc { top: 500px; }

.nl_NL #subtitle1 { top: 530px; }
.nl_NL #advertentie { color: #000000; }
.nl_NL .imagestep1 #advertentie {display: block; position: absolute; top: 0px; right: 15px; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: right;}
.nl_NL #tnc { font-size: 10pt !important; top: 540px; width: 750px;}
.nl_NL #disclaimer, .nl_NL a.unsub, .nl_NL a.blacklink { font-size: 10pt; width: 750px; }

.de_CH .imagestep0 #subtitle1 {display:none;}
.de_CH #subtitle1, .de_CH #subtitle2 {display:block; left:34px; top:155px; text-align:left; color:#fff;}

.fr_CH .imagestep0 #subtitle1 {display:none;}
.fr_CH #subtitle1, .fr_CH #subtitle2 {display:block; left:34px; top:155px; text-align:left; color:#fff;}

.it_CH .imagestep0 #subtitle1 {display:none;}
.it_CH #subtitle1, .it_CH #subtitle2 {display:block; left:34px; top:155px; text-align:left; color:#fff;}

.et_EE .imagestep0 #subtitle1 {display:none;}
.et_EE #subtitle1, .et_EE #subtitle2 {display:block; left:34px; top:155px; text-align:left; color:#fff;}

.hu_HU .imagestep0 #subtitle1 {display:none;}
.hu_HU #subtitle1, .hu_HU #subtitle2 {display:block; left:34px; top:155px; text-align:left; color:#fff;}

.sk_SK .imagestep0 #subtitle1 {display:none;}
.sk_SK #subtitle1, .sk_SK #subtitle2 {display:block; left:34px; top:155px; text-align:left; color:#fff;}

.sl_SI .imagestep0 #subtitle1 {display:none;}
.sl_SI #subtitle1, .sl_SI #subtitle2 {display:block; left:34px; top:155px; text-align:left; color:#fff;}

.sv_SE #subtitle1 { display: block; color: #fff; top: 20px; left: 15px; text-align: left; font-weight: bold; font-size: 14px; }
.sv_SE #image04 {background: url("images/mainbg02_420x360.jpg");}	.sv_SE #image05 {background: url("images/mainbg03_420x360.jpg");}
.sv_SE #image06 {background: url("images/mainbg04_420x360.jpg");}	.sv_SE #image07 {background: url("images/mainbg05_420x360.jpg");}
.sv_SE #image08 {background: url("images/mainbg06_420x360.jpg");}
.sv_SE #tnc { top: 530px; }
.sv_SE #disclaimer, .sv_SE #disclaimer a { color: #000; }

.zh_TW #disclaimer, .zh_TW a.unsub, .zh_TW a.blacklink { font-size: 12px; }
.zh_TW #subtitle1 { color:#666; font-size: 12px; text-align:left; top:560px; }

#pricing_text {color:#fff;}