@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:760px; height:132px; top:123px; left:0;}
#image02 {width:291px; height:41px; top:255px; left:469px; background:url("mainbg01.gif");}
#image03 {width:469px; height:302px; top:297px; left:0; background:url("pricing.jpg");} /*pricing image */
#image04 {width:760px; height:123px; top:0; left:0; background:url("mainbg02.jpg");}
.id_ID #image041, .ms_MY #image04, .en_MY #image04, .en_SG #image04, .zh_TW #image04 {width:760px; height:123px; top:0; left:0; background:url("mainbg02_asian.jpg");}


#image05 {width:469px; height:42px; top:255px; left:0;} /* step image */
#image07 {width:291px; height:302px; top:297px; left:469px; background:url("mainbg03.jpg");}
#image08 {width:19px; height:19px; top:438px; left:608px; background:url("mainbg04.gif");}

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

/* titles */
#subtitle1, #subtitle2 {position:absolute; top:230px; left:24px; width:500px;
font:bold 12px Arial, Helvetica, sans-serif; color:#000000;}

/* shortcode logo */
#shortcodelogo {display:block; top:41px; left:626px;}
.sv_SE #shortcodelogo {display:none;}

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

/* submit button */
.imagesubmit {width:143px; height:28px; border:0;}


/* form */
#inputzone {top:300px; left:40px; width:410px; text-align:left;}

.sv_SE .imagestep1 #inputzone {top:300px; left:55px; height:360px; width:420px;}
.sv_SE .imagestep2 #inputzone {top:310px; left:60px; height:360px; width:420px;}

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

/* carrier logos, T&C */
#logos, #tnc {top:610px; left:20px; width:720px; padding:0;}
.sv_SE #logos {display:none;}

#disclaimer {width:100%;}

#footer {}

/* text properties */
.en_GB #subtitle1 {display:block;}
.en_IE #subtitle1 {display:block;}
.sv_SE #subtitle1 {display:block;}


#countrycode {color:#000000; font-weight:bold;} /* (+44) */
#inputtext1 {color:#000000; font-family:Arial,sans-serif; font-size:20px; text-transform:capitalize;}
#inputtext1 span {color:#000000;}
.fstyle1 {color:#000000; font-size:17px; font-weight:bold; letter-spacing:-1px;} /* We are now sending you the password to:*/
.fstyle2 {color:#000000;} /* +44 1234567890 */
.fstyle3 {color:#000000; font-size:12px; font-weight:bold;} /* Please check your phone. Just enter the password below. */
.fstyle4a {color:#000000;} /* You should receive your first question now, answer it and compete for your prize! */
.fstyle4b {color:#000000;} /* To view your profile, enter the password below. */
.fstyle5 {color:#000000;} /* Send the text with OK to 88989 */
.fstyle6 {color:#00ccff;} /* OK 88898 */
.fstyle7 {color:#000000;} /* 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:#000000;} /*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:#000000;}
#inputtext4 {color:#000000; 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:#000000; font-weight:bold;} /* I've read the terms and conditions */
.chkbox_color_text,.chkbox_color_link {color:#000000;} /* check box text */
#disclaimer, a.unsub, a.blacklink {color:#000000;} /* T&C text */

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

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

input.phonearea {font-size:36px; height:40px; width:80px;}
input.phoneprefix {font-size:36px; height:40px; width:80px;}
input.phonesuffix {font-size:36px; height:40px; width:105px;}

.en_GB #msisdn {font-size:36px; height:40px; width:240px;}
.en_GB .imagestep1 #inputzone {top:350px;}
.en_GB .imagestep2 #inputzone {top:330px;}

.en_IE #msisdn {font-size:36px; height:40px; width:240px;}
.en_IE .imagestep1 #inputzone {top:350px;}
.en_IE .imagestep2 #inputzone {top:330px;}


/* check box */
#term_wrap table {margin:0;}

/* block */
#block01, #block02, #block03, #block04, #block05, #block06, #block07, #block08 {position:absolute; font-family:Arial, Helvetica, sans-serif;}

#block01 {font-size:16px; font-weight:bold; color:#ffffff; left:504px; top:335px; width:190px; text-align:center;}
#block02 {font-size:11px; font-weight:bold; color:#ffffff; left:510px; top:430px; height:125px; width:195px;}
#block03 {font-size:18px; font-weight:bold; left:623px; top:430px; color:#ff9900; height:148px; width:68px; text-align:right; line-height:37px;}
#block04 {left:32px; top:17px; height:18px; width:170px; font-size:12px; font-weight:normal; color:#ffffff;}
#block05 {left:209px; top:17px; height:18px; width:170px; font-size:12px; font-weight:normal; color:#ffffff;}
#block06 {left:386px; top:17px; height:18px; width:170px; font-size:12px; font-weight:normal; color:#ffffff;}
#block07 {left:563px; top:17px; height:18px; width:170px; font-size:12px; font-weight:normal; color:#ffffff;}
#block08 {left:617px; top:205px; height:36px; width:59px; font:bold 16px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; line-height:14px;}


#block02 .phone_row {height:37px;}
#block02 .phone_row label {float:left; width:135px; line-height:22px;}
#block02 .phone_row span {font-size:18px; font-weight:bold; color:#ff9900;}







/* US 82561:show TnC without scrolling */
.en_US .imagestep1 #inputzone {top:320px;}
.en_US .imagestep2 #inputzone {top:293px;}
.en_US #container {top:-5px;}
.en_US #image03, .en_US #image07 {height:230px;}
.en_US #phone_row_3, .en_US #phone_row_4 {display:none;}
.en_US #logos, .en_US #tnc {top:530px;}
.en_US #logos {display:none;}
.en_US #subtitle1, .en_US #subtitle2 {display:block; top:228px; width:488px; font-size:16px;}

/* CA 60066:show TnC without scrolling */
/*.en_CA #container {top:-123px;}*/
.en_CA #image03, .en_CA #image07, .fr_CA #image03, .fr_CA #image07 {height:230px;}
.en_CA #phone_row_3, .en_CA #phone_row_4, .fr_CA #phone_row_3, .fr_CA #phone_row_4 {display:none;}
.en_CA #logos {display:none;} .en_CA #tnc {top:530px; padding:0;}
.en_CA #subtitle1, .en_CA #subtitle2 {display:block; top:226px; width:488px;}
.en_CA .imagestep2 #inputzone {width:400px; padding-top:0;}



.en_NZ #subtitle1, .en_NZ #subtitle2 {top:235px;}

.en_SE #subtitle1 {top:85px; left:150px; width:650px; font:normal 18px Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:17px; letter-spacing:-1px; text-transform:uppercase; color:#000000;}
.en_SE #subtitle2 {top:90px; left:150px; width:650px; font:normal 18px Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:17px; letter-spacing:-1px; text-transform:uppercase; color:#000000;}
.sv_SE #subtitle1 {display:none;}
.sv_SE #subtitle2 {display:none;}
.en_SE #inputtext4 {display:block; color:#7f006a;}
.sv_SE #inputtext4 {display:block; color:#7f006a;}

.ar_SA #inputzone {top:350px; padding-top:0; text-align:center;}

.de_AT #subtitle1, .de_AT #subtitle2 {display:block; top:230px; width:488px;}
.de_AT #inputzone {text-align:center;}

.de_CH .imagestep1 #inputzone, .fr_CH .imagestep1 #inputzone, .it_CH .imagestep1 #inputzone {top:346px;}
.de_CH .imagestep2 #inputzone, .fr_CH .imagestep2 #inputzone, .it_CH .imagestep2 #inputzone {top:312px;}
.de_CH #subtitle1, .de_CH #subtitle2 {display:block; top:230px; width:488px;}
.fr_CH #subtitle1, .fr_CH #subtitle2 {display:block; top:230px; width:488px;}
.it_CH #subtitle1, .it_CH #subtitle2 {display:block; top:230px; width:488px;}

.cs_CZ #subtitle1 {top:233px; left:24px; width:650px; font:normal 11px Arial, Helvetica, sans-serif; text-align:left;}
.cs_CZ #subtitle2 {top:233px; left:24px; width:650px; font:normal 11px Arial, Helvetica, sans-serif; text-align:left;}

.de_DE .imagestep1 #inputzone {padding-top:0;}
.de_DE .imagestep2 #inputzone {top:300px; padding-top:0;}

.da_DK #inputzone {top:330px;}

.et_EE #subtitle1, .et_EE #subtitle2 {display:block; top:226px; width:488px;}

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

.fi_FI #subtitle1, .fi_FI #subtitle2 {display:block;}
.fi_FI #logos {display:block;} .fi_FI #tnc {margin-top:60px;}

.fr_FR #inputzone {text-align:center;}

.el_GR #subtitle1, .el_GR #subtitle2 {display:block; top:3px; width:488px;}

.hu_HU #subtitle1, .hu_HU #subtitle2 {display:block; top:226px; width:488px;}

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

.en_IE #subtitle1, .en_IE #subtitle2 {top:4px; width:700px; text-align:center;}
.en_IE #pricing1, .en_IE #pricing2 {top:225px; left:20px; width:415px;}

.lt_LT #subtitle1, .lt_LT #subtitle2 {display:block; top:226px; width:488px; color:grey; font-weight:normal;}
.lt_LT #tnc {top:565px !important;}

.fr_LU .imagestep2 #inputzone {top:290px;}
.fr_LU #subtitle1, .fr_LU #subtitle2 {top: 1px; left: 30px; font-weight: normal;}

.lv_LV #subtitle1, .lv_LV #subtitle2 {top:226px; width:488px;}
.ru_LV #subtitle1, .ru_LV #subtitle2 {top:226px; width:488px;}

.es_MX #subtitle1, .es_MX #subtitle2 {top:222px; left:22px; width:490px;}

.nl_NL #subtitle1 {top:233px; left:24px; width:650px; font:bold 10px Arial, Helvetica, sans-serif; text-align:left;}
.nl_NL #subtitle2 {top:233px; left:24px; width:650px; font:bold 10px Arial, Helvetica, sans-serif; text-align:left;}
.nl_NL #advertentie {color:#000000; right:0;}

.nb_NO #inputtext5 {color:#C7C7C7;}
.nb_NO #inputphone_button, .nb_NO #inputpassword_button {margin-left:0 !important;}
.nb_NO #subtitle1 {top:230px; left:-72px; width:521px; height:15px; font-size:14px; color:#000000; text-align:right; font-family:"Arial", Times, serif;font-weight:normal;}
.nb_NO #subtitle2 {top:3px; left:372px; width:521px; height:15px; font-size:14px; color:#000000; text-align:left; font-family:"Arial", Times, serif;font-weight:normal;}

.pt_PT #block06 {width:130px;}
.pt_PT #disclaimer, .en_PT #disclaimer {color:#7F7F7F;}
.pt_PT #disclaimer a, .pt_PT #disclaimer a.unsub,
.en_PT #disclaimer a, .en_PT #disclaimer a.unsub {color:inherit;}

.sk_SK #subtitle1, .sk_SK #subtitle2 {display:block; top:226px; width:488px;}

.sl_SI #subtitle1, .sl_SI #subtitle2 {display:block; top:226px; width:488px;}

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

.en_ZA #subtitle1, .en_ZA #subtitle2 {top:225px; line-height:16px;}


