/****** 1106 CSS Starts *******/
.extend3o .demoModal{position:absolute; top:60px; left:0; border:1px solid black; background:yellow; padding:4px; z-index:9999}

html{overflow-y:scroll}
body.extend3o, .extend3o div, .extend3o span, .extend3o applet, .extend3o object, .extend3o iframe, .extend3o h1, .extend3o h2, .extend3o h3, .extend3o h4, .extend3o h5, .extend3o h6, .extend3o p, .extend3o blockquote, .extend3o a, .extend3o abbr, .extend3o acronym, .extend3o address, .extend3o big, .extend3o cite, .extend3o code, .extend3o del, .extend3o dfn, .extend3o em, .extend3o font, .extend3o img, .extend3o input, .extend3o ins, .extend3o kbd, .extend3o q, .extend3o s, .extend3o samp, .extend3o small, .extend3o strike, .extend3o strong, .extend3o sub, .extend3o sup, .extend3o tt, .extend3o var, .extend3o dl, .extend3o dt, .extend3o dd, .extend3o ol, .extend3o ul, .extend3o li, .extend3o fieldset, .extend3o form, .extend3o label, .extend3o legend, .extend3o table, .extend3o caption, .extend3o tbody, .extend3o tfoot, .extend3o thead, .extend3o tr, .extend3o th, .extend3o td, .extend3o br{margin:0; padding:0; border:none; font-weight:normal; font-style:normal; font-size:100%; font-family:Arial; vertical-align:baseline ;}
body.extend3o {font-size:62.5%; line-height:1.2em; color:#f0f; background:#f5f5f5; text-align:center; height:100%} /* color intentionally set wrong to help identify unstyled elements */
.extend3o ol, .extend3o ul {list-style:none }
.extend3o table {border-collapse:collapse; empty-cells:show }
.extend3o strong, .extend3o th{font-weight:bold}
.extend3o input[type="text"]{font-size:1.2em; height:20px; vertical-align:middle}
.extend3o input[type="radio"],
.extend3o input[type="checkbox"]{cursor:pointer}
.extend3o em{font-style:italic}
.extend3o .off-page {position:absolute; left:-9999px; top:auto}

html {background:url(//www.att.com/images/global/background_left.jpg) no-repeat left top transparent}
body.extend3o{background:url(//www.att.com/images/global/background_right.jpg) no-repeat right top transparent; margin:0px; padding-top:0px;}
.extend3o .borRt{
    border-right: thin dotted #CCCCCC;
    padding-bottom: 55px;
}

.extend3o #ge5p_z2-zipcode-firstname{
	padding-left: 5px;
}
/***********************
 AUTO FLOAT CLEARING
***********************/
.extend3o .group:after,
.extend3o .row:after,
.extend3o .row-seam:after,
.extend3o .row-seam-margins:after,
.extend3o .row-seamless:after,
.extend3o .row-seam-dotted:after,
.extend3o #primary-content:after,
.extend3o #secondary-content:after,
.extend3o #left-column:after,
.extend3o #content:after{content:"."; display:block; height:0; clear:both; visibility:hidden; padding:0}
.extend3o .hide{display:none !important}

/*****************
 CSS3 TREATMENTS 
*****************/

@media screen{
	.extend3o .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; border:1px solid #e3e3e3; margin-bottom:14px; position:relative; zoom:1; min-height:inherit}
	.extend3o .box2{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:2px solid #e3e3e3; margin-bottom:14px; position:relative; zoom:1; min-height:inherit}
	.extend3o span.box{display:inline-block }
	.extend3o #primary-nav .box {-webkit-box-shadow:0 0 12px #ccc; -moz-box-shadow:0 0 12px #ccc; box-shadow:0 0 12px #ccc}
	.extend3o .top-round			{-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }
	.extend3o .bottom-round		{-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px }
	.extend3o .tab-group			{
		-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;
		-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px }
	.extend3o .box-yellow{background:#fefce1; border:1px solid #fcf7b8;}
	
}
	
.extend3o #seccont.PadTop10
{
	padding-top:10px;
}
.extend3o .topRound{
	background: url(//www.att.com/images/global/top-round.gif) 0 0 no-repeat;
	position:absolute;
	top:-1px;
	left:-1px;
	height:4px;
	width:100%;	
	border:none;
}
.extend3o #ie .topRound1{
	background: url(//www.att.com/images/global/top-round.gif) 0 0 no-repeat;
	position:absolute;
	top:-1px;
	left:-1px;
	height:4px;
	width:100%;	
	border:none;
}

	.extend3o .topRound.red{
		background: url(//www.att.com/images/global/top-round-red.gif) 0 0 no-repeat;
	}
	.extend3o .topRound.yellow{
		background: url(//www.att.com/images/global/top-round-yellow.gif) 0 0 no-repeat;
	}
.extend3o .topRound div{
	position:relative;
	top:0;
	right:-2px;
	height:4px;
	background:url(//www.att.com/images/global/top-round-right.gif) top right no-repeat;
}
.extend3o .topRound-right{
	position:relative;
	top:-1px;
	right:-1px;
	height:4px;
	background:url(//www.att.com/images/global/top-round-right.gif) top right no-repeat;
}
	.extend3o .topRound.red div{
		background:url(//www.att.com/images/global/top-round-right-red.gif) top right no-repeat;
	}
	.extend3o .topRound.yellow div{
		background:url(//www.att.com/images/global/top-round-right-yellow.gif) top right no-repeat;
	}
/*.extend3o .bottomRound{
	position:absolute;
	bottom:-1px;
	left:-1px;
	background:url(//www.att.com/images/global/bottom-round.png) top center no-repeat;
	height:4px;
	width:100%;
}*/
.extend3o .bottomRound{
	position:absolute;
	bottom:-1px;
	left:-1px;
	background:url(//www.att.com/images/global/bottom-round.png) 0 0 no-repeat;
	height:4px;
	width:100%;
}
.extend3o #ie .bottomRound1{
	position:absolute;
	bottom:-1px;
	left:-1px;
	background:url(//www.att.com/images/global/bottom-round.png) top center no-repeat;
	height:4px;
	width:100%;
}
	.extend3o .bottomRound.red{
		background:url(//www.att.com/images/global/bottom-round-red.gif) 0 0 no-repeat;
	}
	
	.extend3o .bottomRound.yellow{
		background:url(//www.att.com/images/global/bottom-round-yellow.gif) 0 0 no-repeat;
	}
.extend3o .bottomRound div{
	position:relative;
	bottom:0;
	right:-2px;
	height:4px;
	background:url(//www.att.com/images/global/bottom-round-right.png) top right no-repeat;
}
	.extend3o .bottomRound.red div{
		background:url(//www.att.com/images/global/bottom-round-right-red.gif) top right no-repeat;
	}
	.extend3o .bottomRound.yellow div{
		background:url(//www.att.com/images/global/bottom-round-right-yellow.gif) top right no-repeat;
	}

/*****************
 LAYOUT 
*****************/
.extend3o #wrapper{margin:30px auto; width:974px; position:relative}
.extend3o #main-container{text-align:left; position:relative}
.extend3o #content{position:relative; padding:14px 0 0 0; width:970px}

/****************
 SHOPPING CART 
****************/
.extend3o #globalNavShadows{height:40px}
.extend3o div.cart{text-align:right; margin:-5px 0 10px 0}
.extend3o div.cart a{background:url(//www.att.com/images/global/cart_icon.jpg) 100% 50% no-repeat; padding:1px 25px; margin:0 25px 0 0}


/****************
CONTENT BACKGROUND IMAGE 
***************/

.extend3o .bg-top-shadow-new{
	background: url(/olam/images/brand30/global/ie-top-background_new.png) bottom left no-repeat;
	height: 11px;
	width: 662px;
	left: -6px;
	top: -1px;
	position:relative }
.extend3o .bg-mid-shadow-new{
	left:  -6px;
	top: -8px;
	width:662px;
	padding-left: 7px;
	background: url(/olam/images/brand30/global/ie-mid-background_new.png) 0 0 repeat-y;
	position:relative }

.extend3o .bg-gr-bottom-shadow-new{
	left:  -6px;
	top:-8px;
	background: url(/olam/images/brand30/global/ie-gr-bottom-background_new.png) top left no-repeat;
	width: 662px;
	height: 13px;
	position:relative }
	
	
	
	

.extend3o .bg-top-shadow{
	background: url(//www.att.com/images/global/ie-top-background.png) bottom left no-repeat;
	height: 11px;
	width: 986px;
	left: -6px;
	top: -8px;
	position:relative }
.extend3o .bg-mid-shadow{
	left:  -6px;
	top: -8px;
	width:986px;
	padding-left: 7px;
	background: url(//www.att.com/images/global/ie-mid-background.png) 0 0 repeat-y;
	position:relative }
.extend3o .bg-bottom-shadow{
	left:  -6px;
	top:-8px;
	background: url(//www.att.com/images/global/ie-bottom-background.png) top left no-repeat;
	width: 986px;
	height: 13px;
	position:relative }
.extend3o .bg-gr-bottom-shadow{
	left:  -6px;
	top:-8px;
	background: url(//www.att.com/images/global/ie-gr-bottom-background-nofat.png) top left no-repeat;
	width: 986px;
	height: 13px;
	position:relative }

.extend3o .promoNew {margin-top:0px; min-height:100px; background:url(/olam/images/brand30/global/callout/grad-medium_new.png) top left repeat-x }
	
.extend3o #left-column{float:left; width:226px; margin-left:14px}
.extend3o #secondary-content{float:left; width:226px; margin-left:14px}
.extend3o #secondary-content .promo, .extend3o .promo {margin-top:15px; min-height:100px; background:url(/olam/images/brand30/global/callout/grad-medium.png) bottom left repeat-x }
.extend3o #secondary-content .promoGoPhone, .extend3o .promoGoPhone {background:url(/olam/images/brand30/module_background.jpg)}
.extend3o #secondary-content .promo h4, .extend3o .promo h4 {font-size:1.6em; padding-bottom:.2em}
.extend3o #secondary-content .promo img.chat{float:left; padding: .5em 1em 0 0}
.extend3o #primary-content{float:left; width:705px; margin-left:14px}
.extend3o #primary-content-full { width:945px }
.extend3o #primary-content-full, .extend3o .page-header{margin:0 14px}
.extend3o #primary-content .h207{height:207px;}
.extend3o .wid186{float:left; margin:0 14px 14px 0}
.extend3o .w26 {float:left; width: 26px; margin:0 14px 14px 0} /* 1x26px */
.extend3o .w26.leftArr{float:left; width: 26px; margin:0 14px 14px 0}
.extend3o .w26.rightArr{float:left; width: 26px; margin:0 0px 14px 14px}
.extend3o .w26NoMarRight{float:left; width: 26px; margin:0 0x 14px 0} /* 1x26px */
.extend3o .w15Force{width:15px !important;}
.extend3o .w60{width:60px !important;}
.extend3o .w66 {float:left; width: 66px; margin:0 14px 14px 0} /* 2x26px */
.extend3o .w100left {float:left; width: 100px;} /* 2x26px */
.extend3o .w81{float:left; width: 81px; margin:0 14px 14px 0}
.extend3o .w80{float:left; width: 80px;}
.extend3o .w106{float:left; width:106px; margin:0 14px 14px 0} /* 3x26px */
.extend3o .width106{float:left; width:106px;} /* 3x26px */
.extend3o .width130{float:left; width:130px;} /* 3x26px */
.extend3o .w121{float:left; width:121px; margin:0 14px 14px 0}
.extend3o .w122{width:122px !important;}
.extend3o .w125{width:125px !important;}
.extend3o .w111{width:111px !important;}
.extend3o .w48{width:48px ;}
.extend3o .w69{width:69px;}
.extend3o .w146{float:left; width:146px; margin:0 14px 14px 0} /* 4x26px / 2x66 */
.extend3o .w130{float:left; width:130px; margin:0 14px 14px 0} /*** 1/5 primary ***/
.extend3o .w166{float:left; width:166px; margin:0 14px 14px 0} /*** 1/4 primary ***/
.extend3o .w186{float:left; width:186px; margin:0 14px 14px 0} /* 5x26px */
.extend3o .w222{float:left; width:222px; margin:0 14px 14px 0}
.extend3o .w226{float:left; width:226px; margin:0 14px 14px 0} /*** 1/3 primary or 6x26px / 3x66 ***/
.extend3o .w236{float:left; width:236px; margin:0 14px 14px 0}
.extend3o .w205{float:left; width:205px; margin:0 14px 14px 0}
.extend3o .w210{float:left; width:210px; margin:0 14px 14px 0}
.extend3o .w240{float:left; width:240px; margin:0 14px 14px 0}
.extend3o .w246{float:left; width:246px; margin:0 14px 14px 0}
.extend3o .w248{float:left; width:248px; margin:0 0 0 0}
.extend3o .w255{float:left; width:255px; margin:0 14px 14px 0}
.extend3o .w267{width:267px !important;}
.extend3o .w390{width:390px !important;}
.extend3o .w410{width:405px;}/*important:Do not re-use this style w410*/
.extend3o .w400 {width: 400px;}
.extend3o .w490{width:490px;}
.extend3o .w330{width:330px }
.extend3o .w245{width:245px }
.extend3o .w148{width:148px !important;}
.extend3o .w160{width:160px;}
.extend3o .w150{width:150px;}
.w150{width:150px;}
.extend3o .w131{width:131px;}
.extend3o .w134{width:134px;}
.extend3o .w138{width:138px;}
.extend3o .w137{width:137px;}
.extend3o .w118{width:118px;}
.extend3o .w110{width:110px;}
.extend3o .w177{width:177px;}
.extend3o .w234{width:234px!important;}
.extend3o .w177px{width:177px !important;}
.extend3o .w112px{width:112px;}
.extend3o .w123{width:123px;}
.extend3o .w100px{width:100px;}
.extend3o .w103{width:103px;}
.extend3o .w101{width:101px !important;}
.extend3o .w103New{width:103px !important;}
.extend3o .w550{width:550px!important;}
.extend3o .w70{width:70px!important;}
.extend3o .w20{width:20px;}
.extend3o .w250{width:250px!important;}
.extend3o .w251{width:251px!important;}
.extend3o .w600{width:600px!important;}
.extend3o .w272{float:left; width:272px; margin:0 14px 14px 0}
.extend3o .w274{float:left; width:274px; margin:0 14px 14px 0}
.extend3o .w284{float:left; width:284px; margin:0 14px 14px 0}
.extend3o .w285{float:left; width:285px; margin:0 14px 14px 0}
.extend3o .w295{float:left; width:295px; margin:0 14px 14px 0}
.extend3o  #ie .w302{ width:302px !important; }
.extend3o .w306{float:left; width:306px; margin:0 14px 14px 0}
.extend3o .w323{float:left;width:323px;} 
.extend3o .w346{float:left; width:346px; margin:0 0 14px 0}
.extend3o .w342{float:left; width:342px; margin:0 14px 14px 0}
.extend3o .w340{float:left; width:340px;}
.extend3o .w346{float:left; width:346px;}
.extend3o .w355{ width:355px;}
.extend3o .w350{ width:350px;}
.extend3o .w370{ width:370px !important;}
.extend3o .w385{ width:385px !important;}
.extend3o .w292{float:left; width:292px;}
.extend3o .w296{float:left; width:296px;}
.extend3o .w296{float:left; width:296px;}
.extend3o .w305{float:left; width:305px;}
.extend3o .w343{ width:343px!important; }
.extend3o .w396Force{ width:396px!important; }
.extend3o .w446{float:left; width:446px; margin:0 14px 14px 0} /*** 1/2 primary or 9x26px ***/
.extend3o .w386{float:left; width:386px; margin:0 14px 14px 0} 
.extend3o .w418{float:left; width:418px; margin:0 14px 14px 0} 
.extend3o .w425{float:left; width:425px; margin:0 14px 14px 0} 
.extend3o .w426{float:left; width:426px; margin:0 14px 14px 0} 
.extend3o .w457{width:457px;}
.extend3o .w466{float:left; width:466px; margin:0 14px 14px 0} 
.extend3o .w468{float:left; width:468px; margin:0 14px 14px 0} 
.extend3o .w473{float:left; width:473px; margin:0 14px 14px 0} 
.extend3o .w480{float:left; width:480px; margin:0 0 14px 0} /*** 2/3 primary or 14/26 / 6x66 ***/
.extend3o .w506{float:left; width:506px; margin:0 14px 14px 0} 
.extend3o .w505{float:left; width:505px; margin:0 0 0 0} 
.extend3o .w510{float:left; width:510px; margin:0 14px 14px 0} 
.extend3o .w526{float:left; width:526px; margin:0 14px 14px 0} 
.extend3o .w546{float:left; width:546px; margin:0 14px 14px 0} 
.extend3o .w562{float:left; width:562px; margin:0 14px 14px 0}
.extend3o .w570{width:570px;} 
.extend3o .w180{width:180px!important;} 
.extend3o .w183{width:183px!important;}
.extend3o .w190{width:190px!important;} 
.extend3o .w100p{width:100% !important;} 
.extend3o .w170{width:170px!important;} 
.extend3o .w195{width:195px ;}
.extend3o #footer .w586{float:left; width:595px; margin:0} /*** 3/3 primary or */
.extend3o .w608{width:608px;}
.extend3o #primary-content .w612{width:612px;}
.extend3o .w626{float:left; width:626px; margin:0 14px 14px 0} 
.extend3o .w663{width:663px; }
.extend3o .w666{float:left; width:666px; margin:0 14px 14px 0} 
.extend3o .w680{width:680px; }
.extend3o .w703{width:703px;}/*Dont add any other properties to this class*/
.extend3o .w706{float:left; width:706px; margin:0 14px 14px 0} 
.extend3o .w746{float:left; width:746px; margin:0 14px 14px 0} 
.extend3o .w786{float:left; width:786px; margin:0 14px 14px 0} 
.extend3o .w826{float:left; width:826px; margin:0 14px 14px 0} 
.extend3o .w866{float:left; width:866px; margin:0 14px 14px 0} 
.extend3o .w906{float:left; width:906px; margin:0 14px 14px 0}
 .extend3o .w78{float:left; width:78px; margin:0 14px 14px 0}
 .extend3o .w170{float:left; width:170px; margin:0 14px 14px 0}
.extend3o .w436{float:left; width:436px; margin:0 0px 14px 0}
.extend3o .box .w436{position:relative; left:-1px} 
.extend3o .w421{float:left; width:421px; margin:0 0px 14px 0}
.extend3o .box .w421{position:relative; left:-1px} 
.extend3o .box .w26 {position:relative; left:-1px}
.extend3o .box .w66 {position:relative; left:-1px}
.extend3o .box .w106{position:relative; left:-1px} 
.extend3o .box .w146{position:relative; left:-1px}
.extend3o .box .w130{position:relative; left:-1px}
.extend3o .box .w166{position:relative; left:-1px}
.extend3o .box .w186{position:relative; left:-1px}
.extend3o .box .w226{position:relative; left:-1px}
.extend3o .box .w246{position:relative; left:-1px}
.extend3o .box .w274{position:relative; left:-1px}
.extend3o .box .w306{position:relative; left:-1px}
.extend3o .box .w346{/*position:relative; left:-1px*/} 
.extend3o .box .w386{position:relative; left:-1px} 
.extend3o .box .w418{position:relative; left:-1px} 
.extend3o .box .w426{position:relative; left:-1px} 
.extend3o .box .w466{position:relative; left:-1px} 
.extend3o .box .w506{position:relative; left:-1px} 
.extend3o .box .w526{position:relative; left:-1px} 
.extend3o .box .w546{position:relative; left:-1px} 
.extend3o .box .w562{position:relative; left:-1px} 
.extend3o .box .w586{position:relative; left:-1px} 
.extend3o .box .w626{position:relative; left:-1px} 
.extend3o .box .w666{position:relative; left:-1px} 
.extend3o .box .w706{position:relative; left:-1px} 
.extend3o .box .w746{position:relative; left:-1px} 
.extend3o .box .w786{position:relative; left:-1px} 
.extend3o .box .w826{position:relative; left:-1px} 
.extend3o .box .w866{position:relative; left:-1px} 
.extend3o .box .w906{position:relative; left:-1px} 
.extend3o .wfull{margin:0 0 14px 0 } 
.extend3o .w26.last,.extend3o .w66.last,.extend3o .w106.last,.extend3o .w130.last,.extend3o .w146.last,.extend3o .w166.last,.extend3o .w186.last,.extend3o .w226.last,.extend3o .w246.last,.extend3o .w274.last,.extend3o .w306.last,.extend3o .w346.last,.extend3o .w386.last,.extend3o .w418.last,.extend3o .w426.last,.extend3o .w466.last,.extend3o .w506.last,.extend3o .w526.last,.extend3o .w546.last,.extend3o .w562.last,.extend3o .w586.last,.extend3o .w626.last,.extend3o .w666.last,.extend3o .w706.last{margin:0 -14px 14px 0; clear:right}

.extend3o .w15per{width:14.99%; float:left}/*My services CR*/
.extend3o .w20per{width:19.95%; float:left}
.extend3o .w25per{width:24.99%; float:left}
.extend3o .w33per{width:33.25%; float:left }
.extend3o .w40per{width:39.98%; float:left }
.extend3o .w50per{width:50%; float:left }
.extend3o .ForceW50per{width:50% !important; float:left }
.extend3o .w65per{width:64.75% !important; float:left }
.extend3o .w66per{width:66.68%; float:left }
.extend3o .w75per{width:75%; float:left }
.extend3o .w65p{width:65%;}
.extend3o .w60p{width:60%;}
.extend3o .w80per{width:79.98%; float:left }
.extend3o .w85per{width:84.25%; float:left}/*My services CR*/
.extend3o .w90per{width:89.98%; float:left }
.extend3o .w100per{width:100%; float:left }

/* Commented in myatt-services.css and included here for WUP00550863 */
.extend3o .userBox{position:relative;top:20px;padding:20px 0 20px;background:url(/olam/images/brand30/bg_user_box.gif) top center no-repeat;width:655px;}

.extend3o .w60per{width:60%; float:left }
.extend3o th.w20per, .extend3o td.w20per, .extend3o th.w25per, .extend3o td.w25per, .extend3o th.w33per, .extend3o td.w33per, .extend3o th.w40per, .extend3o td.w40per, .extend3o th.w50per, .extend3o td.w50per, .extend3o th.w60per, .extend3o td.w60per, .extend3o th.w66per, .extend3o td.w66per, .extend3o td.w75per, .extend3o th.w80per, .extend3o td.w80per{float:none }

/*** ROW TREATMENT ***/
.extend3o .row, .extend3o .row-seam, .extend3o .row-seamless, .extend3o .row-seam-dotted, .extend3o .row-seam-margins{position:relative}
.extend3o .row, .extend3o .row-seam, .extend3o .row-seam-margins{border-bottom:1px solid #e3e3e3}
.extend3o  #StepIndicator .row-seam{border-bottom:0px none}
.extend3o .row-seamless{border-bottom:0}

/*** ROW ***/
.extend3o #primary-content .row{padding:14px 0 0 0}

/*** ROW SEAM ***/
.extend3o #primary-content .row-seam, .extend3o #primary-content-full .row-seam{padding:14px 24px 8px 25px }
.extend3o #secondary-content .row-seam, .extend3o #left-column .row-seam{padding:14px 14px 8px 14px}
/*** ROW SEAMLESS ***/
.extend3o #primary-content .row-seamless, .extend3o #primary-content-full .row-seamless{padding:0px 25px 0px 25px}
.extend3o #secondary-content .row-seamless, .extend3o #left-column .row-seamless{margin:0 15px; padding:15px 0 0 0}
/*** ROW SEAM DOTTED ***/
.extend3o #primary-content .row-seam-dotted, .extend3o #primary-content-full .row-seam-dotted{background:url(//www.att.com/images/global/row-seam-dotted.gif) left bottom repeat-x; margin:0 14px; padding:14px 11px 10px 11px}
.extend3o .tabs .row-seam-dotted, .extend3o .ajaxtabs .row-seam-dotted, .extend3o .myattajaxtabs .row-seam-dotted{background:url(//www.att.com/images/global/row-seam-dotted.gif) left bottom repeat-x; margin:0 20px; padding:14px 0 10px 0}
.extend3o #secondary-content .row-seam-dotted, .extend3o #left-column .row-seam-dotted{background:url(//www.att.com/images/global/row-seam-dotted.gif) left bottom repeat-x; margin:0 14px; padding:14px 0 9px 0 }
.extend3o #secondary-content .row-seam-dotted2 {background:url(//www.att.com/images/global/row-seam-dotted.gif) left bottom repeat-x; margin:0 14px; padding:14px 0 0px 0 }
 .row-seam-dotted2 {background:url(//www.att.com/images/global/row-seam-dotted.gif) left bottom repeat-x; margin:0 14px; padding:14px 0 0px 0 } /* added to handle for non-extend3o*/
/*** ROW SEAM WITH L/R MARGINS ***/
.extend3o #primary-content .row-seam-margins,
.extend3o #primary-content-full .row-seam-margins {margin:0 14px; padding:14px 11px 8px 11px;}
.extend3o #ie .row-seam-margins {margin-bottom:0px !important;}
.extend3o #secondary-content .row-seam-margins, .extend3o #left-column .row-seam-margins{margin:0 14px; padding:14px 0 8px 0 }

.extend3o .left-30	{margin-left: 30px}
.extend3o .left-35	{margin-left: 35px}
.extend3o .left-25	{margin-left: 25px!important;}
.extend3o .left-17	{margin-left: 17px}
.left-17 {margin-left: 17px}
.extend3o .left-10	{margin-left: 10px}
.extend3o .ie0FF14px	{margin-left: 14px}
.extend3o #ie .ie0FF14px{margin-left: 0px}
.extend3o .left-37	{margin-left: 37px}
.extend3o .left-160{margin-left:160px}
.extend3o .left-140{margin-left:140px}

/*****************
 TYPOGRAPHY 
*****************/
.extend3o .table td .MarTop8{padding-top:5px;padding-bottom:5px;}
.extend3o th, .extend3o td, .extend3o caption{font-size:1.2em; color:#333}/* table data does not need <p> elements, but should have labels if they are with form fields */
.extend3o p, .extend3o li, .extend3o dt, .extend3o label, .extend3o div.span{font-size:12px; color:#333; line-height:1.3em }
.extend3o .lineHeightDiv {line-height:1.6em;}
.extend3o dd{font-size:12px; color:#333; line-height: 1em;}
.extend3o tr.lineHeight dd{font-size:12px; color:#333; line-height: 1.3em;}
.extend3o td label, dd label{font-size:1em}
.extend3o h1, .extend3o h2, .extend3o h3, .extend3o h4, .extend3o h5, .extend3o h6 { font-size:2.0em; color:#333; line-height:1.3em }
/** DEFINE FONT SIZE FROM HEADINGS**/
.extend3o h1{font-size:26px;}
.extend3o h2{font-size:20px;}
.extend3o h3{font-size:16px;}
.extend3o h4{font-size:14px;}
/** /DEFINE FONT SIZE FROM HEADINGS**/
.extend3o label, .extend3o dd p{margin-bottom:.5em }
.extend3o p{margin-bottom:20px;}
/*.extend3o #footer p{margin-bottom:40px;}*/
.extend3o #secondary-content p{margin-bottom:15px;}
.extend3o a{font-size:12px; text-decoration:none; color:#0574ac; position:relative;}/*#067ab4*/
.extend3o a:active, .extend3o a:visited{color:#0574ac} /*#681aa9*/
.extend3o a:hover{ color:#0574ac; text-decoration:underline; cursor:pointer}
.extend3o a:hover.hoverRed{ color:red; text-decoration:underline; cursor:pointer}
.extend3o a:hover.hoverBlack{ color:#333; text-decoration:underline; cursor:pointer}
.extend3o a:focus{text-decoration:underline}
.extend3o .modalContent a, .extend3o .modalContent a:focus, .extend3o .modalContent a:active, .extend3o .modalContent a:link, .extend3o .modalContent a:hover, .extend3o .modalContent a:visited {text-decoration:none;}
.extend3o .hover-underline a:hover, .hover-underline a:focus, .hover-underline a:active{text-decoration:underline;cursor:pointer;}
.extend3o li a{}
.extend3o p a, .extend3o li a, .extend3o dt a, .extend3o dd a, .extend3o dd p, .extend3o td a, .extend3o th a, .extend3o h2 a, .extend3o h3 a, .extend3o h4 a, .extend3o h5 a, .extend3o h6 a{font-size:12px;} /* reset all <a> within elements where they can appear */
.extend3o .caps-narrow{font-size:1.2em; color:#333; text-transform:uppercase; letter-spacing:-1px}
/*for tABLE SORTING HEADER*/
.extend3o .table th a.a_head{color: #067AB4;}
.extend3o .forceLineHeight12{line-height:12px !important;}
.extend3o .line-height13{line-height: 13px !important;}
.extend3o .line-height24{line-height: 24px !important;}
.extend3o .line-height55{line-height: 55px !important;}
.extend3o .forceline-height56{line-height:56px !important;}

.extend3o sup{position:relative; font-weight:normal !important}
.extend3o sup{top:-.4em; font-size:66%; margin-right:3px}
.extend3o sup.tm, .extend3o sup.sm{top:-.6em; font-size:54%}
.extend3o #ie sup{top:-.34em; font-size:83.6%}
.extend3o #ie sup.tm, .extend3o #ie sup.sm{top:-.6em; font-size:65%}
.extend3o p sup, .extend3o li sup, .extend3o dt sup, .extend3o dd sup, .extend3o dd sup, .extend3o td sup, .extend3o th sup{top:-.20em; font-size:90%; font-weight:bold}
.extend3o p sup.tm, .extend3o li sup.tm, .extend3o dt sup.tm, .extend3o dd sup.tm, .extend3o dd sup.tm, .extend3o td sup.tm, .extend3o th sup.tm{top:-.3em; font-size:78%; font-weight:bold}
.extend3o p sup.sm, .extend3o li sup.sm, .extend3o dt sup.sm, .extend3o dd sup.sm, .extend3o dd sup.sm, .extend3o td sup.sm, .extend3o th sup.sm{top:-.3em; font-size:78%; font-weight:bold}
.extend3o #ie p sup, .extend3o #ie li sup, .extend3o #ie dt sup, .extend3o #ie dd sup, .extend3o #ie dd sup, .extend3o #ie td sup, .extend3o #ie th sup{top:-.20em; font-size:110%; font-weight:bold}
.extend3o #ie p sup.tm, .extend3o #ie li sup.tm, .extend3o #ie dt sup.tm, .extend3o #ie dd sup.tm, .extend3o #ie dd sup.tm, .extend3o #ie td sup.tm, .extend3o #ie th sup.tm{top:-.3em; font-size:90%; font-weight:bold}
.extend3o #ie p sup.sm, .extend3o #ie li sup.sm, .extend3o #ie dt sup.sm, .extend3o #ie dd sup.sm, .extend3o #ie dd sup.sm, .extend3o #ie td sup.sm, .extend3o #ie th sup.sm{top:-.3em; font-size:90%; font-weight:bold}
.extend3o #ie .wf02topimg{margin-top:5px;}
.extend3o a sup{text-decoration:none}

/*for Image Border Issue - In IE7, The Grey Line before the "Continue" button is not extended fully */
.extend3o .imgWidthCls{width:630px;}
.extend3o #ie .imgWidthCls{width:610px;}
/*for Image Border Issue - In IE7, The Grey Line before the "Continue" button is not extended fully */

/*** SECTION HEADING ***/
@media screen{
	.extend3o .section-title{
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;		
	}
}
.extend3o .section-title{
	position:relative;
	background:#f5f5f5 url(//www.att.com/images/global/grad-heading.gif) bottom left repeat-x; 
	min-height:56px;
}	
.extend3o #noSecTitle{-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
position:relative;
	background:none; 
	min-height:56px;		
		}
.extend3o .section-title h2,
.extend3o .section-title h3,
.extend3o .section-title h4,
.extend3o .section-title h5,
.extend3o .section-title h6{
	margin:0 10px 0 25px;
	float:left;
	display:inline;
	font-size:20px; 
	line-height:56px;
	color:#333333;
	font-family:Arial;
}
.extend3o #secondary-content .section-title h2,
.extend3o #secondary-content .section-title h3,
.extend3o #secondary-content .section-title h4,
.extend3o #secondary-content .section-title h5,
.extend3o #secondary-content .section-title h6{margin:0 10px 0 14px }

.extend3o #ie6 .section-title h2 a,
.extend3o #ie6 .section-title h3 a,
.extend3o #ie6 .section-title h4 a,
.extend3o #ie6 .section-title h5 a,
.extend3o #ie6 .section-title h6 a{zoom:1; position:absolute }

.extend3o .section-title img{margin-top:-3px}
.extend3o #ie .section-title img{margin-top:0}

/*Begin Changes For issue WUP00551175*/
.section-title li a{display:inline; padding-top:0px; margin-left:0px;}
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6{
	margin:0 10px 0 25px;
	float:left;
	display:inline;
	font-size:20px; 
	line-height:56px;
	color:#333333;
	font-family:Arial;
}
.section-title ul{display:inline; float:left; min-height:55px; line-height:55px }
.section-title li{display:inline; white-space:nowrap; line-height:55px; float:none;}
.section-title li a{display:inline; padding-top:0px; margin-left:0px;}
.section-title .account-number{position:relative; top:3px; line-height:55px; font-size:1.3em; color:#333; background:url(//www.att.com/images/global/divider-h2.gif) 0 50% no-repeat;  margin-left:5px; margin-right:5px; padding:0px 0px 0px 11px; } /****derek****/
.section-title .account-nopipe{position:relative; top:0px; line-height:55px; font-size:1.3em; color:#333; margin-left:5px; margin-right:5px; padding-left:11px} /****derek****/
.section-title .vmid {vertical-align: middle;}

.section-title .right{position:absolute; right:14px; top:3px; line-height:55px; margin:0}
.section-title .left{position:absolute; top:3px; line-height:55px; margin:0}
.top3px{position:relative; top:3px !important;} 
#ie .top3px{top:3px !important;}
/*End Changes For issue WUP00551175*/

.extend3o .section-title ul{display:inline; float:left; min-height:55px; line-height:55px }
.extend3o .section-title li{display:inline; white-space:nowrap; line-height:55px; float:none;}
.extend3o .section-title li a{display:inline; padding-top:0px; margin-left:0px;}
.extend3o .group-title .account-number{position:relative; top:0px; line-height:55px; font-size:1.3em; color:#333; background:url(//www.att.com/images/global/divider-h2.gif) 0 50% no-repeat; margin-left:5px; margin-right:5px; padding:0px 0px 0px 11px;} /****michael****/
.extend3o .account-number1{position:relative;  line-height:55px;  color:#333; background:url(//www.att.com/images/global/divider-h2.gif) 0 50% no-repeat;  margin-left:5px; padding-left:11px; margin-right:5px; } /****derek****/
.extend3o .account-number2{position:relative;   color:#333; background:url(//www.att.com/images/global/divider-h2.gif) 0 50% no-repeat;  margin-left:5px; padding-left:11px; margin-right:5px; } /****derek****/
.extend3o .section-title .account-number{position:relative; top:3px; line-height:55px; font-size:1.3em; color:#333; background:url(//www.att.com/images/global/divider-h2.gif) 0 50% no-repeat; margin-left:5px; margin-right:5px; padding:0px 0px 0px 11px;} /****derek****/
.extend3o .group-title .account-nopipe{position:relative; top:0px; line-height:55px; font-size:1.3em; color:#333; margin-left:5px; margin-right:5px; padding-left:11px} /****michael****/
.extend3o .section-title .account-nopipe{position:relative; top:0px; line-height:55px; font-size:1.3em; color:#333; margin-left:5px; margin-right:5px; padding-left:11px} /****derek****/

.extend3o .section-title .right{position:absolute; right:14px; top:3px; line-height:55px; margin:0}
.extend3o .section-title .left{position:absolute; top:3px; line-height:55px; margin:0}

.extend3o #sectionTitl-ul{display:inline;font-size:12px;margin-left:10px;clear:left;}
.extend3o #sectionTitl-ul li{margin-left:10px;top:20px;line-height:55px;}

.extend3o #ie .section-title li{line-height:55px;}

.extend3o #ie  .section-title .usm_menu li{line-height:0px; !important}
.extend3o #ie .section-title li a{padding-top:0px}
.extend3o #ie .group-title .account-number, .extend3o #ie .section-title .account-number{line-height:55px; padding:0px 0px 0px 11px;}

.extend3o .toggleRow {background:#f5f5f5 url(//www.att.com/images/global/grad-heading.png) 0 100% repeat-x; padding:25px 25px 15px 28px}
.extend3o .toggleRow p {margin-right: 20px; top:32px;}
.extend3o .toggleRow h2 a{font-size:1em;}

/***********************
Invalid use of tags 

.extend3o #left-column h1, 
.extend3o #secondary-content h1,
.extend3o li > p,
.extend3o p > ul,
.extend3o th > p, 
.extend3o td > p,
.extend3o th > label{border:1px dashed red !important; font-size:1em !important; color:red !important; font-weight:bold !important; background:yellow !important} 
***********************/
/* Overriding "Invalid html" check from global-styles.css file. This is a quick fix for 1207 which needs to be removed after a while and the above section needs to be uncommented */
#left-column h1,
#secondary-content h1,
li > p,
p > ul,
th > label{border: medium none!important; font-size:1.1em !important; color:#333333 !important; font-weight:normal !important; background:none !important}

th > p{border: medium none!important; font-size:1.2em !important; color:#333333 !important; font-weight:bold !important; background:none !important;}
td > p{border: medium none!important; font-size:1.1em !important; color:#333333 !important; font-weight:normal !important; background:none !important;}
/* End of override */

/*****************
 PAGE TITLE/MARQUEE
*****************/
.extend3o .page-title{height:4.5em; position:relative; padding:0px 0 0 30px;}
.extend3o .page-title h1{float:left; color:#333333; font-size:26px; line-height:1.2; margin: 0px 10px 0px 0px;font-family:Arial;}	
.extend3o .page-title a{float:left; font-size:1.2em; line-height:2; padding-top:.6em;}
.extend3o .page-title p { float:right; font-size:1.2em; line-height:2; padding-top:.6em; margin-right:28px; margin-bottom:0px; }
.extend3o .page-title p span { color:#ccc }
.extend3o .page-title.marquee{min-height:334px}
.extend3o .page-title.marquee h1, .extend3o .page-header.marquee .inline{float:none}
.extend3o #ie .page-title{padding:0px 0 0 30px; margin-bottom:4px  }
.extend3o #ie .page-title h1{line-height:1.2; margin: 0px 10px 0px 0px; }

/*****************
 MSG TREATMENT
*****************/
.extend3o .msg{background:#fefce1; border:1px solid #fcf7b8; margin:0 0 20px 0; padding:14px;}
.extend3o .msg.box{margin:0 0 20px 0; padding:14px;}
.extend3o .msg p{color:#333; line-height:normal; margin:0px;}
/*.extend3o .errorMsg { border:1px solid #fd0200; margin:0 0 10px 0; padding:11px 14px 10px 11px; }
.extend3o .errorMsg p:first-child { color:#fd0200; background:url(/olam/English/brand30/global/iconError46x46.png) top left no-repeat; padding:8px 0px 6px 55px; margin-bottom:0px; min-height:28px;}
.extend3o .errorMsg p:first-child#error-list{margin-bottom:20px;}
.extend3o .errorMsg ul{
	position:relative;
	top:-15px;
	color:#f20200 !important;
	padding:12px 14px 0px 56px;
	list-style:disc inside none;
}
.extend3o .errorMsg ul li{
	color:#f20200 !important;
}
.extend3o .errorMsg ul#error-sublist{list-style:disc outside none;}*/
.extend3o .errorMsg.box {border: 1px solid #fd0200;margin: 0 0 10px;padding: 12px 14px 5px;}
.extend3o .errorMsg.box p:first-child {
    background: url("//www.att.com/images/global/iconError46x43.png") no-repeat scroll left top rgba(0, 0, 0, 0);color: #df0000;margin-bottom: 0;padding: 8px 14px 17px 50px;}
.extend3o .errorMsg.box ul {color: #f20200 !important;list-style: disc inside none;padding: 0 14px 14px 60px;position: relative;top: -15px;}
.extend3o .errorMsg.box ul li {color: #df0000 !important;}
/*WUP00672296*/
.extend3o .errorMsg.box p {color:#fd0200; padding:8px 14px 17px 50px;margin-bottom:0px;}
.extend3o .errorMsg p ul{border:none !important;background:none !important}
.errorMsg p ul{border:none !important;background:none !important}
.extend3o .errorMsg li p{background:none !important;border:none !important;}
/*end - WUP00672296*/
/*WUP00686521*/
.extend3o .loginRibbon{height:63px;width:283px;position:relative;top:-10px;left:-40px;margin:20px 0 0 0 !important;color: #FFFFFF;font-size: 12px;padding:12px 20px 0 20px;background:transparent url("/olam/English/brand30/OLAM-LOGIN-ribbons_ENG.png") no-repeat scroll left top}
.extend3o .loginRibbonEs {background: url("/olam/Spanish/brand30/OLAM-LOGIN-ribbons_SP.png") no-repeat scroll left top transparent;color: #FFFFFF;font-size: 12px;height: 80px;left: -40px;margin: 20px 0 0 !important;padding: 12px 20px 0;position: relative;top: -10px;width: 283px;}

/*.extend3o  #ie .errorMsg.box p:first-child {margin-bottom:0px;}*/
.extend3o  #ie .modalContent .errorMsg.box p{margin-bottom:0px;}
/*.errorMsg { border:1px solid #fd0200; margin:0 0 10px 0; padding:11px 14px 5px 14px }
.errorMsg p:first-child { color:#fd0200; background:url(//www.att.com/images/global/iconError46x43.png) top left no-repeat; padding:14px 14px 15px 60px }
.errorMsg ul{
	position:relative;
	top:-15px;
	color:#f20200 !important;
	padding:0 14px 14px 60px;
	list-style:disc inside none;
}
.errorMsg ul li{
	color:#f20200 !important;
}
*/
.extend3o .msgOut{background:#fefce1; border:1px solid #fcf7b8; margin:0 0 10px 0; padding:14px;}
.extend3o .msgOut p{color:#333; line-height:normal; margin:0px;}
/*****************
 NOTE TREATMENT
*****************/
.extend3o .note{background:#fff url(//www.att.com/images/global/note-header-bg.gif) 0 -6px repeat-x; border:1px solid #E3E3E3; margin:0 0 40px 0; padding:20px 14px;}
.extend3o .note p{color:#333; line-height:normal; margin-bottom:0px;}
.extend3o .note.box{padding:20px 14px;}
.extend3o .Popupnote {
background:url("//www.att.com/images/global/note-header-bg.gif") repeat-x scroll 0 -6px #FFFFFF;
border:1px solid #E3E3E3;
margin:0 0 17px;
padding:20px 14px;
}
.extend3o .Popupnote p{color:#333; line-height:normal; margin-bottom:0px;}

extend3o .noteSM{background:#fff url(//www.att.com/images/global/note-header-bg.gif) 0 -5px repeat-x transparent; border-top:1px solid #E3E3E3;  margin: 15px 0 0; padding: 13px 15px 15px;}
.extend3o #ie .noteSM{ padding: 5px 15px 12px;}
.extend3o .noteSM a.paperless{ background: url(/olam/images/brand30/leaf.png) no-repeat scroll left center transparent; padding: 5px 0 5px 23px; }
.extend3o .note p{color:#333; margin:0; padding:0;}
/*************************
 SORTABLE TABLES AND STRIPING
*************************/
.extend3o .table {width:100%}
.extend3o .tableWidth95 {width:95%}
.extend3o .tableWidth96 {width:96%}
.extend3o .tableWidth94 {width:94%}
.extend3o .table th{background:url(//www.att.com/images/global/row-seam-dotted.gif) bottom repeat-x; padding-bottom:.5em}
.extend3o .table th, .extend3o .table td{line-height:normal; padding:10px 5px; position:relative}
.extend3o .table th a{padding-right:5px; font-weight:bold; color:#333; -display:inline-block; position:relative} /* display:inline-block was removed to fix defect WUP00579075*/
.extend3o .table th {padding:10px 0 10px 5px}
.extend3o .table th a{padding-right:10px}
.extend3o th.headerSortUp a { background: url(//www.att.com/images/global/sort-up.gif) 100% 60% no-repeat; padding-right:10px; zoom:1 } 
.extend3o th.headerSortDown a{ background: url(//www.att.com/images/global/sort-down.gif) 100% 60% no-repeat; padding-right:10px !important; zoom:1 } 
.extend3o th.nosort a:hover{text-decoration:none; cursor:default}
.extend3o .sortable th .tooltips, .extend3o .sortable th.thLast .tooltips  {background:none;padding-right: 0 !important;left:-8px } /*Added to fix defect WUP00565886 and WUP00582543*/
.extend3o #ie .tooltipsTop7IE {top:7px !important}
.extend3o #ie .tooltipsTop8IE {top:8px !important}
.extend3o .even{background:#e8f0f4}
.extend3o .odd{background:#fff}
.extend3o .total-price td{background:#fff url(//www.att.com/images/global/row-seam-dotted.gif) top repeat-x; font-weight:bold}
.extend3o .table .amount{text-align:right !important;padding-right:40px}
.extend3o .table .Usage-amount{text-align:right !important;padding-right:70px}
.extend3o table tr.error-sublist-font {#F20200 !important;}
.extend3o .table .borderTop td{border-top:1px solid #e5e5e5}
.extend3o .table th.right{padding-right:5px}
.extend3o .table th.right a{padding-right:0px}
/*************
 TABS
*************/
.extend3o .tabs, 
.extend3o .tabs, 
.extend3o .ajaxtabs,
.extend3o .myattajaxtabs{ 
	clear:left; 
	/*min-height:60px;*/ 
	min-height:36px; 
	position:relative; 
	z-index:3!important;/*set to 89 from 1999. changing to 3 to prevent issues with the USM*/
}
.extend3o #ie .myattajaxtabs.myattajaxtabsUSM{z-index:3!important;} /*The Z-index in myattajaxtabs is not working properly in IE. Hence the need for this class*/

.extend3o .tabs li, 
.extend3o .ajaxtabs li,
.extend3o .myattajaxtabs li{
	position:relative;
	float:left; 
	margin-right:5px;
	border:1px solid #e3e3e3;
	border-bottom:none;
	min-height:36px;
	/*background:url(//www.att.com/images/global/pr-tab-background.gif) repeat-x bottom left transparent*/
}

.extend3o #ie .tabs li, 
.extend3o #ie .ajaxtabs li {top:2px}
.extend3o #ie .myattajaxtabs li {top:2px}
.extend3o .tabs a, 
.extend3o .ajaxtabs a, .extend3o .myattajaxtabs a{
	position:relative;
	min-height:16px;
	display:block; 
	padding:10px 20px 10px 20px;
	margin:0;
	outline:none; 
	text-decoration:none; 
	color:#c3c3c3; 
	text-align:center; 
	font-size:1.3em; 
	/*white-space:nowrap;*/
}
.extend3o .tabs a.tabPadLR15 {padding:10px 15px 10px 15px;}
#WOPwf05tab .tabs a{padding:8px ;}
#WOPwf05tab .tabs a.current{height:20px;}
/*Tab for wireless Online Payment*/
.wirelessTab a{	 
	padding:8px ;	 
	/*white-space:nowrap;*/
}
/* End of wireless Online Payment*/

.extend3o .tabs a.current,
.extend3o .ajaxtabs a.current, .extend3o .myattajaxtabs a.current{color:#333; border-bottom:1px solid #ffffff; top:1px}
.extend3o #ie .tabs a.current{color:#333; border-bottom:1px solid #ffffff; top:1px; z-index:5000!important;}
.extend3o #ie .tabs a.current,
.extend3o #ie .ajaxtabs a.current, .extend3o #ie .myattajaxtabs a.current{top:0}

.extend3o .tab-group{clear:both; position:relative; border:1px solid #e3e3e3; margin-bottom:14px }

.extend3o #ie .tab-group{top:1px; position:relative; zoom:1;}

.extend3o .tab-group .tabcontent{padding:20px 25px; position:relative; zoom:1}
.extend3o .tab-group .tabcontent-nopad{padding:0px;}



/*************
 USAGE METERS
*************/
.extend3o .usage-meter-table  label{position:relative;top:-2px;font-weight:bold;}
.extend3o .usage-meter-table th{text-align:right }
/*.extend3o .usage-meter-table th, .extend3o .usage-meter-table td{font-weight:normal; line-height:24px; padding:0 0 10px 5px; font-size:1.1em }*/
.extend3o .usage-meter-table th, .extend3o .usage-meter-table td{font-weight:normal; line-height:24px; padding:0 0 10px 5px; font-size:11px}
.extend3o .usage-meter-table .usage-title{text-align:left;text-align:left;font-size:12px;font-weight:bold;border-bottom:1px solid #cccccc;padding-bottom:5px}
.extend3o #ie .usage-meter-table th,
.extend3o .usage-meter-table td{vertical-align: text-top }
.extend3o .usage-meter-table span { font-size:1em }
.extend3o .meter-container{
	float:left;
	background:url(//www.att.com/images/global/usage-meter-bg.png) 0 0 no-repeat;
	min-height:24px;
	margin:0 11px 0 0;
	width:303px;
	padding:3px;
	vertical-align:middle;
}
.extend3o .lte-meter-container{
	float:left;
	background:url(//www.att.com/images/global/lte-usage-meter-bg.png) 0 0 no-repeat;
	min-height:24px;
	margin:0 10px 0 0;
	width:198px;
	padding:3px;
	vertical-align:middle;
}

.extend3o .Usage-meter-container{
	float:left;
	background:url(//www.att.com/images/global/usage-meter-bg.png) 0 0 no-repeat;
	min-height:24px;
	margin:0 11px 0 0;
	width:303px;
	padding:3px;
	vertical-align:middle;
}

.extend3o .lte .meter-container, .extend3o .dataOverage .meter-container { position:relative; top:-2px; left:-2px }
.extend3o .meter-container .context {margin-top:10px}
.extend3o #ie6 .meter-container{margin:0 5px 0 0}

@media screen{
	.extend3o .meter-value{
		-moz-border-radius:9px; 
		-webkit-border-radius:9px; 
		border-radius:9px;
	}
}

.extend3o .meter-value{
	height:18px;
	margin:0;
}

/* For Group Usage Meter - Starts */
@media screen{
	.extend3o .meter-value-grp{
		-moz-border-radius:9px; 
		-webkit-border-radius:9px; 
		border-radius:9px;
	}
}

.extend3o .meter-value-grp{
	height:18px;
	margin:0;
}
.extend3o .top-18{
	top:-18px;
}
.extend3o #ie .top-18IE{
	top:-18px;
}
.extend3o #ie .top0IE{
	top:0px;
}

/* For Group Usage Meter - Ends */


@media screen{
	.extend3o .meter-value1{
		-moz-border-radius:9px; 
		-webkit-border-radius:9px; 
		border-radius:9px;
	}
}

.extend3o .meter-value1{
	height:18px;
	margin:0;
}

.extend3o .meterDivider {
    background: url("/olam/images/brand30/iconErrorDivider.png") no-repeat scroll right center transparent;
    line-height: 3.5em;
    margin-top: -18px;
    text-align: right;
}
.extend3o .meterDividerNew {
    background: url("/olam/images/brand30/iconErrorDivider.png") no-repeat scroll right center transparent;
    
    line-height: 36px;
    margin-top: -19px;
    position: relative;
    text-align: right;
}
.extend3o .meterDividerNew1 {
     background: url("/olam/images/brand30/iconErrorDivider.png") no-repeat scroll right center transparent;
    line-height: 3.5em;
    margin-top: -20px;
    text-align: right;
	 z-index: 1; 	
	 left:5px;
	
}
.extend3o .meterDividerNew2 {
     background: url("/olam/images/brand30/iconErrorDivider.png") no-repeat scroll right center transparent;
    line-height: 3.5em;
    margin-top: -20px;
    text-align: right;
	 z-index: 1;	 
	 left:80px;	
}
.extend3o .modalContent .meter-container .normal, .extend3o .lte-meter-container .normal	{background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) left -2670px repeat-x}
.extend3o .meter-container .normal, .extend3o .lte-meter-container .normal	{background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) left -2670px
 repeat-x}
.extend3o .meter-container .warning, .extend3o .lte-meter-container .warning {background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) left -2702px repeat-x}

.extend3o .meter-container .alert, .extend3o .lte-meter-container .alert {background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) left -2611px repeat-x}
.extend3o .meter-container .groupUsage, .extend3o .lte-meter-container .groupUsage {background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) left -2839px repeat-x}

/* IE meter fix */
.extend3o #ie .meter-value div{height:18px; margin:0;}
.extend3o #ie .meter-value-grp div{height:18px; margin:0;}
.extend3o #ie .meter-value1 div{height:18px; margin:0;}
.extend3o #ie .meter-container .normal, .extend3o #ie .lte-meter-container .normal	{background: url(//www.att.com/images/global/usage-meter-green-short.png) left no-repeat;}
.extend3o #ie .meter-container .warning, .extend3o #ie .lte-meter-container .warning {background:url(//www.att.com/images/global/usage-meter-yellow-short.png) left no-repeat}
.extend3o #ie .meter-container .alert, .extend3o #ie .lte-meter-container .alert {background:url(//www.att.com/images/global/usage-meter-red-short.png) left no-repeat}
.extend3o #ie .meter-container .groupUsage, .extend3o #ie .lte-meter-container .groupUsage {background:url(//www.att.com/images/global/usage-meter-grey-short.png) left no-repeat}

.extend3o #ie .meter-container .normal div, .extend3o #ie .lte-meter-container .normal div{background: url(//www.att.com/images/global/usage-meter-green-full.png) right; position:relative; top:0; left:9px}
.extend3o #ie .meter-container .warning div, .extend3o #ie .lte-meter-container .warning div{background:url(//www.att.com/images/global/usage-meter-yellow-full.png) right; position:relative; top:0; left:9px}
.extend3o #ie .meter-container .alert div, .extend3o #ie .lte-meter-container .alert div{background:url(//www.att.com/images/global/usage-meter-red-full.png) right; position:relative; top:0; left:9px}
.extend3o #ie .meter-container .groupUsage div, .extend3o #ie .lte-meter-container .groupUsage div{background:url(//www.att.com/images/global/usage-meter-grey-full.png) right; position:relative; top:0; left:9px}


.extend3o .meterwrapper .minutes-used, .extend3o .meterwrapper .total-minutes { font-weight:bold }
.extend3o .usageUnlimited { color:#70940e }
.extend3o .usageYellow {color: #D89E01;}/*changed from F7BA00 to DB9E01*/
.extend3o .usageOver { color:#FF0000 }/*changed from c00 to FF0000*/
.extend3o .box.lte { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:2px solid #e3e3e3; margin-bottom:14px; width:420px; }
.extend3o .boxNew { -webkit-border-radius:15px; -moz-border-radius:15px; background:#fff; border:2px solid #e3e3e3; margin-bottom:14px;  }
.extend3o .box1 { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:2px solid #e3e3e3;  }
.extend3o .box.dataOverage { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:2px solid #e3e3e3; margin-bottom:14px; width:450px }
.extend3o .box.dataOverage div, .extend3o .box.lte { font-size:.9em }
.extend3o .plan-name { position:relative; top:-14px }
.extend3o .cycle { margin-bottom:14px }

/**************************** OPTIONAL ACCORDION - BEGINS *************************************/
.extend3o .mod-accordion h4, .extend3o .mod-accordion h3{
	font-size:16px;
	min-height:56px;
	line-height:56px;	
	height:56px;
	padding:0 14px; 
	overflow:hidden;
	/*background:#fff url(//www.att.com/images/global/grad-heading.gif) bottom left repeat-x*/ /* commenting as fix for WUP00643670*/
}
.extend3o .mod-accordion h4.first, .extend3o .mod-accordion h3.first {background:#fff url(//www.att.com/images/global/accordion-header-noborder.gif) bottom left repeat-x}

.extend3o .mod-accordion h4 a, .extend3o .mod-accordion h3 a,
.extend3o .mod-accordion h4 a:active, .extend3o .mod-accordion h3 a:active,
.extend3o .mod-accordion h4 a:visited, .extend3o .mod-accordion h3 a:visited{display:block; min-height:43px; color:#333; padding:0 14px; font-size:16px; outline:none !important}

.extend3o .mod-accordion h4 a:hover, .extend3o .mod-accordion h3 a:hover,
.extend3o .mod-accordion h4 a:focus, .extend3o .mod-accordion h3 a:focus{color:#0f99d8; text-decoration:none; outline:none !important;}
.extend3o .mod-accordion .accContent{position:relative}
.extend3o .mod-accordion .accContent div{font-size: 12px; padding:15px 15px 20px 15px;}
.mod-accordion h4, .mod-accordion h3{
	font-size:16px;
	min-height:56px;
	line-height:56px;	
	height:56px;
	padding:0 14px; 
	overflow:hidden;
	/*background:#fff url(//www.att.com/images/global/grad-heading.gif) bottom left repeat-x*/ /* commenting as fix for WUP00643670*/
}
.mod-accordion h4.first, .mod-accordion h3.first {background:#fff url(//www.att.com/images/global/accordion-header-noborder.gif) bottom left repeat-x;}

.mod-accordion h4 a, .mod-accordion h3 a,
.mod-accordion h4 a:active, .mod-accordion h3 a:active,
.mod-accordion h4 a:visited, .mod-accordion h3 a:visited{display:block; min-height:43px; color:#333; padding:0 14px; font-size:16px; outline:none !important;}

.mod-accordion h4 a:hover, .mod-accordion h3 a:hover,
.mod-accordion h4 a:focus, .mod-accordion h3 a:focus{color:#0f99d8; text-decoration:none; outline:none !important;}
.mod-accordion .accContent{position:relative;}
.mod-accordion .accContent div{font-size: 12px; padding:15px 15px 20px 15px;}
.mod-accordion li a{font-size:12px; color:#005B95;}
.mod-accordion li{font-size:12px;}

.extend3o .mod-accordion h3:focus, .extend3o .mod-accordion h4:focus {
    margin-bottom: 1px;
    outline: 1px dotted #000000;
}
/**************************** OPTIONAL ACCORDION - ENDS ***************************************/

/**************textfield-btn focus for RHN for accessibility*********************/
.extend3o .textfield-btn:focus{outline:1px dotted #000}
/**************textfield-btn focus for RHN for accessibility - ENDS**************/

/*****************
 MODAL TREATMENT
*****************/

.extend3o .openModal,
.extend3o .nyroModal{}/*empty class so it shows up in dreamweaver*/

.extend3o .closeModal {
	display: block;
	position: absolute;
	top: 18px;
	right: 20px;
	line-height:20px;
	background: url(//www.att.com/images/global/btn_close.gif) 100% 50% no-repeat;
	padding:0 25px 0 0;
	outline: 0;
	z-index:9999;
}

.extend3o .modalHeader {
	position: relative;
	top:0;
	background:url(//www.att.com/images/global/bg_modal_top.gif) 0 0 repeat-x;	
	height:56px;
	-webkit-border-top-left-radius:7px; 
	-webkit-border-top-right-radius:7px; 
	-moz-border-radius-topleft:7px; 
	-moz-border-radius-topright:7px; 
	border-top-left-radius:7px; 
	border-top-right-radius:7px;
	text-align:left
}
.extend3o .modalHeader h1 {padding:12px 0 0 23px;}
.extend3o .modalContent {
	position: relative;
	padding:19px 25px;	
	font:11px Arial;	
	text-align:left
}
.extend3o .modalContent  p{margin-bottom:20px;}
.extend3o .modalContent  .msg p{margin-bottom:0px;}
.extend3o .modalContent .subHeading{font-size:14px;}
.extend3o .modalScroll{ height:200px; overflow:scroll; border:1px solid #ccc; padding:15px;position:relative}
.extend3o .modalScrollY{ height:200px; overflow-y:scroll; overflow-x:hidden; border:1px solid #ccc; padding:15px;position:relative}/*overflow-x:hidden is added*/
.modalScrollY{ height:200px; overflow-y:scroll; border:1px solid #ccc; padding:15px;position:relative}/* adding non extend3o definition*/
.extend3o .modalContent  p.noBtmMar{ margin-bottom:0 }
.modalContent th> p, .modalContent td> p {margin-bottom:10px;}
.extend3o .btnInsideRowSeam{
border-top:1px solid #DBDBDB;
margin:0 0px 0 0px;
padding:20px 0 0
}
.extend3o .modalContent .btnInsideRowSeam{
border-top:1px solid #DBDBDB;
margin:0 0px 0 0px;
padding:20px 0 0
}
.extend3o .modalContent .botMar20{margin-bottom:20px !important;}
.extend3o  .botMar14{margin-bottom:14px !important}
/*#ie .modalContent{width:500px}*/
.extend3o .modalPrint {position:absolute;top:30px;right:60px}
/*printModalLink updated for WUP00640148*/
.extend3o .printModalLink {
	background:url(//www.att.com/images/global/icon_print.gif) 0px 1px no-repeat;
	height:20px;
	padding-left:20px
}
/*.extend3o .modalButtons { margin-top:20px; top:0px;}*/
.extend3o .modalButtons {margin-bottom:15px;position:relative;top:20px}
.extend3o .modalButtons a{padding-bottom:0px;}
.extend3o .bt_right {float:right;}
.extend3o .bt_left{float:left;}
.bt_left{float:left;}
/*WUP00640122*/
.modalscroll{overflow-y : scroll; height: 224px; position: relative; padding-right: 25px;}
.modalScroll{ height:200px; overflow:scroll; border:1px solid #ccc; padding:15px;position:relative}


/* COLORBOX MODAL STYLES */
/*
.extend3o #colorbox, .extend3o #cboxOverlay, .extend3o #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; opacity:1}
.extend3o #cboxOverlay{position:fixed; width:100%; height:100%}
.extend3o #cboxMiddleLeft, .extend3o #cboxBottomLeft{clear:left;}
.extend3o #cboxContent{position:relative; overflow:hidden; left:0; top:0; margin:10px; text-align:left}
.extend3o #cboxLoadedContent{overflow:auto}
.extend3o #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0}
.extend3o #cboxTitle{margin:0;}
.extend3o #cboxLoadingOverlay, .extend3o #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%}
.extend3o #cboxPrevious, .extend3o #cboxNext, .extend3o #cboxClose, .extend3o #cboxSlideshow{cursor:pointer;}

.extend3o #cboxOverlay{background:#fff;}
.extend3o #cboxContent{
	background:#fff;
	position:relative;
	border: 1px solid #e3e3e3;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 15px #818181;
	-webkit-box-shadow:0 0 15px #818181;
	-moz-box-shadow:0 0 15px #818181					
}
.extend3o #cboxLoadedContent{
	border:1px solid transparent;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}
.extend3o #cboxLoadedContent iframe{
	border:1px solid transparent !important;
	border-radius:10px !important;
	-moz-border-radius:10px !important;
	-webkit-border-radius:10px !important;
}
	
.extend3o #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
.extend3o #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
.extend3o #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
.extend3o #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
.extend3o #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
.extend3o #cboxLoadingOverlay{background:#fff url(//www.att.com/images/global/ajaxLoader.gif) no-repeat 50% 50%;} 
	  
*/


/*****************
 LINK TREATMENT 
*****************/
.extend3o .lnk-help img{ vertical-align:middle; }
.extend3o .inline-links{ color:#666666; font-size:1.6em; margin:0 }
.extend3o .inline-links a{margin:0 5px; font-size:.75em }
.extend3o .inline-links a.mar2px{margin:0 2px; font-size:.75em }
.extend3o .inline-links a:first-child{ font-size: 0.75em; margin: 0 5px 0 0 }
.extend3o .inline-links img { position:relative; top:5px }
.extend3o a.arrow { background:url(//www.att.com/images/global/link_right_arrow.gif) no-repeat scroll left center transparent; padding:1px 0 1px 20px }
.extend3o .expand { background: url(//www.att.com/images/global/iconExpand.png) right no-repeat; padding:3px 25px }
.extend3o .collapse { background: url(//www.att.com/images/global/iconCollapse.png) right no-repeat; padding:3px 25px }
.extend3o .paperless { background:url(//www.att.com/images/global/iconPaperless.png) left no-repeat; padding:5px 0px 5px 23px }
.extend3o .print { background: url(//www.att.com/images/global/iconPrint.png) left no-repeat; padding-left:20px}
/**.extend3o .upgradeSM { background:url(/olam/images/brand30/alert_green_10.png) left no-repeat; padding:5px 0px 5px 14px; color:#70940e; font-size:11px; font-weight:bold; top:0;} **/
/** Perf Improvement **/
.extend3o .upgradeSM{background:url(/olam/images/brand30/CSS_Overview_Sprite_2_updated.png) no-repeat scroll -42px -1799px rgba(0, 0, 0, 0);
padding:5px 0px 5px 14px; color:#70940e; font-size:6px; font-weight:bold; top:0;}
/** Perf Improvement ends**/
.extend3o a.upgradeSM{color:#70940e;}
.extend3o a.upgradeSM:hover {color:#336600;}
.extend3o .upgradeCK { background:url(/olam/images/brand30/alert_icon_upgrade_25.png) left no-repeat; padding:5px 0px 5px 14px; color:#70940e; font-size:11px; font-weight:bold; top:0;}
.extend3o .pdficon{ background: url(/olam/images/brand30/pdficon_small.png) left no-repeat; padding-left:22px; padding-bottom:1px;}
.extend3o .pdficon-grey{ background: url(/olam/images/brand30/pdficon_small_g.png) left no-repeat; padding-left:22px; padding-bottom:1px;}
.extend3o .arrowRt { background: url(//www.att.com/images/global/iconArrow.png) right no-repeat; padding:0 15px 0 0px ;}
.extend3o .arrowRt_Grey { background: url(/olam/images/brand30/iconArrow_grey.png) right no-repeat; padding:0 15px 0 0px ;}
.extend3o .separator a, .extend3o .separator span { padding:0 10px; border-right:1px solid #ccc }
.extend3o .separator a.begin { padding-left:0 }
.extend3o .separator a.end { border:none; padding:0 0 0 10px; }
.extend3o .separator .noSep { border-right:none; padding:0 }
.extend3o .upsell { background:url(//www.att.com/images/global/iconExclamation.png) left center no-repeat; padding-left:20px }
.extend3o .upsellLineHeight1 .upsell{ background:url(//www.att.com/images/global/iconExclamation.png) left center no-repeat; padding-left:20px ;line-height:20px;}
.extend3o .overage { background:url(//www.att.com/images/global/iconError.png) left center no-repeat; padding-left:20px!important; color:#CF2A2A;line-height:15px;}
.extend3o .overage25 { background:url(/olam/images/brand30/alert_icon_overage_25.png) left center no-repeat; padding-left:25px!important; color:#ff0000;line-height:25px;}
.extend3o .caution { background:url("/olam/images/brand30/alert_icon_warning_14.png") left center no-repeat; padding-left:15px!important; line-height:15px;}
.extend3o .caution25 { background:url(/olam/images/brand30/alert_icon_warning_25.png) left center no-repeat; padding-left:25px!important; color:#ff0000;line-height:25px;}
.extend3o .overageTop { background:url(//www.att.com/images/global/iconError.png) left top no-repeat; padding-left:20px!important; color:#ff0000;line-height:15px;}
.extend3o .blueErrorIcon { background:url("/olam/images/brand30/icon_exblue.png") left center no-repeat; padding-left:20px!important; line-height:15px;}
.extend3o .alertNew{color:#CF2A2A;}
.alertNew{color:#ff0000;}
.extend3o .alertRedForce{color:#ff0000 !important;}
.alertRedForce{color:#ff0000 !important;} /* For WUP00594931 */
.extend3o .SecContoverage {background:url("//www.att.com/images/global/iconError.png") no-repeat scroll left center transparent;color:#FF0000;min-height:16px;padding-left:20px !important;padding-top:10px;width:180px;}/*CC0000 to FF0000*/
.extend3o .overageNoBg {color:#FF0000; font-weight:inherit; font-size:inherit } /*changed from fd0200 to FF0000*/
.extend3o .upsellIndent { background:url(//www.att.com/images/global/iconExclamation.png) left center no-repeat; padding:10px 20px; margin-left:10px }
.extend3o .overageIndent { background:url(//www.att.com/images/global/iconError.png) left center no-repeat; padding-left:20px; color:#FF0000; margin-left:10px }/*c00 to ff0000*/
.extend3o .calendar img{ vertical-align:middle; padding-left:10px }
/* Classes added to provide the Due date in calendar with width*/
.extend3o .calendar_due a{ padding: 4px!important; color: #005B95; width: 34px; }
.extend3o .calendar_due{ padding: 4px!important; color: #000000; width: 34px; }
.calendar_due{ padding: 4px; color: #005B95; width: 34px;}
/*End of calendar Due date classes*/
.extend3o .breadcrumb { margin-left:14px } /****Added style for breadcrumb located about the page title****/
.breadcrumb { margin-left:14px } /****Added style for breadcrumb located about the page title****/
.extend3o .breadcrumbNoMargin { margin-left:0px !important;} /****Added style for breadcrumb located about the page title****/
.breadcrumbNoMargin { margin-left:0px !important;} /****Added style for breadcrumb located about the page title****/
/**** toggles ****/

.extend3o .collapseImg {background: url(//www.att.com/images/global/iconCollapse.png) 0 50% no-repeat; padding-left:25px; display:inline-block; height:auto; line-height:20px; text-decoration:none; margin-bottom:5px}
.extend3o .collapseImg:hover, .extend3o .collapseImg:focus{text-decoration:none}
.extend3o .expandImg{background: url(//www.att.com/images/global/iconExpand.png) 0 50% no-repeat; padding-left:25px; display:inline-block; height:auto; line-height:20px; text-decoration:none; margin-bottom:5px}
.extend3o .expandImg:hover, .extend3o .expandImg:focus{text-decoration:none}

.extend3o li .tooltips{line-height:30px}
.extend3o .tooltips img{position:relative; top:-1px; vertical-align:middle;}
.extend3o .toolTips img{position:relative; top:-1px; vertical-align:bottom;}
.extend3o .helpIconPadLeft6px{padding-left:6px !important;}
.extend3o  #ie .helpIconPadRight1px{padding-right:1px !important;}


/*****************
TOOLTIP WRAPPERS
*****************/

.extend3o .tip-white {
	margin-top:10px; 
	opacity:1;
	z-index:2000;/*changed from 1000*/
	text-align:left;
	border:none;
	padding:3px;
	min-width:50px;
	max-width:350px;
	color:#666;
	background-color:#fff;
	background-image:url(//www.att.com/images/global/tooltip/tip-white/tip-white.png); /* bgImageFrameSize >= 10 should work fine */
	/**
	 * - If you set a background-image, border/padding/background-color will be ignored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.extend3o .tip-white .tip-inner {
	font: 13px/18px arial,sans-serif;
	margin-top:-1px;
	padding:8px }
.extend3o .tip-inner{background: url(//www.att.com/images/global/tooltip/tip-white/backgroundwhite.gif) repeat-x scroll 100% 100% transparent }

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.extend3o .tip-white .tip-arrow-top {
	margin-top:-5px;
	margin-left:15px;
	top:2px;
	left:44%;
	width:16px;
	min-height:10px;
	background:url(//www.att.com/images/global/tooltip/tip-white/tip-white_arrows.png) no-repeat }
.extend3o .tip-white .tip-arrow-right {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-4px;
	top:50%;
	left:100%;
	width:10px;
	min-height:20px;
	background:url(//www.att.com/images/global/tooltip/tip-white/tip-white_arrows.png) no-repeat -16px 0 }
.extend3o .tip-white .tip-arrow-bottom {
	margin-top:-6px;
	margin-left:15px;
	top:100%;
	left:44%;
	width:16px;
	min-height:13px;
	background:url(//www.att.com/images/global/tooltip/tip-white/tip-white_arrows.png) no-repeat -32px 0 }
.extend3o .tip-white .tip-arrow-left {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:10px;
	min-height:20px;
	background:url(//www.att.com/images/global/tooltip/tip-white/tip-white_arrows.png) no-repeat -48px 0 
	}

.tip-white table td{vertical-align:middle !important;}

/*****************
 FORM TREATMENT JQUERY UNIFORM
*****************/

.extend3o a:active, .extend3o a:focus {outline:0 }
a:active, a:focus {outline:0}
.extend3o .styled_forms label > a {font-size:1.0em !important;}
.extend3o .statictxt a {font-size:1.0em !important;}
.extend3o .styled_forms > div > label:first-child {
	/*float:left;*//*Isabel: Added to fix alignment*/
	color:#333;
	display:inline-block;
	font-family:Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin:0 30px 2px 2px;
	position:relative;
	text-align:right;
	vertical-align:top;
	width:179px;
	top:5px }
.extend3o .styled_forms > div > label:first-child .pos{
    color: #333333;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 30px 2px 2px;
    position: relative;
    text-align: right;
    vertical-align: top;
    width: 179px;
}
.extend3o .styled_forms > div{margin-bottom:15px;}
.extend3o .styled_forms > div.radioBtn{margin-bottom:5px;}

.extend3o .styled_forms .tipPad > label{margin-right:5px !important}/*Isabel: Changed from 2px to 5px to fix alignment*/
.extend3o #ie .styled_forms .padRight1px > label {margin-right:4px !important }
/*WUP00582161 - changed below from top:5px to top:6px */
.extend3o .styled_forms .tipPad .tooltips{
	/*float:left;*//*Isabel: Added to fix alignment*/
	margin-right:7px;/*Isabel: Changed from 8px to 10px to fix alignment*/
	top:6px;
	vertical-align:top !important;
}
.extend3o .styled_forms > div > label.radio{
	width:auto !important }
	
/*WUP00582161 - changed below from top:5px to top:6px */
.extend3o .styled_forms > div > a.tooltips{
	display:inline-block;
	margin:0;
	position:relative;
	top:6px;
	vertical-align:top;}
/* Added to handle a change in the structure noticed in WUP00648383*/
.extend3o .styled_forms > div > div > a.tooltips{
	display:inline-block;
	margin:0;
	position:relative;
	top:6px;
	vertical-align:top;}

/*WUP00582161 - added non extend3o version */
.styled_forms > div > a.tooltips{
	display:inline-block;
	margin:0;
	position:relative;
	top:6px;
	vertical-align:top;}
	
.extend3o .styled_forms > div > a{
	display:inline-block;
	margin:0;
	position:relative;
	top:7px;
	vertical-align:baseline;} /* The style vertical-align:top was changed to fix the cutting off of letters g & y from bottom.*/

.styled_forms > div > a{vertical-align:baseline;}
	
.extend3o .styled_forms > div span.statictxt{
	color:#333333;
	font-family:Arial,sans-serif;
	font-size:1.2em;
	position:relative;
	top:7px;
}
.extend3o .styled_forms > div span#statictxt-popup{top:5px;}

.extend3o .styled_forms > div span.redtxt{
	color:#CF2A2A !important;
}/*changed from red to #FF0000*/

.extend3o .styled_forms div.login > label{
	color:#333;
	font-family:Arial,sans-serif;
	margin-bottom:10px !important;
	text-align:left;
	font-weight:normal !important;
	width:100% !important;
}
.extend3o .styled_forms div.secretq > label{
	width:100% !important;
	text-align:left;
	margin:10px 5px;
	font-family:Arial,sans-serif;
	color:#333
}

.extend3o .styled_forms_label200 > div > label:first-child {width:200px}
.extend3o .styled_forms > div span.statictxt#paswd-strength{Top:0px;margin-left:10px;}

/* select dropdown (actually a faux dropdown using bulleted list and radio) */
.extend3o .faux-dropdown{display:inline-block; border-bottom:1px solid transparent; float:left; position:relative; z-index:10}
.extend3o .faux-dropdown a{
	display:inline-block;
	position:absolute;
	z-index:9;
	background:url(//www.att.com/images/global/forms/select-left.gif) 0 0 no-repeat;
	min-height:24px;
	line-height:24px; 
	outline:none; 
	text-decoration:none;
	white-space:nowrap;
	color:#333 }
	#ie .faux-dropdown a{line-height:22px; text-decoration:none}
.extend3o .faux-dropdown a:focus{color:#00F}
	
.extend3o .faux-dropdown a span{
	display:block;
	background:transparent url(//www.att.com/images/global/forms/select-right.gif) 100% 0 no-repeat; 
	border:0; 
	min-height:24px; 
	padding:0 35px 0 14px; 
	margin:0 0 0 0; 
	vertical-align:middle }
.extend3o .faux-dropdown ul{
	display:block;
	position:absolute; 
	left:0; 
	top:20px; 
	z-index:10;
	border:1px solid #e3e3e3; 
	border-top:0;
	padding-top:4px;
	opacity:0;
	filter:alpha(opacity:0) }
.extend3o .faux-dropdown li{border:1px solid #fff; cursor:pointer; padding:0; margin:0; background:#fff }
.extend3o #ie6{border:0}
.extend3o .faux-dropdown label:hover,
.extend3o .faux-dropdown label:focus,
.extend3o .faux-dropdown li:hover,
.extend3o .faux-dropdown li:focus{background:#e3e3e3 }
	.extend3o #ie6 .faux-dropdown .hover{background:#e3e3e3 !important }

.extend3o .faux-dropdown li.selected{background:#d3d3d3 !important}

.extend3o .faux-dropdown label{display:block; outline:none; white-space:nowrap; margin:0; line-height:24px; padding:0 26px 0 13px; cursor:pointer}
.extend3o #ie6 .faux-dropdown label{padding:0 32px 0 13px }
.extend3o .faux-dropdown .radio-wrapper{position:absolute; left:-9999px}

/**************************
JQUERY UNIFORM CSS CODE
**************************/
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

.extend3o div.selector, 
.extend3o div.selector span, 
.extend3o div.checker span,
.extend3o div.radio span, 
.extend3o div.uploader, 
.extend3o div.uploader span.action,
.extend3o div.button,
.extend3o div.button span {
  background-image: url(//www.att.com/images/global/forms/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased }
  
.extend3o .selector, 
.extend3o .radio, 
.extend3o .checker, 
.extend3o .uploader,
.extend3o .button, 
.extend3o .selector *, 
.extend3o .radio *, 
.extend3o .checker *, 
.extend3o .uploader *,
.extend3o .button *{
  margin: 0;
  padding: 0 }

/* INPUT & TEXTAREA */
.extend3o textarea.noResize { resize:none;}
.extend3o .styled_forms input.text,
.extend3o .styled_forms input.email, 
.extend3o .styled_forms input.password,
.extend3o .styled_forms textarea.uniform {
  font-size: 1em;
  font-family:  Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url(//www.att.com/images/global/forms/bg-input-focus.png) repeat-x 0px 0px;
  background: url(//www.att.com/images/global/forms/bg-input.png) repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

.extend3o .styled_forms span.textInput-wrapper{
	background:url(//www.att.com/images/global/forms/input-right.gif) no-repeat scroll 100% 1px transparent;
	display:inline-block;
	height:24px;
	left:0px;
	position:relative;
	top:0px;
	vertical-align:top;
}


.extend3o .styled_forms span.textInput-wrapper span{
	background:url(//www.att.com/images/global/forms/input-left.gif) no-repeat scroll 0 1px transparent;
	display:inline-block;
	height:26px;
	margin-right:2px;
	}

.extend3o .styled_forms span.textInput-wrapper .w25{width:25px ! important;}
	
.extend3o .styled_forms span.textInput-wrapper input{
	background:none transparent;
	border:0 none;
	outline:none;
	height:14px;
	padding:1px;
	margin:5px 3px 0 5px;
	color:#333;
	font-size:1.2em;
}
.extend3o .styled_forms span.textInput-wrapper input[disabled]{
	color:#999
}
.extend3o .styled_forms span.textInput-wrapper.focus {background:transparent url(//www.att.com/images/global/forms/input_right-focus.gif) 100% 1px no-repeat}
.extend3o .styled_forms span.textInput-wrapper span.focus{background:transparent url(//www.att.com/images/global/forms/input_left-focus.gif) 0px 1px no-repeat}


/* SPRITES */

/* Select */

.extend3o div.selector {
  background-position: -485px -130px;
  line-height: 26px;
  height: 26px;
  margin-top:-4px }

.extend3o div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
  font-size:12px }

.extend3o div.selector select {
  /* change these to adjust positioning of select element */
  top: 5px;
  left: 3px }
  
  
  .extend3o #ie div.selector select {
  /* change these to adjust positioning of select element */
  top: 3px;
  left: 3px }
 

.extend3o div.selector:active, 
.extend3o div.selector.active {
  background-position: -483px -156px }

.extend3o div.selector:active span, 
.extend3o div.selector.active span {
  background-position: right -26px }

.extend3o div.selector.focus, .extend3o div.selector.hover, .extend3o div.selector:hover {
  background-position: -483px -182px }

.extend3o div.selector.focus span, .extend3o div.selector.hover span, .extend3o div.selector:hover span {
  background-position: right -52px }

.extend3o div.selector.focus:active,
.extend3o div.selector.focus.active,
.extend3o div.selector:hover:active,
.extend3o div.selector.active:hover {
  background-position: -483px -208px }

.extend3o div.selector.focus:active span,
.extend3o div.selector:hover:active span,
.extend3o div.selector.active:hover span,
.extend3o div.selector.focus.active span {
  background-position: right -78px }

.extend3o div.selector.disabled {
  background-position: -483px -234px;
  margin-left: -2px  }

.extend3o div.selector.disabled span {
  background-position: right -104px; 
  color: #bbb } 

/* Checkbox */

.extend3o div.checker {
  width: 19px;
  min-height: 19px }

.extend3o div.checker input {
	width: 19px;
	height: 19px }

.extend3o div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px }

.extend3o div.checker:active span, 
.extend3o div.checker.active span {
  background-position: -19px -260px }

.extend3o div.checker.focus span,
.extend3o div.checker:hover span {
  background-position: -38px -260px }

.extend3o div.checker.focus:active span,
.extend3o div.checker:active:hover span,
.extend3o div.checker.active:hover span,
.extend3o div.checker.focus.active span {
  background-position: -57px -260px }

.extend3o div.checker span.checked {
  background-position: -76px -260px }

.extend3o div.checker:active span.checked, 
.extend3o div.checker.active span.checked {
  background-position: -95px -260px }

.extend3o div.checker.focus span.checked,
.extend3o div.checker:hover span.checked {
  background-position: -114px -260px }

.extend3o div.checker.focus:active span.checked,
.extend3o div.checker:hover:active span.checked,
.extend3o div.checker.active:hover span.checked,
.extend3o div.checker.active.focus span.checked {
  background-position: -133px -260px }

.extend3o div.checker.disabled span,
.extend3o div.checker.disabled:active span,
.extend3o div.checker.disabled.active span {
  background-position: -152px -260px }

.extend3o div.checker.disabled span.checked,
.extend3o div.checker.disabled:active span.checked,
.extend3o div.checker.disabled.active span.checked {
  background-position: -171px -260px }

.extend3o div.checker.focus span {outline:1px dotted black;}
/* Radio */

.extend3o div.radio {
	width: 18px;
	height: 18px }

.extend3o div.radio input {
  width: 18px;
  height: 18px }

.extend3o div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px }

.extend3o div.radio:active span, 
.extend3o div.radio.active span {
  background-position: -18px -279px }

.extend3o div.radio.focus span, 
.extend3o div.radio:hover span {
  background-position: -36px -279px }

.extend3o div.radio.focus:active span,
.extend3o div.radio:active:hover span,
.extend3o div.radio.active:hover span,
.extend3o div.radio.active.focus span {
  background-position: -54px -279px }

.extend3o div.radio span.checked {
  background-position: -72px -279px }

.extend3o div.radio:active span.checked,
.extend3o div.radio.active span.checked {
  background-position: -90px -279px }

.extend3o div.radio.focus span.checked, .extend3o div.radio:hover span.checked {
  background-position: -108px -279px }

.extend3o div.radio.focus:active span.checked, 
.extend3o div.radio:hover:active span.checked,
.extend3o div.radio.focus.active span.checked,
.extend3o div.radio.active:hover span.checked {
  background-position: -126px -279px }

.extend3o div.radio.disabled span,
.extend3o div.radio.disabled:active span,
.extend3o div.radio.disabled.active span {
  background-position: -144px -279px }

.extend3o div.radio.disabled span.checked,
.extend3o div.radio.disabled:active span.checked,
.extend3o div.radio.disabled.active span.checked {
  background-position: -162px -279px }

.extend3o .radioGrp {
	float:left;
	margin-bottom:4px;
	padding:0 !important;
	position:relative;
	top:1px;
	width:auto
}

.extend3o #ie .radioGrp { padding-top:5px !important }
.extend3o .radioGrp label {font-weight:normal !important; font-size:1em !important}
.extend3o .radioLabel{float:left;width:206px} 
.extend3o .normalFont{font-weight:normal !important}

/* Uploader */

.extend3o div.uploader {
  background-position: 0px -297px;
  height: 28px }

.extend3o div.uploader span.action {
  background-position: right -409px;
  min-height: 24px;
  line-height: 24px }

.extend3o div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px }

.extend3o div.uploader.focus,
.extend3o div.uploader.hover,
.extend3o div.uploader:hover {
  background-position: 0px -353px }

.extend3o div.uploader.focus span.action,
.extend3o div.uploader.hover span.action,
.extend3o div.uploader:hover span.action {
  background-position: right -437px }

.extend3o div.uploader.active span.action,
.extend3o div.uploader:active span.action {
  background-position: right -465px }

.extend3o div.uploader.focus.active span.action,
.extend3o div.uploader:focus.active span.action,
.extend3o div.uploader.focus:active span.action,
.extend3o div.uploader:focus:active span.action {
  background-position: right -493px }

.extend3o div.uploader.disabled {
  background-position: 0px -325px }

.extend3o div.uploader.disabled span.action {
  background-position: right -381px }

.extend3o div.button {
  background-position: 0px -523px }

.extend3o div.button span {
  background-position: right -643px }

.extend3o div.button.focus,
.extend3o div.button:focus,
.extend3o div.button:hover,
.extend3o div.button.hover {
  background-position: 0px -553px }

.extend3o div.button.focus span,
.extend3o div.button:focus span,
.extend3o div.button:hover span,
.extend3o div.button.hover span {
  background-position: right -673px }

.extend3o div.button.active,
.extend3o div.button:active {
  background-position: 0px -583px }

.extend3o div.button.active span,
.extend3o div.button:active span {
  background-position: right -703px;
  color: #555 }

.extend3o div.button.disabled,
.extend3o div.button:disabled {
  background-position: 0px -613px }

.extend3o div.button.disabled span,
.extend3o div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default }

/* PRESENTATION */

/* Button */

.extend3o div.button {
  height: 30px }

.extend3o div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px }

/* Select */
.extend3o div.selector {
  font-size: 12px;top:3px 
}
.extend3o #ie div.selector {
  font-size: 12px;top:2px !important
}
.extend3o div.selector select {
  /* width: 190px; */
  font-family:  Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff }

.extend3o div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer }

.extend3o div.selector span {
  color: #666;
  /* width: 158px; */
 /*  text-shadow: 0 1px 0 #fff; */
}

/* Checker */
.extend3o div.checker {
  margin-right: 5px }

/* Radio */
.extend3o div.radio {
  margin-right: 3px;}

.extend3o  .radioSpacing  div.radio{
  margin-right: 10px;}
/* Uploader */
.extend3o div.uploader {
  width: 190px;
  cursor: pointer }

.extend3o div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold }

.extend3o div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px }

.extend3o div.uploader input {
  width: 190px }

.extend3o div.uploader.disabled span.action {
  color: #aaa }

.extend3o div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa }

/********************************
STYLED FORMS ERROR CHECKING MOD
*********************************/
.extend3o .styled_forms > div.error span.textInput-wrapper{
	background:url(//www.att.com/images/global/forms/input-right-err.gif) no-repeat scroll 100% 1px transparent;
}

.extend3o .styled_forms > div.error span.textInput-wrapper span{
	background:url(//www.att.com/images/global/forms/input-left-err.gif) no-repeat scroll 0 1px transparent ;
}

.extend3o .styled_forms > div.error span.textInput-wrapper.focus {background:transparent url(//www.att.com/images/global/forms/input-right-err.gif) 100% 1px no-repeat}
.extend3o .styled_forms > div.error span.textInput-wrapper span.focus{background:transparent url(//www.att.com/images/global/forms/input-left-err.gif) 0px 1px no-repeat}

.extend3o .styled_forms > div.error > label:first-child {
	color:#FD0200;
}

.extend3o .styled_forms > div.error div.selector, 
.extend3o .styled_forms > div.error div.selector span, 
.extend3o .styled_forms > div.error div.checker span,
.extend3o .styled_forms > div.error div.radio span, 
.extend3o .styled_forms > div.error div.uploader, 
.extend3o .styled_forms > div.error div.uploader span.action,
.extend3o .styled_forms > div.error div.button,
.extend3o .styled_forms > div.error div.button span {
  background-image: url(//www.att.com/images/global/forms/sprite-err.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
 
.extend3o .formErrorMessage{
	font-weight:bold !important;
	margin-bottom:3px !important;
	margin-left:209px;
	margin-top:0 !important;
}
.extend3o .formErrorMessage .redtxt{font-weight:bold;color:#FF0000}/*changed from FD0200 to FF0000*/

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.extend3o .selector, 
.extend3o .checker, 
.extend3o .button, 
.extend3o .radio, 
.extend3o .uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline }

.extend3o .selector select:focus, .extend3o .radio input:focus, .extend3o .checker input:focus, .extend3o .uploader input:focus {
  outline: 0 }

/* Button */

.extend3o div.button a,
.extend3o div.button button,
.extend3o div.button input {
  position: absolute }

.extend3o div.button {
  cursor: pointer;
  position: relative }

.extend3o div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center }

/* Select */

.extend3o div.selector {
	overflow:hidden;
	padding-left:6px;
	position:relative;
	top:3px;
	vertical-align:top
}

.extend3o div.selector span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  cursor:default}

.extend3o div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  /* height: 25px; */
  border: none;
  background: none }

/* Checker */

.extend3o div.checker {
	margin:0 3px 0 0 !important;
	position:relative;
	top:0
}

.extend3o div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  margin-bottom:5px;}

.extend3o div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none }

/* Radio */

.extend3o div.radio {
  position: relative }

.extend3o div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center }

.extend3o div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none }

/* Uploader */

.extend3o div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default }

.extend3o div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer }

.extend3o div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
 /* text-overflow: ellipsis; */
  white-space: nowrap;
  cursor: default }

.extend3o div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default }

/*****************
 FOOTER
*****************/
/* Commenting this fix since this causes footer links to be not clickable in Firefox */
/* For WUP00556565 */
/* .extend3o #footer{z-index:-1}
#footer{z-index:-1}
.extend3o #ie #footer{z-index:-1}
#ie #footer{z-index:-1}
*/
.extend3o #footer{z-index:0}
#footer{z-index:0}
/* These styles added to fix WUP00647343. The footer styles are added to prevent an overlap in IE*/
.section-title .usm_menu ul{min-height:0px}
.extend3o .section-title .usm_menu ul{min-height:0px}

#footer .separator, #footer .copyright{font-size:1.2em; margin-bottom: 0.5em;}
#footer .separator a, #preFooter a{/*font-size:1em;*/ font-size:11px;} /* size updated for new footer*/
#footer .separator a{color: #005B95 !important;}  /* New color added to change the footer link color - old color (#067ab4,#3381B7) */

#footer .dotCom a, #footer .dotNet a{font-size:1.2em;}

#footer .w586{float:left; width:595px; margin:0}

/*.extend3o #preFootWrap { clear:both; width:972px; margin-top:10px }
.extend3o #preFooter {width:972px; height:30px; background:url(/olam/images/brand30/footer/img_prefooter.gif) repeat-x left top #fff; border-top:1px solid #e3e3e3; margin:0;} 
.extend3o #preFooter p {font-size:1.1em; height:30px; line-height:34px; margin:0 0 0 17px; color:#979797 }
.extend3o #preFooter sup{font-size:80% !important}
.extend3o #ie #preFooter sup{font-size:95% !important}
.extend3o #preFooter a{margin:0 5px; color:#979797}
.extend3o #preFooter img{vertical-align:middle; margin-bottom:2px}
.extend3o #preFooter span { color:#4386b0 }
.extend3o #preFooterLinks{background:#f8f8f8; border-bottom:none; padding-top:20px; position:relative; text-align:left}
.extend3o #preFooterLinks .lob { text-align:center }
.extend3o #preFooterLinks dt {font-weight:bold; margin-bottom:10px; color:#979797}
.extend3o #preFooterLinks dd {margin-bottom:5px}

.extend3o #footer { text-align:left; font-size:.95em }
	.extend3o #footer .left { padding-left:10px }
	.extend3o #footer .inline-links{position:relative; top:0; margin:0 0 5px -5px; padding:0; font-size:1.4em;}
	.extend3o #footer .inline-links a{font-size:.85em; margin:0 5px}
	.extend3o #footer .copyright, .extend3o #footer .copyright a { color:#ccc }
	.extend3o #footer .dotSites { background:url(//www.att.com/images/global/vertSeparator1x105.png) 42% 50% no-repeat }
	.extend3o #footer .dotCom { padding-right:10px ;background:none;}
	.extend3o #footer .dotNet { padding-left:10px }*/
	/*.extend3o #footer .logos { text-align:center; margin-bottom:50px; position:relative; top:-25px ; margin-top:0px; padding-left:0px;}
		.extend3o #footer .logos a { margin:10px 25px 10px 0; display:inline; float:none;}
		.extend3o .firstLogo { position:relative; top:40px}*/

/*****************
 HELPER STYLES 
*****************/
.extend3o .strong { font-weight:bold }
.extend3o .normal, .extend3o .faux-dropdown label{font-weight:normal}
.extend3o  .fontWeightNormal{font-weight:normal !important;}
.extend3o  .fontWeightBoldForce{font-weight:bold !important;}
.extend3o .lineHeight10{line-height:10px;}
.extend3o .lineHeight0{line-height:0px;}
.extend3o .lineHeight55{line-height:55px;}
.extend3o .lineHeight18{line-height:18px !important;}
.extend3o #ie .lineHeight46IE{line-height:46px !important;}
.extend3o .clear{clear:both;line-height:0; height:0; margin:0; padding:0; border:0;}
.extend3o .ClearNew{clear:both;}
.extend3o .rel			{ position:relative }
.rel{ position:relative }
#ie .relIE{position:relative !important;}
.relForce{position:relative !important;}
.extend3o .abs			{ position:absolute }
.extend3o .abs.right		{ right:0 }

.extend3o .left			{ text-align:left !important }
.extend3o .center			{ text-align:center !important }
.extend3o .right			{ text-align:right !important }
.table td.right {text-align:right !important;}

.extend3o .vtop				{ vertical-align:top !important}
.extend3o .vmid				{ vertical-align:middle}
.extend3o .vbot				{ vertical-align:bottom}

.extend3o .scroll 			{ overflow:auto }
.extend3o .caps 			{ text-transform: uppercase }
.extend3o .block			{ display:block }
.extend3o label.fieldHeight	{ height:20px; display:inline-block}

/*-------BreadCrumb Style-------*/
.extend3o  .inActiveLinkColor{color:#666666 !important;}
/*-------BreadCrumb Style Ends-------*/

.extend3o .wid145 { width:145px;}

.extend3o .acc_separator{
    border-left: 1px solid #333333;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
}

.extend3o #lftMarTop2 { margin-left:2px; top:4px; }

.extend3o #primary-content .lftMar6 { margin-left:6px; }
.extend3o .left6{left:6px;}
.extend3o .rtMar10 { margin-right:10px; }
.rtMar10 { margin-right:10px; }
.extend3o .bottom10		{bottom:10px;}
.extend3o .bottom8 {bottom:8px;}
.extend3o .top8			{top:8px}
.extend3o .top5			{top:5px}
.extend3o .nopad			{ padding:0 !important;}
.extend3o .nopad-bot		{ padding-bottom:0 }
.extend3o #primary-content .nopad-right{padding-right:0px;}
.extend3o #primary-content .nopad-top{padding-top:0px;}

.extend3o .nowrap			{ word-wrap:break-word } /*must have width specified*/

.extend3o .inline *		{display:inline}
.extend3o .pre				{white-space:pre}
.extend3o hr					{clear:both; min-height:1px; border:none; background-color:#e3e3e3; color:#e3e3e3; margin:0 }
.extend3o #ie hr			{margin-top:-7px}

.extend3o .border-bottom-dotted{background:url(//www.att.com/images/global/row-seam-dotted.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:10px }

.extend3o .section-divider{background:url(/olam/images/brand30/global/bg_user_box.gif) 50% 0 no-repeat; clear:both}

.extend3o .tl{border:10px solid black !important}

.extend3o .tips{position:absolute;left:-9999px;top:-9999px; zoom:1 }
.extend3o .terms {margin: 3px 0 3px 3px;min-height: 150px;overflow: auto;padding: 5px;}
.extend3o #app_table.table th {
    background: none !important;
}

.extend3o #primary-content .noBorders {border: medium none !important;}
.extend3o #primary-content .noBorderBtm{border-bottom:none;}
.extend3o #primary-content .noBorderBtmNew{border-bottom:medium none;}
.extend3o .btmBorderNone{border-bottom:none;}
.extend3o .btmBdrdot{border-bottom:1px dotted #cccccc;}
.extend3o .BottomDotBorder{border-bottom:1px dotted #e5e5e5;}
.extend3o .RightDotBorder{border-right:1px dotted #e5e5e5;}
.extend3o .RightDotBorderCC{border-right:1px dotted #cccccc;}
.extend3o .RightSolidBorder{border-right:1px solid #e5e5e5;}
.extend3o .LeftSolidBorder{border-left:1px solid #e5e5e5;}
.extend3o .LeftDotBorder{border-left:1px dotted #e5e5e5;}
.extend3o .LeftDotBorderCC{border-left:1px dotted #cccccc;}
.extend3o .TopDotBorder,.extend3o tr.TopDotBorder td {border-top:1px dotted #e5e5e5;} /* Adding for WUP00636822*/
.extend3o .TopDotBorderCC{border-top:1px dotted #cccccc;}
.TopDotBorderCC{border-top:1px dotted #cccccc;}
.extend3o .TopSolidBorder{border-top:1px solid #cccccc;}
.extend3o .TopSolidBorder_calender{border-top:1px solid #FF6600;border-bottom:1px solid #FF6600;border-left:1px solid #FF6600;border-right:1px solid #FF6600;}
.extend3o .TopBotSolidBorder{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.extend3o .TopBorderSolid2{border-top: 2px solid #CCCCCC;}
.extend3o .TopDotBodr{border-top:1px dotted #cccccc;}
.TopDotBodr{border-top:1px dotted #cccccc;}
.extend3o  .table-titan-billing tr td.noBorder{border:none;}
.extend3o  #primary-content .TopSolidBorderE5{border-top:1px solid #e3e3e3;}
.extend3o  #primary-content .btmBdrdotCc{border-bottom:1px dotted #e5e5e5 !important;}
.extend3o #primary-content  .BotSolidBorderE5{border-bottom:1px solid #e3e3e3 !important;}
.extend3o #content  .BotSolidBorderE3{border-bottom:1px solid #e3e3e3;}
body.extend3o .BotSolidBorder{border-bottom:1px solid #cccccc;}
.extend3o .clrBoth { clear:both; }
.extend3o .btnTopsolidborder{border-top:1px solid #DBDBDB;}
.extend3o .font10 { font-size:10px;}
.extend3o .font10imp {font-size:10px !important;}
.extend3o .font11 { font-size:11px;}
.extend3o .font11imp { font-size:11px !important;}
.extend3o .font12 { font-size:12px;}
.extend3o .font12imp { font-size:12px !important;}
.extend3o .font14{font-size:14px;}
.extend3o .font14Force{font-size:14px !important;}
.extend3o .font15{font-size:15px;}
.extend3o .font15Force{font-size:15px !important;}
.extend3o .font15Bold{font-size:15px;font-weight:bold;}
.extend3o .font16{font-size:16px;}
.extend3o .font18{font-size:18px;}
.extend3o .font18Force{font-size:18px !important;}
.extend3o .font20{font-size:20px;}
.extend3o .font24{font-size:24px;}
.extend3o .font35{font-size:35px;}
.extend3o .font40{font-size:40px;}
.extend3o .font2em{font-size:2em;}
.extend3o .font20imp{font-size:20px !important;}
.extend3o .font24imp{font-size:24px !important;}
.extend3o .font26imp{font-size:26px !important;}
.extend3o .font30imp{font-size:30px!important;}
.extend3o .modalContent  p.botMar15{margin-bottom:15px;}
.extend3o .font1em{font-size:1em;}
.modalContent  p.botMar15{margin-bottom:15px;}
.font1em{font-size:1em;}
.extend3o .thNoBg th{background: none;}
.extend3o .TopSolidBorderE52{border-top:1px solid #e5e5e5;}
.extend3o .tableNoPad th, .extend3o .tableNoPad td{line-height:normal; padding:10px 0px; position:relative}
.extend3o #content .mar10Force{margin: 10px !important;}

/**********************************************
* Form Buttons
***********************************************/
.extend3o .btn {
border-top:1px solid #DBDBDB;
padding:20px 0;
margin: 0 25px 0 25px;
width:655px;
margin-right:14px 
}
.extend3o  .btnPopUp {
border-top:1px solid #CCCCCC;
padding:20px 0px 0px;
margin: 0 25px 0 5px;
width:630px;
margin-right:14px 
}
.extend3o .btnLt { float:left; text-align:left }
.extend3o .btnLt a { padding-right:18px }
.extend3o .btnLt img{ vertical-align:middle }
.extend3o .btnLt a.textLink{ top:8px } /* Use only when text links and no image button is required on left side */
.btnLt a.textLink{ top:8px } /* Without extend3o. Use only when text links and no image button is required on left side */
.extend3o .btnRt { float:right; text-align:right }
.extend3o .btnRt a { padding-left:14px }
.extend3o .btnRt a#arrow-id{padding:0; margin-left:5px;}
.extend3o .btnNew {
border-top:1px solid #DBDBDB;
padding:20px 25px;
}	
/**********
PAGINATION
**********/
.extend3o .pagination {position:relative; float:right; padding:0; top:auto; height:auto;}
.extend3o .pagination ul li a.current {border: 1px solid #e7e7e7;color:#666666;}
.extend3o .pagination ul li a {padding: 0 5px;}
.extend3o .pagination ul li a.prev {border-right: 1px dotted #CCCCCC;}
.extend3o .pagination ul li a.next {border-left: 1px dotted #CCCCCC;}
.extend3o ul.pagination{ text-align: right; padding: 10px 0; margin:0}
.extend3o ul.pagination li{display: inline; padding: 0 3px 0 5px; margin: 0}
.extend3o ul.pagination li.current{border: 1px solid #ccc; padding: 0 5px 1px 5px}
.extend3o #ie ul.pagination li.current{border: 1px solid #ccc; padding: 0 2px 1px 5px}
.extend3o ul.pagination li a:hover{ background:#e6f1f7; text-decoration:none}
.extend3o ul.pagination li.prev{border-right: 1px dotted #ccc; padding-right:6px}
.extend3o #ie ul.pagination li.prev{border-right: 1px dotted #ccc; padding-right:3px}
.extend3o ul.pagination li.next, .extend3o ul.pagination li.viewAll{border-left: 1px dotted #ccc}
.extend3o ul.pagination li.prev a:hover, .extend3o ul.pagination li.next a:hover, .extend3o ul.pagination li.viewAll a:hover{ background:none !important; text-decoration:underline}

/**********
PAGINATION PROPER
**********/
.extend3o ul#paginationPad.pagination#paginationPad li.prev{padding-right:9px;}
.extend3o ul.pagination#paginationPad li.next{padding-left:9px;}
.extend3o ul.pagination#paginationPad li,.extend3o ul.pagination#paginationPad li.current{padding-left:0px;}
.extend3o ul.pagination#paginationPad li a:hover{ background:none; text-decoration:none}
.extend3o ul.pagination#paginationPad li:hover{ background:#e6f1f7; text-decoration:none}
.extend3o ul.pagination#paginationPad li.current:hover{ background:none; text-decoration:none}
.extend3o ul.pagination#paginationPad li.prev:hover,.extend3o ul.pagination#paginationPad li.next:hover,.extend3o ul.pagination#paginationPad li.viewAll:hover{ color:#005B95;background:none !important; text-decoration:underline}
.extend3o ul.pagination#paginationPad li.current a{ border-bottom:none ;color:#666666}
.extend3o ul.pagination#paginationPad  li.current{border: 1px solid #e7e7e7; }
.extend3o #ie ul.pagination#paginationPad  li.current{border: 1px solid #e7e7e7; }
.extend3o ul.pagination#paginationPad li a:hover{ background:none; text-decoration:none}
.extend3o ul.pagination#paginationPad li a:hover{ border:none}
.extend3o ul.pagination#paginationPad li a border:none}

/********************************
Device Hover Change Picture Hover
*********************************/
.extend3o .changeImage{
	float:left;
	height:129px;
	width:104px;
}
.extend3o .changeImageTitanOrder{
	float:left;
	height:129px;
	width:92px;
}
.extend3o .changeImageBg {
	background:url(//www.att.com/images/global/bg-image-device.gif) no-repeat scroll left top transparent;
	width:118px;
}
.extend3o .changeImageBg .tooltips{
	top:110px;/*!important is removed*/
	left:-5px
}
#ie .changeImageBg .tooltips{  left: -5px;
    top: 110px !important;
}
.extend3o .changeImage a.changeHover {
	float:left;
	height:124px;
	margin:0 auto;
	width:104px;
}
.extend3o .changeImage a.changeHover img{
	left:10px;
	position:relative;
	top:10px;
}

.extend3o .changeImageBg{
	background:url(//www.att.com/images/global/bg-image-device.gif) no-repeat scroll left top transparent;
	float:left;
	height:129px;
	width:120px;
}

.extend3o .changeImageBg a.changeHover {
	float:left;
	height:124px;
	margin:0 auto;
	width:104px;
}
.extend3o .changeImageBg a.changeHover img{
	left:10px;
	position:relative;
	top:10px;
}
.extend3o .changeImage a .hoverIcon, .extend3o .changeImageBg a .hoverIcon {visibility:hidden;position:absolute;left:-10px;top:-10px;}
.extend3o .changeImage a.changeHover:hover .hoverIcon, .extend3o .changeImageBg a.changeHover:hover .hoverIcon {visibility:visible;}

/************************
Check Availability Right 
*************************/
.extend3o .checkAvailMessage212{margin-top:7px;margin-left:212px}
.extend3o .checkAvailMessage210{margin-top:7px;margin-left:210px}
.extend3o .checkAvailMessage{margin-top:7px;margin-left:215px}
.extend3o .checkAvailMessage .redtxt{color:#FF0000}/*changed from FD0200 to FF0000*/

.extend3o .checkAvailButton{
	margin-left:40px !important;
	position:relative !important;
	top:-2px !important;
}

/************************
Password Strength Meter
*************************/
.extend3o .passwordStrengthMeter .graphBorder {background:url(/olam/images/brand30/bkgrd-usage-empty.gif) repeat-x scroll 50% 50% transparent; border:1px solid #ccc; height:10px; float:left; margin:0px 10px 0px 0px; padding:0; text-align:left;width:80px}
.extend3o .passwordStrengthMeter .graphBkgrd {background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) repeat-x scroll left -2673px transparent; display:block; height:8px; margin:1px;	padding:0 }
.extend3o .passwordStrengthMeter .graphBkgrd_yellow {background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) repeat-x scroll left -2705px transparent; display:block; height:8px; margin:1px;	padding:0 }
.extend3o .passwordStrengthMeter .graphBkgrd_red {background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) repeat-x scroll left -2560px transparent; display:block; height:8px; margin:1px;	padding:0 }
.extend3o .strengthText{float:left;font-size:1.1em;margin:0px 6px 0px 0px;color:#333}
.extend3o .passwordStrengthMeter{display:inline-block;margin-left:34px;margin-top:0;position:relative;top:6px;width:240px}
.extend3o #ie .passwordStrengthMeter{display:inline;}
.extend3o .passwordStrengthMeter a{font-size:1.2em}
.extend3o .passDisclaimer{background:url(//www.att.com/images/global/iconInfo.gif) no-repeat scroll left 3px transparent;padding:3px 20px;font-size:1em}

/********************
USM Module
*********************/


.extend3o #ie .section-title{
	position:relative;
	z-index:4 !important
}	
.extend3o span.usmSubTitle {
	color: #666;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    padding: 8px 0 0 10px;/*changes as per new styleguide */
	cursor:default;
}
.extend3o span.usmSubGrpTitle{
	color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 0 22px;
	cursor:default;
}
.extend3o #usmModule{
	display:inline;
	position:absolute;
	right:6px;
	top:8px;
	z-index:15;
	
}
.extend3o #usmModule *{line-height:normal}


.extend3o #usmModule ul, .extend3o #usmModule li {
	margin:0; 
	padding:0; 
	list-style:none;
}
.extend3o #usmModule > ul > li{padding-top:2px !important}
.extend3o #usmModule > ul > li > ul {margin-bottom:10px;min-height:32px !important;}
.extend3o #usmModule > ul {min-height:32px !important;}

/* usm clicker */
.extend3o a.usm_click {
	border-style:none;
	color:#666;
	cursor:pointer;
	display:inline-block;
	height:40px;
	outline:medium none;
	text-decoration:none;
	width:279px;
}

.extend3o a.usm_click span{
	display:inline-block;
	vertical-align:middle;
	width:165px; /* width changed from 150px to 165px for 1207 - #1563, #2533*/
	font-size:12px;
	margin-top:3px;
	color:#333;
}
.extend3o a.usm_click span.singleline{margin: 12px 0 0 15px !important;}

.extend3o a.usm_click img{
	display:inline-block;
	margin:5px 5px 0 6px !important;
	vertical-align:middle !important;
	outline:none !important;
}
.extend3o a.usm_click *{
	vertical-align:middle;
}
/***************************************/


.extend3o .usmSeparator{background:url(//www.att.com/images/global/usm/gradSeparator.png) 2px 0px no-repeat transparent; padding-top:10px !important; /*padding-bottom:5px !important*/; margin-top:15px !important}
.extend3o li.usmSubSeparator{background: url(//www.att.com/images/global/usm/usm-sub-sep.gif) no-repeat scroll 11px 0px transparent;position:relative;top:0px;/*changes as per new styleguide */}
.extend3o li.usmSubSubSeparator{background: url(//www.att.com/images/global/usm/usm-sub-sep.gif) no-repeat scroll 41px 0px transparent;position:relative;top:4px;}
.extend3o li.usmSubDottedSep{background: url(//www.att.com/images/global/usm/usm-sub-dot.gif) no-repeat scroll 21px 0px transparent;position:relative;top:0px;margin-top:7px !important;/*changes as per new styleguide */}

.extend3o .usmNewSubSeparator{background: url(//www.att.com/images/global/usm/usm-sub-sep.gif) no-repeat scroll 11px 0px transparent;position:relative;top:4px;}
.extend3o .usmNewSubSubSeparator{background: url(//www.att.com/images/global/usm/usm-sub-sep.gif) no-repeat scroll 41px 0px transparent;position:relative;top:4px;}
.extend3o .usmNewSubDottedSep{background: url(//www.att.com/images/global/usm/usm-sub-dot.gif) no-repeat scroll 21px 0px transparent;position:relative;top:4px;}

.extend3o .usm_menu {
	display:none;
	width:279px;
	background:url(/olam/images/brand30/usm/dropdown.png) repeat scroll 0 100% transparent;
	position:relative;
	top:0px;
	z-index:6;
}
.extend3o .usm_menu ul {
	width:auto !important;
	clear:both;
}

.extend3o .usm_menu li a {
	display:inline-block;
	padding:5px 0 1px 15px !important; /*padding changed as per new styleguide */
	margin: 5px 0;
	clear:both;
}
.extend3o .usm_menu li.usmTitle > a {
	display:block;
}
.extend3o .usm_menu li.usmTitle > a,.extend3o .usm_menu li.usmTitle > a:hover {
	color:#333;
	text-decoration:none;
	cursor:default;
}
.usm_menu li.usmTitle > a,.extend3o .usm_menu li.usmTitle > a:hover {
	color:#333;
	text-decoration:none;
	cursor:default;
}
.extend3o .usm_menu li.sub a {
	display:inline-block;
	padding: 8px 0 0 20px !important;/*changes as per new styleguide */
	margin:0 !important;
}
.usm_menu li.sub a {
	display:inline-block;
	padding: 8px 0 0 20px !important;/*changes as per new styleguide */
	margin:0 !important;
}

.extend3o .usm_menu li a span{
	vertical-align:middle;
	display:inline-block;
	float:left;
	font-size:12px;
	cursor:pointer; /*added 8/12/2014*/
}
.extend3o .usm_menu li.cancelled a, .extend3o .usm_menu li.cancelled a:hover{
	color:#FD0200 !important;
}

.extend3o .usm_menu li a img{
	display:inline-block;
	float:left;
	margin:0 10px 0 0;/*padding changed as per new styleguide */
	vertical-align:middle;
}

.extend3o .usm_menu li a:hover {
	/*color:#067ab4;*/
	text-decoration:none;
	
}
.extend3o .usm_menu li.selected a, .extend3o .usm_menu li.selected a:hover{
	/*color:#333;
	text-decoration:none;*/
}

.extend3o .usm_menu li {
	width:auto !important;
	clear:both;
	margin-left: 5px !important;
	min-height:12px !important;
	display:block;
	line-height:0px !important;
	
}

.usm_menu li {
	width:auto !important;
	clear:both;
	margin-left: 5px !important;
	min-height:12px !important;
	display:block;
	line-height:0px !important;
	
}
.extend3o .usm_menu li.sub {
    line-height: 14px;
    margin-left: 50px !important;
    width: 230px !important;
}
.extend3o #ie .usm_menu li.sub {
    line-height: 14px;
    margin-left: 46px !important;
    width: 215px !important;
}
.extend3o .usm_menu li.last{
	margin-bottom:15px !important;/*changes as per new styleguide */
}
.extend3o .usm_menu li.selected{
	/*background:url(//www.att.com/images/global/usm/iconCheckMark.png) no-repeat scroll 90% 10px transparent;
	color:#333;
	text-decoration:none;*/
/*	background:url(//www.att.com/images/global/usm/iconCheckMark.png) no-repeat scroll 180px 6px transparent;
	display:block !important;
	width:100% !important;
	clear:both !important;
	color:#333 !important;
	text-decoration:none !important;	
	cursor:default;*/

}

.extend3o .usm_menu .linkaccount{
	clear: both;
}

.extend3o .usm_menu .linkaccount a{
	clear: both;
    display: block;
    min-height: 32px !important;
    padding: 5px 0 1px 55px !important;/*changes as per new styleguide */
}


.extend3o .menu_container {
    background:url(//www.att.com/images/global/usm/usm-left.gif) no-repeat scroll 0 0 transparent;
	/*cursor:pointer;*/
	cursor:default;
	display:block;
	height:40px;
	width:279px;
}

.extend3o .es_US .menu_container {
   background:url(//www.att.com/images/global/usm/usm-left.gif) no-repeat scroll 0 0 transparent;
	/*cursor:pointer;*/
	cursor:default;
	display:block;
	height:40px;
	width:279px;
}

.extend3o .menu_container div:first-child {
	/*background:url(//www.att.com/images/global/usm/iconChange.png) no-repeat scroll 100% 0 transparent;*/
	/*background:none;*/
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}

.extend3o .es_US .menu_container div:first-child {
	background:url(/olam/images/brand30/usm/es_iconChange.png) no-repeat scroll 100% 0 transparent;
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}

.extend3o .menu_container div:first-child.changeImg {
	background:url(//www.att.com/images/global/usm/iconChange.png) no-repeat scroll 100% 100% transparent;
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}

.extend3o .es_US .menu_container div:first-child.changeImg {
	background:url(/olam/images/brand30/usm/es_iconChange.png) no-repeat scroll 100% 100% transparent;
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}


.es_US .menu_container div:first-child.changeImg {
	background:url(/olam/images/brand30/usm/es_iconChange.png) no-repeat scroll 100% 100% transparent;
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}

/* To accomodate the USM for Individual users*/
.no_menu_container{
	border:1px solid #E3E3E3;
	border-radius: 5px 5px 5px 5px;
	display:block;
	height:40px;
	width:279px;
}



.extend3o .no_menu_container{
	border:1px solid #E3E3E3;
	border-radius: 5px 5px 5px 5px;
	display:block;
	height:40px;
	width:279px;
}

.extend3o .es_US .no_menu_container{
	border:1px solid #E3E3E3;
	border-radius: 5px 5px 5px 5px;
	display:block;
	height:40px;
	width:279px;
}

/* usm clicker for Individual accounts*/
.usm_no_click {
	border-style:none;
	color:#666;
	display:inline-block;
	height:40px;
	text-decoration:none;
	width:279px;
}


.usm_no_click span.singleline{margin: 12px 0 0 15px !important;}

.usm_no_click img{
	display:inline-block;
	margin:5px 5px 0 6px !important;
	vertical-align:middle !important;
}

.extend3o .usm_no_click {
	border-style:none;
	color:#666;
	display:inline-block;
	height:40px;
	outline:medium none;
	text-decoration:none;
	width:279px;
}
.extend3o .usm_no_click span{
	display:inline-block;
	vertical-align:middle;
	width:150px;
	font-size:12px;
	margin-top:3px;
	color:#333;
}
.extend3o .usm_no_click span.singleline{margin: 12px 0 0 15px !important;}

.extend3o .usm_no_click img{
	display:inline-block;
	margin:5px 5px 0 6px !important;
	vertical-align:middle !important;
}
.extend3o .usm_no_click *{
	vertical-align:middle;
}



/*********************************************************/
/********************
Required Fields in a form
*********************/
.extend3o .colorOrange{color:#ef6f00;}
.extend3o .orange-price{color:#ef6f00 !important;}
.extend3o .colorOrangeLight{color:#F47E1F;}
.extend3o .colorGrey{color:#666666 !important;}
.extend3o .colorGrey97{color:#979797;}
.extend3o .colorRed {color:#cf2a2a !important;}/*changed from red to #cf2a2a*/
.extend3o .colorBlue{color:#005B95 !important;}
.extend3o .colorRedImp {color:#cf2a2a !important;}/*changed from red to #cf2a2a*/
.extend3o .colorRed p{color:#cf2a2a;}/*changed from red to #cf2a2a*/
.extend3o .colorBlack{color:#333 !important;}
.extend3o .colorGreen{color:#1b7e28 !important;} /* changed from 70940e to #1b7e28 */
.extend3o .colorYellow{color:#EF6F00 !important;}
.extend3o .colorInline{color:#bfbfbf !important;}
.extend3o .colorSparingGreen{color:#87CC33 !important;}

/********************
Required Fields in a form
*********************/
/**************************
XPROD******************************/
.extend3o .ZeroMarginLeft{margin: 0px 10px 0px 0px !important;}
.extend3o .MenuContainerMargin{margin: 2px 3px 0px 0px;}
.extend3o .zeroRight{padding-right: 0px !important;}
.extend3o .imgBox{float: left;
    padding-left: 20px;
    width: 130px;}
.imgBox{float: left;
    padding-left: 20px;
    width: 130px;}
.extend3o .btmBorder{border-bottom: 1px dotted #CCCCCC; padding-bottom: 5px;}
.extend3o .ZeroLeft{padding-left: 0px !important;}
	
.extend3o .topPadZero{padding-top: 0px !important;}
.extend3o #usmModule ul.usm_menuScroll {
    height: 900px;
    overflow-x: hidden;
    overflow-y: scroll;}
.extend3o .zeroTop{top:0px !important;}
.extend3o .drpDown220{width:216px;}
/*
.extend3o #toggleGroup50, #toggle37 .sub-group-title .flipper{top: 18px;}
.extend3o #toggle5 .sub-group-title .flipper{top: 12px;}
.extend3o #toggle4 .sub-group-title .flipper{top: 12px;}
.extend3o #toggleGroup0 .sub-group-title .flipper{top: 12px;}
.extend3o #toggleGroup1 .sub-group-title .flipper{top: 15px;}
.extend3o #toggleGroup50 #toggle51 .sub-group-title .flipper{top: 12px;}
*/
/***********************************

XPROD******************************/
/*Utility Styles*/
.extend3o .mar0{margin:0px !important;}
.extend3o #primary-content .pad0{padding:0px;}
.extend3o #primary-content .pad14{padding:14px;}
.extend3o #primary-content .posTop0{top:0px !important;}
#primary-content .posTop0{top:0px !important;}
.extend3o .lineHeight12{line-height:12px;}
.extend3o .lineHeight30{line-height:30px;}
.extend3o .lineHeight40{line-height:40px;}
.extend3o .Disable{opacity:0.4;}
.extend3o  .pad0Force {padding:0px !important;}
.extend3o .MarAll10{margin:10px;}
.extend3o .MarAll14{margin:14px;}
.extend3o .posTop4{top:4px;}

.extend3o #ie .MarLeftNeg2{margin-Left:-2px;}
.extend3o .MarLeftNeg10{margin-left:-10px;}
.extend3o .marLeftNeg19{margin-left:-19px;}
.extend3o .MarLeftNeg24{ margin-left:-24px;}
.extend3o .MarLeft190 {margin-left: 190px;}
.extend3o .modalContent .MarLeft190 {margin-left: 190px;}
.extend3o .MarLeft302Force{margin-left: 302px !important;}
.extend3o .MarLeft338{margin-left: 338px !important;}
.extend3o .MarLeft214{margin-left: 214px !important;}
.extend3o .MarLeft222{margin-left: 222px !important;}
.extend3o .MarLeft167 {margin-left: 167px;}
.extend3o .MarLeft165 {margin-left: 165px;}
.extend3o .MarLeft130 {margin-left: 130px;}
.extend3o .marLeft132 {margin-left: 132px;}
.extend3o .MarLeft120 {margin-left: 120px;}
.extend3o .MarLeft124 {margin-left: 124px;}
.extend3o .MarLeft35{margin-left:35px;}
.extend3o .MarLeft33{margin-left:33px;}
.extend3o .OC2PAFormDiv  span.MarLeft33{margin-left:33px;}
.extend3o .OC2PAFormDiv  span.MarLeft12{margin-left:12px;}
.extend3o .MarLeft5{margin-left:5px !important;}
.extend3o .MarTopNeg2{margin-top:-2px;}
.MarTopNeg2{margin-top:-2px;}
.extend3o .MarTopNeg5{margin-top:-5px;}
.extend3o .MarTopNeg10{margin-top:-12px;}
.extend3o .MarTopNeg15{margin-top:-15px;}
.extend3o #ie .MarTopNeg15IE{margin-top:-15px;}
.extend3o .MarTopNeg18{margin-top:-18px;}
.extend3o .MarTopNeg19{margin-top:-19px;}
.extend3o #ie .MarTopNeg22IE{margin-top:-22px !important;}
.extend3o .MarTopNeg24{margin-top:-24px;}
.extend3o .MarTop-25{margin-top:-25px !important;}
.extend3o .MarTopNeg30{margin-top:-30px;}
.extend3o .MarTop-35{margin-top:-35px !important;}
.extend3o .MarTopNeg52{margin-top:-52px;}

.extend3o .MarTop0{margin-top:0px !important;}
.extend3o .MarTop2{margin-top:2px;}
.extend3o .MarTop3{margin-top:3px;}
.extend3o .MarTop5{margin-top:5px;}
.extend3o .marTop5{margin-top:5px;}
.extend3o .marTop5Force{margin-top:5px !important;}
.extend3o #ie .TogMarTop5{margin-top:5px;}/*This class is used for 1108 toggle*/
.extend3o .MarTop6{margin-top:6px;}
.extend3o .MarTop7{margin-top:7px;}
.extend3o .MarTop8{margin-top:8px;}
.extend3o .MarTop10{margin-top:10px;}
.extend3o .ImpMarTop10{margin-top:10px !important;}

.extend3o .MarTop12{margin-top:12px;}
.extend3o .MarTop13{margin-top:13px;}
.extend3o .MarTop15{margin-top:15px !important;}
.extend3o .MarTop16{margin-top:16px;}
.extend3o .MarTop17{margin-top:17px;}
.extend3o .MarTop18{margin-top:18px;}
.extend3o .MarTop20{margin-top:20px !important;}
.extend3o .MarTop21{margin-top:21px;}
.extend3o .MarTop25{margin-top:25px;}
.extend3o .MarTop23{margin-top:23px;}
.extend3o .MarTop26{margin-top:26px;}
.extend3o .MarTop30{margin-top:30px;}
.extend3o .MarTop36{margin-top:36px;}
.extend3o .MarTop38{margin-top:38px;}
.extend3o .MarTop33{margin-top:33px;}
.extend3o .MarTop40{margin-top:40px;}
.extend3o .MarTop43{margin-top:43px;}
.extend3o .MarTop50{margin-top:50px;}
.extend3o .MarTop150{margin-top:150px;}
.extend3o .PadTop0{padding-top:0px !important;}
.extend3o .ForcePadTop0{padding-top:0px !important;}
.extend3o .PadTop1{padding-top:1px;}
.extend3o .PadTop2{padding-top:2px!important;}
.extend3o .PadTop5{padding-top:5px !important;}
.extend3o .PadTop6{padding-top:6px !important;}
.extend3o .PadTop7{padding-top:7px;}
.extend3o  #primary-content  .PadTop8{padding-top:8px !important;}


.extend3o .PadTop8{padding-top:8px;}
.extend3o .padTop8{padding-top:8px !important;}
.extend3o  #ie  .PadTop10ie{padding-top:10px;}
.extend3o .PadTop10{padding-top:10px;}
.extend3o .PadTop12{padding-top:12px;}
.extend3o .PadTop13{padding-top:13px;}
.extend3o .PadTop14{padding-top:14px;}
.extend3o .PadTop14Force{padding-top:14px !important;}
.extend3o .PadTop15{padding-top:15px;}
.extend3o .padTop15{padding-top:15px !important;}
.extend3o .PadTop16{padding-top:16px;} 
.extend3o .PadTop18{padding-top:18px !important;}
.extend3o #ie .PadTop16ie{padding-top:16px !important;}
.extend3o #ie .PadTop17ie{padding-top:17px !important;}
.extend3o #ie .PadTop18ie{padding-top:18px !important;}
.extend3o .PadTop19{padding-top:19px !important;}
.extend3o .PadTop20{padding-top:20px !important;}
.extend3o #ie .PadTop23ie{padding-top:23px !important;}
.extend3o .PadTop25{padding-top:25px;}
.extend3o .PadTop26{padding-top:26px;}
.extend3o .padTop25Force{padding-top:25px !important;}
.extend3o .PadTop30{padding-top:30px;}
.extend3o .PadTop35{padding-top:35px;}/*Myservices CR*/
.extend3o #ie .PadTop35IE{padding-top:35px!important;}
 #ie .PadTop35IE{padding-top:35px!important;}
.extend3o .PadBot14{padding-bottom:14px;}
.extend3o .PadBot3{padding-bottom:3px;}
.extend3o .PadBot5{padding-bottom:5px !important;}
.extend3o #ie .PadBot5IE{padding-bottom:5px !important;}
.extend3o #ie .padBot7IE{padding-bottom:7px !important;}
#ie .padBot7IE{padding-bottom:7px !important;}
.extend3o .PadBot32Force{padding-bottom:32px !important;}
.extend3o .ForcePadTop10{padding-top:10px!important;}
.extend3o #ie .ieForcePadTop10{padding-top:10px!important;}

.extend3o .PadTop45{padding-top:45px;}
.extend3o #primary-content .padTop0{padding-top:0px !important;}
#primary-content .PadTop0 {padding-top:0px !important}
.extend3o #ie .padTop0{padding-top:0px !important;}
.extend3o #primary-content .padLeft25{padding-left:25px;}
.extend3o .padLeft43{padding-left:43px;}
.extend3o .PadLeft8{padding-left:8px;}
.extend3o .PadLeft4{padding-left:4px !important;}
.extend3o .padLeft2{padding-left:2px !important;}
.extend3o .PadLeft6{padding-left:6px;}
.extend3o .padLeft14{padding-left:14px !important;}
.extend3o .ForcePadLeft6{padding-left:6px !important;}
.extend3o .forcePadLeft23{padding-left:23px !important;}
.extend3o .PadLeft11 {padding-left:11px!important;}
.extend3o .PadLeft12{padding-left:12px;}
.extend3o .padLeft12Force{padding-left:12px !important;}
.extend3o .PadLeftimp30{padding-left:30px !important;}
.extend3o .PadLeft35{padding-left:35px !important;}
.extend3o .PadLeft40{padding-left:40px;}
.extend3o .PadLeft55{padding-left:55px;}
.extend3o .PadLeft65{padding-left:65px !important;}/*important is added*/
.extend3o .PadLeft13{padding-left:13px;}
.extend3o .PadLeft14{padding-left:14px;}
.extend3o .padLtRt25{padding:0px 25px;}
.extend3o .padLeft50{padding-left:50px !important;}
.extend3o .PadLeftt40{padding-left:40px !important;}
.extend3o .padLeft27{padding-left:27px !important;}
.extend3o .padRight10{padding-right:10px;}
.extend3o .PadRight10imp{padding-right:10px !important;}
.extend3o .PadRight110{padding-right:110px;}
.extend3o .PadLeft215{padding-left:215px;}
.extend3o #ie .padRight41IE{padding-right:41px!important;}
.extend3o .PadRight26{padding-right:26px !important;}
.extend3o .padRight27{padding-right:27px !important;}
.extend3o .PadTopBot20{padding-top:20px;padding-bottom:20px;margin-bottom:0px;}
.extend3o .padTopBot5{padding:5px 0;}
.extend3o .PadTopBot16{padding-top:16px;padding-bottom:16px;}
.extend3o .MarRightNeg5{margin-right:-5px;}
.extend3o .MarRight0{margin-right:0px !important;}
.extend3o .MarRight2{margin-right:2px !important;}
.extend3o #ie .ieMarRight2{margin-right:2px !important;}
.extend3o .MarRight3{margin-right:3px;}
.extend3o #ie .ieMarRight3{margin-right:3px !important;}
.extend3o .MarRight8{margin-right:8px;}
.extend3o .MarRight5{margin-right:5px !important;}
.MarRight5{margin-right:5px !important;}
.extend3o .MarRight6{margin-right:6px;}
.extend3o .MarRight7{margin-right:7px;}
.extend3o .MarRight9{margin-right:9px !important;}
.extend3o .MarRight10{margin-right:10px;}
.extend3o .MarRight12{margin-right:12px;}
.extend3o .MarRight15{margin-right:15px;}
.extend3o .MarRight20{margin-right:20px !important;}
.extend3o .MarRight25{margin-right:25px;}
.extend3o .MarRight26{margin-right:26px!important;}
.MarRight26{margin-right:26px!important;}
.extend3o .MarRight27Force{margin-right:27px!important;}
.extend3o .MarRight28Force{margin-right:28px!important;}
.extend3o .MarRight30{margin-right:30px!important;}
.MarRight31{margin-right:31px!important;}

.extend3o .MarRight35{margin-right:35px;}
.extend3o .MarRight40{margin-right:40px;}
.extend3o .MarRight60{margin-right:60px;}
.extend3o .PadRight70{padding-right:70px;}
.extend3o .MarRight100{margin-right:100px;}
.extend3o .MarRight130{margin-right: 130px !important;}
.extend3o .MarRight95{margin-right:95px;}
.extend3o .MarRight90{margin-right:90px;}
.extend3o .MarBot0 { margin-bottom:0px; }
.extend3o  #ie .MarBot0ie {margin-bottom:0px !important;}
.extend3o .Marbot10{margin-bottom:10px;}
.extend3o .MarBot12{margin-bottom:12px;}
.extend3o .MarBot14{margin-bottom:14px;}
.extend3o .MarBot15{margin-bottom:15px;}
.extend3o .MarBot15imp{margin-bottom:15px !important;}
.extend3o .MarBot17{margin-bottom:17px;}
.extend3o .Marbot5{margin-bottom:5px !important;}
.extend3o #primary-content .Marbot6{margin-bottom:6px;}
.extend3o #content .botMar0{ margin-bottom:0;}

.extend3o .botMar0{ margin-bottom:0px !important}
.extend3o .botMar10Force{ margin-bottom:10px !important;}
.extend3o .botMar10{ margin-bottom:10px }
.extend3o .botMar2{ margin-bottom:2px }
.extend3o .botMar3{margin-bottom:3px !important;}
.extend3o .botMar7{ margin-bottom:7px }
.extend3o .botMar6{ margin-bottom:6px }
.extend3o .botMar5{ margin-bottom:5px }
.extend3o .botMar4{ margin-bottom:4px }
.extend3o .botMar12{margin-bottom:12px;}

.extend3o .botMar15{ margin-bottom:15px }
.extend3o .botMar15Force{ margin-bottom:15px !important;}
.extend3o .botMar16{ margin-bottom:16px;}
.extend3o .botMar18{ margin-bottom:18px }

.extend3o .botMar20{ margin-bottom:20px }
.extend3o .botMar20_imp{ margin-bottom:20px !important}
.extend3o .botMar25{ margin-bottom:25px }
.extend3o .botMar27{ margin-bottom:27px }

.extend3o .botMar60{margin-bottom:60px;}
.extend3o .botMar100{ margin-bottom:100px;}

.extend3o .botMar30{ margin-bottom:30px !important;}
.extend3o .botMar40{ margin-bottom:40px }
.extend3o .botMar8{margin-bottom:8px;}
.extend3o .Padbot0{padding-bottom:0px !important;}
.extend3o .Padbot2{padding-bottom:2px;}
.extend3o .Padbot5{padding-bottom:5px;}
.extend3o #content .ForcePadbot5{padding-bottom:5px !important;}
.extend3o .Padbot7{padding-bottom:7px;}
.extend3o .Padbot10{padding-bottom:10px !important;}
.extend3o .Padbot15{padding-bottom:15px !important;}
.extend3o .Padbot16{padding-bottom:16px;margin-bottom:0px}
.extend3o .Padbot12{padding-bottom:12px;}
.extend3o .padBot12{padding-bottom:12px;}
.extend3o .Padbot18{padding-bottom:18px;margin-bottom:0px;}
.extend3o .Padbot20{padding-bottom:20px !important;}
.extend3o .botPad20{padding-bottom:20px }

.extend3o .Padbot50{padding-bottom:50px !important;}
.extend3o .Padbot40{padding-bottom:40px !important;}
.extend3o .Padbot30{padding-bottom:30px !important;}
.extend3o .Padbot25{padding-bottom:25px }
.extend3o .PadTopBotClear{padding-top:20px;padding-bottom:20px;}
.extend3o .MarLeft3 {margin-left:3px;}
.extend3o .MarLeft4 {margin-left:4px;}
.extend3o .MarLeft7{margin-left:7px;}
.extend3o .MarLeft7Force{margin-left:7px !important;}
.extend3o .MarBot7Force{margin-bottom:7px !important;}
.extend3o .MarRight7Force{margin-right:7px !important;}
.extend3o .MarLeft8{margin-left:8px;}
.extend3o .MarLeft8imp{margin-left:8px !important;}
.extend3o .MarLeft6{margin-left:6px;}
.extend3o .MarLeft0{margin-left:0px;}
.extend3o .MarLeft10{margin-left:10px !important;}
.extend3o .MarLeft15 {margin-left:15px !important;}/*!important is added*/
.extend3o .MarLeft17 {margin-left:17px !important;}
.extend3o .MarLeft105 {margin-left:105px;}
.extend3o .MarLeft18 {margin-left:18px;}
.extend3o .MarLeft14 {margin-left:14px;}
.extend3o .MarLeft12{margin-left:12px!important;}/*!important is added*/

.extend3o .MarLeft20 {margin-left:20px;}
.extend3o .MarLeft20Force {margin-left:20px !important;}
.extend3o .MarLeft26 {margin-left:26px;}
.extend3o .MarLeft34 {margin-left:34px;}
.extend3o .MarLeft29 {margin-left:29px;}
.extend3o .MarLeft27 {margin-left:27px;}
.extend3o #ie .MarLeft37IE {margin-left:37px !important;}
.extend3o .MarLeft25 {margin-left:25px!important;}

/*Added for RD2112_P71094_Check ORC _CR-1212-0998 on Jan-24-2012 */

.extend3o .MarLeft239{margin-left:239px !important}
.extend3o #ie .MarLeft238IE{margin-left:238px !important}

.checkORC  span{
	background-image: url("//www.att.com/images/global/forms/sprite.png") !important;
}
a.ORCMoreOptions:hover{text-decoration:underline !important}

/*Added for RD2112_P71094_Check ORC _CR-1212-0998 on Jan-24-2012 */

/* WUP00510294 and WUP00497034*/
.MarLeft25 {
    margin-left: 25px !important;/*!important is added*/
}
.extend3o #ie .MarLeft29IE {margin-left:29px !important;}
.extend3o .MarLeft24 {margin-left:24px !important;}
.extend3o .MarLeft30{margin-left:30px;}
.extend3o .MarLeft28{margin-left:28px;}
.extend3o .MarLeft38 {margin-left:38px;}
.extend3o #primary-content .MarLeftRight25{margin-right:25px;margin-left:25px;}
.extend3o .MarLeftRight25Force{margin-right:25px !important; margin-left:25px !important;}
.extend3o .MarLeftRight14{margin-right:14px;margin-left:14px;}/*Added to resolve the issue WUP00531277*/
.extend3o .MarLR14Force{margin-right:14px !important;margin-left:14px !important;}
.extend3o .MarLeftRight75{margin-right:75px !important;margin-left:75px !important;}
.extend3o  #primary-content .MarLeft32 {margin-left:32px;}
.extend3o .MarLeft50{margin-left:50px;}
.extend3o #ie .MarLeft53{margin-left:53px;}
.extend3o #ie .MarLeft53IE{margin-left:53px;}
.extend3o .MarLeft2{margin-left:2px;}
.extend3o #ie.MarLeft2{margin-left:1px;}
.extend3o .MarLeft1{margin-left:1px !important;}
.extend3o .MarLeft55{margin-left:55px !important;}
.extend3o .MarLeft57{margin-left:57px;}
.extend3o .MarLeft60{margin-left:60px;}
.extend3o .MarLeft63{margin-left:63px;}
.extend3o .MarLeft80{margin-left:80px;}
.extend3o .MarLeft45{margin-left:45px;}
.extend3o .MarLeft45Force{margin-left:45px !important;}
.extend3o .MarLeft253Force{margin-left:253px !important;}
.extend3o .MarLeft40{margin-left:40px;}
.extend3o .MarLeft70Force{margin-left:70px !important;}
.extend3o .MarLeft72Force{margin-left:72px !important;}
.extend3o .MarLeft95{margin-left:95px;}
.extend3o .MarLeft100 {margin-left:100px;}
.extend3o .MarLeft160 {margin-left:160px;}
.extend3o .MarLeft225 {margin-left:225px;}
.extend3o .MarLeft225Force {margin-left:225px !important;}
.extend3o .MarLeft245 {margin-left:245px;}
.extend3o .MarLeft250 {margin-left:250px;}
.extend3o .MarLeft235 {margin-left:235px;}
.extend3o .MarLeft230 {margin-left:230px;}
.extend3o .MarLeft200 {margin-left:200px;}
.extend3o .MarLeft215 {margin-left:215px;}
.extend3o .MarLeft180 {margin-left:180px;}
.extend3o .MarLeft188 {margin-left:188px;}
.extend3o .MarLeft110 {margin-left:110px;}
.extend3o .MarLeft450 {margin-left:450px;}
.extend3o .PadLeft100{padding-left:100px;}

.extend3o .PadLeft130{padding-left:130px;}
.extend3o .PadLeft125{padding-left:125px;}
.extend3o .PadLeft105{padding-left:105px;}
.extend3o .PadLeft83{padding-left:83px;}
.extend3o .PadLeft80{padding-left:80px;}
.extend3o .PadLeft5{padding-left:5px;}
.extend3o .MarLeft0Force {margin-left:0px !important;}

.extend3o .MarLft130 {margin-left:130px;}
.extend3o .MarLeft140 {margin-left:140px;}
.extend3o .MarLft585{margin-left:585px;}
.extend3o .MarLft75{margin-left:75px;}
.extend3o .MarLft75Force{margin-left:75px!important;}
.extend3o .MarLft58Force{margin-left:58px !important;}
.extend3o .PadLeft3 {padding-left:3px;}
.extend3o .padLeft3 {padding-left:3px !important;}
.extend3o .PadLeft10 {padding-left:10px !important;}
.extend3o #ie .PadLeft10IE{padding-left:10px !important;}
.extend3o .PadLeft7 {padding-left:7px;}
.extend3o .PadLeft15{padding-left:15px;}
.extend3o .padLeft15{padding-left:15px !important;}
.extend3o .PadLeft19 {padding-left:19px!important;}
.extend3o .PadLeft20 {padding-left:20px;}
.extend3o .PadLeft22Force {padding-left:20px !important;}

.extend3o .table td.PadLeft20 {padding-left:20px;}
.extend3o .ForcePadLeft20 {padding-left:20px !important;}
.extend3o .padLeft21Force {padding-left:21px !important;}
.extend3o #primary-content  .PadLeft27 {padding-left:27px;}
.extend3o .PadLeft150{padding-left:150px;}
.extend3o #ie .iePadRight15 {padding-right:15px;}
.extend3o .PadRight20{padding-right:20px;}
.extend3o .padRight20{padding-right:20px!important;}
.extend3o .table td.PadRight10 {padding-right:10px;}
.extend3o .PadLeft30 {padding-left:30px !important;}
.extend3o .PadLeft32 {padding-left:32px;}
.extend3o .Padright45 {padding-right:45px;}
.extend3o .PadLeft55Force {padding-left:55px !important;}
.extend3o .PadRight4 {padding-right:4px !important;}
.extend3o .Padright22 {padding-right:22px;}
.extend3o .PadLeft25 {padding-left:25px;}
.extend3o .PadLeft23 {padding-left:23px !important;}
.extend3o .MarLft125{margin-left:125px;}
.extend3o .PadLeft45 {padding-left:45px !important;}
.extend3o .PadLeft70 {padding-left:70px!important;}
.extend3o .PadLeft72 {padding-left:72px!important;}
.extend3o .PadLeft120{padding-left:120px !important;}
.extend3o .PadLeft140{padding-left:140px;}
.extend3o .PadLeft285{padding-left:285px;}
.extend3o .PadLeft225{padding-left:225px;}
.extend3o .PadLeft240{padding-left:240px;}
.extend3o .PadLeft335{padding-left:335px;}
.extend3o .PadLeft175{padding-left:175px;}
.extend3o .MarLeft275{margin-left:275px;}
.extend3o .MarLeft280{margin-left:280px;}
.extend3o .MarLeft213{margin-left:213px;}
.extend3o .MarLeft209{margin-left:209px;}
.extend3o .MarLeft318{margin-left:318px;}
.extend3o .MarLeft325{margin-left:325px;}
.extend3o .MarLeft335{margin-left:335px;}
.extend3o .MarLeft347{margin-left:347px;}
.extend3o .MarLeft345{margin-left:345px;}
.extend3o .MarLeft88{margin-left: 88px;}
.extend3o .MarTop-20{margin-top: -20px;}
.extend3o .padLft116{padding-left:116px;}
.extend3o  #primary-content  .MarTopBot20{margin-bottom:20px;margin-top:20px;}
.extend3o .MarLeft150{margin-left:150px;}
.extend3o .MarLeft110Force{margin-left:110px!important;}
.extend3o .MarLeft135{margin-left:135px;}
.extend3o .MarLeft135Force{margin-left:135px !important;}
.extend3o .MarLeft228Force{margin-left:228px !important;}
.
.extend3o .MarLeft192{margin-left:192px;}
.extend3o .PosRight50{position:absolute;right:50px;}
.extend3o .float-left{float:left;}
.extend3o .float-right{float:right;}
.extend3o .now-rap{white-space: nowrap}
.extend3o .PadRight1{padding-right:1px}
.extend3o .PadRight3{padding-right:3px}
.extend3o .PadRight10{padding-right:10px}
.extend3o .PadRight14{padding-right:14px}
.extend3o .PadRight5{padding-right:5px !important;}

.extend3o .PadRight6{padding-right:6px !important;}
.extend3o .PadRight25{padding-right:25px !important;}
.extend3o .PadRight30{padding-right:30px !important;}
.extend3o .PadRight35{padding-right:35px !important;}
.extend3o .PadRight40{padding-right:40px !important;}
.extend3o .PadRight45{padding-right:45px !important;}
.extend3o .PadRight50{padding-right:50px !important;}
.extend3o .PadRight55{padding-right:55px !important;}

.extend3o .PadRight21{padding-right:21px ;}
.extend3o .PadRight31{padding-right:31px !important;}
.extend3o .PadRight2{padding-right:2px !important;}
.extend3o .PadRight60{padding-right:60px ;}
.extend3o .PadRight60Force{padding-right:60px !important;}
.extend3o .PadRight81{padding-right:81px ;}
.extend3o .PadLeft80force{padding-right:80px !important;}
.extend3o .PadRight105{padding-right:105px ;}
.extend3o .PadRight148{padding-right:148px ;}
.extend3o .PadRight150{padding-right:150px ;}
.extend3o .PadRight8{padding-right:8px }
.extend3o .PadTopBot14{padding-top:14px ;padding-bottom:14px;}
.extend3o .padAll25-0Bot{padding:25px 25px 0px 25px;}
.extend3o .padTopBot15{padding:15px 0px 15px 0px;}
.extend3o .PadRight15{padding-right:15px !important;}
.extend3o .MarRight18{margin-right:18px;}
.extend3o .MarRight14{margin-right:14px;}
.extend3o .MarRight150{margin-right:150px;}
.extend3o .MarRight188 {margin-right:188px;}
.extend3o #primary-content .MarLeft5{margin-left:5px;}
.extend3o #primary-content .MarLeft3{margin-left:3px;}
.extend3o #primary-content .MarRight3{margin-right:3px;}
.extend3o #secondary-content .MarLeft5{margin-left:5px;}
.extend3o #primary-content .Marbot20{margin-bottom:20px;}
.extend3o #primary-content .Marbot10{margin-bottom:10px;}
.extend3o #primary-content .Marbot30{margin-bottom:30px;}
.extend3o #primary-content .Marbot8{margin-bottom:8px;}
.extend3o #primary-content .Marbot0{margin-bottom:0px;}
.extend3o #primary-content .MarLeft0 { margin-left:0px; }
.extend3o #primary-content .ForceMarLeft0 { margin-left:0px!important; }
.extend3o #primary-content .MarBot25 { margin-bottom:25px; }
.extend3o #primary-content .MarLft10 { margin-left:10px; }
.extend3o #botTopMar20{margin-bottom:20px;margin-top:20px;}
.extend3o #primary-content .OC2PAErrMsg10 {margin-bottom:10px;margin-top:10px;}
.extend3o #md .OC2PAErrMsg10 {margin-bottom:10px;margin-top:10px;}
.extend3o #primary-content .OC2PAErrMsg0 {margin-bottom:0px;margin-top:0px;}
.extend3o #primary-content .botMar7{ margin-bottom:7px }
.extend3o #primary-content .botMar10{ margin-bottom:10px }
.extend3o #primary-content .botMar8{ margin-bottom:8px }
.extend3o #primary-content .botMar18{ margin-bottom:18px }
.extend3o #primary-content .botMar5{ margin-bottom:5px !important;}
.extend3o  .BotMar5{ margin-bottom:5px !important;}
.extend3o .InlineLinksMarRight{margin-right:40px;}
.extend3o .InlineLinksMarRight20{margin-right:20px;}
.extend3o .InlineLinksMarRight34{margin-right:34px;}
.extend3o .InlineLinksMarRight31{margin-right:31px;}
.extend3o .InlineLinksMarRight25{margin-right:25px;}
.extend3o .strong-link {
    color: #2B60DE;
}
.extend3o .tipPad a.top0{top:0px;}
.extend3o .msg p#red-font-para{color:#FF0000;margin-top:20px; margin-bottom:20px;}/*changed from c00 to #FF0000*/
.extend3o #ie #crwf13CVVspan .radio{top:-2px;}
.extend3o #ie #crwf13CEXspan .radio{top:-2px;}
.extend3o  #ie .left5px{left:5px !important;}
.extend3o  #ie .left-5px{left:-5px !important;}
.extend3o  .left-5px{left:-5px !important;}
.extend3o  .left15pximp{left:15px !important;}
.extend3o  #ie .left3px{left:3px !important;}
.extend3o  #ie .left-2px{left:-2px !important;}
.extend3o  .left-2Px{left:-2px !important;}
.extend3o  #ie .top2pxIE{position:relative ; top:2px !important;}
.extend3o  #ie .top4pxIE{position:relative ; top:4px !important;}
.extend3o  #ie .top5pxIE{position:relative ; top:5px !important;}
.extend3o  #ie .top6pxIE{position:relative ; top:6px !important;}	/* Sprint Dashboard */
.extend3o  #ie .top-5pxIE{position:relative ; top:-5px ;}



.extend3o .left-23px{left:-23px !important;}
.extend3o .ForceMarRight10{margin-right:10px !important;}
.extend3o .ForcePadTop5{padding-top:5px !important;}
.extend3o .forceRight{text-align:right !important;}	
.forceRight{text-align:right !important;} /*to support without extend3o - wireline alignment issue*/
.extend3o .sub-group-title h3 a, .sub-group-title h4 a{float:left;}
.extend3o .PadRight0{padding-right:0px !important;}
.extend3o .ForcePadRight0{padding-right:0px !important;}
.extend3o .ForceMarBot0{margin-bottom:0px !important;}
.extend3o .ForcePadLeft0{padding-left:0px !important;}
.extend3o .ForcePadRight10{padding-right:10px !important;}

.extend3o #primary-content .noBackground a{background:none;}

.extend3o #primary-content .botPad30{ padding-bottom:20px !important; }
.extend3o #primary-content .PadLeft10 {padding-left:10px;}
.extend3o #primary-content .MarTop10px{margin-top:10px;}

.extend3o .MarLeft90Force{margin-left:90px !important;}
.extend3o .PadLeft33{padding-left:33px;}
.extend3o .MarLeft11{margin-left:11px;}
.extend3o #secondary-content .botMar5Force{margin-bottom:5px !important;}
.extend3o .top-2px{top:-2px !important;position:relative;}
.extend3o .top-2pxie{top:-2px !important;}
.top-2px{top:-2px !important;} /*Added to fix WUP00534173*/
.extend3o .top-4px{top:-4px !important; position:relative;}/* position:relative added*/
.extend3o .top-1px{top:-1px !important;}
.extend3o .top-42px{top:-42px !important;}
.extend3o .top-3px{top:-3px !important;}
.extend3o .top-5px{top:-5px !important;}
.extend3o .top-5pxNew{top:-5px ;}
.extend3o .top-6px{top:-6px !important;}
.extend3o .top-7px{top:-7px !important;}
.extend3o .top-10px{top:-10px !important;}
.extend3o .top-14px{top:-14px !important;}
.extend3o .top-15px{top:-15px !important;}
.extend3o .top-13px{top:-13px !important;}
.extend3o .left-7px{position:relative;left:-7px !important;}
.extend3o .left42px{left:42px !important;}
.extend3o  #ie .top7px{top:-6px !important;}
.extend3o .top0px{top:0px !important;}
.extend3o .top1px{top:1px !important;}
.extend3o #ie .top1pxie{top:1px !important;}
.extend3o #ie .top1pxIE{top:1px !important;}
.extend3o .top2px{top:2px !important;}
.extend3o  #ie .top2px{top:2px !important;}
.extend3o .top3px{top:3px !important;}
.extend3o  #ie .top3px{top:3px !important;}
.extend3o .top4px{top:4px !important;}
.extend3o .top5px{top:5px !important;}
.extend3o .top6px{top:6px !important; }/*position:relative; removed*/
.extend3o .top7px{top:7px !important;}
.extend3o #ie .top7pxienew{top:7px !important;}
.extend3o .top8px{top:8px !important;}
.extend3o #ie .top8pxie{top:8px !important;}
.extend3o .top10px{top:10px !important;}
.extend3o #ie .top10pxIE{top:10px !important;}
.extend3o .top12px{top:12px !important;}
.extend3o .top25px{top:25px !important;}
.extend3o .top22px{top:22px !important;}



.extend3o #ie .top0pxie{top:-0px !important;}
.extend3o #ie .top3pxie{top:3px !important;}
.extend3o #ie .top6pxie{top:6px !important;}
.extend3o #ie .top22pxie{top:22px !important;}
.extend3o .sub-group-title{position: relative;}
.extend3o .sub-group-title h3 a, .extend3o .sub-group-title h4 a{float:left;}
.extend3o .ForcePadTop0{padding-top:0px !important;}
.extend3o .ForcePadLR3{padding-left:3px !important; padding-right:3px !important;}
.extend3o .padBot6Force{padding-bottom:6px !important;}
.extend3o .NoborderTable th{border:none;}

.extend3o #primary-content .PadRight25{padding-right:25px;}
.extend3o #primary-content .botPad20{ padding-bottom:20px; }

.extend3o #primary-content .minHeight0{min-height:0px;}
.extend3o  .minHeight32{min-height:32px!important;}
.extend3o #primary-content .PadLeft10 {padding-left:10px;}
.extend3o .MarLeft90{margin-left:90px;}

.extend3o #ie .posTop-5px{top:-5px}


/*Utility Styles*/

/**************************
section title
*******************************/
@media screen{
	.extend3o .section-title-btm{
		margin-top:0px;margin-left:0px;			
	}
	}
	.extend3o .section-title-btm{
	position:relative;
	background:#f5f5f5 url(/olam/images/brand30/global/grad-bottom.gif) bottom left repeat-x; 
	min-height:55px;margin-bottom:0px;
	}	
	.extend3o .section-title-btm p{margin-bottom:0px; padding:13px 14px; font-size:11px;}/*No need of putting row-seamless in p tag*/
/********************
Radio button needs 8 pixel padding between them
*********************/
.extend3o .radio4px{margin-bottom:6px;}
/********************
Radio button needs 8 pixel padding between them
*********************/


.extend3o .sectionnote{padding:20px 25px 0px 25px}
.extend3o .sectiondivideOR {float:left; width: 50px; margin:15px 0 5px 0}
.extend3o .sectiondividelabelheading {width: 250px; font-weight: bold; padding: 0; margin-left: 2px}
.extend3o .twosectiondividertitle{padding: 20px 0 20px 25px}
.extend3o .sectiondividerleftalign {margin-left: 25px;}

.extend3o #secondary-content form.styled_forms div.selector select.dropDown200{width:200px;}
.extend3o #content #primary-content form.styled_forms div.selector select.dropDown200{width:200px;}
/*Drop down width 216px*/
.extend3o #content #primary-content form.styled_forms div.selector select.dropDown216{width:220px;}
/*Drop down width 216px*/
/*Drop down width 210px*/
.extend3o #content #primary-content form.styled_forms div.selector select.dropDown210{width:210px;}
/*Drop down width 210px*/
/*Drop down width 265px. For defect WUP00600912*/
.extend3o #content #primary-content form.styled_forms div.selector select.dropDown265{width:265px!important;}/*important added*/
/*Drop down width 265px*/
.extend3o #primary-content .tooltips .helpImg { margin-left:6px; margin-right:10px;}
.extend3o #primary-content .tooltips .helpImg1 { margin-left:2px; margin-right:0px; top:-1px;}
#primary-content .tooltips .helpImg1 { margin-left:2px; margin-right:0px; top:-4px;}
.extend3o #ie .helpImgCheckbox { margin-left:4px!important; margin-right:0px; top:-4px;}
.extend3o #primary-content .tooltips .helpImg2 { margin-left:4px; margin-right:6px;}/*margin-left changed from 3 to 4*/
.extend3o  .modalContent .tooltips .helpImg2 { margin-left:3px; margin-right:6px;}
.extend3o #primary-content .tooltips .helpImg3 { margin-left: 1px;margin-right: 5px;}
.extend3o #primary-content #padRt0 .noRtMar { padding:0 0 0 25px;}
#primary-content #padRt0 .noRtMar { padding:0 0 0 25px;} /*for new login page without extend3o*/
.extend3o #primary-content-full .tooltips .helpImg2 { margin-left:3px; margin-right:6px;}
.extend3o .helpImgRadio {margin:0px 7px 0px 2px}
.extend3o #ie .helpImgRadio {margin:0px 2px 0px 4px}
/********/
.extend3o #primary-content .radioText{position:relative;top:1.5px;}

.extend3o #primary-content .tooltips .radioTextImg{position:relative;top:1px; margin-left:2px;}
.extend3o #ie #primary-content .tooltips .radioTextImg{position:relative;top:1px; margin-left:1px;}

/**************************** STEP INDICATOR - BEGINS *****************************************/
.extend3o #secondary-content .steps .row-seam { background:#FFFFFF url(/olam/images/brand30/global/grad-heading.gif) repeat-x scroll left bottom; padding:15px 5px; }/*Removing the scroll as it causes extra thick border around the step indicator */ 
/*.extend3o #secondary-content .steps .row-seam { background:#FFFFFF url(/olam/images/brand30/global/grad-heading.gif) repeat-x; padding:15px 5px; }*/ /*reverting the change since steps break if it is a 2-line */
.extend3o #secondary-content .steps h4, .extend3o #secondary-content .steps span{font-size: 12px; Color: #333333; line-height:1.2em;/*Changed from 2em to 1.2em */}
.extend3o #secondary-content .steps .past h4, .extend3o #secondary-content .steps .past span{font-size: 12px; Color: #005B95;}
.extend3o #secondary-content .steps .current h4, .extend3o #secondary-content .steps .current span{color:#FFFFFF; font-weight:bold; font-size: 14px;}
.extend3o #secondary-content .steps .last {border: 0;}
.extend3o #secondary-content .steps .current { background:#f47b20; }
.extend3o #secondary-content .step1 { background:url(/olam/images/brand30/step1.png) left center no-repeat; padding: 4px 0px 4px 35px; }
.extend3o #secondary-content .step2 { background:url(/olam/images/brand30/step2.png) left center no-repeat; padding: 4px 0px 4px 35px; }
.extend3o #secondary-content .step3 { background:url(/olam/images/brand30/step3.png) left center no-repeat; padding: 4px 0px 4px 35px;}
.extend3o #secondary-content .step4 { background:url(/olam/images/brand30/step4.png) left center no-repeat; padding: 4px 0px 4px 35px;}
.extend3o #secondary-content .step5 { background:url(/olam/images/brand30/step5.png) left center no-repeat; padding: 4px 0px 4px 35px; }/*Changed Padding-left:35px to padding: 4px 0px 4px 35px;*/
.extend3o #secondary-content .current .step1 { background:url(/olam/images/brand30/step1-selected.png) left center no-repeat; padding: 4px 0px 4px 35px; }
.extend3o #secondary-content .current .step2 { background:url(/olam/images/brand30/step2-selected.png) left center no-repeat; padding: 4px 0px 4px 35px; }
.extend3o #secondary-content .current .step3 { background:url(/olam/images/brand30/step3-selected.png) left center no-repeat; padding: 4px 0px 4px 35px; }
.extend3o #secondary-content .current .step4 { background:url(/olam/images/brand30/step4-selected.gif) left center no-repeat; padding: 4px 0px 4px 35px; }
.extend3o #secondary-content .current .step5 { background:url(/olam/images/brand30/step5_selected.GIF) left center no-repeat; padding: 4px 0px 4px 35px; }
.extend3o #secondary-content .past .step1, .extend3o #secondary-content .past .step2, .extend3o #secondary-content .past .step3, .extend3o #secondary-content .past .step4, .extend3o #secondary-content .past.step5{background:url(/olam/images/brand30/checkmark.gif) left center no-repeat;padding: 4px 0px 4px 35px; color:#005B95}
.extend3o #secondary-content .steps .current h4, .extend3o #secondary-content .steps .current span { font-weight:bold; color:#FFF; }
.extend3o #secondary-content .steps .currentFirst {
		background:url(/olam/images/brand30/Orange_Rectangle.png) ; 
	}
.extend3o #secondary-content .steps .currentFirst h4 { font-weight:bold; color:#FFF; font-size: 14px;}
.extend3o #secondary-content .currentFirst .step1 { background:url(/olam/images/brand30/step1-selected.png) left center no-repeat; padding: 4px 0px 4px 35px;}
/**************************** STEP INDICATOR - ENDS ******************************************/

.extend3o .styled_forms div.regCode div.radio{top:3px;}
.extend3o .styled_forms div.regCode div.checker{top:4px;}
.extend3o #primary-content .styled_forms div.regCode label.radioText{top:4px;}
.extend3o .styled_forms div.regCode div.selector {margin-left:5px;}	
.extend3o .discStyle li{list-style: disc outside none;}
.extend3o .accessIDTerms ul{list-style: disc outside none; padding-left:40px;}/*Added for 1207 defect QC#1377. Use this class only for bullets inside Terms & Conditions section*/
.extend3o ul.listCall{list-style: disc outside none; position:relative;left:10px;}
.extend3o .rel p{margin-bottom:0px;}
.extend3o .rel .inline-links a.remMarClas{ margin:0 0px; font-size:.75em }
.extend3o .rel .separator a.chPadClas{padding:0 8px 0 0px; font-size:.75em; margin:0;}
.extend3o .rel .separator a.chPadClasmob{padding:0 5px 0 0px; font-size:.75em; margin:0;}
.extend3o .rel .separator a.chPadClashel{padding:0 6px 0 8px; font-size:.75em; margin:0;}
.extend3o .descLOB p{margin-bottom:0.5em;}
.extend3o .descLOB p {font-size:1.14em;}
.extend3o .graphtxt p{margin-bottom:0.5em;}

/*For WUP00548031; Commented existing style; font size of the <a> tag reduced and the margin-right style removed; */
/*.extend3o .descLOB .pupgrade{border-top:1px dotted #cccccc;padding-top:10px;margin-right:15px;min-height:30px}*/
.extend3o .descLOB .pupgrade{border-top:1px dotted #cccccc;padding-top:10px;min-height:30px}
.extend3o .descLOB .pupgrade a{font-size:1em;}

.extend3o .descLOB .noborder{border:0}
.extend3o #content .noAllborder{border: none !important;}
.extend3o .descLOB .redtxt{font-weight:bold;color:#FF0000}/*FD0200 to FF0000*/
/*Online Registration Styles*/
.extend3o .OrImgMarRt25{margin-right:25px !important;}
/*Online Registration Styles End*/

.extend3o .MarLeft360{margin-left:360px;}
.extend3o .MarLeft355{margin-left:355px;}
.extend3o .errorMsgBig {
border:1px solid #FD0200;
margin:0 0 10px;
padding:10px 14px 10px 11px;
}
.extend3o .errorMsgBig p:first-child {
background:url("/olam/English/brand30/global/iconError46x46.png") no-repeat scroll left top transparent;
color:#FD0200;
margin-bottom:0;
padding:13px 0 19px 50px;
}
.extend3o .MarLeft315{margin-left:315px;}

/**** OR SEPARATOR NEW STYLES ****/
.extend3o .borderRightDot{border-right: thin dotted #CCCCCC;}
.extend3o .borderLeftDot{border-left: thin dotted #CCCCCC;}
.extend3o .borderRightSolid{border-right: 1px Solid #CCCCCC;}
.extend3o .orImgNew{left:328px;position:absolute;top:105px;}
.extend3o .orImgNewTabs{left:303px;position:absolute;top:40px;}
/********************************/

/*For fixing the line height for cancel link positioned besides a button */
.extend3o .btn a.cancelText{line-height:31px;}
/***/

/* For aligning the arrow img */
.extend3o #primary-content div a.arrimg{Top:3px;}

.extend3o .OC2PAInvisible{opacity:0.4;filter: Alpha(opacity:40);zoom:1;}

/***** Single Click Paperless Enrollment - Begins *****/

.extend3o #singleClick_wf1 .borRt { padding-bottom:70px; }
.extend3o #singleClick_wf2 a.tooltips { top:0px; }
.extend3o #singleClick_wf2 .tooltips .helpImg { margin-left:3px; }
.extend3o #singleClick_wf2 .dottedBorder{
    background: url("/olam/images/brand30/global/row-seam-dotted.gif") repeat-x scroll center bottom transparent;
    padding-bottom: 1px;
	height:1px;
}
.extend3o #singleClick_wf2 .marBot20_ie { margin-bottom:20px; }
.extend3o #singleClick_wf2 .width375 { width:375px; }

/***** Single Click Paperless Enrollment - Ends *****/

.extend3o .table th, .extend3o .table td.padbot20{padding-bottom:20px;}
.extend3o .table th, .extend3o .table td.padbot10{padding-bottom:10px;}
.extend3o .tableleft0 th{padding-left:0px !important}


/*********
VE TILE
**********/
/*********
VE TILE
**********/
.extend3o .virtual-expert-tile { background:transparent url("/olam/English/brand30/charlie_tile_bg.jpg") no-repeat scroll center bottom; }
.extend3o .virtual-expert-tile h3{ margin-top:0px;color:orange; }
.extend3o .virtual-expert-tile p{ margin-top:0px;}
.extend3o .virtual-expert-tile a.call-to-action{ position: absolute; bottom: 15px ; margin-left:10px;}
.extend3o .callout {
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	height: 12em;
	border: 1px solid #ccc;
	line-height: normal;
	
	}

.extend3o .vslidCR_callout {
height: 12em;
line-height: normal;
margin: 0 0 0;
padding: 0;
position: relative;
}

/**********************End VE Tile************************/
/*defect 2668 fix*/
#secondary-content .segPromoTitle span, .extend3o .segPromoTitle span
{
   font-size:1.6em;
   padding-bottom:.2em; 
   color: #333333;
   line-height:1.3em;
}
/*defect 2668 fix*/

/*To be changed */
.extend3o .passwordStrengthMeter .graphBorder {background:url(/olam/images/brand30/bkgrd-usage-empty.gif) repeat-x scroll 50% 50% transparent; border:1px solid #ccc; height:10px; float:left; margin:0px 10px 0px 0px; padding:0; text-align:left;width:80px}
/* end - to be changed */


.extend3o .PadLeft205 {
    padding-left: 205px;
}

/* New green color added for defect 326 */
.extend3o .newColorGreen{
	color:#1b7e28 !important;
}