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

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

/* all images other than inputzone*/
#title_image { width: 760px; height: 121px; top: 0px; left: 0px; background:url(images/title_en_us.gif) no-repeat; }
#image02 { width: 291px; height: 42px;  top: 121px;	left: 469px; background: url(images/mainbg01.gif);}
#image03 {
	width: 469px;
	height: 302px;
	top: 163px;
	left: 0px;
	background: url(images/pricing_en_us.jpg);
} /*pricing image */
#image04 { width: 760px; height: 155px; top: 465px; left: 0px; background: url(images/mainbg02.jpg) no-repeat;}
#image05 { width: 469px; height: 42px;	top: 121px;	left: 0px; background: url(images/step1_en_us.gif); }
#image07 { width: 291px; height: 302px;	top: 163px;	left: 469px; background:url(images/mainbg03.jpg);}
#image08 { width: 19px; height: 19px; top: 310px; left: 608px;	background: url(images/mainbg04.gif);}

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

/* titles */
#subtitle1, #subtitle2 {position: absolute; top:105px; left:25px; text-align: left; }
#subtitle1, #subtitle2 {font-size: 12px; font-weight: bold; color: #000000; font-family: Arial,sans-serif;}
.sv_SE #subtitle1 {display: none;}
.en_US #subtitle1 {display:block;}
.en_US #subtitle2 { position: absolute; top: 77px; left: 49px; text-align: left; width: 550px; font-size: 12px; font-weight: bold; color: #000000; font-family: Arial,sans-serif; width: 500px; line-height:10px; top: 105px; left: 25px; }


/* 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: 160px;
	left: 70px;
	height: auto;
	width: 354px;
	text-align: left;
}
.sv_SE #inputzone { top: 160px; left: 35px; height: 360px; width: 420px; text-align: left;}
.en_US #inputzone { top: 155px; }

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

/* carrier logos, T&C */
#logos { top: 600px; }
.sv_SE #logos { display:none; }

#tnc { top: 610px; left: 0px; padding: 0px; width: 760px; }
.en_US #tnc { top: 650px; }

#disclaimer { width: 680px; margin: 0 auto; }

#footer {}

/* text properties */
#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:200px;}
.en_US .imagestep2 #inputzone {top:170px;}


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

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


/* 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: 227px; height: 20px; width: 190px; text-align: right;}
#block02{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	left: 510px;
	top: 297px;
	height: 125px;
	width: 75px;
	line-height: 37px;
}
#block03{ font-size: 18px; font-weight: bold; left: 623px; top: 302px; color: #ff9900; height: 148px;	width: 68px;
text-align: right; line-height: 37px;}
#block04{ left: 32px; top: 485px; height: 18px; width: 125px; font-size: 12px; font-weight:normal; color: #ffffff;}
#block05{ left: 209px; top: 485px; height: 18px; width: 125px; font-size: 12px; font-weight:normal; color: #ffffff;}
#block06{ left: 386px; top: 485px; height: 18px; width: 125px; font-size: 12px; font-weight:normal; color: #ffffff;}
#block07{ left: 563px; top: 485px; height: 18px; width: 125px; font-size: 12px; font-weight:normal; color: #ffffff;}
#block08{ left: 617px; top: 82px; height: 36px; width: 59px; font: bold 16px Arial, Helvetica, sans-serif; color: #ffffff;
text-align: center; line-height: 14px;}

.en_US #subtitle1, .en_US #subtitle2 { font-size: 16px; }
.en_US .imagestep2 #subtitle2 { left: 15px; top: 110px; }
.en_US .imagestep1 #inputzone {
	top: 196px;
}
.en_US .imagestep2 #inputzone { top: 160px; left: 80px; }
.en_US input.password {width: 185px; }

.fi_FI #subtitle1, .fi_FI #subtitle1 {display:block;}