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


#image05 { width: 469px; height: 42px;	top: 255px;	left: 0px;} /* 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 { position: absolute; text-align: left; width: 500px;}
#subtitle2 { position: absolute; top: 85px; left: 200px; text-align: left; width: 500px; }
.en_US #subtitle2 { position: absolute; text-align: left; width: 500px; font-size: 12px; font-weight: bold; color: #000000; font-family: Arial,sans-serif; top: 238px; left: 20px; line-height: 11px; }
/* 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; background: none; border: 0px;}


/* 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 { top: 610px; left: 20px; width: 720px; }
.sv_SE #logos { display:none; }
.en_US #logos { display:none; }

#tnc   { top: 610px; left: 20px; width: 720px; padding: 0px; }

#disclaimer { width: 100%; margin: 0 auto; }

#footer {}

/* text properties */
#subtitle1 { font-size: 12px; font-weight: bold; color: #000000; font-family: Arial,sans-serif; top: 238px; left: 20px; line-height: 11px; }
.sv_SE #subtitle1 {display:block;}
.en_US #subtitle1 {display:block;}
.en_GB #subtitle1 {display:block;}
.en_IE #subtitle1 {display:block;}

#subtitle2 { font-size: 18px; font-weight: bold; color: #000000; font-family: Arial,sans-serif; }

#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 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_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 .imagestep1 #inputzone {top:320px;}
.en_US .imagestep2 #inputzone {top:293px;}

.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: 360px; height: 20px; width: 190px; text-align: right;}
#block02{ font-size: 11px; font-weight: bold; color: #ffffff; left: 510px; top: 430px; height: 125px; width: 75px; line-height: 37px;}
#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;}


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

.sv_SE #subtitle1 {display: none;}
.sv_SE #subtitle2 {display: none;}


.en_IE #subtitle1 { }
.en_ZA #subtitle1, .en_ZA #subtitle2 { top:225px; line-height:16px;}
.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;}
/*.sv_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;}
*/
.cs_CZ #subtitle1 { top: 233px; left: 24px; width: 650px; font: normal 11px Arial, Helvetica, sans-serif; text-align: left;}
.nl_NL #subtitle1 { top: 233px; left: 24px; width: 650px; font: bold 10px Arial, Helvetica, sans-serif; text-align: left;}
.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;}


.en_GB #subtitle2 { }
.en_IE #subtitle2 { }
.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 #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;}
*/

.cs_CZ #subtitle2 { top: 233px; left: 24px; width: 650px; font: normal 11px 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;}
.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;}


.en_SE #inputtext4 { display: block; color: #7f006a;}
.sv_SE #inputtext4 { display: block; color: #7f006a;}


/* US 82561: show TnC without scrolling */
.en_US #container {top:-5px;}
.en_US #image03, .en_US #image07 {height:230px;}
.en_US .phone_row3, .en_US .phone_row4 {display:none;}
.en_US #logos {display:block; top:530px;} .en_US #tnc {top:580px; padding:0;}
.en_US #subtitle1 {display:block; top:228px; width:488px; font-size:16px;}
.en_US #subtitle2 {display:block; top:238px; width:488px; font-size:16px;}

/* CA 60066: show TnC without scrolling */
/*.en_CA #container {top:-123px;}*/
.en_CA #image03, .en_CA #image07 {height:230px;}
.en_CA .phone_row3, .en_CA .phone_row4 {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;}

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

.da_DK #inputzone {top:330px;}

.de_AT #subtitle1, .de_AT #subtitle2 {display:block; top:230px; width:488px;}

.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;}

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

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

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

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

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

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

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

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

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

.lv_LV #subtitle1, .lv_LV #subtitle2 {display:block; top:226px; width:488px;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:60px;}

.nl_NL #advertentie { color: #000000; right: 0px;}

.pt_PT #block06 {width:130px;}

.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;}