@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; }
#image02 { width: 291px; height: 42px;  top: 121px;	left: 469px; background: url("mainbg01.gif");}
#image03 { width: 469px; height: 302px;	top: 163px;	left: 0px;} /*pricing image */
#image04 { width: 760px; height: 155px; top: 465px; left: 0px; background: url("mainbg02.jpg"); }
#image05 { width: 469px; height: 42px;	top: 121px;	left: 0px;} /* step image */
#image07 { width: 291px; height: 302px;	top: 163px;	left: 469px; background: url("mainbg03.jpg");}
#image08 { width: 19px; height: 19px; top: 310px; left: 608px;	background: url("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;}


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

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

#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_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: 302px; 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;}

/* US 82561: show TnC without scrolling */
.en_US #container {top:-5px;}
.en_US #image03, .en_US #image07 {height:230px;}
.en_US #image04 {top:393px;}
.en_US .phone_row3, .en_US .phone_row4 {display:none;}
.en_US #logos {display:block; top:515px;} .en_US #tnc {top:515px; padding:0; margin-top:50px;}
.en_US #block04, .en_US #block05, .en_US #block06, .en_US #block07 {top:413px;}

.en_US #subtitle1, .en_US #subtitle2 {top: 105px; left: 25px; width: 500px; text-align: left; font:bold 16px Arial,sans-serif; color: #000000; }
.en_US #inputzone { top: 155px; }
.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_US .imagestep1 #inputzone { top: 190px; }
.en_US .imagestep2 #inputzone { top: 160px; left: 80px; }
.en_US input.password {width: 185px; }

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