#error2 {color:red;}
#pixel {position:absolute; width:760px; bottom:0; /*z-index:-1; */}
#msisdnText,#countrycode {display:inline; width:100px;}
.verizon_text {font-size:11px; color:rgb(255,255,102);}

body {margin:0; font:10px Verdana, Arial, Helvetica, sans-serif;}
h1, h2 {margin:0; padding:0;}
h2 {font-size:26px;}
h2.unavailable {font-size:14px; height:35px; overflow:hidden;}

/* Basic Structure */
#leftcontent {margin-right:379px;}
#rightcontent {margin-left:379px;}
.column {width:50%; position:absolute;}
.left {left:-1px;}
.right {right:0;}
.clear {clear:both;}
#container {position:relative; clear:both; width:760px; margin:0 auto; z-index:1;}
#holder-bg {top:0; left:0; width:760px;}
#inputzone {position:absolute; width:310px; z-index:2; text-align:center;}

/* TNC */
#tnc {position:absolute; left:40px; width:680px; padding:10px 0 0 0;}
#disclaimer {width:660px; padding:0 0 20px 0; text-align:justify;}
#disclaimer, a.unsub {font-size:10px; color:#000000;}
#disclaimer p {margin:0; padding-bottom:10px;}
.disclaimer {background:url(small_ico.gif) no-repeat left; margin:10px 0 10px 0; padding-left:20px; font-size:12px; text-transform:uppercase;}
#tnc_text_wrapper, #tnc_footer_wrapper {margin:auto;}

/* for all images other than inputzone */
#title_image,#image01,#image02,#image03,#image04,#image05,#image06,#image07,#image08,#image09,#image10,#image11,#image12,#image13,#image14,#image15 {position:absolute; background:no-repeat left top;}
#title_image span {display:none;}

/* properties related to #inputzone */
#inputphone {padding:5px 0;}
#inputcarrier {padding:5px 0;}
.form_bg1, .form_bg2 {padding:0;}
#inputtext1, #inputtext2, #inputtext3, #inputtext4, #inputtext5 {color:#000;}
#inputtext1 {font:bold 13px Verdana,Arial,Helvetica,sans-serif; text-transform:capitalize;}
#inputtext4 {margin-top:6px;}

/* for arrow_l and arrow_r */
html>/*Not IE 7*/body .form_bg1 .imagearrowl, html>/*Not IE 7*/body .form_bg1 .imagearrowr {margin-top:-10px; #}
html>/*Not IE 7*/body .form_bg2 .imagearrowl, html>/*Not IE 7*/body .form_bg2 .imagearrowr {margin-top:-16px; #}

/* for loading */
.imageloading {width:66px; height:11px;}
.imagespacer {width:6px; height:1px;}
.imagehyphen {width:7px; height:2px;}
html>/*Not IE 7*/body .imagehyphen {margin-top:-7px; #}

/* set input field style here */
input.phonearea,input.phoneprefix,input.phonesuffix,.password {font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#000000; background-color:#FFFFFF; text-align:center;}
input.phonearea {font-size:18px; height:21px; width:40px;}
input.phoneprefix {font-size:18px; height:21px; width:40px;}
input.phonesuffix {font-size:18px; height:21px; width:50px;}
#operatorlist {margin:5px 0 5px 0; padding:0; font:11px Arial,Verdana,Helvetica,sans-serif; color:#000000; background-color:#FFFFFF;}
input.password {font-size:25px; width:60px; height:32px; margin:5px 0 5px 0;}
.mobileTextField, .pinText {font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#000000; background-color:#ffffff; text-align:center;}
.mobileTextField {font-size:18px; height:21px; width:110px;}
.pinText {font-size:25px; width:60px; height:32px; margin:5px 0 5px 0;}
#pin_code.blur {color:#AAAAAA;}

/* logo properties */
#logos {position:absolute; width:740px; top:560px; left:10px;}
#logos .alllogos {float:left; width:100%; background-color:#ffffff;}
#logos .companylogo {display:none;}
#logos .carrierlogo {width:100%; margin:0 auto;}
#logos .carrierlogo ul {margin:0; padding:0; width:100%; list-style:none;}
#logos .carrierlogo li {float:left; width:12.4%;}
#logos .carrierlogo li img {width:90px; height:30px;}
#logos .logo_t, #logos .logo_b {clear:both; margin:0 10px; height:10px; background-color:#ffffff;}
#logos .logo_t span, #logos .logo_b span {display:block; height:10px; width:10px; position:relative;}
#logos .corner_lt {float:left; margin:0 0 0 -10px; background:url(corner.gif) no-repeat left top;}
#logos .corner_rt {float:right; margin:0 -10px 0 0; background:url(corner.gif) no-repeat right top;}
#logos .corner_lb {float:left; left:-10px; /*margin:0 0 0 -10px; */background:url(corner.gif) no-repeat left bottom;}
#logos .corner_rb {float:right; margin:0 -10px 0 0; background:url(corner.gif) no-repeat right bottom;}
.oplogo {display:inline;}
#shortcodelogo {display:none; position:absolute;}
.sc71769 {width:130px; height:50px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/common/ringtonetimes.png' sizingMethod = 'scale');}
html>body .sc71769 {filter:none; background-image:url("ringtonetimes.png");}
.sc26451 {width:130px; height:50px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/common/toplogoringtone.png' sizingMethod = 'scale');}
html>body .sc26451 {filter:none; background-image:url("toplogoringtone.png");}
.sc88838 {width:130px; height:50px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/common/funmobile.png' sizingMethod = 'scale');}
html>body .sc88838 {filter:none; background-image:url("funmobile_logo.png");}
.sc22643 {width:130px; height:50px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/common/mobilefunster.png' sizingMethod = 'scale');}
html>body .sc22643 {filter:none; background-image:url("mobilefunster.png");}

/* demo step */
.demo_steps {color:#594A00; font:bold 13px Arial, Verdana, Helvetica, sans-serif; background:url("/assets/common/demo_step_bg.gif") center no-repeat; height:56px; padding:0 14px 0;}
html>/*Not IE 7*/body #demo_steps {height:64px;}

#demo3steps td {text-align:center;}
.demo_step1 {width:auto;}
.demo_step2 {width:70px;}
.demo_step3 {width:auto;}
.demo_steps_text {width:80px; padding:auto 0; font-size:10px;}
.demo_step_arrow {width:20px;}

/* oppc */
#oppc {position:relative; text-align:left;}
#oppc_phone {width:135px; height:250px; background-position:top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/assets/common/phone_bg.png' sizingMethod='scale');}
html>body #oppc_phone {background-image:url('phone_bg.png'); filter:none;}
#oppc_phonetext {position:absolute; top:30px; left:12px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff;}

#oppc_text {position:absolute; top:30px; 	left:138px; text-align:left; width:190px;}
#oppc_text1 {}
#oppc_text2 {padding-top:10px;}
#oppc_text3, #oppc_text4 {padding-top:20px;}
#oppc_loading {padding-top:10px; padding-left:50px}
/* - - - - - - - - - - - - - - */

#operatorerrorbox {margin-right:5px; width:140px; height:20px; background-color:red; padding:3px;}
html>body #operatorerrorbox {width:146px;}

#term_outer_wrap {position:relative; width:100%; text-align:center;}
#term_warn_box {visibility:hidden; position:absolute; width:150px; height:auto; padding:0; margin:0; font-size:9px; font-weight:normal; margin-left:-150px; margin-top:-105px; * margin-left:-315px ; * margin-top:-100px;}
#term_warn_box p {color:#000000; margin:0; padding:5px; text-align:center; z-index:101; background:#ffff00;}
#term_warn_box_arrow {position:relative; margin:0 0 0 124px; padding:0; z-index:101; background:transparent url(arrow.gif) no-repeat scroll left top; width:30px; height:10px;}
 /* For the pointer-arrow, on IE6: */ #term_warn_box.right_align {text-align:left;}
#term_warn_box.right_align #term_warn_box_arrow {margin:0; background:transparent url(r_arrow.gif) no-repeat scroll left top; width:30px; height:10px;}
#term_cb_wrap.term_cb_highlight {padding:1px; margin:0; background:#ffff00;}
#term_wrap {width:100%; text-align:center;}
#term_wrap table {margin-left:auto; margin-right:auto;}
#term_text {font-weight:bold; font-size:10px !important;}

/* -------------------------------------*/

.fstyle1, .fstyle2, .fstyle4a, .fstyle4b {font:bold 13px Verdana,Arial,Helvetica,sans-serif;}
.fstyle3 {font-size:10px;}
.fstyle5, .fstyle6 {font:bold 20px Verdana,Arial,Helvetica,sans-serif;}
.fstyle7 {font:bold 11px Verdana,Arial,Helvetica,sans-serif;}
.fstyle8 {font:bold 12px Arial, Helvetica, sans-serif;}
.fstyle9 {font:bold 22px Arial, Helvetica, sans-serif;}
.fstyle10 {font:bold 22px Arial, Helvetica, sans-serif;}
.fstyle11 {font:bold 15px Arial, Helvetica, sans-serif;}
.fstyle12 {font:bold 15px Arial, Helvetica, sans-serif;}
.fstyle13 {font:normal 10px Verdana, Arial, Helvetica, sans-serif;}

#error {border-bottom:1px solid #990000; background:#FFDDDD; margin:0; padding:5px; font-size:1.2em; text-align:center; z-index:9999;}
#pictogram {margin-left:-90px;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { *display:inline-block; /* IE7*/ }
*html .clearfix {height:1%;}

