@import url("grp_btn_gif.css");
@import url("grp_step_gif.css");
@import url("grp_title_gif.css");

body { background: url(bg.gif) repeat-x #ffffff; }

/* all images other than inputzone*/
#title_image { width: 970px; height: 148px; top: 0px; left: -102px; }

#image01 { width: 347px;  height: 385px;	top: 148px;	left: -102px; background: url("arrow.gif"); }
#image02 { width: 421px; height: 385px; top: 148px;	left: 245px;	background: url("mainbg01.gif");}
/* remove bubble on 10 Feb 2010
.en_US #image02 { width: 421px; height: 385px; top: 148px;	left: 245px;	background: url("mainbg01_en_us.gif");}*/

/*#image03 { width: 800px; height: 46px;	top: 472px;	left: 0px;} /*pricing image */
#image04 { width: 202px; height: 385px; top: 148px;  left: 666px; background: url("mainbg02.gif"); }
#image05 { width: 800px; height: 46px;	top: 472px;	left: 0px; background: url("mainbg03.gif");}
#image07 { width: 202px; height: 385px;	top: 148px;	left: 666px;} /* step image */

#image03, #image06, #image08, #image09, #image10, #image11, #image12, #image13, #image14, #image15 { display:none; }


/* shortcode logo */
#shortcodelogo { display:block; top:459px; left: 706px; }

/* step2 */
.imagestep2 #image03, #image06, #image08, #image09, #image10, #image11, #image12, #image13, #image14, #image15 { display:none; }

/* submit button */
.imagesubmit { width: 177px; height: 42px; background: none; border: 0px;}


/* form */
#inputzone { top: 212px; left:250px; height: 360px; width: 410px; text-align: center; }
/*.imagestep2 #inputzone { top:115px; }*/
.sv_SE #inputzone {  left: 250px; text-align: left;}


/*.nl_NL #inputzone { top: 137px; }*/

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

/* carrier logos, T&C */
#logos { top: 525px; padding: 0px; left:0; width:780px;}
#tnc   { top: 525px; padding: 0px; left:0; width:780px;}
#disclaimer { width: 100%;}

#footer {}


#countrycode { color: #ffffff; } /* (+44) */
#inputtext1 { color: #ffffff; font-family: Arial,sans-serif; font-size: 18px; text-transform: capitalize; padding-bottom: 20px; }

#inputtext1 span, #inputtext2, #inputtext3, #pricing1, #pricing2 { color: #ffffff;}
.fstyle1 { color: #ffffff; } /* We are now sending you the password to: */
.fstyle2 { color: #ffffff; } /* +44 1234567890 */
.fstyle3 { color: #ffffff; } /* Please check your phone. Just enter the password below. */
.fstyle4a { color: #ffffff; } /* You should receive your first question now, answer it and compete for your prize! */
.fstyle4b { color: #ffffff; } /* To view your profile, enter the password below. */
.fstyle5 { color: #ffffff; } /* Send the text with OK to 88989 */
.fstyle6 { color: #1027a9; } /* OK 88898 */
.fstyle7 { color: #ffffff; } /* You will now receive instructions SMS from 88989  */

/* for oppc font style */
.fstyle8  { color: #000000; } /*right text*/
.fstyle9  { color: #000000; } /*right text "Reply"*/
.fstyle10 { color: #ce0000; } /*right text "YES"*/
.fstyle11 { color: #ffffff; } /*phone text "Reply"*/
.fstyle12 { color: #000099; } /*phone text "YES""*/
.fstyle13 { color: #000000; } /*Do not close this window!*/
#oppc_text2 span {background-color:#ffcc00;} /*Reply "YES" background color"*/

.demo_steps_text { color: #ffffff; }
#inputtext4 { color: #FFFFFF; margin-top: 6px; } /* Winstuffhere has sent the 4-digit password in a text message to your cell phone. Please enter your password above. */
#term_text { color: #FFFFFF; font-weight: bold; } /* I've read the terms and conditions */
.chkbox_color_text,.chkbox_color_link { color: #ffffff; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #333333; } /* T&C text */

.hyphen { color: #ffffff; }
#inputtext5 { color: #ffffff; } /* Where should we send your ringtones */



/* 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;}
#operatorlist { background-color:#FFFFFF; color: #000000; }

.en_GB #msisdn { font-size:36px; height:40px; width:240px; }
.en_IE #msisdn { font-size:36px; height:40px; width:240px; }


/* check box */
.form_bg2 #term_warn_box { margin-top: -80px; }




/* subtitles */

/* subtitles - common / advertentie / suscribete / inputtext */
#subtitle1, #subtitle2 {position:absolute; top:0px; left:250px; width:550px;
color:#000000; font-size: 12px; font-weight:bold; font-family: Arial,sans-serif; text-align:right;}

.en_US #container {top:-10px;}
.en_US #inputzone {top: 220px;}
.en_US #inputtext1 { padding-bottom: 10px; }
.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 #subtitle1, .en_US #subtitle2 {display:block; top:105px; left:90px; width:auto; text-align:left;}
.en_US #logos {display:block; top:519px; left:30px;} .en_US #tnc {top:560px;}

.en_CA #logos {display:none;} .en_CA #tnc {top:525px; padding:0;}
.en_CA #subtitle1, .en_CA #subtitle2 {display:block; left:90px; top:95px;}

.en_IE #subtitle1, .en_IE #subtitle2 { top: 100px; left: 90px; width: 600px; text-align: center;}

.en_GB #subtitle1, .en_GB #subtitle2 { top: 100px; left: 90px; width: 600px; text-align: center;}

.en_SE #subtitle1, .en_SE #subtitle2 { top: 112px; left: 200px; width: 400px; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: 17px; letter-spacing: -1px; text-transform: uppercase; color: #ffffff;}
.en_SE #inputtext4 { display: block; color: #fffff;}
.sv_SE #subtitle1, .sv_SE #subtitle2 { top: 112px; left: 200px; width: 400px; 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: #fffff;}

.en_SG #subtitle1, .en_SG #subtitle2 {top:10px; left:auto; width:auto; color:#49C71B; font-weight:normal;}

.en_NZ #subtitle1 {display:block; left:90px; top:95px; text-align:center;}

.en_ZA #subtitle1, .en_ZA #subtitle2 {display:block; top:90px; left:90px; width:auto; text-align:left;}

.bg_BG #subtitle1, .bg_BG #subtitle2 {top:100px; left:95px; text-align:center; }

.cs_CZ #subtitle1 { top: 100px; left: 125px; width: 550px; font: normal 11px Arial, Helvetica, sans-serif; text-align: center;}
.cs_CZ #subtitle2 { top: 92px; left: 125px; width: 550px; font: normal 11px Arial, Helvetica, sans-serif; text-align: center;}

.da_DK .imagestep2 #inputzone {top:190px;}

.de_AT #subtitle1, .de_AT #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}

.de_CH .imagestep1 #inputzone, .fr_CH .imagestep1 #inputzone, .it_CH .imagestep1 #inputzone { top: 212px; }
.de_CH .imagestep2 #inputzone, .fr_CH .imagestep2 #inputzone, .it_CH .imagestep2 #inputzone { top: 185px; }
.de_CH #subtitle1, .de_CH #subtitle2 {display:block; top:100px; left:55px; width:auto; text-align:left;}
.fr_CH #subtitle1, .fr_CH #subtitle2 {display:block; top:100px; left:80px; width:auto; text-align:left;}
.it_CH #subtitle1, .it_CH #subtitle2 {display:block; top:100px; left:90px; width:auto; text-align:left;}

.de_DE #inputzone {top:160px; left:250px; text-align:left;}
.de_DE #subtitle1, .de_DE #subtitle2 {top:100px; left:116px; width:650px; text-align:center;}
.de_DE .fstyle2 {color:#000;}
.de_DE #logos {display:none;}

.el_GR #subtitle1, .el_GR #subtitle2 {display:block; top:25px; left:507px; width:auto; text-align:left; color:#0228B6;}

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

.es_MX #subtitle1, .es_MX #subtitle2 {top:100px; left:0px; width:750px; text-align:center;}
.es_MX #inputzone {top: 193px;}

.et_EE #subtitle1, .et_EE #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}

.fi_FI #subtitle1, .fi_FI #subtitle2 {display:block; left:auto; right:-83px; top:10px; width:auto; text-align:right;}

.fr_FR #subtitle1, .fr_FR #subtitle2 {top:100px; left:95px; text-align:center; }

.hu_HU #subtitle1, .hu_HU #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}

.id_ID #subtitle1, .id_ID #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.lt_LT #subtitle1, .lt_LT #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}
.lt_LT .imagestep2 #inputzone {top: 193px;}

.nb_NO #subtitle1, .nb_NO #subtitle2 { top:100px; left:-40px; }

.nl_NL #subtitle1, .nl_NL #subtitle2 { top: 92px; left: 125px; width: 550px; font: bold 10px Arial, Helvetica, sans-serif; text-align: center;}

.lv_LV #subtitle1, .lv_LV #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:50px;}

.pl_PL #subtitle1, .pl_PL #subtitle2 { left: 80px; top: 100px; text-align: left; }

.sk_SK #subtitle1, .sk_SK #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}

.sl_SI #subtitle1, .sl_SI #subtitle2 {display:block; top:100px; left:0px; width:auto; text-align:left;}

.zh_TW #subtitle1, .zh_TW #subtitle2 {top:120px; left:105px; width:535px; text-align:left;}