@import url("myatt-common.css");

/***** 1104 CSS Starts *****/
/*****************
Dashboard Accounts
*****************/
.full { width:943px; margin:0 14px 25px 14px; background:url(/olam/images/brand30/endLine.png) 75% 100% repeat-y }
.full.noBg { background:none }
.dbAcct > div { width:207px; padding:14px; float:left; min-height:100px }
.dbAcct > div.half { width:442px; padding:14px; float:left; min-height:100px }
.vertSep { background:url(/olam/images/brand30/vertSeparator1x105.png) top right no-repeat }
.vertDot { background:url(/olam/images/brand30/vertDotSeparator.png) top right no-repeat }
.grad { background:url(/olam/images/brand30/gradientDashboardEndLine.png) 100% 100% no-repeat }
.linked { padding:14px 0 0 14px }
.linked h2 { color:#333 }
.unlinked { padding:14px 0 0 0 }
.unlinked h2 { color:#888 }
.clrgrey{ color:#cccccc }
.icnLOB { float:left; margin-right:14px; width:61px; text-align:center }
.descLOB { float:left; width:132px }
.descLOB h3 { font-size:1.8em }
.descLOB p { font-size:1.14em }
/*.descLOB > h3 + p {min-height:80px}*/
/* .extend3o .descLOB > h3 + p {min-height:64px} */
/*.end.descLOB{ position:relative; top:-30px; left:15px }*/
.end.descLOB{ left:15px }
.upgrade { border-top:1px dotted #ccc; padding-top:10px; margin-top:14px; bottom:0px; display:block;} 
.upgrade.horSep { border:none; background:url(/olam/images/brand30/horSeparator112x1.png) top center no-repeat; margin-top:10px }
/*******************
Quick Links
********************/
.quickLinks { padding-left:10px; float:left; }
.quickLinks.twoCol { padding-left:10px;float:none}
.quickLinks h3 { position:relative; top:-5px }
.quickLinks ul { padding-left:15px;}
#ie .quickLinks.twoCol ul { padding-left:15px;display:inline}
.quickLinks ul li { list-style-type:disc; color:#005b95 }
.quickLinks.twoCol ul li { list-style-type:disc; color:#005b95; width:50%;float:left;}
#ie .quickLinks.twoCol ul li a { background:url(/olam/images/brand30/global/bullet_dot.gif) no-repeat top left;padding:1px 0 2px 15px;display:inline-block}
.quickLinksPromo { float:left; margin-left:14px }
.quickLinksPromo img { position:relative; top:-30px }
.quickLinks .col1 {float:left; margin-right:14px}
.quickLinks .col2 {float:left}
.tabcontent .row-seam-margin { margin:0; padding:14px 0 9px 0; border-bottom:1px solid #e3e3e3 }
.tabcontent .row-noSeams { margin:0; padding:14px 0 9px 0 }
.tabcontentmod {top:3px; margin-right:10px; padding:14px 0 9px 0;}
.tabcontentmod1 {top:3px; margin-right:10px;}
.extend3o .Padbot13{padding-bottom:13px !important;}
.extend3o .Padbot11 {padding-bottom: 11px !important;}
/*****************
Forms
******************/
.enabler dl dd { position:relative; left:25px }
.enabler div dl dt { position:relative; left:25px }
.enabler div dl dd{ position:relative; left:50px }
.disabled { color:#e3e3e3 }

/*****************
Service Landing
*****************/
.mod-service-landing .group{margin:20px 0 15px 0}
.mod-service-landing h3{font-size:1.8em; color:#333; margin:0 0 0 0; line-height:1.3em}
.mod-service-landing h4{font-size:1.6em; color:#333; margin:0 0 .2em 5px; line-height:1.27em}
.mod-service-landing a img{display:inline-block; position:relative; top:3px; margin-right:10px}
.mod-service-landing .w146 img{margin-left:1px}


/*****************
ADD PRODUCTS
******************/
.mod-add-prod{}
.mod-add-prod .box{width:233px; float:left; display:inline; margin-right:2px !important;}
.mod-add-prod .last.box{margin-right:-2px !important; clear:right}

/*****************
My Bills 
******************/
.mod-my-bills .wrap{width:190px}
.mod-my-bills strong{display:block; font-weight:bold; font-size:1.0em; width:62%}
.mod-my-bills .error{font-weight:bold; color:red; background: url(//www.att.com/images/global/icn-error.gif) left 2px no-repeat; text-indent:15px; margin-top:.5em}
#ie .mod-my-bills .error{font-weight:bold; color:red; background: url(//www.att.com/images/global/icn-error.gif) left 3px no-repeat; text-indent:15px; margin-top:.5em}
.mod-my-bills .price{padding-right:1px;position:absolute; top:10px; right:0px; font-size:1.75em; letter-spacing:-1px; color:#f27d00; margin-bottom:0}

.mod-my-bills .paperless {white-space:normal !important}
#secondary-content .mod-my-bills .row-seam-margins{padding:8px 0}
#secondary-content .mod-my-bills .row-seamless{padding-bottom:14px}

/*****************
My Messages
*****************/
.mod-my-messages dl{margin-top:-2px}
/*.mod-my-messages dt a{font-size:1.1em; float:left; width:auto; display:inline-block;}*/
.mod-my-messages dd {color:#333; font-size:1.1em; line-height:normal; width:auto;}
.mod-my-messages span{float:left; width:30%; text-align:right}

/*****************
My Email
*****************/
.modEmail table{width:100%; margin:-2px 0 10px 0}
.modEmail th{font-weight:normal; text-align:right; font-size:1.2em; line-height:normal}
.modEmail td{width:128px; display:block; padding:0 0 0 5px; font-size:1.2em; line-height:normal; word-wrap:break-word;}
#ie .modEmail td{width:123px; display:block; padding:0 0 0 5px; font-size:1.2em; line-height:normal; word-wrap:break-word;}
.modEmail .memberId{width:205px !important;word-wrap:break-word;margin:-2px 0 0 0;}
.modEmail a.checkemail{padding:0 0 10px 66px; }

/*****************
My Accounts
*****************/
.mod-bundle-tiles .group{padding:10px 0; width:684px; margin:0 auto;}
.mod-bundle-tiles .group div{float:left; width:169px; min-height:274px; margin:0 1px;}
.mod-bundle-tiles h3{font-size:1.8em; color:#fff; text-align:center; margin:15px 0 150px .45em;}
.mod-bundle-tiles ul{margin-left:9px}
.mod-bundle-tiles li a{display:block; font-size:1.1em; padding-bottom:10px}

/*****************
Login Screens
*****************/
.loginBox { background:#e6f4fb; margin-right:7px }
.bubble { width:288px; margin-left:7px}
.bubbleTop { background:url(/olam/images/brand30/bubble_login_btm.gif) 0 100% no-repeat; }
.bubbleBtm { background:url(/olam/images/brand30/bubble_login.gif) 0 0 no-repeat; min-height:60px; padding:10px 15px 15px 15px }
.example { position:relative; top:-10px }
.passthru { position:relative; left:10px }

/******************
Interstitial Videos
******************/
#interstitial_20110408{ margin:18px 26px 40px 26px !important; padding:34px 0 0 45px !important; background:url(/www.att.com/images/global/verytall_gradient.png) 0 100% repeat-x }
#interstitial_20110408 h1{ text-indent:-9999px; background:url(/olam/images/brand30/welcome_youve_logged_into.png) 0 0 no-repeat; height:25px;  margin:0; padding:0; }
#interstitial_20110408 .find-what-you-need{ text-indent:-9999px; background:url(/olam/images/brand30/find-what-you-need-20110408.png) 0 0 no-repeat; height:32px; display:block; }
#interstitial_20110408 h2{font-size:1.8em; letter-spacing:normal; color:#333;}
#interstitial_20110408 p{font-size:1.3em; color:#666; display:block; line-height:1.4em; margin-bottom:25px} 
#interstitial_20110408 .arrowRt{font-size:1.1em; color:#067ab4; font-weight:bold; position:relative; top:5px;}
#interstitial_20110408 .videos li{ width:266px; float:left; }
#ie #interstitial_20110408 .group + .arrowRt{ top:-10px; }

/***** 1104 CSS Ends *****/


/***** 1106 CSS Starts *****/
/****************************
DASHBOARD GROUP HEADINGS
****************************/
.extend3o .group-title{
	position:relative;
	min-height:55px }	
.extend3o .group-title h2,
.extend3o .group-title h3,
.extend3o .group-title h4,
.extend3o .group-title h5,
.extend3o .group-title h6{
	margin:0 10px 0 24px;
	float:left;
	display:inline;
	font-size:2.0em; 
	line-height:55px;
	color:#333 }

.extend3o .group-title > ul{display:inline; float:left; min-height:55px; line-height:55px }
.extend3o .group-title li{display:inline; white-space:nowrap}

.extend3o .group-title .account-number{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; padding-left:11px}
.extend3o .group-title .right{position:absolute; right:14px; top:3px; line-height:55px; margin:0}
.extend3o .group-title .left{position:absolute; top:3px; line-height:55px; margin:0}
.extend3o .group-title .disabletext{color:#c3c3c3;}
.extend3o .disabletext{color:#c3c3c3;}

/*****************
Dashboard Accounts
*****************/
.extend3o .full { width:943px; margin:0 14px 14px 14px; background:url(/olam/images/brand30/endLine.png) 75% 100% repeat-y }
.extend3o .full.noBg { background:none }
.extend3o .dbAcct > div { width:207px; padding:14px 14px 14px 14px; float:left; min-height:120px }
.extend3o .dbAcct > div.half { width:442px; padding:14px; float:left; min-height:100px }
.extend3o .vertSep { background:url(/olam/images/brand30/vertSeparator1x105.png) top right no-repeat }
.extend3o .vertSepLeft {background:url(/olam/images/brand30/vertSeparator1x105.png) top left no-repeat }
.extend3o .vertDot { background:url(/olam/images/brand30/vertDotSeparator.png) top right no-repeat }
.extend3o .grad { background:url(/olam/images/brand30/gradientDashboardEndLine.png) 0 100% repeat-x }
.extend3o .gradNoLine { background:url(/olam/images/brand30/gradientDashboardEnd.png) 0 100% repeat-x }
.extend3o .linked { padding:14px 0 0 14px }
.extend3o .linked h2 { color:#333 }
.extend3o .unlinked { padding:14px 0 0 0 }
.extend3o .unlinked h2 { color:#888 }
.extend3o .icnLOB { float:left; margin-right:14px; width:61px; text-align:center }
.extend3o .descLOB { float:left; width:132px }
.extend3o .descLOB h3 { font-size:1.8em }
.extend3o .descLOB p { font-size:1.14em }
.extend3o .end.descLOB{ position:relative; top:-30px; left:15px }
/*.extend3o .upgrade { border-top:1px dotted #ccc; margin-top:24px;padding-top:10px;}*/
.extend3o .upgrade { border-top:1px dotted #ccc; margin-top:14px;padding-top:10px; bottom:0px;position:relative;display:block;}
.extend3o .upgrade.horSep { border:none; background:url(/olam/images/brand30/horSeparator112x1.png) top center no-repeat; margin-top:10px }
.extend3o .quickLinks { padding-left:10px; float:left }
.extend3o .quickLinks h3 { position:relative; top:-5px }
.extend3o .quickLinks ul { padding-left:15px }
.extend3o .quickLinks ul li { list-style-type:disc; color:#005b95;}
.extend3o .quickLinks dl dd,.extend3o .quickLinks dl dt{padding-bottom:3px}
.extend3o .quickLinksPromo { float:left; margin-left:14px }
.extend3o .quickLinksPromo img { position:relative; top:-30px }
.extend3o .tabcontent .row-seam-margin { margin:0; padding:14px 0 9px 0; border-bottom:1px solid #e3e3e3 }
.extend3o .tabcontent .row-noSeams { margin:0; padding:14px 0 9px 0 }
.extend3o .dashboard-payment{margin: 0 14px 14px 0; width: 640px;}

.extend3o .vertSepLeft { background:url(/olam/images/brand30/vertDotSeparator.png) top left no-repeat }

/*****************
Forms
******************/
.extend3o .enabler dl dd { position:relative; left:25px }
.extend3o .enabler div dl dt { position:relative; left:25px }
.extend3o .enabler div dl dd{ position:relative; left:50px }
.extend3o .disabled { color:#e3e3e3 }

/*****************
Service Landing
*****************/
.extend3o .mod-service-landing .group{margin:20px 0 15px 0}
.extend3o .mod-service-landing h3{font-size:1.8em; color:#333; margin:0 0 0 0; line-height:1.3em}
.extend3o .mod-service-landing h4{font-size:1.6em; color:#333; margin:0 0 .2em 5px; line-height:1.27em}
.extend3o .mod-service-landing a img{display:inline-block; position:relative; top:-1px; margin-right:10px}
.extend3o .mod-service-landing .w146 img{margin-left:1px}


/*****************
ADD PRODUCTS
******************/
.extend3o .mod-add-prod{}
.extend3o .mod-add-prod .box{width:233px; float:left; display:inline; margin-right:2px !important;}
.extend3o .mod-add-prod .last.box{margin-right:-2px !important; clear:right}

/*****************
My Bills 
******************/
.extend3o .mod-my-bills .wrap{width:190px}
.extend3o .mod-my-bills strong{display:block; font-weight:bold; font-size:1.0em; width:62%}
.extend3o .mod-my-bills .error{font-weight:bold; color:red; background: url(//www.att.com/images/global/icn-error.gif) 0 50% no-repeat; text-indent:15px; margin-top:.5em}
.extend3o .mod-my-bills .price{position:absolute; top:10px; right:0; font-size:1.75em;letter-spacing:-1px; color:#f27d00; margin-bottom:0;}
.extend3o .mod-my-bills .price-red{position:absolute; top:10px; right:0; font-size:1.75em;line-height:1.75em; letter-spacing:-1px; color:#FF0000; margin-bottom:0;}
.extend3o #secondary-content .mod-my-bills .row-seam-margins{padding:8px 0}
.extend3o #secondary-content .mod-my-bills .row-seamless{padding-bottom:14px}

/*****************
My Messages
*****************/
.extend3o .mod-my-messages dl{margin-top:-2px}
.extend3o .mod-my-messages dt a{font-size:1.1em; width:auto; float:none;}
.extend3o .mod-my-messages dd {color:#333; font-size:1.1em; line-height:normal; width:auto;}
.extend3o .mod-my-messages span{position:absolute; right:0;}

/*****************
My Email
*****************/
.extend3o .modEmail table{width:100%; margin:-2px 0 10px 0}
.extend3o .modEmail th{font-weight:normal; text-align:right; font-size:1.2em; line-height:normal}
.extend3o .modEmail td{width:134px; display:block; padding:0 0 0 5px; font-size:1.2em; line-height:normal; word-wrap:break-word;}
.extend3o .modEmail .memberId{width:205px !important;word-wrap:break-word;margin:-2px 0 0 0;}
.extend3o .modEmail a.checkemail{padding:0 0 10px 54px; }


/*****************
My Accounts
*****************/
.extend3o .mod-bundle-tiles .group{padding:10px 0; width:684px; margin:0 auto;}
.extend3o .mod-bundle-tiles .group div{float:left; width:169px; min-height:274px; margin:0 1px;}
.extend3o .mod-bundle-tiles h3{font-size:1.8em; color:#fff; text-align:center; margin:15px 0 150px .45em;}
.extend3o .mod-bundle-tiles ul{margin-left:9px}
.extend3o .mod-bundle-tiles li a{display:block; font-size:1.1em; padding-bottom:10px}

/*****************
Login Screens
*****************/
.extend3o .loginBox { background:#e6f4fb; margin-right:7px }
.extend3o .bubble { width:241px; margin-left:7px;}
.extend3o .bubbleAria{ width:288px; margin-left:7px;}
.extend3o .bubbleTop {background: url("/olam/images/brand30/bubble_login_btmNew.gif") no-repeat scroll 0 100% transparent;}

.extend3o .orangeColor{color:#FF7200;}
.extend3o .section-divider{clear:both}
.extend3o #unOList{list-style:disc; margin-left:20px;}
.extend3o .bubbleRight {
background:url("/olam/images/brand30/bubble_login_right.gif") no-repeat scroll 0 0 transparent;
min-height:60px;
padding:10px 15px 15px;margin-left:7px;
}
.extend3o .BubbleAria{width:200px;}
.extend3o .BubbleAria p{ margin-bottom:7px;}
.extend3o .bubbleBtmNew {background:url("/olam/images/brand30/bubble_login_btmNew.gif") no-repeat scroll 0 100% transparent;}
.extend3o #unOList li{margin-bottom:10px;}
.extend3o .bubbleBtm { background:url("/olam/images/brand30/bubble_login_left.gif") 0 0 no-repeat; min-height:60px; padding:10px 15px 15px 15px }
.extend3o .displayNone{display:none; position:absolute; top:70px; left:254px;}
.extend3o .example { position:relative; top:-10px }
.extend3o .passthru { position:relative; left:10px }
.extend3o #RightAYAcc {
    float: right;
    margin-bottom: 40px;
    margin-left: 14px;
    width: 240px;
}
.extend3o .promoLAYACC {
    background: url("/olam/images/brand30/callout/grad-medium.gif") repeat-x scroll left bottom transparent;
    height: 30px;
}
/*******************************
	Aria
	******************************/
	
.extend3o .AriaLogInputDiv{margin-left:20px;}
.extend3o .promoLAYACC{
background:url("/olam/images/brand30/callout/grad-medium.gif") repeat-x scroll left bottom transparent;
height:30px;}
.extend3o #RightAYAcc{float:right;margin-left:14px;width:240px;margin-bottom:40px;}
.extend3o #RightAYAcc h5{margin: 5px 0 0px 20px;color:#333333;font-size:16px;}
.extend3o .AriaLogRem {float:left;margin:14px 0 14px 20px;width:114px;}
.extend3o .AriaLogIMgDiv{float:left;}
.extend3o #ArialForgotDiv{margin: 5px 0 10px 25px;}
.extend3o #ArialRegDiv{margin: 0px 0 20px 25px;padding-top:10px;border-top:1px dotted #E3E3E3;width:190px;}
.extend3o .AriaSecDivBot{margin-bottom:20px;}
.extend3o #AriaLogImgsDiv{margin:0 0 30px 20px;padding-top:20px;}
.extend3o div#AriaLogImgsDiv div.ArialLogImgTitDiv{float:left;margin-right:60px;}
.extend3o div#AriaLogImgsDiv div.ArialLogImgTitDivLast{float:left;padding-right:60px;}
.extend3o div#AriaLogImgsDiv div.ArialLogImgTitDivMYACC{float:left;}
.extend3o .clearallNew{clear:both;line-height: 0;height: 0;margin : 0;padding: 0;border: 0;}
.extend3o #AriaLogImgsDiv img{margin-bottom:10px;}
.extend3o .ArialLogImgLeft{margin-left:12px;}
.extend3o .ArialLogParaMyAcc{margin-left:12px;}
.extend3o #ArialLogDivMYACC p{margin: 0 0 10px 20px;}
.extend3o #ArialLogDivMYACC a{margin: 0 0 10px 20px;padding-bottom:10px;}.passwordFirst .image a {
    font-size: 12px;
    margin-left: 5px;
}
.extend3o .ArialLogMAlinksBot{margin-bottom:15px;}
body.AriaContBackG{background:url("/olam/images/brand30/bgShop.png") repeat-x scroll left top transparent;}  /* New Class added for body*/
.extend3o .Ariafoottop{padding-top:20px;}
.extend3o .AriaLogsection-divider {
background:url("/olam/images/brand30/global/section-dividerAriaLog.gif") no-repeat scroll 0% 0 transparent;
clear:both;
}
.extend3o .displayNoneAria{display:none; position:absolute; top:-27px; left:-235px;}

.extend3o .profileLinks dd {margin-bottom:14px;}
.profileLinks dd {margin-bottom:14px;}
.extend3o .w320 {
    float: left;
    margin: 0 0 14px;
    width: 320px;
}
/*Without extend3o*/
.w320 {
    float: left;
    margin: 0 0 14px;
    width: 320px;
}
.extend3o #alignLoginImg {
    margin-left: 30px;
    width: 246px;
}
/*Without extend3o*/
#alignLoginImg {
    margin-left: 30px;
    width: 246px;
}
.extend3o .marBot5{margin-bottom:5px;}
.extend3o .marTopBot10{margin-top:10px; margin-bottom:10px;}
.extend3o .passwordFirst p {
    font-size: 18px;
    margin-top: 10px;
}
.extend3o .passwordFirst .image p img.printMarLeft {
    margin-left: 260px;
}

.extend3o .passwordFirst .image img {
    margin-top: 4px;
}

/*** 51549 wf1 ***/
.extend3o #marginLeft{margin-left:5px;}
.extend3o #alignLogIn{width:166px; padding-top:14px;}/*changing the width from 147px to 166px to resolve WUP00650871*/
#alignLogIn{width:166px; padding-top:14px;}/*changing the width from 147px to 166px to resolve WUP00650871*/
.extend3o #alignLogInRememberme{width:147px; padding-top:12px;}
#alignLogInRememberme{width:147px; padding-top:12px;}

.extend3o .alignhelpLinks{margin-left:27px; margin-bottom:10px;}
.extend3o .bodContent{border-right: thin dotted #CCCCCC; padding-bottom: 15px;}
.extend3o .alignTitle{margin-left:50px;}
.extend3o #alignLoginImg{margin-left:30px; width:300px;}
#alignLoginImg{margin-left:30px; width:246px;}
.extend3o #alignLoginRight{width:350px;}
#alignLoginRight{width:350px;}
.extend3o .marginTopReg{float:left; margin-top:20px;}
.extend3o .regLearnMore{float:left; margin-top:20px; margin-left:10px;}
	.extend3o .DashBWlessAmount-Wf41 {
    float: left;
    margin: 10px 15px 0 0px;
}
 /* for non-extend3o*/
.DashBWlessAmount-Wf41 {float: left; margin: 10px 15px 10px 0px;}
.DashBWlessAmount-Wf4{float:right;margin: 10px 0px 0 0;}
 /* for non-extend3o*/
.extend3o .staticTabs{ clear:left; height:38px; position:relative; z-index:1}
.extend3o .staticTabs li{
	position:relative;
	float:left; 
	display:inline;
	margin-right:5px; 
	height:38px; 
	border:1px solid #e3e3e3;
	border-bottom:0;
	background:url(/olam/images/brand30/global/pr-tab-background.gif) repeat-x bottom left transparent}
.extend3o #ie6 .staticTabs li{width:1%; top:0px}
.extend3o .DashBWlessAmount-Wf4{float:right;margin: 10px 0px 0 0;}

.extend3o .staticTabs a, .extend3o .staticTabs a:hover, .extend3o .staticTabs a:visited{
	display:block; 
	padding:0 20px;
	margin:5px 0 0;
	height:38px; 
	line-height:30px;
	outline:none; 
	text-decoration:none; 
	color:#888 !important; 
	text-align:center; 
	font-size:1.3em; 
	white-space:nowrap }	
.extend3o .staticTabs a.current, .extend3o .staticTabs a.current:hover,.extend3o .staticTabs a.current:visited{text-decoration:none;color:#333 !important; background:#fff; border-bottom:1px solid #fff}
/* CR 80 WF4*/
.extend3o .forgotLink {border-bottom:1px dotted #CCCCCC;}


/*Online reg*/
.extend3o #hdcol { color:#c3c3c3; margin-bottom:22px; }
.extend3o .dbAcct div.abAcctUnlinked{padding-top:70px;}


.extend3o .box.lte { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:1px solid #e3e3e3; margin-bottom:14px; width:540px }

.extend3o p.inline-links {
border-bottom:0px solid #CCCCCC;
border-top:0px solid #CCCCCC;
padding:0px 0 0px;
}

/*WUP00518590*/
.PadBot7Dash{padding-bottom:7px;}

.mod-service-landing .groupTop0 {margin:0 0 15px;}

/*My Linked Account changes*/
.descLOB1 > h3 + p {min-height: 80px;}
.descLOB1 { float:left; width:132px }
.descLOB1 h3 { font-size:1.8em }
.descLOB1 p { font-size:1.14em }
/*.descLOB > h3 + p {min-height:80px}*/
/* .extend3o .descLOB > h3 + p {min-height:64px} */
/*.end.descLOB{ position:relative; top:-30px; left:15px }*/
.end.descLOB1{ left:15px }
.upgrade1 {  border-top: 1px dotted #CCCCCC;
    bottom: 14px;
    margin-top: 24px;
    padding-top: 10px;
    position: absolute;}
.upgrade2 {  border-top: 1px dotted #CCCCCC;
    bottom: 14px;
    margin-top: 24px;
    padding-top: 10px;
    position: relative;}
	
.vertSep { background:url(/olam/images/brand30/vertSeparator1x105.png) top right no-repeat }
/*Background top positioning changed from 17px to 12px - WUP00595824*/
.vertDot { background:url(/olam/images/brand30/vertDotSeparator.png) right 12px no-repeat }
/*For WUP00534091 */
.PadRight100{padding-right:100px;}
/*For WUP00542531 */
.tablePad5 th, .tablePad5 td{padding-left:5px !important; padding-right:5px !important}

.box.lte { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:1px solid #e3e3e3; margin-bottom:14px; width:540px; } /* LTE Data bar and TopUp bar width*/
/*.box.lte { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:2px solid #e3e3e3; margin-bottom:14px; width:420px; }*/

#UsmBox1_ctn {
    float: left;
    height: 50px;
    padding-right: 10px !important;
    position: relative;
	width:100%;
}
.float-none{float:none !important;}
.section-title li {float:none;}

.top5{top:5px}

/*added for defect WUP00519990*/
.Top0px{top:0px !important;}
/*added for defect WUP00519990*/

.botMar2{margin-bottom:2px;}

/*WUP00553839*/
.w595{width:595px;margin:0px ; float:left;}

/***************************************************************************************/
/*included to solve defect (WUP00546417) used to make the secondary content progress bar to work fine in 2.0 pages*/
#secondary-content .steps .current h4{color:#FFFFFF; font-weight:bold; font-size: 14px;}
.row,   .row-seam, .row-seamless,   .row-seam-dotted,   .row-seam-margins{position:relative}
 .row,   .row-seam,  .row-seam-margins{border-bottom:1px solid #e3e3e3}
 .row-seamless{border-bottom:0}
#secondary-content .steps .current { background:#f47b20; }
 #secondary-content .steps .row-seam { background:#FFFFFF url(/olam/images/brand30/global/grad-heading.gif) repeat-x; padding:15px 5px; }
  #secondary-content .steps h4{font-size: 12px; Color: #333333; line-height:2em;}
  #secondary-content .steps .past h4{font-size: 12px; Color: #005B95;}
  #secondary-content .steps .current h4{color:#FFFFFF; font-weight:bold; font-size: 14px;}
  #secondary-content .steps .last {border: 0;}
  #secondary-content .steps .current { background:#f47b20; }
  #secondary-content .step1 { background:url(/olam/images/brand30/step1.png) left center no-repeat; padding-left:35px }
  #secondary-content .step2 { background:url(/olam/images/brand30/step2.png) left center no-repeat; padding-left:35px }
  #secondary-content .step3 { background:url(/olam/images/brand30/step3.png) left center no-repeat; padding-left:35px }
  #secondary-content .step4 { background:url(/olam/images/brand30/step4.png) left center no-repeat; padding-left:35px }
  #secondary-content .step5 { background:url(/olam/images/brand30/step5.png) left center no-repeat; padding-left:35px }
  #secondary-content .current .step1 { background:url(/olam/images/brand30/step1-selected.png) left center no-repeat; padding-left:35px }
  #secondary-content .current .step2 { background:url(/olam/images/brand30/step2-selected.png) left center no-repeat; padding-left:35px }
  #secondary-content .current .step3 { background:url(/olam/images/brand30/step3-selected.png) left center no-repeat; padding-left:35px }
  #secondary-content .current .step4 { background:url(/olam/images/brand30/step4-selected.gif) left center no-repeat; padding-left:35px }
  #secondary-content .current .step5 { background:url(/olam/images/brand30/step5_selected.GIF) left center no-repeat; padding-left:35px }
  #secondary-content .past .step1,   #secondary-content .past .step2,   #secondary-content .past .step3,   #secondary-content .past.step4,   #secondary-content .past.step5{background:url(/olam/images/brand30/checkmark.gif) left center no-repeat; padding-left:35px; color:#005B95}
  #secondary-content .steps .current h4 { font-weight:bold; color:#FFF; }
#secondary-content .steps .currentFirst {background:url(/olam/images/brand30/Orange_Rectangle.png);}
  #secondary-content .steps .currentFirst h4 { font-weight:bold; color:#FFF; font-size: 14px;}
  #secondary-content .currentFirst .step1 { background:url(/olam/images/brand30/step1-selected.png) left center no-repeat; padding-left:35px }
.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 }
.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}
.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 }

 .row,   .row-seam,   .row-seamless,   .row-seam-dotted,   .row-seam-margins{position:relative}
 .row,   .row-seam,   .row-seam-margins{border-bottom:1px solid #e3e3e3}
 #ie .row-seam-margins {margin-bottom:0px !important;}
#secondary-content .row-seam-margins,   #left-column .row-seam-margins{margin:0 14px; padding:14px 0 8px 0 }

/********************
 IE7 specific fixes
********************/

/* auto float clearing */
*:first-child+html   #ie .group,
*:first-child+html   #ie .row,
*:first-child+html   #ie .row-seam-margins,
*:first-child+html   #ie .row-seam-dotted,
*:first-child+html   #ie #primary-content,
*:first-child+html   #ie #secondary-content,
*:first-child+html   #ie #left-column,
*:first-child+html   #ie #content{height:1%; padding-bottom:0px !important}
*:first-child+html   #ie #content .ie7noPad{padding-bottom:0px !important;}
*:first-child+html   #ie #content #ie7noPad{padding-bottom:0px !important;}

*:first-child+html   #ie .row-seamless,
*:first-child+html   #ie .row,
*:first-child+html   #ie .row-seam,
*:first-child+html   #ie .row-seam-margins,
*:first-child+html   #ie .row-seam-dotted { margin-bottom:0px !important; }

*:first-child+html   #ie .row-seamless{height:1%; padding-bottom:0px !important}
*:first-child+html   #ie .full{margin-bottom:14px !important}

  #ie .arrowRt,
  #ie a.arrow,
  #ie .expand,
  #ie .collapse,
  #ie .paperless,
  #ie .print,
  #ie .upsell,
  #ie .overage,
  #ie .upsellIndent,
  #ie .overageIndent { display:inline-block }
*:first-child+html   #ie .botMar30{ margin-bottom:30px !important;}
/*********************** end of defect WUP00546417 *****************************/

/*Defect WUP00574869  */
.boxAlign {margin:0px 14px 25px; width:943px;}

.extend3o .dashboard-right{background:url(/olam/images/brand30/dashboard-right.PNG) 0 0 no-repeat;padding:0px 0px 20px 0px;width:245px;}

/***** Wireless Dashboard Site Simplification styles begins *******/
.extend3o .shadowLeftNew{background: url(/olam/images/brand30/left_shadow_thick.png) repeat-y left; border:none!important; left:-3px;}
.extend3o .shadowRightNew{background:url(/olam/images/brand30/right_shadow_thick.png) repeat-y right; border:none!important; left:6px; position:relative;}
.extend3o .shadowBotLeftNew{position:relative; bottom:5px; left:-3px; background:url(/olam/images/brand30/CSS_Shadow_Sprite.png) left -86px no-repeat; height:10px; width:100%; z-index:0;}
.extend3o .shadowBotLeftNew div{background: url(/olam/images/brand30/bottom_shadow_thick.png) left -1px repeat-x; position:relative; left:10px; bottom:-5px; z-index:-1;}
.extend3o .shadowBotBlueLeftNew div{background: url(/olam/images/brand30/bottom_shadow_thick.png) left -1px repeat-x; position:relative; left:10px; bottom:-5px; z-index:-1;}
.extend3o .shadowBotLeftNew div .shadowBottom{background: url(/olam/images/brand30/bottom-right_rounded_thick.png) right -1px no-repeat; position:relative; left:6px; height:10px; bottom:5px; z-index:-1;}
.extend3o .zIndex2{
	z-index:2 !important;
}
.extend3o  .MarLeft9{
	margin-left:9px;
}
.extend3o  .w210px{
	width:210px;
}
.extend3o  .w215px{
	width:215px;
}

.extend3o  .w241px{
	width:241px;
}
.extend3o  .PadTop4{
	padding-top:4px;
}

.extend3o .focusable:focus{
  outline-width: 1px;
  outline-style: dotted;
  outline-color: #000000;
}
.extend3o  #ie .ieMarTopNeg3{margin-top:-3px;}
.MyBillWDBg { background: url("/olam/images/brand30/CSS_Overview_Sprite_1.png") no-repeat scroll -582px -1390px transparent; width: 251px;}
.extend3o  .MyBillWDTopBg { background: url("/olam/images/brand30/CSS_Overview_Sprite_1.png") no-repeat scroll -301px -1390px transparent; width: 251px;} 
.extend3o .MyBillFlyOutTopBg{
	background: url("/olam/images/brand30/dashboard-iwantto-flyout-top.png") right -12px no-repeat;
	position:relative;
	left:10px;
	height:8px;
	z-index:-1;
}
.extend3o .MyBillFlyOutTop510Bg{
	background: url("/olam/images/brand30/dashboard-iwantto-flyout-top-510.png") right -12px no-repeat;
	position:relative;
	left:10px;
	height:8px;
	z-index:-1;
}
.extend3o .MyBillFlyOutTopBlueBg{
	background: url("/olam/images/brand30/dashboard-iwantto-flyout-top-b.png") right -12px no-repeat;
	position:relative;
	left:10px;
	height:8px;
	z-index:-1;
} 
/** Start: Perf Improvement **/
/*.extend3o .MyBillFlyOutTopBlueBg{
 background: url("/olam/images/brand30//olam/images/brand30/CSS_Overview_Sprite_2_updated.png") no-repeat scroll -572px -1564px rgba(0, 0, 0, 0);
 position:relative;
 left:10px;
 height:8px;
 z-index:-1;
}*/
/** End: Perf Improvement **/

.extend3o .MyBillFlyOutTop510BlueBg{
	background: url("/olam/images/brand30/dashboard-iwantto-flyout-top-510-b.png") right -12px no-repeat;
	position:relative;
	left:10px;
	height:8px;
	z-index:-1;
} 
/** Start: Perf Improvement **/
/*.extend3o .MyBillFlyOutTop510BlueBg{
 background: url("/olam/images/brand30/CSS_Overview_Sprite_2_updated.png") no-repeat scroll -572px -1564px rgba(0, 0, 0, 0);
 position:relative;
 left:10px;
 height:8px;
 z-index:-1;
}*/ 
/** End: Perf Improvement **/

.extend3o .shadowBotBlueLeftNew{position:relative; bottom:5px; left:-2px !important; background:url("/olam/images/brand30/CSS_Shadow_Sprite.png") left -71px no-repeat; height:10px; width:100%; z-index:0;}
.extend3o .shadowBotBlueLeftNew div .shadowBlue{background: url(/olam/images/brand30/bottom-right_rounded-b_new.png) right -1px no-repeat !important; position:relative; left:1px; height:10px; bottom:5px; z-index:-1;}
.extend3o .shadowBotBlueLeft{position:relative; bottom:5px; left:-3px; background:url("/olam/images/brand30/bottom-left_rounded_b.png") top left no-repeat; height:10px; width:100%; z-index:0;}
.extend3o .shadowBotBlueLeftNew div .shadowBottomBlue{background: url("/olam/images/brand30/bottom_shadow_thick.png") repeat-x scroll left bottom transparent; position:relative; left:10px; height:10px; bottom:5px; z-index:-1;}
.extend3o .shadowBotBlueLeft div{background: url("/olam/images/brand30/bottom_shadow_blue.png") bottom left repeat-x; position:relative; left:10px; height:5px; bottom:-5px; z-index:-1;}
.extend3o .shadowBotBlueLeft div .shadowBottomBlue{background: url("/olam/images/brand30/bottom-right_rounded-b.png") top right no-repeat; position:relative; left:10px; height:10px; bottom:5px; z-index:-1;}
.extend3o .shadowBotBlueLeft div .shadowBlue{background:none; position:relative; left:20px; height:10px; bottom:5px; z-index:-1;}
.extend3o .shadowBotLeft div .shadowBottomBlue{background: url("/olam/images/brand30/bottom-right_rounded-b.png") top right no-repeat; position:relative; left:10px; height:10px; bottom:5px; z-index:-1;} 

.extend3o .Padbot23{padding-bottom:23px;}
.extend3o .MarRight13{margin-right:13px;}
.extend3o .BotSolidBorderE5{border-bottom:1px solid #e3e3e3 !important;}
.extend3o .AcctMyBill { margin-left: 22px !important}
.extend3o .tab-container div.tabcontent{min-height:200px;}
.extend3o .groupWDTabInd li.last { /*border-left:none !important;*/ background: none; }
.extend3o ul.groupWDTabInd  { /*height:44px;*/ padding-top:9px; }
.extend3o .groupWDTabInd li a.current { 
                color:#fff; 
                background: url("/olam/images/brand30/ActiveBarOverview.png") no-repeat scroll left top transparent; 
                /*background: url(/olam/images/brand30/CSS_Overview_Sprite_2.png) no-repeat scroll -29px -1356px transparent;*/ 
                margin:-1px -2px 0px 7px; 
                padding-left:12px; 
                height:40px; 
}
.extend3o .groupWDTabInd li a.current span.arrowRt{ color:#fff; display:none; height:32px;}
.extend3o #ie .groupWDTabInd li a.current span.arrowRt{ color:#fff; display:none; height:32px;}
.extend3o #ie .groupWDTabInd li {top:0px;}
.extend3o .groupWDTabInd li { border-right:none; height:44px; border-left:none; border-top:none; border-bottom:none; margin-right:0px; background: url("/olam/images/brand30/dividerline-stoke.png") no-repeat scroll center bottom transparent; height:54px;}
.extend3o .groupWDTabInd li a{ color: #005B95; font-size: 12px; margin:0px; text-align:left; /*background: url("/olam/images/brand30/horSeparator112x1.png") no-repeat scroll center bottom transparent;*/ height:38px;}

.extend3o .messageCenterBG { background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -26px -569px no-repeat; width:670px; height:34px; /*margin: 0px 15px 0px 15px;*/ margin: 0px 10px; }
.extend3o .messageCenterBG p{ width:554px; padding: 8px 15px 10px 15px; margin-bottom:0px;}
.extend3o .messageCenterBG a {color: #3381b7;}
.extend3o .mod-message-center{ /*width:932px;*/ width:943px; white-space:nowrap; padding:20px 15px; /*padding:20px 20px 20px 22px;*/}
.extend3o .mod-message-center h5{ /*width:126px */ width:148px;}
.extend3o .mod-message-center div.viewAll{ width:105px; white-space: normal;}

#promoContainer li {list-style-type:none; float:left; }
#phoneItemContainer { padding:0; margin:0;}
#phoneItemContainer li {list-style-type:none; float:left;}
#phoneItemContainer a { text-decoration:none;} 
#phoneItemContainer a:focus {text-decoration: underline !important;}
#phoneItemContainer img { border:none;}
.phoneItem { width:100px; position:relative; border:none; padding-right:35px !important; } 
 /*.extend3o .phoneItemContainerTop{ background:url(/olam/images/brand30/bg-shared-data-top.png) 0 0 no-repeat; width:505px; height:34px; }*/

.extend3o .phoneItemContainerMid{ background:url(/olam/images/brand30/bg-shared-data-middle.png) 0 0 repeat-y; width:490px; padding:10px 19px 0px; } 
/*.extend3o .phoneItemContainerBot{ background:url(/olam/images/brand30/bg-shared-data-bottom.png) 0 0 no-repeat; height:20px; width:505px;} */

/* .extend3o .phoneItemContainerBot{ background:url(/olam/images/brand30/bg-shared-data-bottom-new.png) 0 0 no-repeat; height:10px; width:505px;}*/

.extend3o .phoneItemContainerTop-625{ background:url(/olam/images/brand30/bg-shared-data-top-625.png) 0 0 no-repeat; width:625px; height:34px; } 
.extend3o .phoneItemContainerMid-625{ background:url(/olam/images/brand30/bg-shared-data-middle-625.png) 0 0 repeat-y; width:600px; padding:10px 19px 0px; } 
.extend3o .phoneItemContainerBot-625{ background:url(/olam/images/brand30/bg-shared-data-bottom-625.png) 0 0 no-repeat; height:10px; width:625px;}

.extend3o .phoneItemContainerBot{ background:url("/olam/images/brand30/CSS_Overview_Sprite_2_updated.png") no-repeat scroll -562px -1465px transparent; height:10px;}
.extend3o .phoneItemContainerTop{ background:url("/olam/images/brand30/CSS_Overview_Sprite_2_updated.png") no-repeat scroll -27px -1465px transparent; height:34px;} 

/************ Usage Meter CSS starts *********************/


@media screen{
	.extend3o .meter-value-5, .extend3o .meter-value-10, .extend3o .meter-value-sec-5, .extend3o .meter-value-6{
		-moz-border-radius:9px; 
		-webkit-border-radius:9px; 
		border-radius:9px;
	}
}
.extend3o .meter-value-5, 
.extend3o .meter-value-sec-5{height:5px; margin:0;}
.extend3o #ie .meter-value-5 div, 
.extend3o #ie .meter-value-sec-5 div{height:5px; margin:0;}
.extend3o .meter-value-6{height:6px; margin:0;}
.extend3o #ie .meter-value-6 div{height:6px; margin:0; }
.extend3o .meter-value-10{height:10px; margin:0;}
.extend3o #ie .meter-value-10 div{height:10px; margin:0;}

.extend3o .meter-container-5{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -267px -375px no-repeat; min-height:10px; margin:0 11px 0 0; width:229px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-5-sm{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -526px -375px no-repeat; min-height:10px; margin:0 11px 0 0; width:160px; padding:0px; vertical-align:middle;}

.extend3o .meter-container-5-180{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -716px -375px no-repeat; min-height:10px; margin:0 11px 0 0; width:180px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-5-210{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -27px -375px no-repeat; min-height:10px; margin:0 11px 0 0; width:210px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-sec-5{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -267px -375px no-repeat; min-height:10px; margin:0 11px 0 0; width:229px; padding:0px; vertical-align:middle;}

.extend3o .meter-container-5-sm .normal,
.extend3o .meter-container-sec-5 .normal{background:url(/olam/images/brand30/usage_meter/green-vertical-5.png) 0 0 repeat-x}
.extend3o #ie .meter-container-5-sm .normal,
.extend3o #ie .meter-container-sec-5 .normal {background: url(/olam/images/brand30/usage_meter/green-left-5.png) left no-repeat;}
.extend3o #ie .meter-container-5-sm .normal div,
.extend3o #ie .meter-container-sec-5 .normal div  {background: url(/olam/images/brand30/usage_meter/green-full-5.png) right no-repeat; position:relative; top:0; left:10px;}
.extend3o .meter-container-5-sm .warning, 
.extend3o .meter-container-5-180 .warning,
.extend3o .meter-container-sec-5 .warning{background:url(/olam/images/brand30/usage_meter/yellow-vertical-5.png) 0 0 repeat-x}

.extend3o #ie .meter-container-5-sm .warning, 
.extend3o #ie .meter-container-5-180 .warning,
.extend3o #ie .meter-container-sec-5 .warning{background: url(/olam/images/brand30/usage_meter/yellow-left-5.png) left no-repeat;}
.extend3o #ie .meter-container-5-sm .warning div, 
.extend3o #ie .meter-container-5-180 .warning div,
.extend3o #ie .meter-container-sec-5 .warning div {background: url(/olam/images/brand30/usage_meter/yellow-full-5.png) right no-repeat; position:relative; top:0; left:10px;}
.extend3o .meter-container-5-sm .alert,
.extend3o .meter-container-sec-5 .alert{background:url(/olam/images/brand30/usage_meter/red-vertical-5.png) 0 0 repeat-x}

.extend3o #ie .meter-container-5-sm .alert,
.extend3o #ie .meter-container-sec-5 .alert {background: url(/olam/images/brand30/usage_meter/red-left-5.png) left no-repeat;}
.extend3o #ie .meter-container-5-sm .alert div,
.extend3o #ie .meter-container-sec-5 .alert div {background: url(/olam/images/brand30/usage_meter/red-full-5.png) right no-repeat; position:relative; top:0; left:10px;}

/*.extend3o .meter-container-5 .grey, 
.extend3o .meter-container-5-sm .grey, 
.extend3o .meter-container-5-180 .grey, 
.extend3o .meter-container-5-210 .grey{background:url(/olam/images/brand30/usage_meter/usage-meter-bg-dark-vertical.png) 0 0 repeat-x} */


  /** Start: Perf Improvement **/
.extend3o .meter-container-5 .grey, 
.extend3o .meter-container-5-sm .grey, 
.extend3o .meter-container-5-180 .grey, 
.extend3o .meter-container-5-210 .grey{background:url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) repeat-x scroll -5px -4336px rgba(0, 0, 0, 0);}
/** End: Perf Improvement **/

.extend3o #ie .meter-container-5 .grey, 
.extend3o #ie .meter-container-5-sm .grey, 
.extend3o #ie .meter-container-5-180 .grey, 
.extend3o #ie .meter-container-5-210 .grey{background: url(/olam/images/brand30/usage_meter/usage-meter-bg-dark-left.png) left no-repeat;}

.extend3o #ie .meter-container-5 .grey div , 
.extend3o #ie .meter-container-5-sm .grey div, 
.extend3o #ie .meter-container-5-180 .grey div, 
.extend3o #ie .meter-container-5-210 .grey div{background: url(/olam/images/brand30/usage_meter/usage-meter-bg-dark-5-right.png) right no-repeat; position:relative; top:0; left:10px;}
.extend3o .meter-container-6{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -925px -375px no-repeat; min-height:10px; margin:0 11px 0 0; width:160px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-6 .warning {background:url(/olam/images/brand30/usage_meter/yellow-vertical-6.png) 0 0 repeat-x;}

.extend3o #ie .meter-container-6 .warning { background: url(/olam/images/brand30/usage_meter/yellow-left-6.png) left no-repeat; }
.extend3o #ie .meter-container-6 .warning div { background: url(/olam/images/brand30/usage_meter/yellow-full-6.png) right no-repeat; position: relative; top:0; left:4px; }
.extend3o .meter-container-10{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -660px -420px no-repeat; min-height:16px; margin:0 11px 0 0; width:231px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm{float:left; background:url(/olam/images/brand30/usage_meter/usage-meter-bg-10-sm.png) 0 0 no-repeat; min-height:16px; margin:0 11px 0 0; width:176px; padding:0px; vertical-align:middle;}

.extend3o .meter-container-10-sm-111{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -367px -1356px no-repeat; min-height:16px; margin:0 11px 0 0; width:111px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm-115{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -367px -1414px no-repeat; min-height:16px; margin:0 11px 0 0; width:115px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm-142{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -805px -1362px no-repeat; min-height:16px; margin:0 11px 0 0; width:142px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm-150{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -546px -1360px no-repeat; min-height:16px; margin:0 5px 0 0; width:150px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm-160{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -471px -420px no-repeat; min-height:16px; margin:0px; width:160px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm-180{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -546px -1415px no-repeat; min-height:16px; margin:0 11px 0 0; width:180px; padding:0px; vertical-align:middle;}

.extend3o .meter-container-10-sm-208{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -984px -1363px no-repeat; min-height:16px; margin:0 5px 0 0; width:208px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm-210{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -26px -420px no-repeat; min-height:16px; margin:0 11px 0 0; width:210px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10-sm-350{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -812px -1413px no-repeat; min-height:16px; margin:0 11px 0 0; width:350px; padding:0px; vertical-align:middle;}
.extend3o .meter-container-10 .normal, 
.extend3o .meter-container-10-sm .normal, 
.extend3o .meter-container-10-sm-111.normal,
.extend3o .meter-container-10-sm-115.normal,
.extend3o .meter-container-10-sm-142 .normal, 
.extend3o .meter-container-10-sm-150 .normal, 
.extend3o .meter-container-10-sm-160 .normal, 
.extend3o .meter-container-10-sm-180 .normal, 
.extend3o .meter-container-10-sm-208 .normal, 
.extend3o .meter-container-10-sm-210 .normal,
.extend3o .meter-container-10-sm-350 .normal {background:url(/olam/images/brand30/usage_meter/green-vertical.png) 0 0 repeat-x}
.extend3o #ie .meter-container-10 .normal, 
.extend3o #ie .meter-container-10-sm .normal, 
.extend3o #ie .meter-container-10-sm-142 .normal, 
.extend3o #ie .meter-container-10-sm-150 .normal, 
.extend3o #ie .meter-container-10-sm-160 .normal, 
.extend3o #ie .meter-container-10-sm-180 .normal, 
.extend3o #ie .meter-container-10-sm-208 .normal, 
.extend3o #ie .meter-container-10-sm-210 .normal,
.extend3o #ie .meter-container-10-sm-350 .normal {background: url(/olam/images/brand30/usage_meter/green-left.png) left no-repeat;}
.extend3o #ie .meter-container-10 .normal div, 
.extend3o #ie .meter-container-10-sm .normal div, 
.extend3o #ie .meter-container-10-sm-111 .normal div, 
.extend3o #ie .meter-container-10-sm-115 .normal div, 
.extend3o #ie .meter-container-10-sm-142 .normal div, 
.extend3o #ie .meter-container-10-sm-150 .normal div, 
.extend3o #ie .meter-container-10-sm-160 .normal div, 
.extend3o #ie .meter-container-10-sm-180 .normal div, 
.extend3o #ie .meter-container-10-sm-208 .normal div, 
.extend3o #ie .meter-container-10-sm-210 .normal div, 
.extend3o #ie .meter-container-10-sm-350 .normal div
 {background: url(/olam/images/brand30/usage_meter/green-full.png) right no-repeat; position:relative; top:0; left:13px;}
.extend3o .meter-container-10 .warning , 
.extend3o .meter-container-10-sm .warning, 
.extend3o .meter-container-10-sm-111 .warning, 
.extend3o .meter-container-10-sm-115 .warning, 
.extend3o .meter-container-10-sm-142 .warning, 
.extend3o .meter-container-10-sm-150 .warning, 
.extend3o .meter-container-10-sm-160 .warning, 
.extend3o .meter-container-10-sm-180 .warning, 
.extend3o .meter-container-10-sm-208 .warning, 
.extend3o .meter-container-10-sm-210 .warning,
.extend3o .meter-container-10-sm-350 .warning {background:url(/olam/images/brand30/usage_meter/yellow-vertical.png) 0 0 repeat-x}
.extend3o #ie .meter-container-10 .warning, 
.extend3o #ie .meter-container-10-sm .warning, 
.extend3o #ie .meter-container-10-sm-111 .warning, 
.extend3o #ie .meter-container-10-sm-115 .warning, 
.extend3o #ie .meter-container-10-sm-142 .warning, 
.extend3o #ie .meter-container-10-sm-150 .warning, 
.extend3o #ie .meter-container-10-sm-160 .warning, 
.extend3o #ie .meter-container-10-sm-180 .warning, 
.extend3o #ie .meter-container-10-sm-208 .warning, 
.extend3o #ie .meter-container-10-sm-210 .warning,
.extend3o #ie .meter-container-10-sm-350 .warning {background:url(/olam/images/brand30/usage_meter/yellow-left.png) left no-repeat}
.extend3o #ie .meter-container-10 .warning div, 
.extend3o #ie .meter-container-10-sm .warning div, 
.extend3o #ie .meter-container-10-sm-111 .warning div,
.extend3o #ie .meter-container-10-sm-115 .warning div,
.extend3o #ie .meter-container-10-sm-142 .warning div, 
.extend3o #ie .meter-container-10-sm-180 .warning div, 
.extend3o #ie .meter-container-10-sm-210 .warning div,
.extend3o #ie .meter-container-10-sm-350 .warning div {background:url(/olam/images/brand30/usage_meter/yellow-full.png) right no-repeat; position:relative; top:0; left:13px;}
.extend3o #ie .meter-container-10-sm-150 .warning div,
.extend3o #ie .meter-container-10-sm-160 .warning div,
.extend3o #ie .meter-container-10-sm-208 .warning div {background:url(/olam/images/brand30/usage_meter/yellow-full.png) right no-repeat; position:relative; top:0; left:8px;}
.extend3o .meter-container-10 .alert, 
.extend3o .meter-container-10-sm .alert, 
.extend3o .meter-container-10-sm-111 .alert, 
.extend3o .meter-container-10-sm-115 .alert, 
.extend3o .meter-container-10-sm-142 .alert, 
.extend3o .meter-container-10-sm-150 .alert, 
.extend3o .meter-container-10-sm-160 .alert, 
.extend3o .meter-container-10-sm-180 .alert, 
.extend3o .meter-container-10-sm-208 .alert, 
.extend3o .meter-container-10-sm-210 .alert,
.extend3o .meter-container-10-sm-350 .alert {background:url(/olam/images/brand30/usage_meter/red-vertical.png) 0 0 repeat-x;}
.extend3o #ie .meter-container-10 .alert, 
.extend3o #ie .meter-container-10-sm .alert, 
.extend3o #ie .meter-container-10-sm-111 .alert, 
.extend3o #ie .meter-container-10-sm-115 .alert, 
.extend3o #ie .meter-container-10-sm-142 .alert, 
.extend3o #ie .meter-container-10-sm-150 .alert, 
.extend3o #ie .meter-container-10-sm-160 .alert, 
.extend3o #ie .meter-container-10-sm-180 .alert, 
.extend3o #ie .meter-container-10-sm-208 .alert, 
.extend3o #ie .meter-container-10-sm-210 .alert,
.extend3o #ie .meter-container-10-sm-350 .alert {background:url(/olam/images/brand30/usage_meter/red-left.png) left no-repeat;}
.extend3o #ie .meter-container-10 .alert div, 
.extend3o #ie .meter-container-10-sm .alert div, 
.extend3o #ie .meter-container-10-sm-111 .alert div, 
.extend3o #ie .meter-container-10-sm-115 .alert div, 
.extend3o #ie .meter-container-10-sm-142 .alert div, 
.extend3o #ie .meter-container-10-sm-180 .alert div, 
.extend3o #ie .meter-container-10-sm-210 .alert div,
.extend3o #ie .meter-container-10-sm-350 .alert div {background:url(/olam/images/brand30/usage_meter/red-full.png) right no-repeat; position:relative; top:0; left:13px;}
.extend3o #ie .meter-container-10-sm-150 .alert div,
.extend3o #ie .meter-container-10-sm-160 .alert div,
.extend3o #ie .meter-container-10-sm-208 .alert div {background:url(/olam/images/brand30/usage_meter/red-full.png) right no-repeat; position:relative; top:0; left:8px; }

.extend3o .meter-container-18-460{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -552px -511px no-repeat; min-height:16px; margin:0 11px 0 0; width:460px; padding:0px; vertical-align:middle;}
/*.extend3o .meter-container-18-460 .normal{background:url(/olam/images/brand30/usage_meter/green-vertical-18.png) 0 0 repeat-x}*/
/** Start: Perf Improvement **/
.extend3o .meter-container-18-460 .normal{background:url("/olam/images/brand30/CSS-Sprite-Repeat-X.png") repeat-x scroll -8px -2650px rgba(0, 0, 0, 0)}
/** End: Perf Improvement **/
.extend3o #ie .meter-container-18-460 .normal {background: url(/olam/images/brand30/usage_meter/green-left-18.png) left no-repeat;}
.extend3o #ie .meter-container-18-460 .normal div {background: url(/olam/images/brand30/usage_meter/usage-meter-green-full-18.png) right no-repeat; position:relative; top:0; left:9px}
.extend3o .meter-container-18-460 .warning{background:url(/olam/images/brand30/usage_meter/yellow-vertical-18.png) 0 0 repeat-x}
.extend3o #ie .meter-container-18-460 .warning {background:url(/olam/images/brand30/usage_meter/yellow-left-18.png) left no-repeat}
.extend3o #ie .meter-container-18-460 .warning div {background:url(/olam/images/brand30/usage_meter/usage-meter-yellow-full-18.png) right no-repeat; position:relative; top:0; left:9px}
.extend3o .meter-container-18-460 .alert{background:url(/olam/images/brand30/usage_meter/red-vertical-18.png) 0 0 repeat-x}
.extend3o #ie .meter-container-18-460 .alert {background:url(/olam/images/brand30/usage_meter/red-left-18.png) left no-repeat}
.extend3o #ie .meter-container-18-460 .alert div {background:url(/olam/images/brand30/usage_meter/usage-meter-red-full-18.png) right no-repeat; position:relative; top:0; left:9px}

.extend3o .meter-container-18-495{float:left; background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -27px -511px no-repeat; min-height:16px; margin:0 11px 0 0; width:495px; padding:0px; vertical-align:middle;}
/* .extend3o .meter-container-18-495 .normal{background:url(/olam/images/brand30/usage_meter/green-vertical-18.png) 0 0 repeat-x} */
/** Start: Perf Improvement **/
.extend3o .meter-container-18-495 .normal{background:url("/olam/images/brand30/CSS-Sprite-Repeat-X.png") repeat-x scroll -8px -2650px rgba(0, 0, 0, 0)}
/** End: Perf Improvement **/

.extend3o #ie .meter-container-18-495 .normal	{background: url(/olam/images/brand30/usage_meter/green-left-18.png) left no-repeat;}
.extend3o #ie .meter-container-18-495 .normal div {background: url(/olam/images/brand30/usage_meter/usage-meter-green-full-18.png) right no-repeat; position:relative; top:0; left:9px}
.extend3o .meter-container-18-495 .warning{background:url(/olam/images/brand30/usage_meter/yellow-vertical-18.png) 0 0 repeat-x}
.extend3o #ie .meter-container-18-495 .warning {background:url(/olam/images/brand30/usage_meter/yellow-left-18.png) left no-repeat}
.extend3o #ie .meter-container-18-495 .warning div {background:url(/olam/images/brand30/usage_meter/usage-meter-yellow-full-18.png) right no-repeat; position:relative; top:0; left:9px}
.extend3o .meter-container-18-495 .alert{background:url(/olam/images/brand30/usage_meter/red-vertical-18.png) 0 0 repeat-x}
.extend3o #ie .meter-container-18-495 .alert  {background:url(/olam/images/brand30/usage_meter/red-left-18.png) left no-repeat}
.extend3o #ie .meter-container-18-495 .alert div {background:url(/olam/images/brand30/usage_meter/usage-meter-red-full-18.png) right no-repeat; position:relative; top:0; left:9px}
/************ Usage Meter CSS ends *********************/

.extend3o .usageContainer{ padding:18px 20px 15px; margin:0; width:65.9%;}
.extend3o .usageDiv{ padding-left:50px;}
.extend3o .usageDiv .meterwrapper div span span.plan{ border-right:1px solid #cccccc; padding-right:10px;}
 
.extend3o .overagePack { background:url(/olam/images/brand30/usage_meter/uasge-meter-bg-pak.png) left center no-repeat; height: 38px; padding: 0 10px 10px;  width: 269px;}
.extend3o .overagePackShared { background:url(/olam/images/brand30/usage_meter/uasge-meter-bg-pak.png) left center no-repeat; height: 38px; padding: 0 10px 10px;  width: 572px;} 
.extend3o .overagePackFT { background:url(/olam/images/brand30/usage_meter/OveragePackAsset-310.png) left top no-repeat; height: 38px; padding: 0 10px 5px;  width: 290px;  margin-left: -10px; margin-top: -5px;}
.extend3o .overagePack625 { background:url(/olam/images/brand30/usage_meter/OveragePackAsset-625.png) left top no-repeat; height: 38px; padding: 0 10px 5px;  width: 605px;  margin-left: -8px; margin-top: -2px;}
.noalerts { border:none; background:url(/olam/images/brand30/noalerts.png) center no-repeat; width:104px; height:136px; }
.loadalerts { border:none; background:url(/olam/images/brand30/ajaxLoader.gif) center no-repeat; height:43px; }

.extend3o #ie .alertDiv{ width:29.8% }
.extend3o .alertDiv{ width:29.6% }
/* .extend3o .alertDiv, .extend3o #tabDiv{ background:url(/olam/images/brand30/GradientBackground.png) 0 0 repeat-y;} */
/** Start: Perf Improvement **/
.extend3o .alertDiv, .extend3o #tabDiv{background:url("/olam/images/brand30/CSS-Sprite-Repeat-Y.png") repeat-y scroll -1298px -5px rgba(0, 0, 0, 0)}
/** End: Perf Improvement **/

.extend3o .alertDiv p.inline-links, .extend3o .alert-dropdown p.inline-links{ padding:0 0 !important; border:none !important; margin-top: 3px;}
.extend3o .alertDiv p.inline-links a, .extend3o .alert-dropdown p.inline-links a{white-space:normal;}
/*.extend3o .alert-overage { background:url(/olam/images/brand30/CSS_Overview_Sprite.png) -1328px -8609px no-repeat; padding-left:23px!important; line-height:20px; margin: 2px 10px 17px 10px; }
.extend3o .alert-warning { background:url(/olam/images/brand30/CSS_Overview_Sprite.png) -39px -8982px no-repeat; padding-left:25px!important; line-height:20px; margin: 2px 10px 17px 10px; }
.extend3o .alert-upgrade { background:url(/olam/images/brand30/CSS_Overview_Sprite.png) -37px -9399px no-repeat; padding-left:23px!important; line-height:20px; margin: 2px 10px 17px 10px; }
.extend3o .alert-credit { background:url(/olam/images/brand30/CSS_Overview_Sprite.png) -633px -8603px no-repeat; padding-left:23px!important; line-height:25px; margin: 1px 10px 18px 10px; }
.extend3o .alert-billing { background:url(/olam/images/brand30/CSS_Overview_Sprite.png) -35px -8605px  no-repeat; padding-left:23px!important; line-height:25px; margin: 1px 10px 18px 10px;}
*/
.extend3o .alert-overage { background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -1359px -303px no-repeat; padding-left:23px!important; line-height:20px; margin: 2px 10px 17px 10px; }
.extend3o .alert-warning { background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -42px -947px no-repeat; padding-left:25px!important; line-height:20px; margin: 2px 10px 17px 10px; }
.extend3o .alert-upgrade { background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -473px -649px no-repeat; padding-left:23px!important; line-height:20px; margin: 2px 10px 17px 10px; }
.extend3o .alert-credit { background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -1349px -1042px no-repeat; padding-left:23px!important; line-height:25px; margin: 1px 10px 18px 10px; }
.extend3o .alert-billing { background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -1356px -1348px no-repeat; padding-left:23px!important; line-height:25px; margin: 1px 10px 18px 10px;}

.extend3o .alert-billing-caution { background:url(/olam/images/brand30/CSS_Overview_Sprite_2.png) -43px -650px no-repeat; padding-left:23px!important; line-height:25px; margin: 1px 10px 18px 10px;}

.extend3o .alertCountNone { background:url(/olam/images/brand30/alert_count.png) -394px -950px no-repeat; height: 36px; width: 96px;} 
.extend3o .alertCountNone li span:first-child{ color: #fff;}
.extend3o .alertCount { background: url(/olam/images/brand30/CSS_Overview_Sprite_1.png) no-repeat scroll -533px -951px transparent; height: 36px; width: 96px;}
.extend3o .alertCount li{ display:inline-block; float:left;}
.extend3o .alertCount li:first-child{ width:36px;}
.extend3o .alertCount li span:first-child{ color: #fff;}
.extend3o .alertCountDigit1 { background:url(/olam/images/brand30/CSS_Overview_Sprite_1.png) -531px -951px no-repeat; height: 36px; width: 96px;}
.extend3o .alertCountDigit1 li{ display:inline-block; float:left;}
.extend3o .alertCountDigit1 li:first-child{ width:36px;}
.extend3o .alertCountDigit1 li span:first-child{ color: #fff;}

/* Start of RD2113 - Update Pill Alert Colour - I55615_CR-1310-1008 */
.extend3o .alertCountGrey{ background:url(/olam/images/brand30/CSS_Overview_Sprite_1.png) -671px -950px no-repeat; height: 36px; width: 96px;} 
.extend3o .alertCountRed { background:url(/olam/images/brand30/CSS_Overview_Sprite_1.png) -146px -949px no-repeat; height: 36px; width: 96px;} 
.extend3o .alertCountYellow{ background:url(/olam/images/brand30/CSS_Overview_Sprite_1.png) -270px -949px no-repeat; height: 36px; width: 96px;} 
.extend3o .alertCountGreen{ background:url(/olam/images/brand30/CSS_Overview_Sprite_1.png) -22px -949px no-repeat; height: 36px; width: 96px;} 
.extend3o .alertCountRed li, .extend3o .alertCountYellow li, .extend3o .alertCountGreen li,.extend3o .alertCountGrey li{ display:inline-block; float:left;}
.extend3o .alertCountRed li:first-child, .extend3o .alertCountYellow li:first-child, .extend3o .alertCountGreen li:first-child,.extend3o .alertCountGrey li:first-child{ width:28px; padding-left:3px; padding-right:5px; line-height:53px;}
.extend3o .alertCountRed li:first-child span:first-child, .extend3o .alertCountYellow li:first-child span:first-child, .extend3o .alertCountGreen li:first-child span:first-child,.extend3o .alertCountGrey li span:first-child{ color: #fff;}
/* End of RD2113 - Update Pill Alert Colour - I55615_CR-1310-1008 */

.extend3o .alertCountLoad { background:url(/olam/images/brand30/alert_load.gif) left center no-repeat; height: 36px; width: 96px;} 
.extend3o .alertCountLoad li span:first-child{ color: #fff;}
.extend3o .alert-dropdown{ z-index: 2000 !important; position: absolute; left:70px; top:30px;}
.extend3o .alert-dropdown-top{ background:url(/olam/images/brand30/alert_bg_dropdown_top.png) 0 0 no-repeat; width:305px; height:25px; } 
.extend3o .alert-dropdown-mid{ background:url(/olam/images/brand30/alert_bg_dropdown_middle.png) 0 0 repeat-y; width:305px; padding-bottom:10px; } 
.extend3o .alert-dropdown-bot{ background:url(/olam/images/brand30/alert_bg_dropdown_bottom.png) 0 0 no-repeat; height:25px; width:305px;} 
.extend3o #ie .alert-dropdown-bot{ top:0px;} 
.extend3o .alert-dropdown-mid .alert-title{ width:280px; left:13px; background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #FFFFFF;  min-height: 40px; position:relative; top:-5px; }
.extend3o .alert-title h2{ float: left; line-height: 40px; margin: 0 10px 0 25px; font-size:18px; }
.extend3o .alert-title ul { line-height: 40px; min-height: 40px; padding:0;}
.extend3o .alert-title li { float: none; line-height: 40px; white-space: nowrap;}
.extend3o .alert-dropdown-mid ul{ padding:0px 15px;}

/* IE modal header image issue fix */
.dashboardModal #cboxMiddleLeft div{background:none!important;}
.dashboardModal #cboxMiddleRight div{background:none!important;}

.extend3o .mybilldiv  hr{
    background-color: #F7F3C4;
	color: #F7F3C4;
    height: 1px;
    width: 100%;
	clear:both; 
	padding:0; 
	margin:0;
}
.extend3o #ie .mybilldiv  hr{ margin:0;}

.extend3o .font13{font-size:13px;}
.extend3o .colorOrangeNew { color: #F47E1F;}
.extend3o .h28{height:28px !important;}
.extend3o .h33{height:33px !important;}
.extend3o .h41{height:41px !important;}
.extend3o .h50{height:50px !important;}
.extend3o .Bot0{bottom:0px!important;}
.extend3o .lineHeight15{line-height:15px!important;}
.extend3o  .marTop38{margin-top:38px!important;}	
.extend3o .marLeftNeg28{margin-left:-28px !important;}
.extend3o .UsageVertSep {background: url("/olam/images/brand30/vertSeparator2x200.png") no-repeat scroll left center transparent;}
.extend3o .viewLessEmailAddress{background: url("/olam/English/brand30/ViewLessEmailAddress.png") no-repeat scroll 0 50% transparent!important;}
.extend3o .viewMoreEmailAddress{background: url("/olam/English/brand30/ViewMoreEmailAddress.png") no-repeat scroll 0 50% transparent!important;}
.extend3o .infoIconMsg.box   p {
    background: url("/olam/images/brand30/info_big.gif") no-repeat scroll left top transparent;
    color: #000000;
    padding: 0px 0px 5px 45px;
	min-height:14px;
}
/***** CSS for Dashboard Tabbing without Ajax starts *****/
.extend3o .dashboardTabs {clear: left; min-height: 36px; position: relative; z-index: 89;}
.extend3o .dashboardTabs li{border-color: #E3E3E3 #E3E3E3 -moz-use-text-color; border-style:none; border-width: 1px 1px medium; float: left; margin-right: 0px; min-height: 54px; position: relative;}
.extend3o .dashboardTabs a{position:relative; min-height:38px; display:block; padding:11px 15px 10px 20px; margin:0; outline:none; text-decoration:none; color:#c3c3c3; text-align:center; font-size:1.3em;}
.extend3o .dashboardTabs a.current{color:#333; border-bottom:none; top:0px;}
.extend3o #ie .dashboardTabs li {top:0px;}
.extend3o #ie .dashboardTabs a.current{top:0px;}
.extend3o #ie .dashboardTabs a{top:-3px !important;}
.extend3o .top-18px {top: -18px !important;}
.extend3o .top-14px {top: -14px !important;}
.extend3o .marLeftNeg32 {margin-left: -32px !important;}
/***** CSS for Dashboard Tabbing without Ajax ends ******/

/***** Wireless Dashboard Site Simplification styles ends *****/

/*OLAM Login July 2012 styles starts*/
.extend3o .LoginTabs {
    	clear: left;
		min-height: 36px;
		position: relative;
		z-index: 89;
		margin-left: -2px;
		border-bottom: 0px solid #F1E6E6;
}
.extend3o .LoginTabs li {
		border-color: #E3E3E3 #E3E3E3 -moz-use-text-color;
		border-style:none;
		border-width: 1px 1px medium;
		float: left;
		margin-right: 0px;
		min-height: 41px;
		position: relative;
}
.extend3o .LoginTabs a{
		position:relative;
		min-height:31px;
		display:block; 
		padding:13px 30px 0px 13px;
		margin:0;
		outline:none; 
		text-decoration:none; 
		color:#c3c3c3; 
		text-align:center; 
		font-size:1.3em; 
}
.extend3o #ie .LoginTabs li {top:0px;}
.extend3o #ie .LoginTabs a.current{top:0}
.extend3o .LoginAccountTab li { width:253px;border-right:none;border-left:none; border-top:none; border-bottom:none; margin-right:0px; background: url("/olam/images/brand30/dividerline-stokeSmall.png") no-repeat scroll -30% 100% transparent; height:44px;}
.extend3o .LoginAccountTab li a{ color: #005B95; font-size: 12px; margin:0px 0 0 0; text-align:left; height:31px;}
.extend3o .LoginAccountTab li a.current{ color:#fff; background: url("/olam/images/brand30/ActiveBar.png") no-repeat scroll left top transparent; margin:-2px 0px 0px -8px; padding-left:21px; height:31px; }
.extend3o #ie .LoginAccountTab li a{ color: #005B95; font-size: 12px; margin:0px 0 0 0; text-align:left; height:31px;}
.extend3o #ie .LoginAccountTab li a.current{ color:#fff; background: url("/olam/images/brand30/ActiveBar.png") no-repeat scroll left top transparent; margin:-4px 0px 0px -8px; padding-left:21px; height:31px; }
.extend3o #ie .LoginAccountTab li {top:0px;height:42px;}
.extend3o .LoginAccountTab li a.current span.arrowRt{ color:#fff; display:none; height:31px;}
.extend3o #ie .LoginAccountTab li a.current span.arrowRt{ color:#fff; display:none; height:31px;}
.extend3o .LoginAccountTab li a.current span span{font-weight:bold;}
.extend3o .LoginAccountTab li a span span{font-weight:normal;}
.extend3o .WhiteRtarrow { background: url(/olam/images/brand30/WhiteChevron.png) right no-repeat; padding:0 15px 0 0px ;}
.extend3o .login-top-shadow {background: url(/olam/images/brand30/login-top-background.png) bottom left no-repeat;
	height: 13px;
	width: 246px;
	left: -6px;
	top: 3px;
	position:relative }
.extend3o #ie .login-top-shadow {top: 1px;}
.extend3o .login-mid-shadow{
	left:  -6px;
	top: -8px;
	width:246px;
	padding-left: 7px;
	background: url(/olam/images/brand30/login-mid-background.png) 0 0 repeat-y;
	position:relative }
.extend3o .login-bot-shadow{
	left:  -6px;
	margin-top:-13px;
	background: url(/olam/images/brand30/login-bot-background-GreyNew.png) top left no-repeat;
	width: 246px;
	height: 13px;
	position:relative }
.extend3o #primary-content.OLAMLoginPrimaryContent {
    margin-left: 0;
	padding-top: 17px;
    width: 973px !important;
}
.extend3o .loginTextTitleDiv{min-height:170px;}
.extend3o  #ie .loginTextTitleDiv{min-height:175px;}
.extend3o .loginTopModuleBorder {
    border-bottom: 1px solid #E3E3E3;
}
.extend3o .NLSelAnAcc{margin: 5px 0 0px 14px;padding: 9px 0 13px 0;height:18px;}
.extend3o #ie .NLSelAnAcc{margin: 5px 0 0px 14px;padding: 7px 0 11px 0;height:18px;}
.extend3o .NLSelAnAccDiv{margin-bottom:5px;}
.extend3o #ie .NLSelAnAccDiv{margin-bottom:7px;}
.extend3o .LoginTabs li.lastLI{background:none;}
.extend3o .LoginTabs span.OrangeSpan{
		position:relative;
		min-height:31px;
		display:block; 
		padding:13px 30px 0px 13px;
		margin:0;
		outline:none; 
		text-decoration:none; 
		color:#c3c3c3; 
		text-align:center; 
		font-size:1.3em; 
}
.extend3o #ie .LoginTabs span.OrangeSpan.current{top:0}
.extend3o #ie .LoginTabs li.lastLI {margin-top:-5px!important;}
.extend3o #ie .LoginTabs li.lastLI span.OrangeSpan {margin-top:0px!important;}
.extend3o .LoginAccountTab li span.OrangeSpan{ cursor:pointer;color: #005B95; font-size: 12px; margin:0px 0 0 0; text-align:left; height:31px;}
.extend3o .LoginAccountTab li span.OrangeSpan.current { 
                background: url("/olam/images/brand30/ActiveBar.png") no-repeat scroll left top transparent; 
                color:#fff;                
                margin:-2px 0px 0px -8px; 
                padding-left:21px; 
                height:34px; 
}
.extend3o #ie .LoginAccountTab li span.OrangeSpan{ color: #005B95; font-size: 12px; margin:0px 0 0 0; text-align:left; height:31px;}
.extend3o #ie .LoginAccountTab li span.OrangeSpan.current{ color:#fff; background: url("/olam/images/brand30/ActiveBar.png") no-repeat scroll left top transparent; margin:-4px 0px 0px -8px; padding-left:21px; height:31px; }
.extend3o .LoginAccountTab li span.OrangeSpan.current span.arrowRt{ color:#fff; display:none; height:31px;}
.extend3o #ie .LoginAccountTab li span.OrangeSpan.current span.arrowRt{ color:#fff; display:none; height:31px;}
.extend3o .LoginAccountTab li span.OrangeSpan.current span span{font-weight:bold;}
.extend3o .LoginAccountTab li span.OrangeSpan span span{font-weight:normal;}
#userNameDiv,#pwdDiv{width:186px;}
/*olam login error page style starts*/
#userNameAlertsDiv,#PasswordAlertsDiv{width:186px;}
.extend3o .login-error-top-image{background: url(/olam/images/brand30/Login-field-error-topNew.png) top left no-repeat;
	height: 15px;
	width: 186px;
	left: 0px;
	top: -6px;
	position:relative }
.extend3o .login-error-mid-image{
	left:  0px;
	top: -6px;
	width:164px;
	padding: 0px 11px;
	background: url(/olam/images/brand30/Login-field-error-mid.png) 0 0 repeat-y;
	position:relative }
.extend3o .login-error-bot-image{
	left:  0px;	
	background: url(/olam/images/brand30/Login-field-error-bot.png) top left no-repeat;
	width: 186px;
	height: 11px;
	margin-top:-6px;
	position:relative }
.extend3o .NewLoginErrMsgP{margin-bottom:0px;font-family: Arial;font-weight:bold;font-size:11px;color:#E50000;}
.extend3o #LoginAlertMidUserDiv1{padding: 0 11px 0;border-bottom:solid 1px #E50000; height:9px;}
.extend3o #LoginAlertMidUserDiv2{height: 9px;padding:0 11px;}
.extend3o #LoginAlertMidPassDiv1{padding: 0 11px 0;border-bottom:solid 1px #E50000; height:9px;}
.extend3o #LoginAlertMidPassDiv2{height: 9px;padding:0 11px;}
/*olam login error page style ends*/


.inputDropdownscrollup{height:83px!important; overflow-y:scroll; overflow-x:hidden;}
.inputDropdown{width:185px!important}
.inputDropdown .box{overflow-x:hidden;}
.inputDropdown dl dd {margin-left: 20px;}
.inputDropdown dl dd.ddHeading {margin-left: 10px!important;}

.ddHeading p {font-size: 12px!important; color: gray!important; font-weight: bold!important;}

#loginContainer {
    position: relative;
    width: 974px;
    z-index: 95;
}
.no-top-round {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	width:183px;
}
.MarTopNeg3{margin-top:-3px;}
.MarTop10 {margin-top: 10px;}

.z1000WithoutErrorMsg {z-index: 5000 !important;}
.Padbot5{padding-bottom:5px !important;}
.PadLeft20Force {padding-left:20px !important;}


/*OLAM Login July 2012 styles ends*/
/*Uverse top module*/
.extend3o .w208{width:208px!important;}
.extend3o .w213{width:213px!important;}
.extend3o .w421{width:421px!important;}

/* defect 3155 */
.extend3o .modalContent a:focus, .extend3o .modalContent a:hover{text-decoration: underline !important;}
.extend3o .w393{width:393px;}
.extend3o .w350{width:350px;}
.extend3o .overage-right { background:url(//www.att.com/images/global/iconError.png) right center no-repeat; padding-right:25px!important;margin-right:-6px; line-height:15px;}
.extend3o .caution-right { background:url(/olam/images/brand30/alert_icon_warning_14.png) right center no-repeat; padding-right:18px!important;margin-right:-3px; line-height:15px;}
/*4-25-2014*/
.extend3o .h65{height:65px !important;}
.padleft40imp{padding-left:40px!important;}
.dashboardBlue{color:#006699 !important;}
.lineHeight20{line-height:20px;}

/*toggle mobile share fix begin*/
.extend3o .h55{height:55px;}
.extend3o .MinHeight16 { min-height: 16px;}
/*toggle mobile share fix ends*/

.extend3o .borderLeftSolid-CCC{border-left: 1px Solid #CCCCCC;}

/*for defect 50189 (blue line in chrome) */
/*For Safari disabled color*/
.extend3o .styled_forms span.textInput-wrapper input[disabled] {
    color: #d3d3d3 !important;
}

/* for userstory US35090_Lifecycle */
.w90{width:90px;}
.noBorderFocus{outline:0 !important;}

/* User story US35799 PreInstall- Service summary */

/*Next Gen Good bye*/
.extend3o .liveChat {
height: auto;
top: -95px;
}
/*Get the most section*/
.extend3o .getMostHorSep
{ 
border:none;
 background:url(/olam/images/brand30/horSeparator226x1.png) top center no-repeat; 
 margin-top:10px;
 padding-top:10px;
 }
  .tm_head {
  position: relative;
  }
  
 .tm_head .tm_pos {
 position: absolute;
bottom: 7px;
left: 9px;
 }

/* For Overview POD Get u-verse section images*/

.extend3o .tv_icon {
background: url(/olam/english/brand30/most-watch_tv.png)  no-repeat ;
height: 30px;
}
.extend3o .wifi_icon {
background: url(/olam/english/brand30/most-find_wifi.png)  no-repeat ;
height: 30px;
}
.extend3o .macafee_icon {
background: url(/olam/english/brand30/most-mcafee.png)  no-repeat ;
height: 30px;
}
.extend3o .dividerLine {
background: url(/olam/english/brand30/most-divi.png)  no-repeat ;
height: 2px;
margin-top:5px;
}

  /*gvp video styles for overview */

#ie .ie7PadTop20{padding-top:20px !important;}
.fixed-width-carousel .carouselBgNew { background: url("/olam/images/brand30/NewcarouselBgH235.PNG") repeat scroll left top rgba(0, 0, 0, 0); min-height: 131px !important;}
.fixed-width-carousel .carouselBgNew { min-height: 131px !important;}
.fixed-width-carousel .carouselBgNew .jcarousel-skin-tango .jcarousel-container-horizontal { width: inherit !important;}
.fixed-width-carousel .carouselBgNew .jcarousel-skin-tango .jcarousel-clip-horizontal { width: inherit !important;}
.jcarousel-container.jcarousel-container-horizontal{ padding-left:0px; margin-left:0px;}
.jcarousel-skin-tango .jcarousel-item h5{ color: #666666;}
.jcarousel-skin-tango .jcarousel-item{ height:auto;} 

/* padding added for usage bar scenarios */
.padLeft80{padding-left: 80px !important;}
.padLeft20{padding-left: 20px;}

.font19{font-size:19px !important;}
.font32{font-size:32px;}
.padTop5{padding-top:5px !important;}
.padTop17{padding-top:17px !important;}
.padBot48{padding-bottom: 48px !important;}
.margin10{margin: 10px 0px 0px 10px !important;}
.linkclrnew{color: #075995!important;}



.extend3o .topbtn
{
top: -2px; 
right:-2px;
}



/*Sandy*/
.extend3o #ie .font12ie{
	font-size:12px;
}
	.w128 {
		width:128px;
	}
/* Loco project */

/*.extend3o  ul.groupTabInd.bPODTab li a.current {
    background: url("/olam/images/brand30/orangeTabUpArrow.png") repeat-x scroll center top transparent!important;
	border-bottom: 1px solid #FFFFFF;
} */

/*Modified for IDM defect# 4302 */
.extend3o ul.groupTabInd.bPODTab li a.current {
    background: url("/olam/images/brand30/orangeTabUpArrow1.png") repeat-x scroll center top #777777!important;
    border-bottom: 1px solid #FFFFFF;
} 
.extend3o ul.bPODTab li a.current{
font-size: 16px;
    font-weight: bold !important;
    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
}


.font28{font-size:28px !important}
.MarNegTop6{margin-top:-6px !important;}
.tablecell{display:table-cell;}
.noBg{background:none !important;}
.top8{position:relative;top:8px;}
.msgGrey{ background-color:#ececec !important;}
.height1{height:1px;}
.Padbot35{padding-bottom:35px !important;}
/* Border Top Left Radius for first Tab */
.borderTLRad3{border-top-left-radius: 3px;}

.expandImgBlue{ 
background: url("//www.att.com/shopcms/media/att/2013/global/ico/FAQ-plus-icon.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0) !important;
padding-left:25px !important;

}

.collapseImgBlue{ 
background: url("//www.att.com/shopcms/media/att/2013/global/ico/FAQ-minus-icon.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0) !important;
padding-left:25px !important; 

}

/* Defect 70229 */
.extend3o .groupWDTabInd li a.current .bgcolorFEA111B{
	background-color:#FEA11B;
}
.extend3o .groupWDTabInd li a.current .bgcolorFE7E21{
	background-color:#FE7E21;
}

/* Color Contrast fixes */
.newOrange{color:#ef6f00 !important;}
.newRed{color:#CF2A2A !important;}
.newGrey{color:#666666 !important;}
.newGreen{color:#438616 !important;}
.newGreyLT{color:#333333 !important;} 

/* End */

/*Defect 3911 - Make a Payment  */
.extend3o .bgcolor0574ac{
background-color:#0574ac;
}

.promoLast
{
width: 226px;
height:18px;
padding: 9px 9px 8px !important;
}

/*Loco microsite - Chat */
.payments-chat {float:right;padding:20px 30px 0 0;color:#666;font-size:12px;font-style:italic;line-height:15px;}
.extend3o .payments-chat{float:right;padding:11px 30px 0 0;color:#666;font-size:12px;font-style:italic;color:#666;font-size:12px;font-style:italic;line-height:15px;}
.extend3o .payments-chat a, .payments-chat a {color:#005b95 !important;line-height:15px;}
.extend3o .payments-chat  img, .payments-chat  img{float:left;height:15px;width:auto;height:15px;margin-right:5px}

.w258{width: 258px;}

/* For Login defect 38026 R1508 - db984p*/
.extend3o .tobrLoginStyles .UserValueDiv , .extend3o  .tobrLoginStyles .PasswordValueDiv
{
padding-top:10px;
}

.extend3o  .tobrLoginStyles  .error span.textInput-wrapper , .extend3o  .tobrLoginStyles .error span.textInput-wrapper span , .extend3o  .tobrLoginStyles .error span.textInput-wrapper.focus, .extend3o .tobrLoginStyles .error span.textInput-wrapper span.focus
{
height:31px;
}

.tobrLoginStyles #divShortcut #userNameDiv, #pwdDiv
{
margin-bottom:10px;
}

/* End of changes for #38026 */
/* Added New CATO Compliant Image*/
.extend3o .overage{
                background: url("/olam/images/brand30/global/iconError.png") no-repeat left center;
                color: #cf2a2a;
                line-height: 15px;
                padding-left: 20px !important;
}

/*adding for clean up story US51624*/
.extend3o .myPlan-section .section-title {min-height:46px;}
.extend3o .myPlan-section .section-title h2{line-height:46px}
.extend3o .myPlan-section .section-link ul{min-height:55px; line-height:55px }
.extend3o .myPlan-section .section-link li{line-height:55px}

/* Added New CSS for QC 21302*/
.extend3o .bulletListItems ul {float:none;line-height:1.3em;min-height:auto; list-style-type: disc;padding-left:15px;display: list-item; margin-bottom:10px}
.extend3o .bulletListItems li {line-height:1.3em; white-space: normal;display:block;display: list-item}

/* Added New CSS for QC 27470*/
/*Live text for Pending Activation Badge*/
.extend3o .pendingActivationLabel {
    height: 39px;
    padding-top: 2px;
    background-color: #FCB314;
    border-radius: 3px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    position: absolute;
    top: 36px;
    z-index: 999;
    left: 0px;
}

/*End - Live text for Pending Activation Badge*/

/* Added for US51624 */
.extend3o .myPlan-section .section-title {min-height:46px;}
.extend3o .myPlan-section .section-title h2{line-height:46px}
.extend3o .myPlan-section .section-link ul{min-height:55px; line-height:55px }
.extend3o .myPlan-section .section-link li{line-height:45px}
.extend3o .section-title ul.titleHeader.section-link{line-height:50px}
.extend3o .section-title ul.section-link{line-height:50px}