@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("title_en_us.gif");}
#image01 { width: 168px; height: 247px; top: 100px; left: 0px; background: url("right.gif");}
#image02 { width: 592px; height: 247px; top: 100px; left: 168px; background: url("form_bg.gif");}
#image03 { width: 760px; height: 52px; top: 347px; left: 0px;	background: url("step1_en_us.gif");}
#image04 { width: 760px; height: 47px; top: 399px; left: 0px;	background: url("bottom.gif");}


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

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


/* shortcode logo */
#shortcodelogo { display:block;	top:33px; left: 626px;}

/* step2 */

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

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

/* submit button */
.imagesubmit { width: 142px; height: 33px;	background: none; border: 0px;	background-image: url("submit_en_us.gif"); vertical-align: middle;}
.imagesubmit1 { width: 141px; height: 33px;	background: none; border: 0px;	background-image: url("submit2_en_us.gif"); vertical-align: middle;}

/* form */
#inputzone { top: 131px; left: 29px; height: 199px;	width: 558px; }
.form_bg1 { padding-top: 30px; }
.form_bg2 { padding-top: 15px;}

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

h2 { font-size: 26px; }
h2.unavailable { font-size: 14px; height: 35px; overflow: hidden; }
.artist {
	color: #FF9900;
} /* artist name */
#countrycode { color: #333333; }
#inputtext1 {
	color: #333333;
	font-family: Arial,sans-serif;
	font-size: 20px;
	text-align:center;
} /* Enter Your Cell Phone Number */
#inputtext2 { color: #696969; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
#inputtext5 { color: #333333; } /* Where should we send your ringtones */
#inputtext4 { color: #696969; margin-top: 80px; font: 12px  Arial, Helvetica, sans-serif; text-align:center; } /* Funmobile has sent the 4-digit password in a text message to your cell phone. Please enter your password above. */
.fstyle1 { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; } /* We are now sending you the PIN */
.fstyle3 { color: #ff6600; font-size:24px !important; font-weight:bold;  } /* PEnter Your PIN Now */
#timermsg2 .fstyle4a { color: #333333; } /*You should have received your password now.*/
#timermsg2 .fstyle4b { color: #333333; } /* Enter the PIN below. Alternatively, you can */
.fstyle5 { color: #333333; } /* text YES to 71769 */
.fstyle6 { color: #ff6600; } /* Yes 71769 */
#term_text { color: #696969; font-weight: bold; } /* I've read the terms and conditions */
.chkbox_color_text,.chkbox_color_link { color: #333333; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #000000; } /* T&C text */
.verizon_text, .highlight { color: #333333; }
.hyphen { color: #666666; }
.fstyles7 { color: #333333; }

#oppc_text { width: 380px;}

/* 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:#ffff00;} /*Reply "YES" background color"*/


/* input fields */
#inputphone { padding: 25px 0px 10px; }
#inputphone .num { margin: 6px -18px 0px 18px; border: 0; float: left; }
#inputcarrier { padding: 9px 0px; }

input.phonearea, input.phoneprefix, input.phonesuffix, input.password { font-size: 22px; color: #000000; background-color: #FFFFFF; border:3px solid #ff6600; width: 90px; height: 34px;}
input.phonesuffix { width: 80px;}
#operatorlist { background-color:#FFFFFF; color: #000000; }

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


#counter { padding: 10px 20px 0 50px; width: 50px; float: left;}
#inputpassword { padding: 15px 2px 0 2px; width: 260px; float: left;}
#term_outer_wrap { position:absolute; left: -5px; top: 189px; }
#inputbutton { padding: 25px 0 0 0; float: left; width: 160px;}

.en_US .imagestep1 #inputphone {margin-left:-10px; width:570px;}
.en_US #inputtext2 {font-size: 16px;}
.en_US #inputtext4 {text-align: center; font-size: 16px;}
.en_US #inputzone {top:120px;}
.en_US #subtitle1, .en_US #subtitle2 {display:block; top:85px; font-size:16px; width:100%;}
.en_US #subtitle1 {left:38px;}
.en_US #subtitle2 {left:64px;}