@import url("grp_ans_gif.css");
@import url("grp_btn_gif.css");
@import url("grp_pricing_jpg.css");
@import url("grp_question_gif.css");
@import url("grp_title_jpg.css");

body {background: #000000 url("bgcolor.gif") repeat-x center top; }

/* all images other than inputzone*/
#title_image {width:517px; height:161px; top:0px;	left:0px;}
#image03 {width: 101px; height: 339px; top: 161px; left: 0px; background-image: url("left.jpg");}
#image04 {width: 416px; height: 105px; top: 395px; left: 101px; background-image: url("bottom.jpg");}
#image05 {width: 263px; height: 161px; top: 0px; left: 517px; background-image: url("right1.jpg");}
#image06 {width: 263px; height: 234px; top: 161px; left: 517px; background-image: url("right2.jpg");}
#image07 {width: 263px; height: 105px; top: 395px; left: 517px; background-image: url("right3.jpg");}
#image02 {width: 416px; height: 234px; top: 161px; left: 101px; background-image: url("pricing_en_gb.jpg");}
.imagestep0 #image02 { background-image: url("bg.jpg") !important;}

/* shortcode logo */
#shortcodelogo { display:none; }

/* submit button */
.imagesubmit { width: 208px; height: 53px; }

/* form */
#inputzone { top: 180px; left: 120px; height: 260px; width: 280px; text-align: center; }
.en_US #inputzone { top: 240px; }
.en_GB #inputzone { top: 240px; }
.de_DE #inputzone { width: 420px; height: 360px; left: 80px; text-align: left; }
.sv_SE #inputzone { width: 420px; height: 360px; left: 80px; text-align: left; }

.form_bg1 { padding-top: 0px; }
.form_bg2 { padding-top: 0px; }


/* questions */
#select_gender, #question_zone { position: absolute; top: 165px; left: 120px; width: 284px; height: 300px; }
#gender_message, #questions { position: absolute; top: 0px; width: 100%; height: 60px; }
#gender_message { background: url("gender_en_gb.gif") no-repeat center bottom; }
#questions	{ background: url("q1_question_en_gb.gif") no-repeat center bottom;}
.q2	#questions	{ background-image:url("q1_question_en_gb.gif");}
.q3	#questions	{ background-image:url("q2_question_en_gb.gif");}
.q4	#questions	{ background-image:url("q3_question_en_gb.gif");}

/* Ans list */
#gender_answer { position: absolute; top: 62px; left: -3px; }
#gender_answer a { display: block; float: left; width: 143px; height: 170px; color: orange; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; font-family: Arial,sans-serif; }
#gender_answer a span { display: block; padding-top: 150px; }
#gender_male { background: url("gender_guy.gif") no-repeat top left; }
#gender_female { background: url("gender_girl.gif") no-repeat top left; }
#gender_male:hover, #gender_female:hover { background-position: -143px 0px; }

#answers { position: absolute; top: 70px; left: 10px; }
#answers a { display: block; width:260px; height:35px; }
#answers a span	{ display: block; width:40px;	height:35px;   background: url("q_number.gif");}

#answers a.ans1 span{ background-position:0px 0px;}		#answers a.ans1:hover span{ background-position:38px 0px;}
#answers a.ans2 span{ background-position:0px -35px;}	#answers a.ans2:hover span{ background-position:38px -35px;}

#answers a.ans1	{ background: url("q1_ans1_en_gb.gif") no-repeat top left; background-position:40px 10px; }
#answers a.ans2	{ background: url("q1_ans2_en_gb.gif") no-repeat top left; background-position:40px 10px; }
.q1 #answers a.ans1	{ background-image:url("q1_ans1_en_gb.gif");}
.q1 #answers a.ans2	{ background-image:url("q1_ans2_en_gb.gif");}
.q1 #answers a.ans3	{ display: none;}
.q1 #answers a.ans4	{ display: none;}

.q2 #answers a.ans1	{ background-image:url("q2_ans1_en_gb.gif");}
.q2 #answers a.ans2	{ background-image:url("q2_ans2_en_gb.gif");}
.q2 #answers a.ans3	{ display: none;}
.q2 #answers a.ans4	{ display: none;}

.q3 #answers a.ans1	{ background-image:url("q3_ans1_en_gb.gif");}
.q3 #answers a.ans2	{ background-image:url("q3_ans2_en_gb.gif");}
.q3 #answers a.ans3	{ display: none;}
.q3 #answers a.ans4	{ display: none;}

/* carrier logos, T&C */
/* #logos { top: 460px; } */
#logos {top:530px; display:none; }
#tnc   {top: 530px; padding: 0px; }


/* text properties */
#subtitle1, #subtitle2 {position:absolute; color:#ffffff;}
.en_US #subtitle1 {
	display: block; position: absolute;	top: 3px; left: 15px; width: 750px; height: 15px;
	font-size: 16px; color: #ffffff; text-align: right;	font-family: "Times New Roman", Times, serif;font-weight: bold;
}
.nb_NO #subtitle1 {
	display: block; position: absolute;	top: 159px; left: 14px; width: 435px; height: 15px;
	font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;
}
.lt_LT #subtitle1 {
	display: block; position: absolute;	top: 0px; left: 7px; width: 751px; height: 15px;
	font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;
}
.en_ZA #subtitle1, .en_ZA #subtitle2 {
	display: block; position: absolute;	top: 3px; right: 0px;
	font-size: 12pt; color: #ffffff; text-align: right;	font-family: zurich; font-weight: bold;
}
.sv_SE #subtitle1 { display: block; position: absolute;	top: 159px; left: 14px; width: 435px; height: 15px; font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal; }

#countrycode, .hyphen { color: #ffffff; } /* (+44) */
#inputtext1 { color: #ffffff; font-family: Arial,sans-serif; font-size: 16px; text-transform: capitalize;} /* Enter Your Cell Phone Number */
#inputtext4 { color: #ffffff; margin-top: 6px;} /* Funmobile has sent the 4-digit password in a text message to your cell phone. */
#inputtext5 { color: #fffff; } /* 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; font-size: 10px;} /* 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: #ff9900; } /* 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; }
.nb_NO #term_text { color: #ffffff; font-weight:normal !important;}

.chkbox_color_text,.chkbox_color_link { color: #ffffff; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #d2d2d2; } /* T&C text */


/* input fields */
#inputphone { padding: 5px 0px; }
#inputphone .num { margin: 6px -18px 0px 18px; border: 0; float: left; }
#inputcarrier { padding: 9px 0px; }
input.phonearea, input.phoneprefix, input.phonesuffix, input.password {color: #000000; background-color: #FFFFFF; border:1px solid #aaaaaa; }
input.phonesuffix { }
#operatorlist { background-color:#FFFFFF; color: #000000; }
#inputbutton { margin-top:10px; margin-bottom:10px; }
.fr_LU #inputbutton { margin-bottom:20px; }

/* check box */
.form_bg2 #term_warn_box { margin-top: -80px; }

/* Test results */
#results { color: #ffffff; text-align: justify; }
#results p { margin: 15px 0px; }
.result_title { font-size: 16px; font-weight: bold; }
.result_content { font-size: 14px;}
.submit_link { display: block; cursor: pointer; }
.submit_link span { display: none; }

.de_DE #tnc { top: 500px; color: #fff; }
.de_DE #disclaimer { color: #fff; }
.de_DE #disclaimer, .de_DE a.unsub, .de_DE a.blacklink { color: #fff; }
.de_DE .fstyle2 { color:#fff; }

.es_ES #logos {top:520px; display: block;}
.es_ES #tnc {margin-top:40px; top:470px;}

.fi_FI .imagestep1 #inputzone {left:85px; width:350px;}
.fi_FI #subtitle1 {display:block; top:2px; right:0px;}
.fi_FI #subtitle2 {display:block; top:10px; right:0px;}

.lt_LT .imagestep1 #inputzone {left:80px; width:360px;}
.lt_LT .imagestep0 #subtitle1 {display:none;}
.lt_LT #subtitle1, .lt_LT #subtitle2 {display:block; top:0px; left:auto; right:auto; width:auto; text-align:right; color:#fff;}

.nl_NL #advertentie { color: #fff;}


/* inputtext5's color */
#inputtext5 { color:#fff; }

/* remove the bubbles */
.en_US #image02 { background-image: url(pricing_nb.jpg); }
.en_US #subtitle1 { color: #FE963F; font-size: 16px; left: -325px; top: 155px; }
.en_US #subtitle2 { position: absolute; display: block; color: #ffffff;  font-size: 16px; left: 60px; top: 160px; font-family: "Times New Roman"; }
.en_US .imagestep1 #inputzone {left:100px; width:320px;}
.en_US .imagestep2 #inputzone { top:200px; }

.en_ZA #subtitle1, .en_ZA #subtitle2 {left: 270px; right:auto;}

.de_AT .imagestep1 #inputzone {left:90px; width:345px;}
.de_AT .imagestep0 #subtitle1 {display:none;}
.de_AT #subtitle1, .de_AT #subtitle2 {display:block;}

.hu_HU .imagestep1 #inputzone {left:90px; width:345px;}
.hu_HU .imagestep0 #subtitle1 {display:none;}
.hu_HU #subtitle1, .hu_HU #subtitle2 {display:block;}

.lt_LT #subtitle1, .lt_LT #subtitle2 {top:5px; left:20px; font-size:12px; color:grey;}

.lv_LV .imagestep1 #inputzone {left:90px; width:345px;}
.lv_LV .imagestep0 #subtitle1 {display:none;}
.lv_LV #subtitle1, .lv_LV #subtitle2 {display:block;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:60px;}

.fr_LU #inputzone { left: 60px; width: 360px; }
