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

body { background: #FFFFFF; }

/* all images other than inputzone*/
#title_image { width: 760px; height: 100px; top: 0px; left: 0px; }


#image01 { width: 158px; height: 257px;	top: 100px;	left: 0px; background: url("leftimg.gif"); }
.en_IE #image01 { width: 158px; height: 257px;	top: 100px;	left: 0px; background: url("leftimg_en_ie.gif"); }
.nl_NL #image01 { top: 60px;}

#image02 { width: 207px; height: 257px;	top: 100px;	left: 553px; background: url("rightimg.gif"); }
.fr_CH #image02 { width: 207px; height: 257px;	top: 100px;	left: 553px; background: url("rightimg_fr_ch.gif"); }
.lt_LT #image02 { width: 207px; height: 257px;	top: 100px;	left: 553px; background: url("rightimg_blank.gif"); }
.nl_NL #image02 { top: 60px;}

#image03 { width: 395px; height: 257px;	top: 100px;	left: 158px; background: url("pricing_en_us.gif"); }
.nl_NL #image03 { top: 60px;}

#image04 { width: 760px; height: 72px; top: 357px; left: 0px; background: url("bg_extender.gif"); }
.en_US #image04{ display:none; }
.en_CA #image04{ display:none; }
.en_GB #image04{ display:none; }
.en_IE #image04{ display:none; }
.nl_NL #image04{ display:none; }

#image05 { width: 760px; height: 90px;	top: 429px;	left: 0px;	background: url("step1_en_us.gif"); }
.en_US #image05 { width: 760px; height: 90px; top: 357px; left: 0px;}
.en_CA #image05 { width: 760px; height: 90px; top: 357px; left: 0px;}
.en_GB #image05 { width: 760px; height: 90px; top: 357px; left: 0px;}
.en_IE #image05 { width: 760px; height: 90px; top: 357px; left: 0px;}
.nl_NL #image05 { top: 317px;}

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

/* titles */
#subtitle1, #subtitle2 { position: absolute; top: 55px;	left: 40px;	text-align: left; width: 550px;
font-size: 12px; font-weight: bold; color: #333333; font-family: Arial,sans-serif; }
.en_SE #subtitle1 { position: absolute; top: 85px;	left: 42px;	text-align: left; width: 550px; }
.nl_NL #subtitle1 {	top: 38px;}

/* shortcode logo */
#shortcodelogo { display:block;	top:58px; left: 594px; }

/* step2 */

.imagestep2 #title_image { width: 760px; height: 100px; top: 0px; left: 0px; background: url("title2_phonepin_en_us.gif"); }

.imagestep2.cooltext #title_image { background: url("title2_cooltext.gif"); }

.imagestep2 #image04 { width: 760px; height: 72px; top: 357px; left: 0px; background: url("bg_extender.gif"); }
.en_US #image04{ display:none; }
.en_CA #image04{ display:none; }
.nl_NL #image04{ display:none; }

.imagestep2 #image05 { background: url("step2_en_us.gif"); }

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

/* submit button */
.imagesubmit { width: 203px; height: 39px; background: none; border: 0px; background-image: url("submit_en_us.gif"); }


/* form */
#inputzone { top: 179px; left: 170px; height: 270px; width: 340px; }
.nl_NL #inputzone { top: 137px; }
.form_bg1 { padding-top: 20px; }
.nl_NL .form_bg1 { padding-top: 0px; }
.en_GB .form_bg1 { padding-top: 0px; }
.en_IE .form_bg1 { padding-top: 0px; }
.form_bg2 { }

/* carrier logos, T&C */
#logos { top:540px; }
.en_IE #logos { display:none; }
.da_GB #logos { display:none; }
.da_DK #logos { display:none; }
.pt_PT #logos { display:none; }
.nb_NO #logos { display:none; }
.nl_NL #logos { display:none; }
.hu_HU #logos { display:none; }
.fi_FI #logos { display:none; }
.es_ES #logos { display:none; }
.de_DE #logos { display:none; }
.cs_CZ #logos { display:none; }
.de_CH #logos { display:none; }
.nl_BE #logos { display:none; }
.fr_BE #logos { display:none; }
.de_AT #logos { display:none; }
.sv_SE #logos { display:none; }
.en_SE #logos { display:none; }
.fr_CH #logos { display:none; }

#tnc { top: 540px; width:660px; padding: 0px; }
.en_US #tnc { top: 488px; padding: 0px; }
.en_CA #tnc { top: 488px; padding: 0px; }
.en_GB #tnc { top: 488px; padding: 0px; }
.en_IE #tnc { top: 460px; padding: 0px; }
.nl_NL #tnc { top: 403px; left: -50px;}

#disclaimer {width:100%;}

.nl_NL #disclaimer { width: 860px;}


#footer {}



h2 { font-size: 26px;}
h2.unavailable { font-size: 14px; height: 35px; overflow: hidden; }
.artist { color: #F46400; } /* artist name */


/* text properties */
.nl_NL #subtitle1 { font-size: 20px; font-weight: bold; color: #333333; font-family: Arial,sans-serif; }


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

.hyphen { color: #666666; }
#inputtext5 { color: #666666; } /* 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; }

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

.nl_NL #title_image { height: 60px; }
.nl_NL #advertentie { color: #000; font-size: 14px; }
.nl_NL .form_bg1 .fstyle1 { font-size: 14px; }

.en_US #image03 {background-image: url('pricing_nb.gif')}
.en_US #image02 {background-image: url('rightimg_nb.gif')}
.en_US .imagestep1 #inputzone { top: 130px; }
.en_US .imagestep2 #inputzone { top: 150px; }
.en_US #subtitle1, .en_US #subtitle2 {top: 85px; left: 42px;	text-align: left; width: 550px; font-size:16px; font-weight:bold;}
.en_US #logos {display:block; top:445px; left:30px;} .en_US #tnc {top:500px;}

.en_CA #image03 {background-image: url('pricing_nb.gif')}
.en_CA #image02 {background-image: url('rightimg_nb.gif')}
.en_CA #subtitle1 {display:block; top:50px; left:42px;}
.en_CA #subtitle2 {display:block; top:83px; left:61px;}
.en_CA #logos {display:none;} .en_CA #tnc {top:460px; padding:0;}
.en_CA .imagestep2 #inputzone {top:150px;}

.fr_BE .imagestep1 #inputzone, .nl_BE .imagestep1 #inputzone {left:160px; width:360px;}
.fr_BE #image03, .nl_BE #image03 {background-image:url('pricing_nb.gif')}
.fr_BE #image02, .nl_BE #image02 {background-image:url('rightimg_nb.gif')}

.de_CH #image03 {background-image: url('pricing_nb.gif')}
.de_CH #image02 {background-image: url('rightimg_nb.gif')}

.de_CH #subtitle1, .de_CH #subtitle2 {display:block;}
.fr_CH #subtitle1 { top: 60px; }
.fr_CH #subtitle1, .fr_CH #subtitle2 {display:block;}
.it_CH #subtitle1, .it_CH #subtitle2 {display:block;}

.hu_HU .imagestep1 #inputzone {width:330px;}
.hu_HU #subtitle1 {display:block;}
.hu_HU #subtitle2 {display:block; left:61px; top:60px; font-size:12px;}

.lt_LT #subtitle1 { width: 650px; }
.lt_LT #subtitle2 { top:65px; left:60px; width:550px;}

.lv_LV .imagestep1 #inputzone {left:170px; width:345px;}
.lv_LV #subtitle1 {display:block;}
.lv_LV #subtitle2 {display:block; left:58px;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:50px;}

