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

body { background: #FFFFFF; }

/* all images other than inputzone*/
#title_image { width: 760px; height: 100px; top: 0px; left: 0px; background: url("title1.gif");}
#image01 { width: 209px; height: 310px; top: 101px; left: 0px; background: url("leftimg.gif");}
#image02 { width: 267px; height: 310px; top: 101px; left: 493px; background: url("pricing.gif");}
#image03 { width: 760px; height: 36px; top: 411px; left: 0px; background: url("step1.gif");}
#image04 { width: 284px; height: 310px; top: 101px; left: 209px; background: url("bg.gif");}

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

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


/* 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.gif"); }
.imagestep2.cooltext #title_image { background: url("title2_cooltext.gif"); }
.iamgestep2 #image01 { width: 209px; height: 310px;	top: 118px;	left: 545px; background: url("leftimg.gif"); }
.imagestep2 #image03, .imagestep3 #image03 { background: url("step2.gif"); }

 #image05, #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.gif");
}

/* form */
#inputzone { left:180px; top:179px; height:270px; width: 330px; }
.en_ZA .imagestep2 #inputzone { left:175px; top:130px; }
.form_bg1 { padding-top:20px; }
.form_bg2 { }

/* carrier logos, T&C */
#logos { top: 446px; }
#tnc { top: 488px; padding: 0px; }
#footer {}

/* text properties */

#timermsg1 .fstyle3 { font-size: 10px; }
#timermsg1, #timermsg2 { font-size: 13px; }

#inputtext1 { color: #00365C; font-family: Arial,sans-serif; font-size: 18px; text-transform: capitalize; } /* Enter Your Cell Phone Number */
#inputtext4 { color: #666666; margin-top: 6px; } /* Funmobile has sent the 4-digit password in a text message to your cell phone. Please enter your password above. */
.fstyle1 { color: #666666; } /* We are now sending you the PIN to : 123-456-7890 */
.fstyle3 { color: #666666; } /* Please check your phone. Just enter the PIN below. */
#timermsg2 .fstyle4a { color: #666666; } /*You should have received your password now.*/
#timermsg2 .fstyle4b { color: #666666; } /* Enter the PIN below. Alternatively, you can */
.fstyle5 { color: #666666; } /* text YES to 71769 */
.fstyle6 { color: #3399cc; } /* Yes 71769 */
#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 */
.verizon_text, .highlight { color: #808080; }

/* 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; }

.en_CA #subtitle1 {display:block; }
.en_CA #subtitle2 {display:block; top:83px; left:61px;}

.en_US #subtitle1, .en_US #subtitle2 { font-size: 16px; font-weight:bold; }
.en_US #subtitle2 {left:62px;}
.en_US #inputzone { top: 150px; }

.en_ZA #subtitle1, .en_ZA #subtitle2 {display:block; top:0; left:470px; right:auto; width:auto; text-align:right; left: 270px; top: 60px;}