@import url("grp_btn_gif.css");
@import url("grp_pricing_jpg.css");
@import url("grp_title_jpg.css");

body { background: #000000; }

#container { width: 900px;}

/* shortcode logo */
#shortcodelogo { display:none; }

/* all images other than inputzone*/
#title_image {width:760px; height:107px; top:0px; left:70px;}
#image01 {width: 70px;  height: 462px;   top: 0px;	 left: 0px;		background-image: url("bg1.jpg");}
#image02 {width: 190px; height: 355px; 	 top: 107px; left: 70px;	background-image: url("bg2.jpg");}
.imagestep2 #image02, .imagestep3 #image02 {background: url(bg2_p2.jpg);}

#image03 {width: 149px; height: 355px;	 top: 107px;	 left: 681px;	background-image: url("bg3.jpg");}
#image04 {width: 70px;  height: 462px;	 top: 0px;	 left: 830px;	background-image: url("bg4.jpg");}
#image05 {width: 421px; height: 355px;	 top: 107px; left: 260px;	background-image: url("pricing_bg.jpg");}
#image06 {width: 421px; height: 355px;	 top: 107px; left: 260px; background-image: url("pricing_en_us.jpg"); }

/* lefttext */
#lefttext {position:absolute; width: 177px; height: 160px; top: 196px; left: 74px;}
#lefttext1, #lefttext2, #lefttext3 {padding: 5px;}

/* starttest */
#starttest { position:absolute; width: 393px; height: 210px; top: 184px; left: 270px; }
#starttext1, #starttext2 {padding: 2px;}

#startform { width: 380px; padding-left: 20px;}

#startform label {color:#ffffff; font-size:12px; width:120px; float:left; padding-top:4px; margin-bottom:10px}
#startform input.text {background-color: #ffff99; padding:2px; border:1px solid #cccccc; color:#000000; font-size:13px; width: 180px;}
#startform select {background-color:#ffff99; border:1px solid #cccccc; color:#000000; font-size:13px; }

#qtext1, #qtext2 {padding: 2px;}
.question { padding: 2px; height: 50px; }
.ans { margin: 10px 0px 10px 0px; list-style-type: none; padding: 0px 0px 0px 20px; }

/* q1 */
#q1 ans span { padding: 10px 0px 0px 30px;}

/* q2 */
#q2 ans span { padding: 10px 0px 0px 30px;}


/* submit button */
.imagesubmit0 { width: 204px; height: 48px; }
.imagesubmit { width: 204px; height: 48px; }
.imagesubmit1 { width: 204px; height: 48px; }

/* form */
#inputzone { top: 190px; left: 250px; height: 260px; width: 370px; text-align: center; }
.en_US #inputzone { left:260px; width:400px; }
.de_DE #inputzone { width: 400px; left: 250px; text-align:left;}

.form_bg1 { padding-top: 0px; }
.form_bg2 { padding-top: 0px; }

/* carrier logos, T&C */
/* #logos { top: 460px; } */
#logos	{ width:680px; left:110px; top:480px; display:none; }
#tnc		{ width:680px; left:120px; top:480px; padding:0px; }
.de_DE #tnc { top: 600px; }
#disclaimer {width:100%;}

/* text properties */
#countrycode { 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: #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; font-size: 10px;} /* Please check your phone. Just enter the PIN below. */
.fstyle4 { color: #FFFFFF; }
.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: #ff0000; } /* Yes 71769 / OK 88838 */
.fstyle7 { color: #FFFFFF; } /* You will now receive instructions SMS from 88838  */

.fstyle8 { color: #FFFFFF; font-family: Arial,sans-serif; font-size: 18px;}
.fstyle9 { color: #FFFFFF; font-family: Arial,sans-serif; font-size: 12px; font-weight:bold;}
.fstyle10 { color: #FFFFFF; font-family: Arial,sans-serif; font-size: 12px;}
.fstyle11 { color: #FFFFFF; font-family: Arial,sans-serif; font-size: 20px;}
.hyphen {color: #FFFFFF;}


.demo_steps_text { color: #fff; }
#term_text { color: #FFFFFF;} /* I've read the terms and conditions */
.chkbox_color_text,.chkbox_color_link { color: #FFFFFF; } /* check box text */
#disclaimer, #disclaimer a, a.unsub, a.blacklink { color: #ffffff; } /* T&C text */

/* input fields */
#inputphone { padding: 5px 0px; }
#inputphone .num { margin: 6px -18px 0px 18px; border: 0; float: left; }
#inputcarrier { padding: 9px 0px; }
#inputbutton { margin-top: 10px; }
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; }

/*
|    style
-------------------------------*/
a, img { border: none; }

#question_zone {
	position: absolute;
	width: 405px;
	top: 184px;
	left: 265px;
}

#stepindex {
	height:50px;
	overflow: hidden;
}

#stepindex a {
	display:block;
	float:left;
	width:40px;
	padding-top: 50px;
}

#gravename, #gravecounter {
	position: absolute;
	right: 91px;
	top: 253px;
	text-align: center;
	width: 110px;
	font-size: 1.9em;
	color: #fff;
	clear: both;
	word-break: break-all;
}

#gravecounter { top: 326px; font-size: 1.5em; }

.helper-disable { display: none; }
.helper-enable { display: block; }

/* Result page */
#results { color: #ffffff; font-family: "Book Antiqua"; }
#results p { font-size: 20px; margin: 15px 0px; }
.submit_link { display: block; cursor: pointer; }
.submit_link span { display: none; }

.imagestep2 #inputzone { left: 260px; top: 180px; width: 360px; }


/* subtitles - common / advertentie / suscribete / inputtext */
.imagestep0 #subtitle1 {display:none;}
#subtitle1, #subtitle2 {display:block; position:absolute; top:110px; left:250px; width:400px; text-align:center;
font-size: 12px; font-weight: bold; color: #FFFFFF; font-family: Arial,sans-serif;}

.en_US #subtitle1, .en_US #subtitle2 {display:block !important; font-size:16px;}
.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_GB #msisdn { font-size:36px; height:40px; width:240px; }
.en_GB #subtitle1 { display:block; top: 105px; left: 179px; width: 556px; text-align: center;}

.en_CA .imagestep1 #subtitle1, .en_CA #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}

.en_IE #msisdn { font-size:36px; height:40px; width:240px; }
.en_IE #subtitle1 { display:block; top: 105px; left: 179px; width: 556px; text-align: center;}

.en_NZ .imagestep1 #inputzone { top:200px; left:320px; width:300px; }
.en_NZ #inputtext1 { font-size:18px; }

.en_SE #inputtext4 { display: block; color: #FFFFFF;}
.en_SE #subtitle1, .en_SE #subtitle2 { top: 105px; left: 150px; width: 600px; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: 17px; letter-spacing: -1px; text-transform: uppercase; color: #FFFFFF;}
.sv_SE #inputtext4 { display: block; color: #FFFFFF;}
.sv_SE #subtitle1, .sv_SE #subtitle2 { display: block; top: 105px; left: 150px; width: 600px; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: 17px; letter-spacing: -1px; text-transform: uppercase; color: #FFFFFF;}

.en_ZA  #subtitle1 .en_ZA  #subtitle2 { display: none; color: #fff;  right: 65px; top: 5px; }
.en_ZA .imagestep1 #subtitle1 { display: block; }

.bg_BG #subtitle1, .bg_BG #subtitle2 {top:110px; left:250px; width:400px; text-align:center;}

.cs_CZ #subtitle1, .cs_CZ #subtitle2 { top: 105px; left: 179px; width: 556px; font: normal 11px Arial, Helvetica, sans-serif; text-align: center;}

.de_AT .imagestep1 #subtitle1, .de_AT #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}

.de_CH #subtitle1, .de_CH #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}
.fr_CH #subtitle1, .fr_CH #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}
.it_CH #subtitle1, .it_CH #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}

.el_GR .imagestep1 #subtitle1, .el_GR #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}
.el_GR #startform { width: 500px; }
.el_GR #startform label { width: 180px; }
.el_GR #subtitle1, .el_GR #subtitle2 {top:5px; width:580px; text-align:right}

.es_ES #sub { font: normal 13px Verdana, Arial, Helvetica, sans-serif; margin-top: -60px; float: right; color:#FFFFFF; }

.et_EE .imagestep1 #subtitle1, .et_EE #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}

.fi_FI .imagestep1 #inputzone {left:270px; width:380px;}
.fi_FI .imagestep2 #inputzone {top:150px;}
.fi_FI #subtitle1, .fi_FI #subtitle2 {display:block; top:115px; left:273px; width:394px; text-align:center;}
.fi_FI #logos { display:block; }
.fi_FI #tnc { margin-top:60px; }

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

.fr_FR #subtitle1, .fr_FR #subtitle2 {top:110px; left:250px; width:400px; text-align:center;}

.hu_HU .imagestep1 #subtitle1, .hu_HU #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}

.id_ID .imagestep1 #subtitle1, .id_ID #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.it_IT .imagesubmit {background-image:url(submit3_it_it.gif);} /* always use this button */

.lt_LT .imagestep1 #subtitle1, .lt_LT #subtitle2 {display:block; top:5px; left:60px; width:440px; text-align:left;}

.lv_LV .imagestep1 #subtitle1, .lv_LV #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:60px;}

.ms_MY #startform label {width:150px;}

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

.nl_NL #advertentie { color: #FFFFFF; right: 60px; top: 5px;}
.nl_NL #subtitle1, .nl_NL #subtitle2 { top: 105px; left: 179px; width: 556px; font: bold 10px Arial, Helvetica, sans-serif; text-align: center;}

.sk_SK .imagestep1 #subtitle1, .sk_SK #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}

.sl_SI .imagestep1 #subtitle1, .sl_SI #subtitle2 {display:block; top:110px; left:250px; width:400px; text-align:center;}

.zh_TW #subtitle1, .zh_TW #subtitle2 {}
.zh_TW #tnc {margin-top:60px;}