/*		@import url("myatt-carousel.css");*/
@import url("myatt-common-parent.css");

/*.extend3o .borderdot-list{}*/
.extend3o .borderdot-list a{position:relative}
.extend3o .borderdot-list li:first-child{border-bottom:1px dotted #bfbfbf;padding:0px 0 10px 0}
.extend3o .borderdot-list li{border-bottom:1px dotted #bfbfbf;padding:10px 0 10px 0}

.extend3o tr.BorderSolid2 td.TopBorderSolid2{border-top: 2px solid #CCCCCC;}


.extend3o .DisabledTooltip img {
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.extend3o .styled_forms span.textInput-wrapper input.popupinput{height: 16px; !important; -webkit-user-modify: read-write-plaintext-only;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.extend3o #md .styled_forms div.selector select.OC2PATabSelModWidth {
    width: 185px;
}
.extend3o .OC2PATabSelModWidth  option{
    width: auto;
}
.extend3o .modalContent .styled_forms div.selector select.selectWidth115{width:115px;}

.extend3o .top7{top:7px;}
.extend3o .styled_forms > div.billingPeriod  > label.wid130{width:130px;}
.extend3o .styled_forms > div > label.left-align-label{text-align:left; width:30px;}

.extend3o .toggle-display-block{position: relative; display: block;}
.extend3o .toggle-display-none{position: relative; display: none;}
.extend3o .dollar-align-right{text-align:right !important; padding-right:0px;}
.extend3o .line-ht-58{line-height: 58px;}

/** OC2PA **/
.extend3o #disableSplitPayment{display:block;}
.extend3o #tableDisplayOne{display:none;}
.extend3o #tableDisplayTwo{display:none;}

.extend3o .StMarLeft20 {margin-left: 20px !important;}
.extend3o .CPCBelowButton{height:auto;}

/** End of OC2PA **/

/**Myservices**/
.extend3o .serviceTable{text-align:center;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.extend3o .serviceTable td{padding-left:8px;padding-right:8px; padding-bottom:5px;border-bottom:1px solid #cccccc;}
.extend3o .marRight0{margin-right:0px;}
.extend3o .gradient{background:#fff url(//www.att.com/images/global/accordion-header-noborder.gif) bottom left repeat-x;}
.extend3o .middleAlign{vertical-align:middle;}
.extend3o .noBackGnd{background: url("") !important;}
.extend3o .height15{height:15px !important;}
.extend3o .height31{height:31px !important;}
.extend3o .height117{height:117px;}
.extend3o .height370{height:370px;}
.extend3o .height405{height:405px;}
.extend3o .height437{height:437px;}
.extend3o .height465{height:465px;}
.extend3o .blankPage{height:729px;background:#A8A8A8;}
.extend3o #secondary-content .checkMark{background:url(/olam/images/brand30/checkmark.gif) left center no-repeat;padding-left:30px;}
.extend3o .modalSeperator {border-top: 1px solid #dbdbdb; left: -20px; padding: 10px 0 0; position: relative; width: 108%;}
/*.extend3o #ie .section-title{
	z-index:3500;
} */
.extend3o .pagination li a{min-width:0px; height:auto;} 
.extend3o .mod-service-landing h4 a.tooltips.lnk-help img{top:0px;} 

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

.extend3o #singleClick_wf2 .styled_forms label { line-height:1.3em; }

/***** Single Click Paperless Enrollment - Ends *****/
.extend3o #filterTableFull { z-index:1000; position:absolute; background:#fff url(/olam/English/brand30/servicesFilterBg.png) bottom repeat-x; width:703px; left:0px; }
.extend3o #secondary-content .noTextDec{text-decoration:none;}
.extend3o .sumModule{font-size:14px;cursor:hand; cursor:pointer; color:#ffffff;font-weight:bold;}
.extend3o #secondary-content .steps .clip h4{color:#ffffff; font-weight:bold;}
.extend3o #secondary-content .steps .clip{background:url(/olam/images/brand30/sumBG.png) left center no-repeat;}
.extend3o .rightModNext{background:url(/olam/images/brand30/bt_rightModNext.jpg) left center no-repeat;height:44px;cursor:hand; cursor:pointer;}
.extend3o .rightModNextDisabled{background:url(/olam/images/brand30/bt_rightModNext.jpg) left center no-repeat;height:44px;opacity:0.4;filter: Alpha(opacity:40);zoom:1;}

.extend3o .separator span.right5{ padding:0 5px; border-right:1px solid #ccc !important; }
.extend3o .separator a.left5 { border:none; padding:0 0 0 5px !important; }
.extend3o .lineHeight15{line-height:15px !important;}
.extend3o .lineHeight0{line-height:0px !important;}


/**** New toggles ****/
.extend3o .NewCollapseImg {background: url(/olam/images/brand30/bt_iconCollapse.png) 0 50% no-repeat; padding-left:19px; display:inline-block; /*height:20px;*/ line-height:20px; text-decoration:none; margin-bottom:0px;}
.extend3o .NewCollapseImg:hover, .extend3o .collapseImg:focus{text-decoration:none}
.extend3o .NewExpandImg{background: url(/olam/images/brand30/bt_iconExpand.png) 0 50% no-repeat; padding-left:15px; display:inline-block;/*height:20px;*/ line-height:20px; text-decoration:none; margin-bottom:0px; left: 4px;}
.extend3o .NewExpandImg:hover, .extend3o .expandImg:focus{text-decoration:none}
.extend3o .table tr .forceRightTable{text-align:right !important;}
.extend3o .forceMarBot10{margin-bottom:10px !important;}
.extend3o .modalHeader h2 {padding:12px 0 0 23px;}
#ie .modalHeader h6 { padding: 0 0 0 15px;}
.extend3o .modalButton{border-top:1px solid #dbdbdb; padding:20px 0px 0px; width:100%}
.extend3o #md .PadLeft30{padding-left:30px}
.msg.box + .msg.box {margin:0px 0 10px 0 !important}
.extend3o .inline-links a.tooltips {
margin:0 5px 0 5px !important;
}


.extend3o #primary-content form .box .botMar18{margin-bottom:18px !important; }
.extend3o .modalscroll{overflow-y : scroll; height: 224px; position: relative; padding-right: 25px;}
.extend3o .newLinkColor a{color: #3381b7;}
/********************************************************/

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

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

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

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

.extend3o #ie .arrowRt,
.extend3o #ie a.arrow,
.extend3o #ie .expand,
.extend3o #ie .collapse,
.extend3o #ie .paperless,
.extend3o #ie .upgradeSM,
.extend3o #ie .upgradeCK,
.extend3o #ie .print,
.extend3o #ie .upsell,
.extend3o #ie .overage,
.extend3o #ie .caution,
.extend3o #ie .upsellIndent,
.extend3o #ie .overageIndent { display:inline-block }
*:first-child+html .extend3o #ie .botMar30{ margin-bottom:30px !important;}

/*
#wrapper{margin:0 auto; width:992px}
#main-container{background:url(/images/wrapper/page_midSlice.png) 0 0 repeat-y; text-align:center}
#primary-nav,
#content{text-align:left; width:974px; margin:0 auto 10px auto;}
*/

/* zindex fix for usm and IE double pad */
.extend3o #ie .group-title{
	/*z-index:3500;*/
}

.extend3o #ie .section-title{
	z-index:3500;
}
.extend3o #ie .usm_menu {
	display:inline-block;
}
.extend3o #ie .usm_menu li{
	padding-left:0 !important;
	margin-left:5px !important;
}
/* /fix for usm and IE double pad */
.extend3o .box #ie7botMar20{margin-bottom:18px;}
.extend3o #ie .MarTopBox{margin-top:30px;}
.extend3o #ie .PadBot0{padding-bottom:0px !important;}
.extend3o #ie #colorbox, .extend3o #ie #cboxOverlay, .extend3o #ie #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
.extend3o #ie #cboxOverlay{position:fixed; width:100%; height:100%;}
.extend3o #ie #cboxMiddleLeft, .extend3o #ie #cboxBottomLeft{clear:left;}
.extend3o #ie #cboxContent{position:relative; overflow:hidden; left:0; top:0; margin:0; text-align:left}
.extend3o #ie #cboxLoadedContent{overflow:auto}
.extend3o #ie #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:1px solid black;}
.extend3o #ie #cboxTitle{margin:0;}
.extend3o #ie #cboxLoadingOverlay, .extend3o #ie #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
.extend3o #ie #cboxPrevious, .extend3o #ie #cboxNext, .extend3o #ie #cboxClose, .extend3o #ie #cboxSlideshow{cursor:pointer;}

.extend3o #ie #cboxOverlay{background:#fff;}

.extend3o #ie #colorBox{}
.extend3o #ie #cboxTopLeft{width:25px; height:25px; background:url(//www.att.com/images/global/border1.png) no-repeat 0 0 !important}
.extend3o #ie #cboxTopCenter{height:25px; background:url(//www.att.com/images/global/border1.png) repeat-x 0 -50px !important}
.extend3o #ie #cboxTopRight{width:30px; height:25px; background:url(//www.att.com/images/global/border1.png) no-repeat -25px 0 !important}
.extend3o #ie #cboxBottomLeft{width:25px; height:25px; background:url(//www.att.com/images/global/border1.png) no-repeat 0 -25px !important}
.extend3o #ie #cboxBottomCenter{height:25px; background:url(//www.att.com/images/global/border1.png) repeat-x 0 -75px !important}
.extend3o #ie #cboxBottomRight{width:30px; height:25px; background:url(//www.att.com/images/global/border1.png) no-repeat -25px -25px !important}
.extend3o #ie #cboxMiddleLeft{width:25px; background:url(//www.att.com/images/global/border2.png) repeat-y 0 0 !important}
.extend3o #ie #cboxMiddleLeft div{margin-left:14px; height:56px; background:url(//www.att.com/images/global/bg_modal_top.gif) repeat-x 0 -11px;} 

.extend3o #ie #cboxMiddleRight{width:25px; background:url(//www.att.com/images/global/border2.png) repeat-y -25px 0 !important}
.extend3o #ie #cboxMiddleRight div{margin-right:14px; height:56px; background:url(//www.att.com/images/global/bg_modal_top.gif) repeat-x 0 -11px;}
.extend3o #ie #cboxContent{background:#fff; border:none; position:relative;}
.extend3o #ie #cboxLoadedContent{padding:0}
.extend3o #ie #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
.extend3o #ie #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
.extend3o #ie #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
.extend3o #ie #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
.extend3o #ie #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
.extend3o #ie #cboxLoadingOverlay{background:#fff url(//www.att.com/images/global/ajaxLoader.gif) no-repeat 5px 5px;}
.extend3o #ie #cboxClose{position:absolute; bottom:0; left:-9999px; display:block; color:#444;}

.extend3o #ie .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.extend3o #ie .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.extend3o #ie .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.extend3o #ie .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.extend3o #ie .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.extend3o #ie .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.extend3o #ie .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.extend3o #ie .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.att.com/images/global/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

.extend3o #ie #cboxLoadedContent,
.extend3o #ie #cboxLoadedContent iframe{
	border:none !important;
}
.extend3o #ie .modalHeader{position:relative; top:-11px}
.extend3o #ie .modalHeader h1 {padding:14px 0 0 15px;}
.extend3o #ie .modalHeader h2 {padding:14px 0 0 15px;}
.extend3o #ie .closeModal{right: 5px;}
.extend3o #ie .modalContent{padding:7px 10px 10px 15px !important}
.extend3o #ie .modalContent .btnInsideRowSeam{
border-top:1px solid #DBDBDB;
margin:0 0px 0 0px;
padding:20px 0 0;
}
.extend3o #ie .modalContent .leftalign {top: 0px !important;line-height:48px !important;}
.extend3o #ie .errorMsg p{margin:0;}

/******
p tag that comes last (since row-seamless has 13px padding-bot)
********************/
.extend3o #ie .pLast{margin-bottom:7px;}
.extend3o #ie #secondary-content p.pLast{margin-bottom:2px;}
.extend3o #ie .tooltips .helpImg {padding-left:6px;}

.extend3o #ie #primary-content .tooltips .helpImg { margin-left:0px; margin-right:10px;}
.extend3o #ie #primary-content-full .tooltips .helpImg2 { margin-left:3px; margin-right:6px;}
.extend3o #primary-content .tooltips .helpLabel { margin-left: 0px;margin-right: 7px;}
.extend3o #primary-content .tooltips .helpLabel1 { margin-left: -3px;margin-right: 7px;}
.extend3o #primary-content .tooltips .helpLabel2 { margin-left: -3px;margin-right: 2px;}

.extend3o #ie #primary-content .ie7left25 {margin-left:25px; }
.extend3o #ie #secondary-content .ie7left5 {margin-left:5px; }
.extend3o #ie .btnNew {
padding:20px 25px 0px;
}
.extend3o #ie .ie7MarTop0{margin-top:0px!important;}/*!important added*/
.extend3o #ie .ie7MarTop10{margin-top:10px;}
.extend3o #ie .posie7{position:absolute;}
.extend3o #ie .PadLeft5ie {padding-left:5px;}
.extend3o #ie .OC2PAbtnBot {margin-bottom: 15px;}
.extend3o #ie .top5ie {top:5px;position:relative;}

.extend3o #ie .PadTopBot20{padding-top:20px;padding-bottom:20px;margin-bottom:0px;}/*margin-bottom changed from 20px to 0px*/
.extend3o #ie .PadBottom{padding-bottom:20px;margin-bottom:20px;}
.extend3o #ie #boxlogin .tipsNew img {
    padding-left: 4px;
}
.extend3o #ie .Marleft65{margin-left:65px;}
.extend3o  #ie .ie_botMar15{margin-bottom:15px;}

/*Online Registration Styles*/
.extend3o #ie .OrImgMarRt25{margin-right:0px !important;}
/*Online Registration Styles End*/
.extend3o #ie .PadTopBotClear{padding-bottom:0px!important;}
.extend3o #ie .ClearNew{margin:0px!important;padding:0px!important}
.extend3o #ie .ClearNewOverage{margin:0!important; clear:both; margin:0px; padding-left:20 !important; padding-right:0px !important;padding-top:0px !important;padding-bottom:0px !important;}

.extend3o #ie .ie7padTop0{padding-top:0px;}
#ie .ie7padTop0{padding-top:0px;}
.extend3o #ie .padTop0ie{padding-top:0px !important;}
.extend3o #ie .ie7padBot0{padding-bottom:0px;}
.extend3o #ie .PadRight30ie{padding-right:30px!important ;}
.extend3o #ie #primary-content .ie7MarBot0{margin-bottom:0px;}
.extend3o #ie .lineHeight0{line-height:0.5em;}

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

.extend3o #ie #singleClick_wf1 .borRt { padding-bottom:65px; }
.extend3o #ie #singleClick_wf2 .marBot20_ie { margin-bottom:10px; }
.extend3o #ie #singleClick_wf2 .tooltips .helpImg { padding-left:3px; }
.extend3o #ie #singleClick_wf2 .tooltips img { top:0px; }

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

/*****************
 NOTE TREATMENT
*****************/
.extend3o #ie .note{background:#fff url(//www.att.com/images/global/note-header-bg.gif) 0 -6px repeat-x; border:1px solid #E3E3E3; margin:0 0 13px 0; padding:20px 14px;}
.extend3o #ie .note p{color:#333; line-height:normal; margin-bottom:0px;}

/*****************
 DSL
*****************/
.extend3o .group-title {
    min-height: 55px;
    position: relative;
}
.extend3o .calender_padding{padding: 0.34em 1.29em;}
.extend3o .group-title h2, .group-title h3, .group-title h4, .group-title h5, .group-title h6{
    color: #333333;
    display: inline;
    float: left;
    font-size: 2em;
    line-height: 55px;
    margin: 0 10px 0 24px;
}
  .extend3o .group-title span 
  {
   color: #333333;
    display: inline;
    float: right;
    font-size: 2em;
    line-height: 55px;
    margin: 0 10px 0 24px;
 }
 .extend3o .group-title li a {
    display: inline;
    margin-left: 0;
    padding-top: 0;
}
 .extend3o .height600{height:600px ! important;}
 .extend3o  .group-title {
    min-height: 55px;
    position: relative;
}
.extend3o .placeHolder1{ margin:0px 0px 30px 0px}
.extend3o .placeHolderBox{padding: 55px 2px 20px 2px; }
.extend3o .placeHolder2 {height:128px; width:106px; background:#A8A8A8;}
.extend3o .h380{height:380px;}
.extend3o .h58{height:58px!important;}
/*******DSL***********/

/*********************
Toggle section title
 **********************/
 .extend3o #ie .section-title  a.expandImg{line-height:47px; height:47px;}
 .extend3o #ie .section-title  a.collapseImg{line-height:47px; height:47px;}
 
 .extend3o #ie .ie7Top-5{top:-5px !important;}
 .extend3o #ie .ie7Top7{top:7px !important;}
 .extend3o #ieSeven .top0pxie7{top:0px ;}
 
.extend3o #ie .group-title span.ie7-Group-Title-Span-No-Float
  {
   color: #333333;
    display: inline;
    font-size: 2em;
	float: none;
    line-height: 55px;
    margin: 0 10px 0 24px;
 }
 /*.extend3o #ie .section-title h2 a{top:5px;}*/
 .extend3o #ie .ie7Top0px{top:0px !important;}
  .extend3o #ie .ie7Top20px{top:20px !important;}
  .extend3o #ie .ie7Top10px{margin-top:10px !important;}
  .extend3o #ie .ie7Top-2{top:-2px !important;}
  .extend3o #ie .ie7Top-1{top:-1px !important;}
 .extend3o #ie .ie7Top5px{top:5px !important;}
 .extend3o #ie .ie7Top2px{top:2px;}
 .extend3o #ie .ie7Top2pxForce{top:2px !important;}
 .extend3o #ie .ie7Top3pxForce{top:3px !important;}
 .extend3o #ie .ie7Top4pxForce{top:4px !important;}
  .extend3o #ie .ie7top-35px{top:-35px;}
 .extend3o #ie .tooltips img.helpIconTop5{top:5px !important;}
 .extend3o  #ie .left-315ie{left:-315px !important;position:relative;}
.extend3o .left-15px{left: -15px}
 /*Classes without .extend30*/
 #ie .ie7Top-2{top:-2px !important;}
 
 /*Opacity style*/
 .extend3o #ie .OC2PAInvisible {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40);}
 /*Opacity style*/
 
 .extend3o #ie .ie7posTop5px{margin-bottom:0px;top:5px;}
 .extend3o #ie .ie7bot20{bottom:20px;position:relative;}
  .extend3o #ie .ie7bot10{bottom:10px;position:relative;}
 .extend3o #ie .ie7bot25{bottom:25px;}
 .extend3o #ie .ie7botMar0{ margin-bottom:0px !important}
 .extend3o #ie .ie7botMar20Force{ margin-bottom:20px !important} /*Added to give a margin 20px specifically to ie */
 .ie7MarLeft30{margin-left:-40px !important;}

/***** 1106 CSS Ends *****/


/*cco*/
.padtopbot0{padding-top:0px;padding-bottom:0px;}
.PadLtRtTop10Bot0{padding-left:10px!important;padding-right:10px !important;padding-top:10px !important;padding-bottom:0px!important;}
#ie .ie7posTop11px{position:relative;top:-11px;}
.separatorpipe span{/*border-right: 1px solid #CCCCCC !important; */color:#CCCCCC !important; padding: 0 0px !important;}
.top4-px{top:-4px !important; position:relative;}
.extend3o .backGroundOrangeCCO{background:url(/olam/images/brand30/orange_rectangle-cco-1.png)  repeat left bottom; padding:5px 0px;}
/*Myservices*/
.evenSpaceIe7{padding:10px 0px 10px 12px;}
.extend3o #ie #primary-content .botMar18{margin-bottom:18px !important; }

/*vslid*/
.extend3o #ie .marRight4{margin-right:4px !important;}
/*vslid*/

div.selector + div.selector { margin-left: 0px; }
.extend3o .tableNoPad th, .extend3o .tableNoPad td{line-height:normal; padding:10px 0px; position:relative}
p + .styled_forms {
    margin-top: 0px;
}
.extend3o .PadLeftRight15{padding-right:15px;padding-left:15px}
.font17{font-size:1.7em !important;}
.extend3o .colorWhite{color:white}
.extend3o .colorGreyCCO{color:#A0A0A0}
.noBG{background:none !important}
.extend3o .noBG{background:none !important}
.extend3o .fullWidth{width:100% !important}

.extend3o .noMargin{margin:0 !important} 
.extend3o .modalNoScroll{height:160px; border:1px solid #ccc; padding:15px;}
.extend3o .FontSize18{font-size: 18px !important;}
.extend3o .FontSize11{font-size: 11px !important;}
.extend3o .group-title ul{display:inline; float:left; min-height:55px; line-height:55px }
.extend3o .group-title li{display:inline; white-space:nowrap; line-height:55px; float:none;}

.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 .forceLeft	{ text-align:left !important;}
.extend3o #ie .paddings{padding:0 30px 0 0;}
.extend3o .margins{margin:8px 0 10px 0;}
.extend3o .buttonmargin{margin-top:5px;margin-bottom:0px;}

.extend3o .PadTop3imp{padding-top:3px;}
.extend3o .PadTop8imp{padding-top:8px;}
.PadTop8imp{padding-top:8px;}
.extend3o .ForcePadTop3{padding-top:3px!important;}
.extend3o  #ie .ForcePadTop3{padding-top:3px!important;}
.top6px {
    position: relative;
    top: 6px !important;
}

.extend3o .table th.headerSortUp a { background: url(//www.att.com/images/global/sort-up.gif) 100% 60% no-repeat; padding-right:10px; zoom:1 } 
th.headerSortUp a { background: url(//www.att.com/images/global/sort-up.gif) 100% 60% no-repeat; padding-right:10px !important; zoom:1 }
th.headerSortDown a{ background: url(//www.att.com/images/global/sort-down.gif) 100% 60% no-repeat; padding-right:10px !important;  zoom:1 }
/********************
USM Module
*********************/

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

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

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

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;
}
a.usm_click span.singleline{margin: 12px 0 0 15px !important;}

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

#usmModule a:focus.usm_click {
	outline: 1px dotted #000 !important;
}

#usmModule .usm_menu li.sub a:focus span {
	text-decoration:underline !important;
}
/***************************************/


.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;/*USM- new styleguide changes*/}
li.usmSubSeparator{background: url(//www.att.com/images/global/usm/usm-sub-sep.gif) no-repeat scroll 11px 0px transparent;position:relative;top:4px;}
li.usmSubSubSeparator{background: url(//www.att.com/images/global/usm/usm-sub-sep.gif) no-repeat scroll 41px 0px transparent;position:relative;top:4px;}
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;/*USM- new styleguide changes*/}

.usm_menu {
	visibility:hidden;
	display:none;
	width:279px;
	background:url(//www.att.com/images/global/usm/dropdown.png) no-repeat scroll 0 100%;
	position:relative;
	zoom:1;
	top:0px;
	z-index:10;	
}
.usm_menu ul {
	width:auto !important;
	clear:both;
	position:relative !important;
	display:block !important;
	float:none;
}

.usm_menu li a {
	display:inline-block;
	padding:5px 0 1px 15px !important;/*padding changed as per new styleguide */
	margin: 5px 0;
	clear:both;
	min-height:22px;
}
li.usmTitle > a, li.usmTitle > a:hover {
	color:#333 !important;
	text-decoration:none !important;
	cursor:default  !important;
}
.usm_menu li.sub a .usmSubNoLinks {
	display:inline-block;
	padding: 5px 0 0 22px;
	margin:0 !important;
}
.usm_menu li a span{
	vertical-align:middle;
	float:left;
	font-size:12px;
	display:inline-block;
}
.usm_menu li.cancelled a, .usm_menu li.cancelled a:hover{
	color:#FD0200 !important;
}

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

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

/*.usm_menu li {
	width:100% !important;
	clear:both;
	margin-left: 5px !important;
	min-height:32px !important;
	display:block !important;
	min-height:22px !important; 
	position:relative !important;
	float:none;
}*/

.usm_menu li.sub {
    line-height: 22px;
    margin-left: 50px !important;/*changes as per new styleguide */
    width: 230px !important;
}

#ie .usm_menu li.sub {
    line-height: 22px;
    margin-left: 46px !important;
    width: 215px !important;
}
.usm_menu li.last{
	margin-bottom:15px !important;/*changes as per new styleguide */
}

#ie .usm_menu li.last{
	margin-bottom:15px !important;/*changes as per new styleguide */
}

.usm_menu li a.selected {
	background:url(//www.att.com/images/global/usm/iconCheckMark.png) no-repeat scroll 80% 10px transparent;
	display:block !important;
	width:100% !important;
	clear:both !important;
	color:#333 !important;
	text-decoration:none !important;
	cursor:default;
}

.extend3o .usm_menu li a.selected {
	display:inline-block !important;
}

.usm_menu li>ul>li a.selected , #ie .usm_menu li>ul>li a.selected{
	/* Changed to fix Check aligment defect WUP00503879
	   background:url(//www.att.com/images/global/usm/iconCheckMark.png) no-repeat scroll 90% 6px transparent;
	*/
	background:url(//www.att.com/images/global/usm/iconCheckMark.png) no-repeat scroll 180px 6px transparent;
}

.usm_menu div.usm_scroll li > ul >li a.selected, #ie .usm_menu div.usm_scroll li > ul >li a.selected{
	background:url(//www.att.com/images/global/usm/iconCheckMark.png) no-repeat scroll 175px 6px transparent;
}
.usm_menu .linkaccount{
	clear: both;
	display:block;
}

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

.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;
}

.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;
}

.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;
}
/* Begin - Added class .es_US for menu container*/
.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;
}

.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;
}
.menu_container div:first-child.changeImg {
	background:url(/olam/images/brand30/usm/iconChange.png) no-repeat scroll 100% 100% transparent;
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}
/* End - Added class .es_US for menu container*/
.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 .no_menu_container{
	border:1px solid #E3E3E3;
	border-radius: 5px 5px 5px 5px;
	display:block;
	height:40px;
	width:279px;
}

.

.usm_no_click span{
	display:inline-block;
	vertical-align:middle;
	width:150px;
	font-size:12px;
	margin-top:3px;
	color:#333;
}


.usm_no_click *{
	vertical-align:middle;
}

.spanish .menu_container > div:first-child {
	background:url(/olam/Spanish/brand30/bt/bt_select_plan.gif) no-repeat scroll 100% 0 transparent;
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}

/*span.usmSubie{
	color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 0 0;
	cursor:default;
}*/
.usm_menu li.sub a .usmSubNoLinksie{
	display:inline-block;
	padding: 5px 0 0 0 !important;
	margin:0 !important;
}
.extend3o .left-40{padding-left:40px;}
/* .extend3o table th, table td {text-align:left !important} */
.extend3o .w450{
width:450px;}

.extend3o table td.usage-label  {
    text-align: right !important;
}
.extend3o .top29px {
    position: relative;
    top: 29px !important;
}
.extend3o .top20px {
    position: relative;
    top: 20px !important;
}
.extend3o .top13px {
    position: relative;
    top: 13px !important;
}
.extend3o .upsellIndentError {
    background: url(/olam/images/brand30/usm/iconErrorwithoutDivider.png) no-repeat scroll left center transparent;
    margin-left: 10px;
    padding: 10px 20px;
}
.extend3o .portion1_spacing {
    float: left;
    margin-left: 0px;
    margin-right: 1px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 50px;
}
.extend3o .portion2_spacing {
    float: left;
    margin-right: 1px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 50px;
}
.extend3o td .error1 {
    font-size: 11px;
    font-weight: normal;
    line-height: 0px;
    padding: 0 0 0 125px !important;
}

/*******************dsl  update****/
.extend3o  #UsmBox1{height:100px; float:left; padding-right:10px!important; position:relative;}
.extend3o  #UsmBox11{width:36px; float:left; padding-right:10px!important;position:relative;}

.extend3o .UsmDefaultImg{height:30px; width:30px; border:0;}

.extend3o .upsellIndentError1 {
    background: url(/olam/images/brand30/iconError.png) no-repeat scroll left center transparent;
    margin-left: 10px;
    padding: 10px 20px;
}


.extend3o .Usage-upsellIndentError1 {
    background: url(/olam/images/brand30/iconError.png) no-repeat scroll left center transparent;
    margin-left: 10px;
    padding: 20px 20px 25px 20px;
}
.extend3o .portion1_spacing1{
    /*float: left;  --> Removed to fix defect WUP00568960 (Tooltip overage issue in FF)*/
    margin-left: 0px;
	margin-top: 0px;
	position: relative;
    width: 190px;
	
}

.extend3o #portion11 {
   
	 width: 190px;
	margin-right:2px;
	}
/*******************dsl  update****/

.extend3o .portion3_spacing {
    float: left;
    margin-right: 2px;
    margin-top: 0px;
}
.extend3o .divider_spacing {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 1px;
	top:-3px;
	height:25px;
}
.extend3o #portion1 {
    width: 110px;
	margin-right:2px;
}
.extend3o #portion2 {
    -moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0 !important;
    margin-left: 0;
    width: 140px;
}
.extend3o #portion3 {
    -moz-border-radius: 0 15px 15px 0;
    width: 50px;
}

.extend3o td .error {
    font-size: 11px;
    font-weight: normal;
    line-height: 0px;
    padding: 0 0 0 168px !important;
}
.extend3o .rowseamwithoutpadbot13 {
border-bottom:1px solid #E3E3E3;
}

.extend3o .abs.right20{right:20px;}

.extend3o #landing .landrowseamlessno {
margin:0;
padding:10px 20px 0 0;
}

#breadcrumb {position:relative;left:20px;}
.extend3o #breadcrumb {position:relative;left:20px;}
/*superbill*/
#helpTop5  th a img{top:5px!important;}
.extend3o .w50{width:50px ;float:left;}
.extend3o .w115{width:115px ;float:left;}
.extend3o .w115New{width:115px !important;}
.extend3o .w113New{width:113px !important;}
.extend3o .w89{width:89px ;float:left;}
.extend3o .bottom3{bottom:3px;}
.extend3o .marLeft390{margin-left:390px;}
.extend3o .ToggleBox {font-size:.9em;
 background:#fff; 
 border:2px solid #e3e3e3;
 
 }
 .extend3o #ie .bottomNeg5ie{bottom:-5px !important;}
 .extend3o #primary-content .paragraphInCell{
 background:none !important;
 color:#333 !important;
 font-weight:normal !important;
 border:none !important;
 
 }
.extend3o .tableBox {background: none repeat scroll 0 0 #E8F0F4; padding:20px 14px;}
.extend3o .changeView {top:-35px;}
.extend3o .rowseamBox{
border-bottom: 0 none;
margin: 0;
padding: 10px 20px 0 0;
}
.extend3o .background-none{background:none !important;}
.extend3o .background-position55 {background-position: 55% 45% !important;}
.extend3o  .backgroundPosLeftTop{white-space:normal !important;background-position:left top!important;}
.extend3o #mybox1{margin-left:5px; width:392px;}
.extend3o #mybox3{margin-left:5px;width:390px;}
.extend3o #mybox4{margin-left:5px;}
.extend3o #mybox2{margin-left:5px;}
.extend3o #mybox5{margin-left:5px;}
.extend3o #mybox6{margin-left:5px;float:left!important;margin-right:10px;padding-right:-10px;}
.extend3o .Togbox1{width:390px!important; margin-right: 9px; padding-left: 0px!important;}
.extend3o .abs1{position:absolute;}/*Titan 1110*/ 
.extend3o .static-tab-li {padding-top: 5px !important; padding-bottom: 15px !important; line-height: 14px !important;}
.extend3o .MarLeft85{margin-left:85px !important;}
.extend3o  .group-title #usmModule span {margin: 0; float:none;}
.extend3o .modalContent .styled_forms .leftLabel label {text-align: left; width: 245px;}
.extend3o .modalContent .helpImgA { margin-left:4px; margin-right:0px;}
.extend3o .modalContent .helpImgB { margin-left:3px; margin-right:6px;}
.extend3o .w275 {
    float: left;
    margin: 0 14px 14px 0;
    width: 275px;
}
.extend3o #ie .lineHeight0ie{line-height:0px;}
.extend3o #ie .cvvLable {top:4px;}
.extend3o #ie .w140{width:140px;}
.extend3o .noTopBorder{border-top: none;}
.extend3o .w200{width:200px;}
.extend3o .w180{width:180px!important;}
.extend3o .w220{width:220px;}

/**** OC2PA CR-51600 CSs without .extend3o****/
#primary-content .padLeft25{padding-left:25px;}
#primary-content .padLeft7{padding-left:7px;}
#primary-content .w101{width:101px;}
#primary-content .PadRight25{padding-right:25px;}
#primary-content  .PadTop10{padding-top:10px;}
#primary-content  .PadTop20{padding-top:20px;}
#primary-content .Marbot20{margin-bottom:20px;}
#primary-content .padtopbot0{padding-top:0px;padding-bottom:0px;}
#primary-content .padtopbot10{padding-top:10px;padding-bottom:10px;}
#primary-content .tooltips .helpImg2 { margin-left:3px; margin-right:6px;}
#primary-content .styled_forms .MarLeft6{margin-left:6px;}
#primary-content  .MarLeft220{margin-left:220px;}
#primary-content  .MarLeft100{margin-left:100px;}
#primary-content  .MarLeft215{margin-left:215px;}
#primary-content  .Padbot10{padding-bottom:10px !important;}

.modalContent .ClearNew{clear:both;}
.modalContent #ie .ie7padTop0{padding-top:0px;}
#primary-content .ClearNew{clear:both;}
.ClearNew{clear:both;}
.modalContent  .PadTop20{padding-top:20px;}
.modalContent .radioformdiff {
    margin-left: 289px;
    margin-top: -12px;
}
.modalContent .styled_forms div.margintop label.top15 {
    top: 15px;
    width: 258px;
}
#ie .styled_forms #ietop3{top:-2px;}
#ie .modalContent .iePadTop0{padding-top:0px;}
#primary-content  .Padbot5{padding-bottom:5px !important;}
#primary-content  .styled_forms label.labelwidth{width:230px;}
#ie .tab-group .tabcontent {padding: 14px 14px 20px 14px;
    position: relative;}

.modalContent .box .imgPadding{padding:10px 30px;}
#primary-content   .disabletext {
    color: #C3C3C3;
}

#primary-content  .MarTop10{margin-top:10px;}
#primary-content .PadRight5{padding-right:5px !important;}
#primary-content .MarTopBot0{margin-top:0px;margin-bottom:0px;}
#primary-content .MarBot0{margin-bottom:0px;}
#primary-content .Profileterms {
    border: 1px solid #E3E3E3;
    height: 50px;
    overflow-y: scroll;
    padding: 20px;
}
.MarTop10{margin-top:10px;}

.padLeft25{padding-left:25px;}

.colorRed{color:#FF0000;}/*red to FF0000*/
.extend3o .marLeft338{margin-left:338px;}/*Added for video on demand issue*/
.extend3o .marLeft363{margin-left:363px;}/*Added for pay per view issue*/
/****  End of OC2PA CR-51600 CSs without .extend3o****/
/****  Start of Titan 5.2 Opss CSs ****/
.extend3o .twoColumnBoxNew{
    background: url("/olam/images/brand30/bg_twoColumnBox.gif") repeat-y scroll center center transparent;
	background-position:55% 45%;
    float: left;
    position: relative;
    width: 100%;
}
.extend3o .timeHeading{cursor:default! important; color:#000000! important;}

/****  End of Titan 5.2 Opss CSs ****/

.extend3o .w500 {
    float: left;
    width: 500px;
}
.extend3o ul.listMS{
    list-style:disc outside;
}
.extend3o .widthAuto { width:auto !important; }
.extend3o .smallBox{text-align:center; margin-bottom:14px;}
.extend3o .smallBoxMar{margin:0; padding:5px 0;}
.extend3o .smallBoxTxt
{
 /*border:1px solid #E3E3E3; border-radius:5px 5px 5px 5px;*/ 
 margin-bottom:0px;
 padding:6px 23px 7px 23px; 
 color:#FF7200;
 font-size:26px;
 font-weight:bold; width:inherit;
}

/*WUP00555215*/
/*.fixwidtrun{overflow:hidden;}*/
.secondaryModFixWidth{width:185px;}

.extend3o .smallBoxFixWidth {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E3E3E3;
    height: 45px;
    margin-left: 250px;
    min-height: inherit;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 150px;
}
.extend3o .smallBoxFixWidthTxt {
    color: #FF7200;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 5px 0;
}
/***Print***/
@media print {
#secondary-content {display:none;}
.printFontPassChange{font-size:20px !important} /*fix for WUP00637648*/
.modalContent .terms {height:auto !important} /*fix for WUP00661582*/
.extend3o .modalContent .terms {height:auto !important}

}

.extend3o .wid167 { width:167px; }
.extend3o .pad3 { padding:3px; }
#ie .top-4Ie7 { top:-4px; position:relative; }

#progress {
	float: left;
	display: block;
	height: 60px;
	font-size: 10px !important;
	background: url(/olam/images/brand30/progress-bkgrd.gif) left top repeat-x;
	padding: 0;
	margin-left:15px;
	line-height: 12px;
	font-family: arial;
	border-top: 1px solid #ccc;
	width:945px;
	}

#progress dt {
	float: left;
	padding: 10px 6px 0 10px;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	color:#666666;
	font-weight:bold;
	}

#progress dd {
	float: left;
	color:#666666;
	padding: 12px 0 0 16px;
	margin: 0;
	background: url(/olam/images/brand30/progress-slash.gif) left top no-repeat;
	}

#progress dd.first {
	background: url(/olam/images/brand30/progress-titleDivider.gif) left top no-repeat;
	padding: 12px 0 0 36px;
	}

#progress dd span.visited {
	display: block;
	background: url(/olam/images/brand30/progress-visited.gif) left top no-repeat;
	padding: 0 0 6px 30px;
	}

#progress dd span.on {
	display: block;
	background: url(/olam/images/brand30/progress-on.gif) left top no-repeat;
	padding: 0 0 6px 30px;
	color: #f27d00;
	font-weight: bold;
	}

#progress dd span.off {
	display: block;
	background: url(/olam/images/brand30/progress-off.gif) left top no-repeat;
	padding: 0 0 6px 30px;
	font-weight: bold;
	}
	
	
/*Adding IE specific ClearNew class without .extend3o*/
 #ie .ClearNew{margin:0!important;margin:0px;padding:0!important}
 
/*
 .extend3o .group-title .usm_menu span.usmSubTitle {
    color: #666666;
    cursor: default;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    padding: 6px 0 0 12px;
}
.extend3o .group-title .usm_menu span.usmSubGrpTitle {
    color: #333333;
    cursor: default;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 0 22px;
}
.extend3o .group-title .usm_menu li a span
{
 color: #005B95;
}
*/

.modalPrintImage
{
background: url("//www.att.com/images/global/icon_print.gif") no-repeat scroll 0 3px      transparent;
     height: 15px;
     width: 15px;
}

/*Adding styes specific for USM**/

.extend3o .USM-section-title{
	position:relative;
	background:none; 
	min-height:56px;
}

.extend3o .USM-section-title h2,
.extend3o .USM-section-title h3,
.extend3o .USM-section-title h4,
.extend3o .USM-section-title h5,
.extend3o .USM-section-title h6{
	margin:0 10px 0 25px;
	float:left;
	display:inline;
	font-size:20px; 
	line-height:56px;
	color:#333333;
	font-family:Arial;
}

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

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

.extend3o .USM-section-title ul{display:inline; float:left; min-height:55px; line-height:55px }
.extend3o .USM-section-title li{display:inline; white-space:nowrap; line-height:55px; float:none;}
.extend3o .USM-section-title li a{display:inline; padding-top:5px; padding-bottom:5px; margin-left:0px;}
.extend3o .USM-section-title .usm_menu li ul{min-height:0px;}
.extend3o .USM-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 .USM-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 .USM-section-title .right{position:absolute; right:14px; top:3px; line-height:55px; margin:0}
.extend3o .USM-section-title .left{position:absolute; top:3px; line-height:55px; margin:0}
.extend3o #ie .USM-section-title li{line-height:55px;}
.extend3o #ie .USM-section-title ul{line-height:55px;}
.extend3o #ie  .USM-section-title .usm_menu li{line-height:0px; !important}
.extend3o #ie .USM-section-title li a{padding-top:0px}
.extend3o #ie .USM-section-title .usm_menu .linkaccount a{padding-top:15px}
.extend3o #ie .USM-section-title .account-number{line-height:55px; padding:0px 0px 0px 11px;}
.extend3o #ie .USM-section-title{
	position:relative;
	z-index:4 !important
}

#ie .USM-section-title{
	z-index:4 !important
}
.USM-section-title{
	position:relative;
	background:none; 
	min-height:56px;
}

.USM-section-title h2,
.USM-section-title h3,
.USM-section-title h4,
.USM-section-title h5,
.USM-section-title h6{
	margin:0 10px 0 25px;
	float:left;
	display:inline;
	font-size:20px; 
	line-height:56px;
	color:#333333;
	font-family:Arial;
}

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

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

.USM-section-title ul{display:inline; float:left; min-height:55px; line-height:55px }
.USM-section-title li{display:inline; white-space:nowrap; line-height:55px; float:none;}
.USM-section-title li a{display:inline; padding-top:5px; padding-bottom:5px; margin-left:0px;}
.USM-section-title .usm_menu li ul {min-height:0px;}
.USM-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****/
.USM-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****/
.USM-section-title .right{position:absolute; right:14px; top:3px; line-height:55px; margin:0}
.USM-section-title .left{position:absolute; top:3px; line-height:55px; margin:0}
#ie .USM-section-title li{line-height:55px;}
#ie .USM-section-title ul{line-height:55px;}
#ie  .USM-section-title .usm_menu li{line-height:0px; !important}
#ie .USM-section-title li a{padding-top:0px}
#ie .USM-section-title .usm_menu .linkaccount a{padding-top:15px}
#ie .USM-section-title .account-number{line-height:55px; padding:0px 0px 0px 11px;}
#ie .USM-section-title{
	position:relative;
	z-index:4 !important
}
#ie .USM-section-title .usm_menu li ul li a{padding-top:5px; margin-top:0px;}
.extend3o #ie .USM-section-title .usm_menu li ul li a{padding-top:5px;}
.USM-section-title .usm_menu li a{display:inline-block;}
.extend3o .USM-section-title .usm_menu li a{display:inline-block;}

/*Changes for USM as per latest styleguide*/
.extend3o .usm_menu{
	padding-top: 10px !important;
	padding-bottom: 5px !important;
}
.usm_menu {
	padding-top: 10px !important;
	padding-bottom: 5px !important;
}

.extend3o .usm_menu .usmSeparator.MarTop5 {
    margin-top: 5px !important;
    padding-top: 10px !important;
}

.extend3o #ie .usm_menu .usmSeparator {
    padding-top:15px !important;
	margin-top:5px !important;
}

 #ie .usm_menu .usmSeparator {
    padding-top:15px !important;
	margin-top:5px !important;
}
.usm_menu span.usmSubTitle {

    padding: 8px 0 0 10px;
	
}
.extend3o .usm_menu span.usmSubTitle {

    padding: 8px 0 0 10px;
	
}

.extend3o .usm_menu li.usmSubSeparator {
       top: 0px !important;
}
.usm_menu li.usmSubSeparator {
       top: 0px !important;
}
/*End changes for usm*/
/*dtv pricing*/

/*********************************** WF1 Begins ************************************************/
#loremP { padding-left:4px; }
.dtvFloat { float:left; }
.dtvDDP { float:left; margin-right:50px !important; }
.dtvDDPRight { float:left; margin-right:40px; }
#dtvDDP { padding-top:3px; }
#clear { margin-bottom:0px; clear:both; }
#helpMargin { margin-left:6px; margin-right:10px; }
.ul1{float: left;
    margin: 0 14px 14px 0;
    width: 130px;}
.ques{float:left;margin-left:5px;margin-top:2px;vertical-align: middle;}
.listyle{margin-bottom:5px;}
.lipending{float:left;margin-bottom:5px;}
/*.note{ background: none repeat scroll 0 0 #FEFCE1;
    border: 1px solid #FCF7B8;
    margin: 0 0 10px;
    padding: 11px 14px 5px;}
	.note {
    background: url("/images/global/note-header-bg.gif") repeat-x scroll 0 -6px #FFFFFF;
    border: 1px solid #E3E3E3;
    margin: 0 0 10px;
    padding: 11px 14px 5px;}*/	
.extend3o .padRightForce9{padding-right:9px !important}
.style1{float: left;
    margin: 0 14px 14px 0;
    width: 166px;}
.style2{margin: 0 14px 14px 0;width:115px; float:right;}
.watsthis1{padding-left:425px;}
.watsthis2{padding-left:425px;}
.watsthis3{padding-left:415px;}

.strong1{ font-weight: bold !important;margin-bottom:5px !important;}
.strong2{margin-bottom:5px !important}
.strong3{float:left;margin-bottom:5px !important}
.right_content{ clear: right;
    margin: 0 -14px 14px 0;padding-top:30px;}
.bor{ border: 1px solid #E3E3E3 !important; margin: 0 0 10px;
    padding: 11px 14px 5px;background: url("/images/global/note-header-bg.gif") repeat-x scroll 0 -6px #FFFFFF;}
.imagepadding{float:left;padding-bottom:10px;margin-left:463px;}
.imagepadding1{float:left;padding-top:4px;margin-left:31px;}
.useMyP{padding:0.5em 0 0 3px;}
#mydropdown{width:93px;}
#w188right{float:right;margin-right:54px;}
#slidimg{margin-left:10px;}
#w146{width:146px;}
.imagepadding{margin-top:20px;}
.imagepadding a img{margin-bottom:5px;}
.extend3o .font16imp{font-size:16px !important;}
.iesolidbrdr{border-top:2px solid #cccccc;}
#bord {
    border-left: 1px solid #E3E3E3;
    padding-left: 26px;
  
    width: 330px !important;
}
.brown{color:#804000 !important;}
.border2pxSolid{border-top:2px solid #cccccc !important;padding-top:15px !important;}

/*********************************** WF1 Ends ************************************************/
/*dtv-pricing*/
.extend3o .inlineLabel{display:inline !important;}

/*For WUP00559016; LTE Data bar & TopUp bar; Commented existing and added new line;*/
/*.upsell{width:370px; line-height:1.3em;} */
.upsell{width:370px; line-height:1.8em;background-position:left top;}

.extend3o .styled_forms .width251 > label:first-child {width:251px;}
.extend3o .styled_forms.width251 > div > label:first-child {width:251px;}
.extend3o .styled_forms .width190 > label:first-child {width:190px;}
.extend3o .styled_forms.width190 > div > label:first-child {width:190px;}
.extend3o .styled_forms.labelAutoWidth > div > label:first-child {width:auto;}
.extend3o #primary-content .noFloat {float:none;}
.extend3o #content .noFloat {float:none;}
.extend3o .italicFont {font-style: italic !important;}
.extend3o #ie .ie7Top7px {top:-6px;}
.extend3o #ie .top7pxie {position:relative;top:7px;}
.extend3o #ie .Marleft5pxie {margin-left:5px;}
.extend3o #ie .MarLeft3IEForce {margin-left:3px !important;} 

/*Titan5.2*/
.extend3o #noBorderBtmForce{ border-bottom: none !important;}
.extend3o .TopBtmDotBrdr{
    border-bottom: 1px dotted #CCCCCC !important;
    border-top: 1px dotted #CCCCCC !important;
	padding:10px 0;
   
}
.extend3o .bot7px{bottom:7px;position:relative;}
.extend3o #ie .bot0px{bottom:0px !important;}
.extend3o .visToggleHidden{visibility:hidden !important;}
.extend3o .visToggleVisible{visibility:visible !important;}
/*Super Bill*/
.extend3o .alertLink{color:#FF0000 !important; font-size:11px !important;}/*red to FF0000*/
.extend3o .closeLink{background: url(//www.att.com/images/global/btn_close.gif) 100% 50% no-repeat;line-height:55px;padding-right:25px;}

/*Titan5.2*/
.extend3o #usmModule .usm_menu .minHeight5 { min-height: 5px !important;}
.extend3o #usmModule .usm_menu .minHeight0 { min-height: 0px !important;}
.extend3o #ie .iePadTop15{padding-top:15px !important;}
.extend3o .usage-meter-table th a{ font-weight:normal; color:#333; font-size:11px;}
.extend3o #ie .section-title .usm_menu li a{padding-top:5px;}


/*MyServices CR*/
.extend3o .bottom5px{bottom:5px;}
.extend3o .vertSep {
    background: url("/olam/images/brand30/vertSeparator1x105.png") no-repeat scroll right top transparent;
}

.extend3o .vertSep1 {
    background: url("/olam/images/brand30/dot.png") no-repeat scroll left center transparent;
}
.extend3o .GreenCheckMark{background:url("/olam/images/brand30/checkmark.gif") left center no-repeat;padding-left:30px;}
.extend3o .GrayMinImage{background:url("/olam/English/images/minImage.png") left center no-repeat;padding-left:30px;}
.extend3o .GreenCheckMarkTop{background:url("/olam/images/brand30/checkmark.gif") no-repeat scroll left -6px transparent; display:inline-block; padding-left:30px;}
.extend3o .GrayMinImageTop{background:url("/olam/English/images/minImage.png") left top no-repeat; display:inline-block; padding-left:30px;}
.extend3o #ie .ieBotMar7{margin-bottom:7px;}
/********SUM MOdule***********************/
	.extend3o #secondary-content .clipHead{background:url("/olam/images/brand30/sumBG.png") left center no-repeat; height:70px; padding:0; margin:0; left:-10px; position:relative;}
	.extend3o #secondary-content #pageClipNew {z-index:1; width:265px;}
	.extend3o #secondary-content .clipHead h4{color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 14px; font-family: Arial; padding:18px 22px 0 22px; margin:0;z-index:2;min-height:29px;}
	.extend3o #pageClipNew #HideUpdates {font-size:12px; padding:0 5px 0 0;}
	.extend3o #pageClipNew #upArrow{padding:0 41px 0 0;}
	.extend3o #secondary-content .clipBody {width:224px; border:1px solid #E3E3E3; border-top:none; border-bottom:none; position:relative; top:-9px;}
	.extend3o #secondary-content #pageClipNew .rightModNext {top:-9px; position:relative;}
	.extend3o #secondary-content #pageClipNew .rightModNextDisabled {top:-9px; position:relative;}
	.extend3o .minimizeImg {background: url(/olam/images/brand30/minImage.png) 0 50% no-repeat; padding-left:25px; display:inline-block; /*height:20px;*/ line-height:20px; text-decoration:none; margin-bottom:5px}
.extend3o .minimizeImg:hover, .extend3o .minimizeImg:focus{text-decoration:none}
/************SUM MOdule*********/	
/*****Filters module********/
.extend3o .table tr td.myservicesTd{padding:6px 0px 6px;}
.extend3o .evenSpacing{padding:12px 0px 14px 5px;}
.extend3o .evenSpace{padding:10px 0px 10px 12px;}
.extend3o .evenSpacingChk{padding:14px 0px 17px 5px;}
.extend3o .evenSpacingExpires{padding:12px 0px 31px 5px;}
.extend3o .servicesLinkBg{background: url("/olam/English/images/servicesFilterBg.png") bottom no-repeat;}

.extend3o .carouselBg{background: url(/olam/images/brand30/carouselBg.jpg) top right no-repeat; min-height:190px !important;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-bottom:1px solid #e3e3e3;zoom:1;}
.extend3o .carouselBg h3{font-size:12px;padding:15px 0 10px 38px;font-weight:bold}
.extend3o .carouselBg p{padding:0 25px 0 38px;margin-bottom:10px}

/*.extend3o .carouselVideo{float:left;width:142px;min-height:150px}
.extend3o .carouselVideo>div:first-child{padding:0 10px;border-left:1px solid #E3E3E3;min-height:140px}
.extend3o .carouselVideo:first-child>div:first-child{border-left:none}
.extend3o .carouselVideo h4, .extend3o .carouselVideo h4 a{font-size:11px;line-height:normal}
.extend3o .carouselVideo  img{padding:6px}
.extend3o .carouselVideo h5{font-size:10px;margin-top:3px}
.extend3o .carouselVideo  .box{margin-bottom:5px}*/


/**********************************/
/**********************/
/*Titan Ordering*/
.extend3o li.tooltipheight55 .tooltips {
    line-height: 55px;
}

/*WUP00558750 */
.titleLinks li a{display:inline;}
/*WUP00558750 */

.extend3o .width109 {width: 109px !important;}
.extend3o .voicemail {
    background: url("//www.att.com/images/global/divider-h2.gif") no-repeat scroll right center transparent;
    margin-right: 0.5em;
    padding-right: 1em;
}

.extend3o .marLeft-3 {margin-left:-3px !important;}

/*Begin changes for Replan login screen - Sprint*/

.extend3o .grad-titleLogin {
    background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #F5F5F5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: none;
    font-size: 16px;
    line-height: 30px;   
    width: 238px;
}

.grad-titleLogin.height54 {height:54px!important} 
#ie .grad-titleLogin.height54 {height:54px!important;margin-bottom:3px!important} 
.extend3o #CenterLoginImageDiv {	
    margin-bottom:0px;
    margin-left: 5px;
    width:270px;
	float:left;
	height:92px;
}
/*.extend3o #ie .ShadowForBox{behavior: url(js/PIE.htc);} Commenting this class as it causes an issue with poshytip load time*/

.extend3o .ShadowForBox{
-webkit-box-shadow: #dddddd 0 0 10px;
-moz-box-shadow: #dddddd 0 0 10px;
box-shadow: #dddddd 0 0 10px;
}

/*.ShadowForBox{ *//*Donot add extend3o*/
/*-webkit-box-shadow: #dddddd 0 0 10px;
-moz-box-shadow: #dddddd 0 0 10px;
box-shadow: #dddddd 0 0 10px;
behavior: url(js/PIE.htc);
}*/
.extend3o .LoginArrowbubble1{
display: block;
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 278px; 
position: absolute; 
top:290px; 
left:282px;
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
}

.LoginArrowbubble1{
display: block;
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 278px; 
position: absolute; 
top:139px; 
left:282px;
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
}

.extend3o #loginBubbleUnit{position:relative; left:275px;} /* Added to fix the login bubble issue */
.extend3o #ie #loginBubbleUnit{left:275px;} /* Added to fix the login bubble issue */
#loginBubble{
	background: transparent url("/olam/images/brand30/global/bubble_top.png") no-repeat left top !important;
	width:352px !important;
	height:87px !important;
	z-index:11 !important;
}
.extend3o #loginBubble img{display:none}
.extend3o #loginBubbleDiv{position:relative; left:345px;}

.extend3o .LoginArrowbubble2{
display: block;
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 278px; 
position: absolute; 
/*top:54px; 
left:268px;*/
top:-40px; z-index:1000; left:8px;
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5');
}


.LoginArrowbubble2{
display: block;
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 278px; 
position: absolute; 
top:-40px; z-index:1000; left:8px;
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
}

.extend3o .LoginArrowbubble2_withouterror{
display: block;
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 278px; 
position: absolute; 
top:23px; 
left:268px;
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
}


.LoginArrowbubble2_withouterror{
display: block;
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 278px; 
position: absolute; 
top:23px; 
left:268px;
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
}

.extend3o .LoginArrowbubble{
display: block;
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 278px; 
/*position: relative; 
top: 0px; 
margin-left: -4px;*/
position:absolute; 
top:-25px; z-index:1000; left:8px;
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5');
}

.extend3o .LoginMyColor{color:#15317E;}
.extend3o .LoginOnlineAccMngColor{color:#646060;}
.extend3o .LogTimeOutModalBorder{border-bottom: 1px solid #E3E3E3;}
.extend3o ul.LogBubbleList{list-style: square outside none; padding-left:15px;}
.extend3o .styled_forms .LoginCAbotMar13{margin-bottom:13px;}
.extend3o .NewLoginPop_291{
    left: 330px;
    position: absolute;
    top: 150px;
	z-index:1000;	
	}
.extend3o .NewLoginPop3_291{
    left: 274px;
    position: absolute;
    top: 343px;
	z-index:1000;	
	}
.extend3o .NewLoginPop4_291{
    left: 0px; top:0px; z-index:2000;
    /*left: 260px; position: absolute;
    top: 105px;
	z-index:1000;	*/
	}
.extend3o .NewLoginPop4_291_withouterror{
    left: 260px;
    position: absolute;
    top: 74px;
	z-index:1000;	
	}
.NewLoginPop4_291_withouterror{
    left: 260px;
    position: absolute;
    top: 74px;
	z-index:1000;	
	}
.NewLoginPop4_291{
    left: 260px;
    position: absolute;
    top: 105px;
	z-index:1000;	
	}
.NewLoginPop3_291{
    left: 274px;
    position: absolute;
    top: 203px;
	z-index:1000;	
	}
.extend3o .NewLoginPop2_291{
    left: 330px;
    position: absolute;
    top: 315px;
	z-index:1000;
	}
.extend3o #CenterAccModule_291 {	
    margin-bottom:40px;
    margin-left: 50px;
    width:290px;
	float:left;		
	}
.extend3o #content .styled_forms div.selector select.LoginDropWidth_291 {
    width: 246px;
	}
.extend3o .WidthLoginValid_291{width:252px;}
.extend3o .NewloginInputSize_291{width:239px;}
.extend3o #ie .NewloginInputSize_291{width:237px;}
.extend3o .MarLeftCaps_291{margin-left:80px;}
.extend3o .MarLeftCaps65{margin-left:65px;}
.MarLeftCaps65{margin-left:65px;}

.MarLeftCaps_291{margin-left:80px;}
.extend3o .MarLeftLogin_291{margin-left: 66px;}
/*End changes for Replan login screen - Sprint*/

/*Begin changes for Sprint - Bill & payments*/
.extend3o .grad-title {
    background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #F5F5F5; font-size: 16px;
    line-height: 56px;
    min-height: 56px;
	text-align: center !important;
	float: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
	
.extend3o .grad-bottom-acbox {
    background: url("/olam/images/brand30/global/acbox_bg.png") no-repeat scroll 0 0 transparent;
   
	float: none;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}	
.extend3o .grad-title  h4 {padding: 0 14px;font-size: 16px;
    line-height: 56px;
    min-height: 56px;}
.extend3o .mybilldiv{margin: 0 0px 14px;width: 974px;padding-bottom: 0 !important;}
.extend3o .mybilldiv .msg.box {margin:15px 25px !important;}
/*.extend3o .mybilldiv .msg.box .msg.box{margin:0px 25px 15px !important;}*/

.extend3o .w409{width: 409px !important;}
.extend3o .w203{width: 203px !important;}
.extend3o .w520{width: 520px !important;}
.extend3o .w120{width: 120px !important;}
.extend3o .wh75x75{width: 75px !important; height: 75px !important;}

.extend3o .minHt30{min-height:30px !important;}
.extend3o .minHt52{min-height:52px;}
.extend3o .forcemin-height56{min-height:56px !important;}
.extend3o .min-height62{min-height:62px;}
.extend3o .minHt75{min-height: 75px !important;}
.extend3o .minHt130{min-height: 130px !important;}
.extend3o .minHt138{min-height:138px;}

.extend3o .width170{width: 170px !important;}
.extend3o .w235{width: 235px !important;}
.extend3o .w528{width: 528px !important;}
.extend3o .w538{width: 538px !important;}
.extend3o .w320{width: 320px !important;}
.extend3o .w275imp{width: 275px !important;}
.extend3o .w239imp{width: 239px !important;}
.extend3o .w154imp{width: 154px !important;}
.extend3o .w233imp{width: 233px !important;}
.extend3o .w47Per{width: 47%;}
.extend3o .w20Per{width: 20%;}
.extend3o .w37Per{width: 37.5%;}

.extend3o .w422imp{width: 422px !important;}

/* Bill & payments without extend3o begin*/
.grad-title {
    background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #F5F5F5; font-size: 16px;
    line-height: 56px;
    min-height: 56px;
	text-align: center !important;
	float: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
	
.grad-bottom-acbox {
    background: url("/olam/images/brand30/global/acbox_bg.png") no-repeat scroll 0 0 transparent;
   
	float: none;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}	
.grad-title  h4 {padding: 0 14px;font-size: 16px;
    line-height: 56px;
    min-height: 56px;}
	
#secondary-content .botMar5Force{margin-bottom:5px !important;}
.colorOrange{color:#ef6f00;}
.colorGrey{color:#666666 !important;}
.MarTop15{margin-top:15px !important;}
.botMar10Force{ margin-bottom:10px !important;}
.TopSolidBorderE52{border-top:1px solid #e5e5e5;}
.font20{font-size:20px;}
.MarLeft10{margin-left: 10px !important;}
.MarRight10{margin-right: 10px !important;}
.MarRight15{margin-right: 15px;}
.MarRight24{margin-right: 24px;}
.MarBot10{margin-bottom: 10px;}
.MarBot20{margin-bottom: 20px;}
.MarTop20{margin-top: 20px;}
 #ie .ie7Top3pxForce{top:3px !important;}

.botMar0{margin-bottom:0px !important;}
.float-left{float: left;}
.Forcefloat-left{float: left !important;}
.float-right{float: right !important;}
.table td.padTop0 a{padding-top:0px;}
.colorInline{color:#bfbfbf !important;}
.MarLeft5{margin-left: 5px;}
.noBorderBtm{border-bottom:none !important;}
.padLeft0{padding-left: 0px !important;}
.padLeft10{padding-left: 10px !important;}
.MarLeft0{margin-left: 0px !important;}
.MarTop0{margin-top: 0px !important;}
.MarNpadBot5 {margin-bottom: 7px !important;padding-bottom: 7px!important ;}
.MarBot0{margin-bottom: 0px !important;}
.top0{top: 0px !important;}
.top-1{top: -1px !important;}
 #ie .ie7Top3{top: 3px !important;}
.font12{font-size: 12px !important;}
.BotSolidBorder{border-bottom:1px solid #e3e3e3}
.PadLeft5{padding-left: 5px !important;}
.PadTop10{padding-Top: 10px !important;}
.PadBot10{padding-bottom: 10px !important;}
.PadLeft8{padding-left: 8px;}
.PadRight0{padding-right: 0px !important;}
.colorGreen{color:#70940e !important;}
#ie div.selector select.top1{top:1px;}
div.selector {
	overflow:hidden;
	padding-left:5px;
	position:relative;
	top:3px;
	vertical-align:top
}
.MarLeft20 {margin-left:20px;}
.tableNoPad th, .tableNoPad td{line-height:normal; padding:10px 0px; position:relative}
.botDotBorder{border-bottom:1px dotted #cccccc;}
.padBot7{padding-bottom:7px;}
.forcePadRight0 {padding-right:0px!important;}
form.paperlessBillForm div label{line-height:1.3em;}
.pagination ul li a.current {
    border: 1px solid #CCCCCC;
    color: #333333;
}
.TopBorderSolid2{border-top: 2px solid #CCCCCC;}
.TopDotBorder{border-top:1px dotted #e5e5e5;}
/* This style was commented to fix defect WUP00583355 - This style was preventing table header's separator line from been shown
.table th {
    background: none repeat scroll 0 0 transparent;
}
*/
table th.vertBase{vertical-align:baseline;}
.w78{width:78px;}
.w55{width:55px;}
.table th.right a {
    padding-right: 0;
}
.left0Force{left:0 !important;}
.mobileTable th {padding: 10px 0px 10px 5px; vertical-align: baseline;}
.mobileTable td{padding: 10px 5px;}
.mobileTable th.right{padding-right: 5px;} 
.mobileTable th.thLast{padding: 10px 0px;}
#ie .row-seam{margin-bottom:0px!important;}
.section-title-sprint{
	position:relative;
	background:#f5f5f5 url(//www.att.com/Common/indc/images/global/grad-heading.png) 0 100% repeat-x; 
	min-height:55px;
}
#ie .section-title-sprint{
	height:55px;
}
.section-title-sprint h2,
.section-title-sprint h3,
.section-title-sprint h4,
.section-title-sprint h5,
.section-title-sprint h6{
	margin:0 0 0 24px;
	float:left;
	display:inline;
	font-size:2.0em; 
	line-height:55px;
	color:#333;
}
.PadTop7Force{padding-top:7px !important;}
.PadBot7Force{padding-bottom:7px !important;}
.MarLeft20Force {margin-left:20px !important;}
.wh75x75{width: 75px !important; height: 75px !important;}
.minHt75{min-height: 75px !important;}
.w520{width: 520px !important;}
.PadTop14Force{padding-top:14px !important;}
.MarLeft15 {margin-left:15px;}
#content .noAllborder{border: none !important;}
.w200{width:200px;}
.w120{width: 120px !important;}
.MarRight20{margin-right:20px!important;}/*!important added*/
.colorSparingGreen{color:#87CC33 !important;}
.PadRight15{padding-right:15px !important;}
.alertNew{color:#ff0000;}
.w528{width: 528px !important;}
.w100{width:100px !important;}
.width170{width: 170px !important;}
.w235{width: 235px !important;}
.MarLR14Force{margin-right:14px !important;margin-left:14px !important;}
.PadL90R200{padding:0 200px 0 90px !important;}
.MarLR10Force{margin: 0 10px !important;}
.Mar20Pad15{margin: 0 20px; padding: 10px 0 15px 0;}
.overage { background:url(//www.att.com/images/global/iconError.png) left center no-repeat; padding-left:20px!important; color:#ff0000;line-height:15px;}
.overageTop { background:url(//www.att.com/images/global/iconError.png) left top no-repeat; padding-left:20px!important; color:#ff0000;line-height:15px;} /*WUP00683456*/
.PadTop5{padding-top:5px !important;}
.font12imp { font-size:12px !important;}
.Mar17Pad15{margin: 0 17px; padding: 15px 0 15px 0;}/*change as per cxt review comments*/

/* Bill & payments without extend3o ends*/

.extend3o .Mar20Pad15{margin: 0 20px; padding: 10px 0 15px 0;}
.extend3o .Mar17Pad15{margin: 0 17px; padding: 15px 0 15px 0;}/*change as per cxt review comments*/
.extend3o .MarLR20Force{margin: 0 20px !important;}
.extend3o .PadL90R200{padding:0 200px 0 90px !important;}	
.extend3o .PadTop7Force{padding-top:7px !important;}
.extend3o .PadBot7Force{padding-bottom:7px !important;}
.extend3o .MarRight24{margin-right: 24px;}
.extend3o #ie .lineHt1-3em {line-height: 1.3em !important;}
/*End changes for Sprint - Bill & payments*/

/* Begin changes for Sprint - Dashboard */

.extend3o #groupTab ul li {
    float: left;
    height: 55px;    
    position: relative; text-align:center;
    z-index: 1;
	/*border-right:1px solid #e3e3e3;
	border-left:none; border-top:none; border-bottom:none;*/ border:none; margin-right:0px;
	background: url("/olam/images/brand30/divider_new.png") no-repeat scroll right center transparent;
}

.extend3o #groupTab ul li a {
    color: #333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;		
    line-height: 55px;
    position: relative;
	padding:0px 16px;
	text-decoration:none;
}
.extend3o #groupTab ul li a.current{/*font-weight:bold;*/ background:#fff; top:-2px; color:#f47b20; height:60px;}
.extend3o .hoverBG{background-color:#f0f0f0;}
.extend3o #groupTab ul li.last, .extend3o .groupTabInd li.last {border-right:none !important; background:none;}/* Given Imp to solve SDGP1a issue*/ 
.extend3o .groupTabInd ul {height:44px;}
.extend3o .groupTabInd li { border-right:none; height:44px; border-left:none; border-top:none; border-bottom:none; margin-right:0px; background: url("/olam/images/brand30/secondary_nav_divider.gif") repeat-y bottom right;}
.extend3o .groupTabInd li a{color:#333; font-size: 12px; margin:2px 0px 0px 0px;height:32px; }
.extend3o .groupTabInd li a.current{color:#ffffff; /*background:#f47b20;*/ background: url("/olam/images/brand30/dashboardSelector.png") repeat-x scroll center center transparent; margin:2px 4px 0px 2px;height:32px;}
.extend3o .groupTabInd li a.currentTab{color:#ffffff; /*background:#f47b20;*/ background: url("/olam/images/brand30/dashboardSelector.png") repeat-x scroll center center transparent; margin:2px 4px 0px 2px;height:32px;}
.extend3o .groupTabInd li img{padding:10px 5px 5px 10px; margin-top:7px;}
.extend3o .groupTabInd li img.orangeImg{padding:3px 0px 0px 0px; margin-top:0px;}
.extend3o #ie .groupTabInd li img.orangeImg{padding:4px 0px 0px 0px;}
.extend3o #ie .groupTabInd li {top:0px;}

.extend3o .tabGroupDiv .tabcontent { padding: 20px 10px 20px 10px;}/*Changed for SDG*/
.extend3o .tab-container div.tab-content{display:block;} /*display changed from none to block to remove the inline style that was part of SDG pages*/
.extend3o .tab-container table.usage-meter-table th, .extend3o .tabGroupDiv table.usage-meter-table th{width:170px;}
.extend3o .tab-group-topBorder{border-top:1px solid #e3e3e3; border-bottom:none; border-left:none; border-right:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom:0px;}

.extend3o .meterwrapper .minutes-used-grp, .extend3o .meterwrapper .total-minutes-grp{ font-weight:bold }

.extend3o  ul.addGrp, .extend3o  ul.addGrpInd{float:right;}
.extend3o  #groupTab ul.addGrp li.last,.extend3o  .groupTabInd li#lastddn img{background: url("/olam/images/brand30/DD-Divider-1.png") no-repeat scroll left center transparent;}
.extend3o  #ie #groupTab ul.addGrp li.last img{bottom:-22px; position:relative;}
.extend3o  ul.addGrpInd li{float:left; padding:10px 20px;}
.extend3o  ul.addGrpInd li.noPadAddLine{float:left; padding:10px 0px;}
.extend3o  ul.addGrpInd li:first-child{padding:10px 0px;}

.extend3o .addLine{ padding: 0px 0px 0px 25px; background: url("/olam/images/brand30/Plus_Img.png") no-repeat scroll left center transparent;}
.extend3o .addDropDown{ z-index:0;}
.extend3o .addDropDownGrp{background: none;}

.extend3o .dropDownBGInd {/*background: url("/olam/images/brand30/Gray_DropDownfull.png") no-repeat scroll center center transparent; */float:right;top:-40px; /*height:291px;*/ width:166px; position:absolute; right:0px; z-index:2000 !important;}
.extend3o .dropDownBGGrp{/*background: url("/olam/images/brand30/Gray_DropDownfull.png") no-repeat scroll center center transparent;*/ float:right;top:-2px; /*height:291px;*/ width:166px; position:absolute; right:-111px; z-index:2000;}
.extend3o .dropDownBGInd ul li, .extend3o .dropDownBGGrp ul li {margin-bottom:5px;}
.extend3o .dropDownBGInd ul li a,.extend3o .dropDownBGGrp ul li a {font-size:11px;}
.extend3o .dropDownBGGrp ul li.selected , .extend3o .dropDownBGInd ul li.selected {background:url('//www.att.com/images/global/usm/iconCheckMark.png') no-repeat right 0px;}

.extend3o .dropDownBGGrp .dropDownBotBG-Top ul,.extend3o .dropDownBGInd .dropDownBotBG-Top ul {padding:10px 2px;}
.extend3o .dropDownBGGrp .dropDownBotBG-Top ul li,.extend3o .dropDownBGInd .dropDownBotBG-Top ul li{padding:0px 23px;}
.extend3o .dropDownBGGrp .dropDownBotBG-Top ul li a:hover,.extend3o .dropDownBGInd .dropDownBotBG-Top ul li a:hover,.extend3o .dropDownBGGrp .dropDownMidBG ul li a:hover,.extend3o .dropDownBGInd .dropDownMidBG ul li a:hover {text-decoration:none;cursor:pointer;}
.extend30 #primary-content .dropDownTopBG{ background: url('/olam/images/brand30/Top_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:56px; z-index:1000;}
.extend30 #primary-content .dropDownBGGrp .dropDownMidBG{ background: url("/olam/images/brand30/Middle_strip.png") repeat scroll 0 0 transparent;}
.extend30 #primary-content .dropDownBGGrp .dropDownBotBG-Top{ background: url("/olam/images/brand30/Btm_Middle_strip.png") repeat scroll 0 0 transparent;}
.extend30 #primary-content .dropDownBGGrp .dropDownBotBG-Bot{ background: url("/olam/images/brand30/bottom_strip.png") no-repeat scroll 0 0 transparent;}

.extend3o .bgGradient {
    background: url("/olam/images/brand30/global/bg-billing.png") repeat-x scroll 0 0 transparent;
	}
.extend3o .bgLtGrey{background:#fcfcfc;}
.extend3o .dbAcctMyBill {
    float: left;
    min-height: 120px;
    width: 307px;
	}/*Changed width from 302px for SDG shadow*/
.extend3o .w599{float: left;
    margin: 0 14px 14px 0;
    width: 599px;}
.extend3o .w630{float: left;
    margin: 0 14px 14px 0;
    width: 625px;}/*previously 630px changed for shadow issue by SDG team*/	
.extend3o .MyBillArrowBg {  background: url("/olam/images/brand30/BG_Image.png") no-repeat scroll 0 0 transparent; height:185px}
.extend3o .MyBillDDBg { background: url("/olam/images/brand30/DropDown_Btn.png") no-repeat scroll 0 0 transparent; width: 239px;}

.extend3o .MyBillDropDown>a {width:100%;text-decoration:none;left:-5px;top:0px !important;background: url(//www.att.com/images/global/forms/sprite.png) no-repeat scroll -482px -132px transparent;height:22px}
.extend3o .MyBillDropDown a span{padding-left:10px;color:#333333;font-weight: bold;font-size: 12px;position:relative;top:4px}
.extend3o .MyBillDropDown {margin-bottom:0px !important;background: url(//www.att.com/images/global/forms/sprite.png) no-repeat scroll right -2px transparent;height:22px;z-index: 999 !important;position:relative}
/*
.extend3o .MyBillDropDown:hover {background: url(//www.att.com/images/global/forms/sprite.png) no-repeat scroll right -54px transparent}
.extend3o .MyBillDropDown>a:hover {background: url(//www.att.com/images/global/forms/sprite.png) no-repeat scroll -482px -184px transparent}
*/
.extend3o .MyBillDropDownOptions{padding:10px;position:absolute;z-index:999 !important;left:-3px;top:22px !important}
.extend3o .MyBillDropDownOptions dt{font-weight:bold;margin-bottom:10px}
.extend3o .MyBillDropDownOptions dd{margin-bottom:7px}

.extend3o .minHeight1Px{min-height: 1px }
.extend3o .minHeight15px {min-height:15px;}
.extend3o .z100 {z-index:100;}
.extend3o .z1000WithoutErrorMsg {z-index:5000 !important;}
.extend3o #ie .z1000WithoutErrorMsg {z-index:10000 !important;}
.extend3o .z1000 {z-index:5000 !important; top: 241px;}
.extend3o #ie .z1000 {z-index:10000 !important; top: 241px;}
.extend3o .z1000WithErrorMsg {z-index:5000 !important; top: 304px;}
.extend3o #ie .z1000WithErrorMsg {z-index:10000 !important; top: 304px;}
.extend3o .forcePadbot10{padding:0px 0px 10px 0px;}
.extend3o .forceMar10Bot0{margin:10px 10px 0px 10px;}
.extend3o #content .no-top-round{-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; border-top-left-radius:0px; border-top-right-radius:0px }
.extend3o .w230px{width:230px; float:left;}
.extend3o #secondary-content .section-title h5.font16{font-size:16px;}
#secondary-content .section-title h5.font16{font-size:16px;}/*adding non-extend3o version to resolve WUP00648657*/
.extend3o #secondary-content .pad14{padding:14px;}
.extend3o .ShadowForTab {
    -moz-box-shadow: #C0C0C0 0px -4px 10px;
	-webkit-box-shadow: #C0C0C0 0px -4px 10px;
	box-shadow: #C0C0C0 0px -4px 10px;	
}
/*.extend3o #ie .ShadowForTab{behavior: url(js/PIE.htc);}*/
.extend3o .ajaxtabs a.pad1003, .extend3o .myattajaxtabs a.pad1003{padding:10px 3px;}
.extend3o .ajaxtabs a.pad10, .extend3o .myattajaxtabs a.pad10{padding:10px 10px;}
/* Adding this to support old layout till SPRINT2*/
.bgGradient {
    background: url("/olam/images/brand30/global/bg-billing.png") repeat-x scroll 0 0 transparent !important;
	}
.extend3o ul.phoneDeviceLinks li .tooltips{line-height:1.3em;}
.w340{float:left;width:340px;}/*Dont add extend3o*/
.marRt7{margin-right:7px;}/*Dont add extend3o*/
.marBt7{margin-bottom:7px;}/*Dont add extend3o*/
#secondary-content .pad14{padding:14px;}/*Dont add extend3o*/
/*****************
 LAYOUT 
*****************/
.font14{font-size:14px;}
.font16{font-size:16px;}
.PadRight5{padding-right:5px;}
.vmid {vertical-align:middle}
.extend3o .sprintContent{position:relative; padding:14px 0 0 0; width:974px !important;margin-bottom:30px;}
.extend3o #ie .sprintContent{position:relative; padding:14px 0 0 0; width:974px !important;margin-bottom:1px;}
.extend3o .sprintPrimary-Content{float:left; width:720px !important; margin-left:0px !important;}
.extend3o .sprintSecondary-Content{float:left; width:240px!important; margin-left:14px !important;}
.extend3o .w95{width:95px!important;}
.extend3o .w118{width:118px!important;}
.extend3o .w98{width:102px!important;}
.extend3o .myMsgLast{border-bottom:none;-moz-border-radius: 5px 5px 5px 5px;}
.extend3o .styled_forms span.textInput-wrapper span.error {
    background: url("//www.att.com/images/global/forms/input-right-err.gif") no-repeat scroll 0 1px transparent;
    display: inline-block;
    height: 26px;
    margin-right: 2px;
}

.extend3o .blueListDisc li{list-style: disc outside; color:#005B95;}
.extend3o .mar2{margin:2px;}
/*.extend3o .spdashfooter{
    background: url(/olam/images/brand30/footer/img_prefooter_spdash.gif) repeat-x scroll 0 0 #FFFFFF!important;
    border-top: 1px solid #E3E3E3;
    clear: both;
    height: 34px;
    margin: 0;
    padding: 0;
    width: 972px;
} */
/** Start: Perf Improvement **/
.extend3o .spdashfooter{
    background:url(/olam/images/brand30/CSS_Overview_Sprite_2_updated.png) scroll -27px -1631px #ffffff !important;
    border-top: 1px solid #E3E3E3;
    clear: both;
    height: 34px;
    margin: 0;
    padding: 0;
    width: 972px;
}
/** End: Perf Improvement **/

.extend3o .w135{width:135px;}
.extend3o .w119{width:119px; min-height:1px;} /*fix for WUP00648284*/
.extend3o .w470{width:470px;}
.extend3o .w46{width:46px;}
.extend3o .alertMsg p:first-child { color:#fd0200; background:url(//www.att.com/images/global/iconError46x43.png) center left no-repeat; padding:14px 14px 15px 50px; margin-bottom:0px;}
.extend3o .botBorderF0{border-bottom: 1px solid #F0F0F0;}
.extend3o .topBorderF0{border-top: 1px solid #F0F0F0;}
.extend3o .height160{height:160px;}
.extend3o .padLt75{padding-left:75px;}
.extend3o a.padLt75 span.hoverIcon {left:-20px;}
.extend3o #ie a.padLt75 span.hoverIcon {padding-left:75px;}
.extend3o .planImgBox {position:relative;left:15px;}
.extend3o  .inline-links a.tooltips.MarLeft0Force {margin-left:0px !important;}
.extend3o .padLt80{padding-left:80px;}
.extend3o .recur{ background: url(/olam/images/brand30/icon_recur.png) no-repeat scroll left center transparent;  padding: 5px 0 5px 15px; }
/* End changes for Sprint - Dashboard */

#globalNavUserInfo .globalNavUserInfoTxt {position:relative; bottom:8px;}

.extend3o .sprint-usageDivider-container-warning,.extend3o .sprint-usageDivider-container-alert,.extend3o .sprint-usageDivider-container-normal{width:296px;margin-left:-3px;margin-top:-20px;}
.extend3o .sprint-usageDivider-container-warning  .sprint-usageDivider-diamond{background: url(/olam/images/brand30/diamond-yellow.png) left bottom no-repeat;height:38px;position:relative}
.extend3o .sprint-usageDivider-container-normal .sprint-usageDivider-diamond{background: url(/olam/images/brand30/diamond-green.png) left bottom no-repeat;height:38px;position:relative}
.extend3o .sprint-usageDivider-container-alert .sprint-usageDivider-diamond{background: url(/olam/images/brand30/diamond-red.png) left bottom no-repeat;height:38px;position:relative}
.extend3o .sprint-usageDivider-line{height:18px;width:1px;border-left:1px solid #ffffff;position:relative;left:6px;top:2px}
.extend3o .sprint-usageDivider-text{margin-left:15px;position:relative;top:1px}
.extend3o .sprintUsageDividerTextDB{margin-left:15px;position:relative;top:6px;color:#333;font-size:11px;}
.extend3o #ie .sprintUsageDividerTextDB{top:7px;}
/*modal requirement copied from base.css*/
.extend3o .popupDetails {
	display: none;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
	padding: 0;
	width: 500px;
	text-align: left;
	background-color: #fff;
	border: 3px solid #999;
	z-index: 100002;
	}
	
/*.extend3o .popupGlobal-titleContainer {
	position: relative;
	padding-top: 7px !important;
	padding-right: 30px  !important;
	height: 2.4em  !important;
	text-align: right  !important;
	background: #fff;
	font-size: 1.1em  !important;
	background: #fff url('/olam/images/brand30/gradient.jpg') top left repeat-x;
	} */
/** Start: Perf Improvement **/
.extend3o .popupGlobal-titleContainer {
 position: relative;
 padding-top: 7px !important;
 padding-right: 30px  !important;
 height: 2.4em  !important;
 text-align: right  !important;
 background: #fff;
 font-size: 1.1em  !important;
 background: url(/olam/images/brand30/CSS-Sprite-Repeat-X.png) repeat-x scroll -5px -4386px #fff;
 }
/** End: Perf Improvement **/
	
.extend3o .popupGlobal-close { 	
	position: absolute;
	top: 7px;
	right: 4px;
	width: 23px;
	height: 20px;
	text-decoration: none;
	display: none;
	}
.extend3o .msg20 {
	position: relative;
	left: 0.1em;
	width: 90%;
	padding: 20px;
	text-align: left;
	font-size: 1.1em;
	}
.extend3o .pad {	
	padding: 10px;
	margin: 0px;
	}
.extend3o .border {
	border: 1px solid #ccc;
	}
.extend3o .popupGlobal-titleContainer h1 {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	}
.extend3o #popupBg {
	display: none;
	width: 200%;
	height: 2500px;
	background-color: #333;
	z-index: 100001;
	-moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
	right: 0px; 
	bottom: 0px;
	position: fixed;
	}
.extend3o div#popupBg {
	left: expression( ( 0 - popupBg.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - popupBg.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}
.extend3o  #loginTimeOut{width:796px;}

/* Added to align the account number in the section title for SPRINT*/
.section-title .vmid {vertical-align:middle}

/* Skip Navigation */
.extend3o #segMenuBar #segMenuContainer {position:relative;width:975px;margin:auto;height:34px;}
.extend3o  #pageID:focus, #pageID:active { text-indent: 0; top: 14px; left: 28em; z-index: 100; color: #fff; }
.w50per{width:50%; float:left }

/*WUP00582161 : Commented tooltips style below */
/*.tooltips img{position:relative; top:-1px; vertical-align:middle;} */
#primary-content .tooltips .helpImg { margin-left:6px; margin-right:10px;}

/*eCPNI*/
.extend3o .BulletDefault{list-style-type:disc;}

/*WUP00554706: modified helpIconAlign class so that it will only be applied for elements included under a styled_forms div*/
/*#ie .helpIconAlign{padding-left:1px; top:6px;}*/
#ie .styled_forms div  a.helpIconAlign{padding-left:1px; top:7px}
/*WUP00554706: Class added to remove unnecessary top offset for Change Passcode and Delete Passcode help icons*/
#ie .styled_forms div  ul.radioGrp a.helpIconAlign{padding-left:1px; top:0px}

.extend3o .helpiconTop{top:2px!important}
.extend3o .bold {font-weight:bold}
#landing #FANtext {padding:10px 20px 0 25px}/*Aligning FAN number display*/

/*SPRINT 2 -Login style starts*/

.extend3o .FPOMainDiv>div:first-child{	
	min-height:469px;
}
.extend3o .FPOMainDiv{	
	width: 965px;
	/*background-color:rgb(255, 255, 255);*/
	background:#ffffff;
	border-top: 1px solid rgb(231, 225, 225);
	border-right: 1px solid rgb(231, 225, 225);
	border-left: 1px solid rgb(231, 225, 225);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	box-shadow: #C0C0C0 0px 0px 6px ;
	-webkit-box-shadow: #C0C0C0 0px 0px 6px ;
	-moz-box-shadow: #C0C0C0 0px 0px 6px ;
	/*behavior: url(js/PIE.htc);*/
	}	
	.extend3o .FPORightDiv{
	width:485px;float:right;padding:50px 50px 0px 0;
	}	
	.extend3o .FPOMarTop20 {
    margin-top: 20px;
	}
	.extend3o #ie .FPOMarTop20 {
    margin-top: 15px;
	}
	.extend3o .FPORightSecDiv{padding-left: 30px; padding-top: 10px;}	
	.extend3o .FPOGAMDiv{ float: left;
    padding-top: 10px;
    width: 350px;}	
	.extend3o .FPOLastDiv{padding-top: 10px;}
	.extend3o .FPOLastDiv a{font-size:10px;}
	.extend3o .FPOLastDiv p{font-size:10px;color: #7A7A7A;}
	.extend3o .FPOrCheck{
	color: #333333;
    font-family: Arial,sans-serif;
    font-size: 13px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    width: 253px;}
	.extend3o #content .styled_forms div.selector select.FPOSelWidth {
    width: 216px;
	}
	.extend3o .FPOrCheckDiv
	{
	  border-bottom: 1px solid #C0C0C0;
    margin: 40px 0 20px;
    padding: 0 0 15px;
	}
	.extend3o #preFooter.FPOPreFooter{
	border: 1px solid rgb(231, 225, 225);
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
	box-shadow: #E6E0E0 0px 0px 4px ;
	-webkit-box-shadow: #E6E0E0 0px 0px 4px ;
	-moz-box-shadow: #E6E0E0 0px 0px 4px ;
	/*behavior: url(js/PIE.htc);*/
	margin-bottom:13px;
	height: 41px;
	width: 965px;
	}
	.extend3o .PaperlessBillMainDiv{	
	height:454px;
	width: 968px;		
	background-color:rgb(255, 255, 255);
	border-top: 1px solid rgb(231, 225, 225);
	border-right: 1px solid rgb(231, 225, 225);
	border-left: 1px solid rgb(231, 225, 225);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	box-shadow: #C0C0C0 0px 0px 6px ;
	-webkit-box-shadow: #C0C0C0 0px 0px 6px ;
	-moz-box-shadow: #C0C0C0 0px 0px 6px ;
	/*behavior: url(js/PIE.htc);*/
	}
	.extend3o #ie.PaperlessBillMainDiv{	
	height:453px;	
	}		
	.extend3o .PaperlessRightDiv{
	width:465px;float:right;padding:50px 40px 30px 0;
	}	
	.extend3o .PaperlesEnroll{color: #656565;;font-size: 19px;margin-bottom: 0px;}
	.extend3o .FreePaperles{ margin-bottom: 0;padding-top: 10px;}
	.extend3o .PaperlessRightSecDiv{padding-left: 57px; padding-top: 10px;}
	.extend3o .PaperlessChecklinkDiv{padding-left: 15px;padding-top:0px;}
	.extend3o .PaperlessGreenChPara{color: #7A7A7A; margin-bottom: 5px;}
	.extend3o .PaperlessNoThanksDiv{float:right;width:200px; padding-top:15px;} /* changing to float right as per WUP00640424*/
	.extend3o .PaperlessNoThanksButDiv{float:left;padding-top:5px;} /* changing to float left as per WUP00640424*/
	.extend3o .PaperlessLastDiv{padding-left: 25px; padding-top: 30px;}
	.extend3o .PaperlessContentdivBot{Margin-bottom:3px;}
	.extend3o #ie .PaperlessContentdivBot{Margin-bottom:0px;}
	.extend3o #preFooter.PaperlessPreFooter{
	border: 1px solid rgb(231, 225, 225);
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
	box-shadow: #C0C0C0 0px 2px 4px ;
	-webkit-box-shadow: #C0C0C0 0px 2px 4px  ;
	-moz-box-shadow: #C0C0C0 0px 2px 4px  ;
	/*behavior: url(js/PIE.htc);*/
	margin-bottom:13px;
	height: 41px;
	width: 969px;
	}	
	.extend3o #ie.PaperlessPreFooter{
	margin-top:-16px !important;
	}	
	.en_US  .spanishWidth100 {width:100px !important;} /*WUP00640424 - adding this definition as the Spanish button is longer*/

/*SPRINT 2 -Login style ends*/

/*WOPA CR-53188*/
#md .section-title-btm{
	position:relative;
	background:#f5f5f5 ; 
	margin-bottom:0px;
	}

/*Sprint Issue Fix*/
.inline-links a.noMar{
font-size:0.75em;
margin:0 0;
}

/*WUP00565230 created to hide carat*/
.hideCarat a{background: none !important}
.table th, .table td{line-height: normal;padding: 10px 5px;position: relative;}

#greyNav {background:url('/olam/images/brand30/nav/pprls_FauxNAV.png');height:63px;width:983px;margin: auto;position: relative;top:36px;}
#orangeNav {background:url('/olam/images/brand30/nav/pprls_BasicNAV.png');height:63px;width:983px;margin: auto;position: relative;top:36px;}

/* Moved from myatt-services.css*/
.extend3o .w230{float:left; width:230px; margin:0 14px 14px 0}
.extend3o .w230.last{margin:0 -14px 14px 0; clear:right}

.extend3o .styled_forms .RemClearPad{padding:0px!important}
.extend3o #ie .btnPadBot14IE {padding-bottom:14px !important}
.extend30 .marLeft-20{margin-left:-52!important;}
.extend3o .marRight4Force{margin-right:4px!important;}

/*SSO CR Changes Begin*/
.h80{height:80px;}
.w114{width:114px;}

.extend3o .videoContainer{
margin-bottom: 30px; 
float: left; 
padding: 15px; 
width: 140px; 
position: absolute; 
margin-left: -4px; 
border: 1px solid rgb(231, 225, 225);
-webkit-border-radius: 4px 0 0px 4px;
-moz-border-radius: 4px 0 0px 4px;
border-radius: 4px 0 0px 4px; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F5F5F5));
background: -webkit-linear-gradient(#FFFFFF, #F5F5F5);
background: -moz-linear-gradient(#FFFFFF, #F5F5F5);
background: -ms-linear-gradient(#FFFFFF, #F5F5F5);
background: -o-linear-gradient(#FFFFFF, #F5F5F5);
-pie-background: linear-gradient(#FFFFFF, #F5F5F5);
box-shadow: #E6E0E0 2px 0px 2px ;
-webkit-box-shadow: #E6E0E0 2px 0px 2px ;
-moz-box-shadow: #E6E0E0 2px 0px 2px ;
/*behavior: url(js/PIE.htc);*/
}
.alertRedForce{color:#ff0000 !important;} /*Added to provide the consistent red color as per defect WUP0059431*/
.extend3o .greyColorText{ Color: #A0A0A0!important;}
.extend3o .whiteColorText{ Color: white;}

/*Changes for New footer*/
/* extend3.0 styles*/
 .extend3o #footer .group{
	margin-top: 10px;
}
.extend3o #footer .dotSites.padBot30{ 
	padding-bottom:15px;
}
.extend3o #footer .dotSites.w346{
	float: left;
	margin: 0;
	padding-top:3px;
	width: auto;
}
.extend3o #footer .w675{float:left; width:675px; margin:0}
.extend3o #footer .logos{ 
	clear: both;
	height: 100px;	
	margin: 1px 0 50px;
	padding-left: 10px;	
	position: relative;
	text-align: center;	
}
.extend3o #footer .logos img{
	margin-top: 35px !important;
}
.extend3o #footer a.firstLogo img{
	margin-top: 0px !important;
}

/* copyright styles with extend3o*/
.extend3o  #footer .copyright{/*font-size:1.2em;*/ font-size:11px; margin-bottom: 0.5em; width:600px;} 
.extend3o  #footer .copyright a{font-size:11px;} /* New style added to change the footer text font size */


/* Non-extend3.0 styles*/
 #footer .group{
	margin-top: 10px;
}
 #footer .dotSites.padBot30{ 
	padding-bottom:15px;
}
 #footer .dotSites.w346{
	float: left;
	margin: 0;
	padding-top:3px;
	width: auto;
}
 .w675{float:left; width:675px; margin:0}
 .w735{width:735px;}
 #footer .logos{ 
	clear: both;
	height: 100px;	
	margin: 1px 0 50px;
	padding-left: 10px;	
	position: relative;
	text-align: center;	
}
#footer .logos img{
	margin-top: 35px !important;
}
 #footer  a.firstLogo img{
	margin-top: 0px !important;
}

/* copyright styles without extend3o*/
#footer .copyright{/*font-size:1.2em;*/ font-size:11px; margin-bottom: 0.5em; width:600px;} 
#footer .copyright a{font-size:11px;} /* New style added to change the footer text font size */

 
/*Redundant classes begins here - Not to be used further*/
.extend3o .w100{width:100px;}
.extend3o .ForceMarTop0{margin-top:0px !important;}
.extend3o .PadTop3{padding-top:3px;}
.extend3o #ie .PadTop3IE{padding-top:3px !important;}
.extend3o .PadLeft20Force {padding-left:20px !important;}
.extend3o .MarRight0Force {margin-right:0px !important;}
.extend3o .MarRight30Force{margin-right:30px;}
.extend3o .PadLeft100Force{padding-left:100px;}
.extend3o  #ie .top4pxie{top:4px !important;}
.extend3o  .top7pxNew{top:7px !important;}
.extend3o  #ie .PadBot0ie{padding-bottom:0px !important;}
.extend3o .normalFontWeight{font-weight:normal !important;}
.right1{text-align: right;padding-right:15px;list-style="display-none"}
.extend3o .noPadding{padding:0px !important;}
/*Redundant classes ends here  - Not to be used further*/

/*Defect WUP00497034*/
.productOwner p{font:16px Arial!important; position:relative;}
.extend3o .productOwner p{font:16px Arial!important; position:relative;}
.extend3o .MarTop14{margin-top:14px!important;}
.MarTop14{margin-top:14px!important;}
/*Defect WUP00497034*/
/*Converged STARTS*/
/*Passthru Login*/

.w260{width:260px!important;}
.PadLeft15{padding-left:15px;}
.Padbot0{padding-bottom:0px !important;}
.top-3px{top:-3px !important;}
.w100px{width:100px;}
.padLtRt25{padding:0px 25px;}
.h207{height:207px;}
.w26 {float:left; width: 26px; margin:0 14px 14px 0} /* 1x26px */
.box .w26 {position:relative; left:-1px}
.w570{width:570px;} 
.MarLeft14 {margin-left:14px;}
.carouselBg{background: url(/olam/English/brand30/carouselBg.png) right no-repeat;}
.PadTop25{padding-top:25px;}
.MarRight0Force {margin-right:0px !important;}
.WidthLoginValid_291{width:252px;}
.borRt{
    border-right: thin dotted #CCCCCC;
    padding-bottom: 55px;
}
.extend3o .h212{height:212px;}
.h212{height:212px;}

/*End Passthru Login*/

/*MYATT overview starts*/

.dbAcctConverged .firstModule{min-height:35px;}
.dbAcctConverged .secondModule{min-height:35px;}
.dbAcctConverged .thirdModule{min-height:35px;}
.dbAcctConverged .group{float:left;}
.dbAcctConverged .descLOB {width:162px; padding-left:5px;}
.extend3o .dbAcctConverged > div{padding-left:14px;}
.w320{width: 320px !important;}
.w396Force{ width:396px!important; }
/*With extend30*/
.extend3o .dbAcctConverged .descLOB {width:156px; padding-left:5px;}

/*MYATT overview ends*/

/*Converged ENDS*/

/*Sprint Changes in OC2PA*/

.extend3o .w583{width:583px;}
.w583{width:583px;}
.extend3o .PadLeft97{padding-left:97px;}
.extend3o .PadLeft17{padding-left:17px !important;}
.PadLeft17{padding-left:17px;}
.extend3o #ie  #primary-content .box .iePadLeft80{padding-left:80px !important;}
.PadLeft52{padding-left:52px;}
.extend3o #ie .iePadRight25{padding-right:25px ;}
#ie .iePadRight25{padding-right:25px ;}
.PadL90R200{padding:0 200px 0 90px !important;}	
.extend3o .PadL90R222{padding:0 222px 0 90px !important;}	

/* ---- */

/*GVP STYLES*/
/*.extend3o .GVPVideoIcon {background:url(/olam/images/brand30/video-camera-icon.gif) no-repeat right 4px;padding-right:20px;}*/
/*.extend3o .GVPVideoIcon:after{content:url(/olam/images/brand30/video-camera-icon.gif);}*/
.extend3o .GVPVideoIcon{background:none}
.extend3o .GVPVideoIcon img{position:relative;top:0px !important;padding-left:5px;border-bottom:1px solid white !important}
.extend3o #ie .GVPVideoIcon img{;border-bottom:none !important}
/*.GVPVideoIcon {background:url(/olam/images/brand30/video-camera-icon.gif) no-repeat right 4px;padding-right:20px;}*/
.GVPVideoIcon img{position:relative;top:0px !important;padding-left:5px;border-bottom:2px solid white !important}
.padRight10{padding-right:10px;}
.TopBtmDotBrdr{
    border-bottom: 1px dotted #CCCCCC !important;
    border-top: 1px dotted #CCCCCC !important;
	padding:10px 0;
   
}
.linkColor {color: #005B95 !important;}
.ForceMarLeft195{margin-left:195px!important;}
.PadTop15{padding-top:15px;}
.extend3o .mybilldiv .msg.box.TopNote {margin:15px 12px !important;}
.mybilldiv .msg.box.TopNote {margin:15px 12px !important;}
.cpcGvpLink{text-align:left;width:120px;}
.MarRight25{margin-right:25px;}
.PadLtRt20{padding:0px 20px;}
.extend3o .PadLtRt20{padding:0px 20px;}
/***********/

.extend3o .MarLeftRight25Force {
    margin-right: 25px !important;margin-left:25px !important;
}
.extend3o .w163 {
    float: left;
    margin: 0 14px 14px 0;
    width: 163px;
}

/*Converged Dashboard style starts*/

#wrapper #content.sprintContent{padding-top:0px;}
.extend3o .sprintContent .TopNote{margin:0 0 12px;}
.extend3o .NewConvMyBillArrowBg {
	 background: url("/olam/images/brand30/NewConvDashArrow.jpg") no-repeat left bottom;
	width:747px;	
	/*-webkit-border-radius: 4px 0 0px 4px;
	-moz-border-radius: 4px 0 0px 4px;
	border-radius: 4px 0 0px 4px; 
	behavior: url(js/PIE.htc);*/
	}
.extend3o .ConvDashvertSep {
    background: url("/olam/images/brand30/dot.png") no-repeat scroll left center transparent;
}
.extend3o .Convdashh2div {height:60px; padding:12px 0px 0px 10px;}
.extend3o .Convdashh2div>a,.extend3o .Convdashh2div>span{margin-left:0px}
.extend3o .Convdashh2div h2{font-size:16px; margin:0px ;min-height:25px;}
.extend3o .convdashbotsolidborder{border-bottom:1px solid #e3e3e3;
margin: 0 40px 0 15px;
}
.extend3o .bgFaded {
    background: url("/olam/images/brand30/global/box-faded.png") no-repeat scroll left top transparent;
}
.extend3o .ConvDashUsageDetails .tab-group{ border: 0px solid #E3E3E3;}
.extend3o .ConvdashPadLeftRight20{padding:1px 20px 0 !important}
.extend3o .ConvdashMainvertSep {
    background: url("/olam/images/brand30/vertSeparator1x105.png") no-repeat scroll left center transparent;
}
.extend3o .ConvdashLinksecdiv{margin: 10px 25px 10px 10px;}
.extend3o .minHt54{min-height:54px;}
.extend3o .minHt25{min-height:25px;}
.extend3o .w150Ht65{width: 150px; min-height: 70px;}
.extend3o .fontDescLob{font-size: 1.14em;}
.extend3o .PadLeftRight20{padding: 0 20px;}
.extend3o .minHt15{min-height:15px;}
.extend3o .convdashbotsolidborder .descLOB h3 {
    font-size: 15px;
}
/*Converged Dashboard style ends*/

/* WUP00611574 */
body.NewLoginbgGradient{
	background: url("/olam/images/brand30/Interstitial_bg.png") repeat-x scroll left top transparent;
}

/* WUP00610997 */
#ie .section-title, .extend3o #ie .section-title{
	z-index:7 !important
}	

.extend3o .MyBillDropDown > a.hoverbluedrop {
      background-position: -483px -184px;
	   z-index: 999 !important;
}
.extend3o .MyBillDropDown.hoverbluedropRight {
    background-position: right -54px;
	z-index: 999 !important;	
}

.redtxt{color:#CF2A2A}/*FD0200 to FF0000*/

.alignImage {
    float: left;
    height: 129px;
    width: 120px;
}
.alignImage .tooltips{
	top:94px;
	left:-5px
}
.alignImage a.changeHover {
	float:left;
	height:124px;
	margin:0 auto;
	width:104px;
}
.alignImage a.changeHover img{
	left:10px;
	position:relative;
	top:0px;
}
.alignImage a .hoverIcon {visibility:hidden;position:absolute;left:-10px;top:-10px;}
.alignImage a.changeHover:hover .hoverIcon {visibility:visible;}

.fixzindex {z-index:30;}

.extend3o .divBullets ul {list-style: disc;}
.extend3o .divBullets li {margin-left:20px;}
.extend3o .rightZero {right:0px !important;} 
.extend3o  .tablePadBot7 td{padding: 0px 0px 7px 0px !important;}
.table th.right{text-align: right !important;}
.extend3o .topbluebackgnd {background:url(/olam/images/brand30/bluDivider.png) repeat-x;}
.extend3o .btmbluebackgnd {background:url(/olam/images/brand30/bluDivider1.png) repeat-x bottom;}
.extend3o .blubox {
    background: none repeat scroll 0 0 #ECF4F7;
    border: 1px solid #ECF4F7;
    margin: 0 0 20px;
    padding: 0 14px;
}
/*fix for promo modules alignment issue in shop page*/
.extend3o .promoMargin {margin: 3px !important;}
.promoMargin {margin: 3px !important;}
/*end fox for promo modules*/
/*These styles are added for WUP00621197. */
.extend3o .errorMsg.box span
{			
	color: #df0000;  
	font-size: 12px;
} /* updated the color to fix the color contrast  defect #26157 -  old color (FD0200) */
.errorMsg.box span
{			
	color: #df0000; 
	font-size: 12px;
} /* updated the color to fix the color contrast  defect #26157 -  old color (FD0200) */
/*End of addition for WUP00621197. */
.extend3o .PadRight28{padding-right:28px !important;}/*fix for wireline history page alignment issue*/
.PadRight28{padding-right:28px !important}/*fix for wireline history page alignment issue*/
.Padbot10{padding-bottom:10px !important;}/*updating the class for WUP00625596*/
.extend3o #ie .w435{width:435px !important;} /* fix for WUP00623973. IE specific as the issue occurs in IE alone */
/*WUP00636904*/
.extend3o .labelModal label{float: left;}
.extend3o .labelModal  .helpDiv{float: left; width:25px;}
/* End of WUP00636904 changes*/
/*WUP00638170 */
.extend3o #ie .MarLeft17IE {margin-left:17px !important;}
.extend3o #ie .rightArrowIE  dd{line-height:14px;}
/*WUP00639953*/
.styled_forms.modalForms label {
    font-weight: bold; 
    line-height: 1.9em;
}
.extend3o .styled_forms .botMar5{margin-bottom:5px;}
.extend3o .safariComp .helpDiv{float: left; width:25px; margin-right:7px; font-size:10px;}
.safariComp .helpDiv{float: left; width:25px; margin-right:7px; font-size:10px;}
.extend3o .w253{width:253px!important;}
.w253{width:253px!important;}
.top2px{top:2px !important;}
.MarLeft77 {margin-left:77px!important;}
.right { text-align:right !important }
.styled_forms > div{margin-bottom:15px;}

.modalForms label, .modalForms dd p{margin-bottom:.5em}



.MarTop4{margin-top:4px;}

#ie .ie7MarTop0{margin-top:0px !important;}

#ie .styled_forms .tipPad .tooltips{
	margin-right:7px;
	top:6px;
	vertical-align:top !important;
}


/* Adding for WUP00636822*/
.TopDotBorder,  tr.TopDotBorder td {border-top: 1px dotted #E5E5E5}

.forceRight {text-align: right !important;}
/* WUP00638124 */
#segMenuBar #segMenuItemLinkedAccounts {
    min-width: 155px; /*updated for WUP00643084*/
    width: auto;
}
#segMenuBar .segMenu li a.segMenuItem.hasSubMenu span {
    padding-right: 35px;
}
/* WUP00638938 */
#segMenuBar div.segSubMenu ul li {
    color: #515151;
    font-size: 12px;
}
/*WUP00638901 */
#segMenuBar .segMenu li a.segMenuItem.selectedChevron {
    background-position: left -68px;
    color:#ffffff;
}
#segMenuBar .segMenu li a.segMenuItem.selectedChevron span {
    background-position: right -68px;
}
#segMenuItemLinkedAccountsMenu {min-width: 180px;}
#segMenuItemInternationalMenu {min-width:105px;}
#segMenuItemBusinessMenu {min-width:100px;}
/*OCPA CR 62173*/
.extend3o .modalContent .modalAccAlign ul {
    display: inline;
    float: left;
    line-height: 0;
    min-height: 0;
}
.extend3o .modalContent .modalAccAlign li {
    display: inline;
    line-height: 16px !important;
    white-space: nowrap;
}
.extend3o .section-title .accountSectionTitle p {
    float: left;
    padding-top: 15px;
}
.extend3o .MarLeft24  .bt_left span.PadRight10 {position:relative; top:-4px;}
.extend3o #ie  .MarLeft24  .bt_left span.PadRight10 {position:relative; top:-3px; padding-right:6px;}
.extend3o .MarLeft24   ul.bt_left {padding-top:7px;}
.extend3o  #ie  .MarLeft24   ul.bt_left {padding-top:8px;}
/*End of OCPA CR 62173*/
.extend3o .styled_forms .tipPad.safariComp .tooltips{                
                margin-right:7px;
                top:1px;
                vertical-align:baseline !important;
} 
/*begin-added to support without extend3o*/
.styled_forms .tipPad.safariComp .tooltips{
	margin-right:7px;
	top:1px;
	position:relative;
	vertical-align:baseline !important;
} 
#ie .styled_forms .tipPad .tooltips{
	margin-right:7px;
	top:6px;
	position:relative;
	vertical-align:top !important;
} 
.styled_forms .safariComp .radioGrp {top:2px !important;}
#ie .styled_forms .safariComp .radioGrp {top:-5px !important;}
.styled_forms .safariComp .radioGrp label{margin-bottom:2px;}
.modalForms .safariComp div.w253 {margin-right:2px!important}
.PadLeft286{padding-left:286px;}
.MarTop5{margin-top:5px;}
.styled_forms .safariComp .clear{padding:0px !important; height:0px !important;}
.botMar15Force{ margin-bottom:15px !important;}
.styled_forms .safariComp .w320{ width:320px; Margin-bottom:0px !important;}
/*end-added to support without extend3o*/
/*WUP00642588*/
.extend3o #ie .styled_forms  span.textInput-wrapper input.password{padding:1px!important; margin:3px 3px 0 5px;}
#ie .top1pxie{top:1px !important;}/*non extend3o to provide definition as required by WUP00643263*/
/* WUP00645471 */
.extend3o #loginBubble2{
	background: transparent url("/olam/images/brand30/global/bubble_bottom.png") no-repeat left bottom !important;
	border:none !important;
	top:87px !important;
	left:0px !important;
	width:352px !important;
	padding:0px !important;
	box-shadow:none !important;
	filter:none !important;
}
#loginBubble2 table th{padding-bottom:5px; font-size:12px; Line-height:1.3em;} /* 06/22/2012 added for Login bubble*/
#loginBubble2 table td{padding-bottom:9px; font-size:12px; Line-height:1.3em;} /* 06/22/2012 added for Login bubble*/
.extend3o #loginBubble2>div{	
	padding:30px 20px 0px 25px !important;
	top:-87px !important;
	position:relative !important;
	z-index:99 !important;	
}
.extend3o #loginBubble2>div ul{
	background: transparent url("//www.att.com/media/att/2012/homepage/bubble_separator.png") no-repeat left -10px !important;
	padding-top:30px !important;
	margin-left:15px !important;
}
.extend3o #loginBubble2>div ul li{list-style:disc none outside !important;}
.extend3o #loginBubble2>div ul li span{margin-left:0 !important}
.extend3o #loginBubble2 ul li{ list-style: disc inside none; margin-bottom:10px;}
.extend3o #loginBubble2 ul li span{ margin-left:12px;}
.extend3o #ie #loginBubble2 ul li span{ margin-left:16px;}
/*WUP00645446*/
.tableTextWrap{ word-wrap:break-word; table-layout:fixed;}
/*WUP00643590 */
.extend3o #secondary-content #askQuestion {padding-bottom:9px !important;}
.extend3o  #ie .Padbot10ie{padding-bottom:10px !important;}/*WUP00648271*/
.extend3o .radio {vertical-align: middle!important;}/*WUP00648383*/
/*WUP00649844*/
.changeImage a .hoverIcon, .changeImageBg a .hoverIcon {left:-12px}
.changeImageBg a.changeHover img{left:9px}
/*WUP00649824*/
/*#ie .usm_scroll li{left:-20px !important}
.usm_scroll{left:0px !important}*/
/*WUP00649806*/
.extend3o #ie .modalAccAlign .PadRight10 {padding-right:5px!important;}
#ie  span.MarLeft5.PadRight10.font16{padding-right:5px!important;}
/*WUP00648818*/
.w190{width:190px!important;} 
.w235{width:235px!important;}
.top4px{top:4px !important;}
/*WUP00648818*/
.extend3o .styled_forms_label255 > div > label:first-child {width:255px !important}/*WUP00650571*/
.extend3o .MarLeft74{margin-left:74px ;}
/*WUP00653324*/
.extend3o .inline-links a.begin {margin-right:5px!important;}
.inline-links a.begin {margin-right:5px!important;}
/*WUP00642388*/
.btnRt img {vertical-align: middle;}
.extend3o .btnRt img {vertical-align: middle;}
/*WUP00656918*/
.extend3o .bottom14 {position:absolute; bottom:14px;}
.btn {
border-top:1px solid #DBDBDB;
padding:20px 0;
margin: 0 25px 0 25px;
width:655px;
margin-right:14px 
}
/*START:SDG Common to Usage And Dashboard */
.extend3o .meter-container .normal-interior{background:url("/olam/images/brand30/CSS-Sprite-Repeat-X.png") left -2789px repeat-x;}
.extend3o .meter-container .warning-interior{background:url("/olam/images/brand30/CSS-Sprite-Repeat-X.png") left -2809px repeat-x;}
.extend3o .meter-container .alert-interior{background:url("/olam/images/brand30/CSS-Sprite-Repeat-X.png") left -2769px repeat-x;}
.extend3o .meter-container .alert-inv-interior{background:url("/olam/images/brand30/usage_meter/Red-inverted.png") no-repeat left;}
.extend3o .meter-container .normal-inv-interior{background:url("/olam/images/brand30/usage_meter/Green-inverted.png") no-repeat left;}
.extend3o .meter-container .warning-inv-interior{background:url("/olam/images/brand30/usage_meter/Yellow-inverted.png") no-repeat left;}
.extend3o #ie .meter-container .normal-interior{background:url("/olam/images/brand30/usage_meter/Green.png") no-repeat right;}
.extend3o #ie .meter-container .warning-interior{background:url("/olam/images/brand30/usage_meter/Yellow.png") no-repeat right;}
.extend3o #ie .meter-container .alert-interior{background:url("/olam/images/brand30/usage_meter/Red.png") no-repeat right;}
.extend3o .SDGContextUpsellWebOverA{float:left;}
.extend3o .SDGContextUpsellWebOverP{float:left;padding-right:10px;}
.extend3o .planSeparator{background:url(/olam/images/brand30/global/PlanSeparator.png) 50% 0 no-repeat;min-height:32px}
.extend3o .SDGShowMore{background:url("/olam/English/brand30/showMore.png") 65% 0 no-repeat;padding-left:470px;padding-bottom:5px;}
.extend3o .SDGShowLess{background:url("/olam/English/brand30/showLess.png") 65% 0 no-repeat;padding-left:470px;padding-bottom:5px;}
/*Usage divider arrow image*/
.extend3o .sprint-usageDivider-container-warning  .usageDivider-arrow{background: url(/olam/images/brand30/yellow_arrow.png) left bottom no-repeat;height:38px;position:relative}
.extend3o .sprint-usageDivider-container-normal .usageDivider-arrow{background: url(/olam/images/brand30/green_arrow.png) left bottom no-repeat;height:38px;position:relative}
.extend3o .sprint-usageDivider-container-alert .usageDivider-arrow{background: url(/olam/images/brand30/red_arrow.png) left bottom no-repeat;height:38px;position:relative}
.extend3o .sprint-usageDivider-container-warning  .usageDivider-arrow{top:-2px;}
.extend3o .lengthier_section_divider{background: url(/olam/images/brand30/lengthier_section_divider.png) no-repeat;}
.extend3o a.showMoreLess:hover{text-decoration:none !important;}
.extend3o a.showMoreLess{text-decoration:none !important;}
.extend3o .usage-meter-table span.font14{font-size:14px!important;}
.extend3o .planSeparator a{outline:none}
.extend3o .SDGusageTypeLabelOverage a.tooltips{padding-left:3px;}
.extend3o .SDGcycle{margin-bottom:25px;margin-top:5px;} /*Margin-top 5px added to resolve the padding issue if Account Nickname was not present*/
.extend3o .SDGSecHeaderP{font-size:20px; padding: 0px 5px 0px 10px;}
.extend3o .SDGSecHeader{float:left;width:15.6%;} /*WUP00700004 changed from 104px to resolve issues when zooming*/
.extend3o .SDGPlans{float:left;width:84.4%;margin-top:5px;} /*WUP00700004 changed from 563px to resolve issues when zooming*/
.extend3o .SDGusageTypeLabel{padding-bottom:2px;}
.extend3o .SDGusageTypeLabelOverage{float:left;padding-top:3px ;padding-left:4px;padding-right:5px;}
.extend3o .SDGWebLearnOverage{padding-left:132px;}
.extend3o .SDGWebOverageContainer {padding-top:10px;padding-bottom:15px;}
.extend3o .SDGPlanHeaderP{font-size:14px;margin-bottom:0px}
.extend3o .SDGUsageTypeLabelP{float:left;margin-bottom:5px;}
.extend3o .SDGUsageAmountLabel{font-size:11px;margin-top:5px;color:#333!important;float:left;}
.extend3o .SDGusageType{margin-left:10px;padding-top:7px;}
.extend3o .SDGRollOverLabel{margin-top:5px;}
.extend3o .SDGRollOverLabelP{font-size:11px;margin-bottom:0px;}
.extend3o .SDGText{padding-top:20px;}
.extend3o .SDGWeb{padding-top:20px;}
.extend3o .SDGLinksAtTop{margin-bottom:0px; float:right; padding-top:3px;}
.extend3o .SDGPlanContainer{padding-bottom:20px;}
.extend3o .SDGRatePlan{float:left;width:346px;}
.extend3o .SDGDataCalculator{top:-3px;padding-left:3px;}
.extend3o .SDGusageType  .usageDivider-arrow{top:-1px !important;}	/*Added to match the triangle with the Usage and comps*/
.extend3o .SDGusageType  .usageDivider-arrow .sprintUsageDividerTextDB{top:10px !important;}	/*Added to match the triangle with the Usage and comps*/
.extend3o #ie .SDGusageTypeLabel .tooltips{padding-left:5px;}
.extend3o .SDGUnlimitedP{margin-bottom:0px;font-size:11px;line-height:24px;}
.extend3o  .prorationUsageOv p{line-height:24px;}
.extend3o .SDGUnlimitedLabel{font-size:14px;color:#70940E;font-weight:bold;}
.extend3o .SDGUnlimitedValue{font-size:12px;font-weight:bold;color:#333333;}/*color changed for WUP00701488*/
.extend3o .SDGUsageTypeUnlimited{padding-top:15px;}
.extend3o p.SDGWebOverageP1{color:#FF0000;float:left;font-size:12px; margin-bottom:0px; line-height:22px;}/*red to ff0000*/
.extend3o p.SDGWebOverageP2{padding-top:0px;padding-left:5px;float:left;font-size:12px; margin-bottom:0px; line-height:22px;}
.extend3o .SDGUsageTypeUnlimitedCTN{padding-top:7px;}
.extend3o .SDGUsageTypeUnlimitedCTN .SDGUsageTypeLabelP{margin-bottom:0px;}
.extend3o .SDGShowMore{background:url("/olam/English/brand30/showMore.png") 65% 0 no-repeat;padding-left:470px;padding-bottom:5px;}
.extend3o .SDGShowLess{background:url("/olam/English/brand30/showLess.png") 65% 0 no-repeat;padding-left:470px;padding-bottom:5px;}
.extend3o .SDGLinksAtBottomCTN{padding-bottom:25px;}
/*END:SDG Common to Usage And Dashboard */

/*START:SDG Common to Usage And Dashboard and WLP*/
.extend3o .groupTabInd li.last {border-left:none !important;}
.extend3o .groupTabInd li a.current{color:#ffffff; /*background:#f47b20;*/ background: url("/olam/images/brand30/dashboardSelector.png") repeat-x scroll center center transparent; margin:2px 4px 0px 2px;height:32px;}/*Changed repeat position to repeat-x to occupy the orange BG entire width-Hussain*/
.extend3o #MainTab li img{padding:17px 5px 5px 15px; margin-top:7px;}
.extend3o .tab-group-topBorder{border-top:1px solid #e3e3e3; border-bottom:none; border-left:none; border-right:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom:0px;z-index:9000px;}/*Z-index is given to make the drop down come properly*/
.extend3o #subPage  .dropDownBotBG-Top   .addLine{ padding: 0px 0px 0px 25px; /*background: url("/olam/images/brand30/Plus_Img1.png") no-repeat scroll left center transparent !important;*/background: url("/olam/images/brand30/add_button.png") no-repeat scroll left center transparent !important;} /*background image is Changed By SDG Phase One team to have better Image with shadow for the Plus image in Dropdown*/
.extend3o #SDG #subPage  .dropDownBotBG-Top   .addLine{ padding: 0px 0px 0px 25px; background: url("/olam/images/brand30/add_button.png") no-repeat scroll left center transparent !important;}
.extend3o #ie  .dropDownBGGrp{z-index:1000001 !important;}

.extend3o .dropDownBGInd .cancelDD.dropDownBotBG-Top ul.ajaxtabsMain li,.extend3o .dropDownBGGrp .cancelDD.dropDownBotBG-Top ul.ajaxtabsMain li{padding:0px 0px;}
.extend3o .dropDownBGGrp .dropDownBotBG-Top ul li a:hover,.extend3o .dropDownBGInd .dropDownBotBG-Top ul li a:hover,.extend3o .dropDownBGGrp .dropDownMidBG ul li a:hover,.extend3o .dropDownBGInd .dropDownMidBG ul li a:hover {text-decoration:none;cursor:pointer;z-index:9000;}
.extend30 #primary-content .dropDownTopBG{ background: url('/olam/images/brand30/Top_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:56px; z-index:9000;}
.extend30 #primary-content .dropDownBGGrp .dropDownMidBG{ background: url("/olam/images/brand30/Middle_strip.png") repeat scroll 0 0 transparent;z-index:9000;}
.extend30 #primary-content .dropDownBGGrp .dropDownBotBG-Top{ background: url("/olam/images/brand30/Btm_Middle_strip.png") repeat scroll 0 0 transparent;z-index:9000;}
.extend30 #primary-content .dropDownBGGrp .dropDownBotBG-Bot{ background: url("/olam/images/brand30/bottom_strip.png") no-repeat scroll 0 0 transparent;z-index:9000;}
.extend30 #primary-content .topStripImg{background: url('/olam/images/brand30/Top_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:56px;}
.extend30 #primary-content .midStripImg{background: url('/olam/images/brand30/Middle_strip.png') repeat scroll 0 0 transparent; width:166px;}
.extend30 #primary-content .midBtmStripImg{background: url('/olam/images/brand30/Btm_Middle_strip.png') repeat scroll 0 0 transparent; width:166px; border-top:1px solid #e3e3e3;}
.extend30 #primary-content .btmStripImg{background: url('/olam/images/brand30/bottom_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:9px;}
.extend3o .ajaxtabs a.pad120310, .extend3o .myattajaxtabs a.pad120310{padding-top:12px!important; padding-bottom:10px!important;padding-right:3px!important;padding-left:3px!important;}
.extend3o .ajaxtabs a.pad100310, .extend3o .myattajaxtabs a.pad100310{padding-top:10px!important; padding-bottom:10px!important;padding-right:3px!important;padding-left:3px!important;}
.extend3o #subTabMain.groupTabInd li a.current {background: url("/olam/images/brand30/dashboardSelector.png") repeat-x scroll center center transparent; color: #FFFFFF; height: 32px; margin: 2px 4px 0 2px;}

.extend3o  #SDG #subTabMain.groupTabInd li a.current{color:#ffffff; /*background:#f47b20;*/ top:-1px;background: url("/olam/images/brand30/dashboardSelector.png") repeat-x scroll center center transparent; margin:2px 4px 0px 2px;height:34px;}/*Added for red line issue*/
.extend3o  .IndPlan  a.current{background-repeat:repeat-x !important;}
.extend3o  #subTabMain.groupTabInd li a.currentTab{color:#ffffff; /*background:#f47b20;*/ background: url("/olam/images/brand30/dashboardSelector.png") repeat-x scroll center center transparent; margin:2px 4px 0px 2px;height:32px;}
/*START: Fix Comment given on DEC-6*/
.extend3o .top-48px{top:-48px !important;}/*Dont reuse this Style for any request other than SDG*/
.extend3o #groupTab #MainTab   li a{font-size:12px;font-weight:bold;}
.extend3o #groupTab #MainTab   li a span.top-8px{font-weight:bold;}
.extend3o #groupTab #MainTab   li a.current span.top-48px{color:#333;}
.extend3o #groupTab #MainTab   li a span.top-48px{font-size:11px;}
.extend3o #subPage li.selected a{ color:gray; cursor:default !important;}
.extend3o #mainPage li.selected a{ color:gray; cursor:default !important;}
.extend3o #subPage li.selected a:hover{ text-decoration:none !important;}
.extend3o #mainPage li.selected a:hover{ text-decoration:none !important;}
/*END: Fix Comment given on DEC-6*/
.extend3o  #SDG  #groupTab.section-title{z-index:4 !important;}
.extend3o .cancelAccAlert{ cursor:pointer; background:url("/olam/images/brand30/iconErrorNew.png") left center no-repeat; padding-left:18px!important; display:inline-block; height:15px; vertical-align:middle;}
/*START : Classes Added to fix Inline Styles*/
.extend3o .SDGBStrpImgTop{background: url('/olam/images/brand30/Top_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:56px; z-index:9000;}
.extend3o .SDGBStrpImgTop6kZi{background: url('/olam/images/brand30/Top_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:56px; z-index:9000;}
.extend3o .SDGBStrpImgMid{background: url('/olam/images/brand30/Btm_Middle_strip.png') repeat scroll 0 0 transparent; width:166px; z-index:1000; border-top:1px solid #e3e3e3; z-index:9000}
.extend3o .SDGBStrpImg{background: url('/olam/images/brand30/Btm_Middle_strip.png') repeat scroll 0 0 transparent; width:166px; z-index:1000; border-top:1px solid #e3e3e3; z-index:9000}
.extend3o .SDGBStrpImgWithoutBrd{background: url('/olam/images/brand30/bottom_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:9px; z-index:9000;}
.extend3o .SDGBStrpImgMiddle{background: url('/olam/images/brand30/Middle_strip.png') repeat scroll 0 0 transparent; width:166px; z-index:1000;}
/*End: Classes Added to fix Inline Styles*/
/*Styles Addes to Remove inline in Dropdown Starts*/
#subPage.DDPos{left:672px;top:-50px;z-index:12;}

#subPage .middleStripDDBg{background: url('/olam/images/brand30/Middle_strip.png') repeat scroll 0 0 transparent; width:166px; z-index:12;/*z-index:1000; Commented by SDG Phase One Team To Solve a issue*/}
#subPage .dropDownMidBG .Pad1025{padding:10px 25px;}
#subPage .dropDownMidBG .Pad10251007{padding:10px 25px 10px 7px;}
#subPage .dropDownBotBG-Top  ul.ajaxtabsMain.Pad10251007{padding:10px 25px 10px 7px;}
#mainPage .dropDownMidBG .Pad10251007{padding:10px 25px 10px 7px;}
#mainPage .dropDownBotBG-Top  ul.ajaxtabsMain.Pad10251007{padding:10px 25px 10px 7px;}
#subPage .InvisibleStripTopDDBg{background: url('/olam/images/brand30/Btm_Middle_strip.png') repeat scroll 0 0 transparent; width:166px;z-index:12;/*z-index:1000; Commented by SDG Phase One Team To Solve a issue*/ border-top:1px solid #e3e3e3;}
#subPage .InvisibleStripBotDDBg{background: url('/olam/images/brand30/bottom_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:9px; z-index:12;/*z-index:1000; Commented by SDG Phase One Team To Solve a issue*/}
#subPage .topStripDDBg{background: url('/olam/images/brand30/Top_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:56px; z-index:12;/*z-index:1000; Commented by SDG Phase One Team To Solve a issue*/}

#mainPage.DDPos{left:672px;top:-50px;z-index:12;}
#mainPage .middleStripDDBg{background: url('/olam/images/brand30/Middle_strip.png') repeat scroll 0 0 transparent; width:166px; z-index:12;/*z-index:1000; Commented by SDG Phase One Team To Solve a issue*/}
#mainPage .dropDownMidBG .Pad1025{padding:10px 25px;}
#mainPage .InvisibleStripTopDDBg{background: url('/olam/images/brand30/Btm_Middle_strip.png') repeat scroll 0 0 transparent; width:166px; z-index:12;/*z-index:1000; Commented by SDG Phase One Team To Solve a issue*/ border-top:1px solid #e3e3e3;}
#mainPage .InvisibleStripBotDDBg{background: url('/olam/images/brand30/bottom_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:9px; z-index:12; /*z-index:1000; Commented by SDG Phase One Team To Solve a issue*/}
#mainPage .topStripDDBg{background: url('/olam/images/brand30/Top_strip.png') no-repeat scroll 0 0 transparent; width:166px; height:56px; z-index:12;/*z-index:6000; Commented by SDG Phase One Team To Solve a issue*/ }
/*Styles Addes to Remove inline in Dropdown Ends*/
#subTabMain img.addDropDown{padding-left:17px; position:relative; top:2px;}
#groupTab img.addDropDownGrpAcc{position:relative; top:2px;}
/*END:SDG Common to Usage And Dashboard and WLP*/


/*START:SDG Common to All SDG Modules i.e billing profile usage dashboard services*/
	.extend3o .PadTopBot5{padding-top:5px;padding-bottom:5px}
	.extend3o .minHeight1PerCent {min-height:1%;}
	 #OtherBowser .forceTop4pxFF{top:4px !important;}
	.extend3o table.SDPDataUsageTableCTN td.right {padding-right:30px;}
	.extend3o .forcePadLeft18{padding-left:18px !important;}
	.extend3o #ie .vtop1 .radioGrp{padding-top:0px !important;top:-1px !important}
	.extend3o #ie .vtop1 .padTop2{padding-top:0px !important;}
	.extend3o .ClearNewForUSM{clear:both;}
	.extend3o #ie .ClearNewForUSM{margin:0px!important;padding-left:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-top:0px}
	.ClearNewForUSM{clear:both;}
	 #ie .ClearNewForUSM{margin:0px!important;padding-left:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-top:0px}
	.extend3o #ie .ConvdashLinksecdiv {
		/*background-color: #F6F6F6;*/
		margin: 10px 25px 0px 10px;
	}
	.extend3o #content .styled_forms div.selector select.ConvdashSelectWidth {
		width: 145px;
	}
	.extend3o .padLeftRight25{padding-left:25px;padding-right:25px;}
	.extend3o .padTopBot2px{padding-top:2px;padding-bottom:2px}
	.extend3o .totalColor{color:#666666}
	/*.extend3o td.totalColor{width:453px;}
	.extend3o td.totalColor.amount{width:50px;}*/
	.extend3o #primary-content.sharedUsagePrimaryContent{width:945px!important;}
	.extend3o .botDotBorder{border-bottom:1px dotted #cccccc;}
	.extend3o table th.padTopBot15{padding:15px 0px 15px 0px;}
	@media screen{
			.extend3o .meter-value-individual{
				-moz-border-radius:9px 0px 0px 9px; 
				-webkit-border-radius:9px 0px 0px 9px; 
				border-radius:9px 0px 0px 9px;
			}
			.extend3o .meter-value-individual.borderRadius9{
				-moz-border-radius:9px; 
				-webkit-border-radius:9px; 
				border-radius:9px;
			}
		}
		.extend3o .meter-value-individual{
			height:18px;
			margin:0;
		}
		.extend3o .meter-value-individual div{
			height:18px;
			margin:0;
		}
		@media screen{
			.extend3o .meter-value-rest{
				-moz-border-radius:0px 11px 11px 0px; 
				-webkit-border-radius:0px 11px 11px 0px; 
				border-radius:0px 11px 11px 0px;
			}
		}
		.extend3o .meter-value-rest{
			height:20px;
			margin:0;
			top:-19px;
			position:relative;
		}
	/*information box*/

	.extend3o .infonote{background:#EAEAE8; margin:0 0 20px 0; padding:20px 14px;}
	.extend3o .infonote p{color:#333; line-height:normal; margin-bottom:0px;}
	.extend3o .infonote.box{padding:20px 14px;}
	.extend3o .infonoteCTN{background:#EAEAE8; margin:10px 0 10px 0; padding:20px 14px;}
	.extend3o .infonoteCTN p{color:#333; line-height:normal; margin-bottom:0px;}
	.extend3o .infonoteCTN.box{padding:20px 14px;}
	/*information box ends*/

	.extend3o .w35{width:35px;}
	.extend3o .displayNone{display:none;}
	.extend3o .w21{width:21px;}
	.extend3o .forcePadLeft8{padding-left:8px!important;}
	.extend3o  .helpIconTable{ background:url(//www.att.com/images/global/icn-help.png) right center no-repeat;}
	.extend3o .MarLtRt20{margin-right:20px;margin-left:20px;}
	.extend3o .fixWidth92{width:92px!important;}
	.extend3o .ForcebtmBorderNone td{border-bottom:none!important;}
	.extend3o .w40{width: 40px }
	.extend3o .w330{width: 330px }
	.extend3o .w15Per{width: 15%;}
	.extend3o .w16Per{width: 16%;}
	tr.TopDotBorder td{border-top:1px dotted #e5e5e5;}
	.extend3o .w135{width:135px;}/*SDG Team: Dont Reuse this class*/
	.extend3o .w132{width:132px;}/*SDG Team: Dont Reuse this class*/
	.extend3o .minHeight1PerCent {min-height:1%;}
	.extend3o #ie .botMar7IE{ margin-bottom:7px !important;}
	.extend3o  .left10px{left:10px }
	.top5px{top:5px !important;}
	.extend3o .top-8px{top:-8px !important;}
	.extend3o .top-23px{top:-23px !important;}
	.hidden {visibility:hidden}
	/*SDG Phase 1-A*/
	.extend3o .w52{width:52px;}
	.extend3o .w375{width:375px;}
	.extend3o .padLtRt11{padding:0px 11px 0px 11px;}
	.extend3o .w25Force{width:25px !important;} /* Added for SDG P2 */
	/*SDG Phase 1-A*/
	.extend3o .PadLeft157{padding-left:157px;}
	.extend30 #primary-content .zIndx1k{ z-index:1000;}
	.extend30 #primary-content .zIndx9k{ z-index:9000!important;}
.extend3o .MyBillArrowBg {  background: url("/olam/images/brand30/BG_Image.png") no-repeat scroll 0px 0 transparent; height:185px}	
.extend3o .testShadowForBox .MyBillArrowBg {  background: url("/olam/images/brand30/BG_Image.png") no-repeat scroll 5px 0 transparent; height:185px}
.extend3o #ie  #secGroupTab {z-index:5 !important;}
.extend3o #ie .zIndex9imp{z-index:9 !important;}
.extend3o .topMinus3px{top:-3px !important;}
.extend3o .topMinus4px{top:-4px !important;}
.extend3o .topMinus40px{top:-40px !important;}
.extend3o .w98px{width:98px !important;}
.extend3o .groupOverviewLabel{left:7px !important;}
.extend3o .myattajaxtabs .groupOverviewLabel{left:0px !important;} /*added as fix for WUP00699989*/
.extend3o .PadTopBot0SDG{padding-top:0px !important;padding-bottom:0px !important;}
.extend3o .SDGBorderRtNone{border-right:none !important; }
.extend3o .SDGBorderRtNone1{ background:none !important;}
.extend3o  .SDGbg{background:#f0f0f0 !important;}
.extend3o  .SDGPadRightForSel{padding-right:10px !important;}
.extend3o  .SDGErrorMgUl{padding-bottom:0px !important;padding-left:50px !important;}
.extend3o  #ie  .SDGCurrentTop{top:-3px;}
.extend3o  #ie  .SDGCurrentTop2{top:-2px;}
.extend3o  .SDGzeroHeight{height:0; overflow:hidden}
.extend3o .SDGMsgBox{margin-bottom:10px !important;}
.extend3o .SDGHead2{padding-bottom:4px;padding-top:0px;}
.extend3o .SDGHead1{padding-top:10px;}
.extend3o .SDGHeadUsage{float:left;font-size:20px;margin-bottom:0px;}
.extend3o  .SDGName{margin-bottom:0px; float:left;position:relative;font-size:17px;padding-top:4px;width:102px;}/*updated for WUP00668093.*/
.extend3o  .SDGNameL{margin-bottom:0px; float:left;position:relative;font-size:17px;padding-top:4px;width:110px;}
.extend3o   .SDGColorBlack{color:#333;}
.extend3o  .SDGPipeSeparatorType1{ margin-bottom:0px; float:left;font-size:17px;position:relative;top:2px;padding-left:10px;padding-right:10px;color: #BFBFBF !important;}
.extend3o  .SDGPipeSeparatorType2{font-size:12px;padding-left:5px;padding-right:5px;color: #BFBFBF !important;}
.extend3o  .SDGPipeSeparatorType3{color: #BFBFBF !important;cursor:default;}
.extend3o  .SDGPipeSeparatorType3:hover{text-decoration:none;color: #BFBFBF !important;cursor:default;}
.extend3o  .report .selector{margin-top:-2px;}
.extend3o .SDGLinksAtBottom{float:right;padding-right:30px;}
.extend3o  #ie .SDGLinksAtBottom a.tooltips{padding-left:5px}
.extend3o  #ie  .SDGCacheImage{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.extend3o  #ie   .SDGMinHeight31ie{min-height:31px !important;}
.extend3o .toggleIndent{margin-left:30px}
.extend3o .toggleHidden{position: relative; display: none;}

	.extend3o  .SDGForcePadLeft1Rt0{padding-left:1px !important;padding-right:0px !important;}
	.extend3o table.table tr.NoBtmbdrBgTable th{border-bottom:none;background:none;}

	.extend3o .MarLt32Rt85{margin-left:32px;margin-right:85px;}/*Dont Reuse it .it may change in future*/
	.extend3o .MarLt5Rt5{margin-left:5px;margin-right:5px;}/*Dont Reuse it .it may change in future*/
	.extend3o .SDGusageType  .meterwrapper  .meter-container.MarLeft10 {margin-left:0px !important;}/*Modified by SDG Team to avoid to change in every page we done this css change*/


	.extend3o  .pipeColorGrey{font-size:12px;color: #BFBFBF !important;padding-left:3px;padding-right:3px;}

	.extend3o .TopBtmDotBrdrWitoutPad{
		border-bottom: 1px dotted #CCCCCC !important;
		border-top: 1px dotted #CCCCCC !important;
	   
	}
	/*Classes Added to fix Inline Styles*/
	.extend3o .PadTB10LR25{padding:10px 25px!important;}
	.extend3o .FntWtNrml{font-weight: normal;}
	.extend3o .opacity0{opacity: 0;}
	/* End Classes Added to fix Inline Styles*/
	.extend3o .PadLeft20imp {padding-left:20px !important;}
	.extend3o  .SummaryTitle{float:left;font-size:14px;padding-top:1px;}
	.extend3o  .forceHeight20{height:20px !important;}
	.extend3o .SDGBorderRtNone{border-right:none !important; background:none !important;}
	.extend3o .SDGWebWrapper{margin-right:60px;}

	.extend3o .box.lte.w420{width:420px;}
	.extend3o .PadTop55{padding-top:55px;}
	.extend3o .w444{width:444px;}
	.extend3o .pipeImage {position:relative; top:0px; line-height:1.3em; color:#333; background:url(//www.att.com/images/global/divider-h2.gif) 0 50% no-repeat; margin: 0px 5px 0px 10px; padding:0px 0px 0px 11px;}
	.extend3o .pad6all{padding:6px;}
	.extend3o .marTop55{margin-top:55px;}
	.extend3o .marLeft68{margin-left:68px;}
	/*Styles Addes to solve red line issues Starts*/
	.extend3o .SDGNotesAtTop{margin-left:3px;margin-right:15px;}
	.extend3o .height80{height:80px;}
	.extend3o .height86{height:86px;}
	.extend3o .SDGLinksAtBottomView{padding-bottom:38px;}
	/*Styles Addes to solve red line issues Ends*/
	.SDGusageTypeLabelOverage p.SDGUsageTypeLabelP{font-size:11px;}
	
	/*Shared Data Phase One CR60813 style Starts*/
	.extend3o #ie .ietop12px{top:12px !important;}
	.extend3o #ie .ietop15px{top:15px !important;}	
	.w310{width: 310px !important;}
	.extend3o .w436imp{width:436px !important;}
	.extend3o .infonoteCTN.MarbotNote40IE0{margin-bottom:40px;}
	.extend3o #ie .MarbotNote40IE0{margin-bottom:10px;}
	.extend3o .MarLtRt25{margin-left:25px;margin-right:25px;}
	.extend3o span.nicknamePos{left:18px;}
	.extend3o span.accountPos{left:7px;}
	.extend3o .vBase{vertical-align:baseline;}
	.extend3o #primary-content.sharedUsagePrimaryContent .table th{vertical-align:bottom;}
	.extend3o p.noTopPad {padding-top: 0 !important;} /* added to fix SDG Redline issue*/
	/*Shared Data Phase One CR60813 style ends*/
.extend3o .sdgLabel{
	/*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 }
.botMar5{ margin-bottom:5px !important;}
.extend3o .cursorPointer{cursor:pointer;}
.terms {margin: 3px 0 3px 3px; min-height: 150px; overflow: auto; padding: 5px;}

.extend3o .MarLeft117 {margin-left: 117px;}
.extend3o .MarLeft23imp{margin-left:23px !important;}
.MarTop2{margin-top:2px;}
.MarTop3{margin-top:3px;}
.extend3o .MarTop4{margin-top:4px;}
.extend3o .MarTop11{margin-top:11px;}
.extend3o .MarTop28{margin-top:28px;}
.extend3o .MarTop137{margin-top:137px;}
.extend3o #ie .PadTop6IE{padding-top:6px !important;}
.extend3o .PadTop17{padding-top:17px;}
#ie  .ieForcePadTop10{padding-top:10px!important;}
.extend3o .padLtRt30{padding-left:30px;padding-right:30px;}
.extend3o .padLtRt10{padding-left:10px;padding-right:10px;}
.extend3o .MarLtRt10{margin-left:10px !important; margin-right:10px !important;}
.extend3o .padTopBot25{padding-top:25px; padding-bottom:25px;}
.extend3o .PadTopBot20imp{padding-top:20px !important;padding-bottom:20px !important;}
.MarRight7{margin-right:7px;}
.MarRight18{margin-right:18px;}
.extend3o .MarBot2{margin-bottom:2px !important;}
.extend3o .MarAll7{margin:7px !important;}
.extend3o .botMar11{ margin-bottom:11px }
.extend3o .botMar13{ margin-bottom:13px }

#ie .Padbot10ie{padding-bottom:10px !important;}
.extend3o .MarLeft4imp {margin-left:4px !important;}
.extend3o #ie .ieMarLeft0{margin-left:0px !important;}
.extend3o .forceMarLeft18 {margin-left:18px!important;}

.extend3o .PadLeft235 {padding-left:235px;}
.extend3o  .PadLeft5imp{padding-left: 5px !important;}
.extend3o .padLeft10New {padding-left:10px ;}/*Added by SDG TEAM as all padleft classes are having important*/
.extend3o #ie .padLeft25ie {padding-left:25px ;}
.extend3o #ie .PadRight20ie{padding-right:20px;}
.extend3o #ie .PadRight10ie{padding-right:10px;}

.extend3o .PadRight43 {padding-right:43px;}
.extend3o .PadLeft25imp {padding-left:25px !important;}
.extend3o .PadLeft7imp {padding-left:7px!important;}

.extend3o .PadLeft208{padding-left:208px;}
.extend3o .MarLeft285{margin-left:285px!important;}
.extend3o .MarLeft290{margin-left:290px;}
.extend3o .PadLeft80imp{padding-left:80px !important;}
.extend3o .PadRight190{padding-right:190px ;}

.extend3o  .left-1px{left:-1px !important;}

.extend3o .top-12px{top:-12px !important;}
.extend3o .top111px{top:111px !important;}

.extend3o .borderNone {border:none!important;}
#content #primary-content form.styled_forms div.selector select.dropDown220{width:220px;} /*To support without extend3o*/
.extend3o .tableborder{
background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #FFFFFF;}


.extend3o .height114{height:114px;}
.extend3o .helpIcon_bgImage{ top:-1px;height:15px; width:16px; background: url(//www.att.com/images/global/icn-help.png) repeat;cursor:pointer;}
.extend3o .lineHeight16{line-height:16px;}
#primary-content .tooltips .helpLabel { margin-left: 0px;margin-right: 7px;}
#primary-content .tooltips .helpLabel1 { margin-left: -2px;margin-right: 8px;}
#ie #primary-content .tooltips .helpLabel1 { margin-left: -2px;margin-right: 0px;}
#primary-content .tooltips .helpLabel2 { margin-left: -3px;margin-right: 2px;}
.extend3o .w460{width:460px;}
.w460{width:460px;}
.extend3o #ie .bottomIE3{bottom:3px;}
.extend3o .w200imp{width:200px !important;}
.styled_forms .width190 > label:first-child {width:190px;}
.styled_forms.width190 > div > label:first-child {width:190px;}
.width430 {width:430px!important}
#ie .iePadTop15{padding-top:15px !important;}
.extend3o #ie .tabGroupDiv .tabcontent { padding: 20px 10px 20px 10px;}
.extend3o .tabGroupDiv .tabcontent.SDGForcePadLeft1Rt0{ padding: 20px 0px 0px 0px;}/*This is added as for sdg-1 red line issue in CTN section*/
.extend3o #subPage  .dropDownBotBG-Top   .addLine{ padding: 0px 0px 0px 25px; /*background: url("/olam/images/brand30/Plus_Img1.png") no-repeat scroll left center transparent !important;*/background: url("/olam/images/brand30/add_button.png") no-repeat scroll left center transparent !important;} /*background image is Changed By SDG Phase One team to have better Image with shadow for the Plus image in Dropdown*/
.extend3o #SDG #subPage  .dropDownBotBG-Top   .addLine{ padding: 0px 0px 0px 25px; background: url("/olam/images/brand30/add_button.png") no-repeat scroll left center transparent !important;}

.w470{width:470px;}
.extend3o .tablepadleft12  tr  td:first-child {padding-left:12px!important;}
.extend3o .tablepadleft12  tr td:last-child{ padding-right:6px!important;}
.extend3o #ie .tablepadleft12  tr  td.right { padding-right:10px!important;}

.extend3o .spanish.SDGShowMore{background:url("/olam/spanish/brand30/showMore.png") 65% 0 no-repeat;padding-left:470px;padding-bottom:5px;}
.extend3o .spanish.SDGShowLess{background:url("/olam/spanish/brand30/showLess.png") 65% 0 no-repeat;padding-left:470px;padding-bottom:5px;}

.extend3o  .SDGPipeSeparatorType4{position:relative; color: #BFBFBF !important;}

/* START:  Classes Added fix new overage conatiner*/
	/*For Usage Pages*/
	.extend3o .tabcontent td.meterwrapper table.usage-meter-table td{width:29%;}
	.extend3o .tabcontent td.meterwrapper table.usage-meter-table td.meterwrapper{width:71%;}
	/*For Usage Pages*/
	/*For Dashboard Pages*/
	.extend3o .tabcontent .SDGWebOverageContainer .lte-meter-container{position:relative;top:-3px;}
	/*For Dashboard Pages*/
	/*Changing width from 177 to 170 for WUP00699600*/
.extend3o .tabcontent  .lte-meter-container { 
	background: url("/olam/images/brand30/Overage-Usage-Shorter.png") no-repeat scroll 0 0 transparent;
	width:170px;
 	padding-top:5px;
}

.extend3o ul#subTabMain  li.w187{width:187px !important;}/*SDG Team:Dont Reuse this*/

.extend3o #ie .ieMarBot15{margin-bottom:15px !important;}


.extend3o .sharedDataGroupRadio{padding:0 20px 2px 10px;border-right:1px solid #e5e5e5;}
.extend3o .sharedDataGroup {background:url(/olam/images/brand30/bluDivider.png) repeat-x;position:relative;zoom: 1;padding-top:10px;}
.extend3o .sharedDataGroup > table {background:url(/olam/images/brand30/bluDivider1.png) repeat-x bottom;width:100%}
.extend3o .sharedDataGroup > table th{background:none !important}
.extend3o .sharedDataGroup > table th span{font-weight:normal}
.extend3o .sharedDataGroup > table th:first-child, .extend3o .sharedDataGroup > table td:first-child{padding-left:20px}





.extend3o .sharedDataGroup > table td.grey{padding-left:0px;color:#ADADAD}
.extend3o .sharedDataGroup > table td.grey .plus{visibility:hidden}
.extend3o .sharedDataGroup .styled_forms > div {margin-bottom:0px;min-height:25px}
.extend3o .sharedDataGroup  .ineligibleMembers {background: none repeat scroll 0 0 #F7FBFC/*#ECF4F7*/;border: 1px solid #ECF4F7;padding: 0 14px 10px 14px !important;margin-bottom:20px;/*opacity:0.4;filter: Alpha(opacity:40);zoom:1;*/}
.extend3o .sharedDataGroup  .ineligibleMembers  table {width:100%;}
.extend3o .sharedDataGroup  .ineligibleMembers  th{font-size:14px;background:none !important}.extend3o .sharedDataGroup .ineligibleMembers > table th:first-child, .extend3o .sharedDataGroup .ineligibleMembers > table td:first-child{padding-left:0px;}
.extend3o .sharedDataGroup .ineligibleMembers > table tbody td:first-child{padding-left:20px;}
.extend3o .sharedDataGroup  .ineligibleMembers  tbody td {color:#999;font-size:14px;border-top:1px dotted #cccccc;}.extend3o .sharedDataGroup  .sharedDataMember td{border-top:1px dotted #cccccc}.extend3o .memberPlansAmounts span, .extend3o .memberPlansAmountsPlus span{-font-size:12px;position:relative}
.extend3o .group-title .lineheight30imp{line-height:30px !important;}
/*Begin fix for issue OCPA Pop up form missalignment*/
.extend3o .w280Inline {width:280px !important; display:inline-block;}
/*End fix*/

.extend3o .LoginArrowbubble1,.LoginArrowbubble1,.extend3o .LoginArrowbubble2_withouterror,.LoginArrowbubble2_withouterror,.extend3o #ie .ShadowForTab,.extend3o #ie .ShadowForBox,.extend3o .FPOMainDiv,.extend3o #preFooter.FPOPreFooter,.extend3o .PaperlessBillMainDiv,.extend3o #preFooter.PaperlessPreFooter,.extend3o .videoContainer{/*behavior: url(js/PIE.htc);*/}
.extend3o #ie .ShadowForTab,.extend3o #ie .ShadowForBox{ /*behavior: url(js/PIE.htc);*/}
.extend3o .TestShadowForBox, .extend3o .TestShadowForTab
{
	box-shadow: 0 0 5px #666666;
	-webkit-box-shadow: 0 0 5px #666666;
	-moz-box-shadow: 0 0 5px #666666;
	zoom:1;
	position:relative;
}

.extend3o #ie .TestShadowForBox
{
	zoom:1;
	-ms-filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#cccccc);
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#cccccc);
	z-index:-15!important;
}

.extend3o #ie .TestShadowForTab
 {
	zoom:1;
	filter:
	progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,Strength=2, Direction=0)
	progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,Strength=2, Direction=90)
	progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,Strength=2, Direction=270);
	z-index:0!important;
	}

.Forcez-index-1{z-index:-1!important;}
.Forcez-index9000{z-index:9000!important;}
.extend3o .testShadowForBox{background: url(/olam/English/brand30/shadow/left_shadow.png) repeat-y left; border:none!important;}

.extend3o .shadowLeft{background: url(/olam/English/brand30/shadow/left_shadow.png) repeat-y left; border:none!important; left:-3px;}

.extend3o .shadowRight{background:url(/olam/English/brand30/shadow/right_shadow.png) repeat-y right; border:none!important; left:6px; position:relative;}

.extend3o #ie .shadowRight{background:url(/olam/English/brand30/shadow/right_shadow.png) repeat-y right; border:none!important; left:0px; position:static;}
.extend3o #secondary-content .shadowRight div{/*background:url(/olam/English/brand30/shadow/right_shadow.png) repeat-y right; */margin-right:5px; margin-left:5px; /*border:none!important;*/}

.extend3o .shadowTopLeft {background: url("/olam/English/brand30/shadow/top-left_rounded.png") no-repeat scroll left top transparent; border: medium none; height: 10px; left: -3px; position: relative; top: 1px; width: 100%;}
.extend3o .shadowTopLeft div {background: url("/olam/English/brand30/shadow/top_shadow.png") repeat-x scroll left top transparent; height:5px; left:10px; position: relative; top:-0.5px;}
.extend3o .shadowTopLeft div.shadowTop {background: url("/olam/English/brand30/shadow/top-right_rounded.png") no-repeat scroll right top transparent; height: 10px; left: 10px; position: relative; top:0;}

.extend3o .shadowBotLeft{position:relative; bottom:5px; left:-3px; background:url(/olam/English/brand30/shadow/bottom-left_rounded.png) top left no-repeat; height:10px; width:100%; z-index:0;}
.extend3o .shadowBotLeft div{background: url(/olam/English/brand30/shadow/bottom_shadow.png) bottom left repeat-x; position:relative; left:10px; height:5px; bottom:-5px; z-index:-1;}
.extend3o .shadowBotLeft div .shadowBottom{background: url(/olam/English/brand30/shadow/bottom-right_rounded.png) top right no-repeat; position:relative; left:10px; height:10px; bottom:5px; z-index:-1;}

.extend3o .marLtRt30{margin:0px 30px 0px 30px;}
.extend3o .marLtRt22{margin:0px 22px 0px 22px;}

.extend3o .usageTableHeader{display:inline-block;}
.extend3o #ie .usageTableHeader{zoom:1; *display:inline;}

#ie #primary-content .tooltips .MarRight0IE { margin-right:0px!important;}
#primary-content .styled_forms .MarLeft2{margin-left:2px;}

.sprintContent .TopNote{margin:0 0 12px;}


.NewConvMyBillArrowBg {
	 background: url("/olam/images/brand30/NewConvDashArrow.jpg") no-repeat left bottom;
	width:747px;	
	/*-webkit-border-radius: 4px 0 0px 4px;
	-moz-border-radius: 4px 0 0px 4px;
	border-radius: 4px 0 0px 4px; 
	behavior: url(js/PIE.htc);*/
	}
.ConvDashvertSep {
    background: url("/olam/images/brand30/dot.PNG") no-repeat scroll left center transparent;
}
/* syles modified for defect WUP00633020 */
.Convdashh2div {height:60px; padding:12px 0px 0px 10px;}
.Convdashh2div>a,.extend3o .Convdashh2div>span{ /*margin-left:12px;*/ margin-left:0px}
.Convdashh2div h2{font-size:16px; /*margin: 12px 0 0px 10px*/margin:0px ;min-height:25px;}

.convdashbotsolidborder{border-bottom:1px solid #e3e3e3;
margin: 0 40px 0 15px;
}
.bgFaded {
    background: url("/olam/images/brand30/global/box-faded.png") no-repeat scroll left top transparent;
}
.ConvDashUsageDetails .tab-group{ border: 0px solid #E3E3E3;}
.ConvdashPadLeftRight20{padding:1px 20px 0 !important}
.ConvdashMainvertSep {
    background: url("/olam/images/brand30/vertSeparator1x105.png") no-repeat scroll left center transparent;
}
.ConvdashLinksecdiv{margin: 10px 25px 10px 10px;}
.minHt54{min-height:54px;}
.minHt25{min-height:25px;}
.w150Ht65{width: 150px; min-height: 70px;}
.fontDescLob{font-size: 1.14em;}
.PadLeftRight20{padding: 0 20px;}
.minHt15{min-height:15px;}
.convdashbotsolidborder .descLOB h3 {
    font-size: 15px;
}

.extend3o .tableNoPad.tdPadRt20 td{padding-right:20px;}

.extend3o .padding15{padding:15px;}
.extend3o .ForcePad15{padding:15px !important;}
/*/WUP00649844*/
/*Begin-Titan 61102*/
.extend3o .MarTop25Force{margin-top:25px!important;}
/*End-Titan 61102*/
#ie .top-3pxIE{top:-3px !important; position:relative;}

/*END: Common to All SDG Modules i.e billing profile usage dashboard services*/
/*START: Classes added for SDP - screen 11.14*/
.extend3o .memberPlansAmounts span, .extend3o .memberPlansAmountsPlus span{-font-size:14px;position:relative}
.extend3o .SDGMemberTable{width:100%;}
.extend3o #primary-content .SDGMemberTD{padding-top:10px;padding-bottom:10px;padding-left:0px;padding-right:0px}
.extend3o #primary-content .memberDiv{font-size:14px}
.extend3o #primary-content .SDGMemberTable .memberPrimary{font-size:14px}
.extend3o #primary-content .SDGMemberInnerTD{width:249px;border:none;padding-right:5px;padding-left:20px;padding-top:0px;padding-bottom:0px}
.extend3o #primary-content .SDGMemberPlansTD{width:212px;border:none;padding-right:5px;padding-left:5px;padding-top:0px;padding-bottom:0px}
.extend3o #primary-content .SDGMemberPlanAmtTD{font-size:14px;width:68px;border:none;padding-right:5px;padding-left:5px;padding-top:0px;padding-bottom:0px}
.extend3o #primary-content .SDGMemberPlanAmtPlusTD{font-size:14px;width:73px;border:none;padding-right:5px;padding-left:0px;padding-top:0px;padding-bottom:0px}
/*END: Classes added for SDP - screen 11.14*/
/*START: Classes added for SDP - screen 11.15*/
.extend3o #primary-content .SDGalreadyMemberTD{width:403px;border:none;padding-right:5px;padding-left:20px;padding-top:0px;padding-bottom:0px}
.extend3o .sharedDataGroup  .SDGalreadyMember td{border-top:1px dotted #cccccc}
/*END: Classes added for SDP - screen 11.15*/

/*Class to provide shadow for tabs in IE*/
.extend3o #ie #groupTab .ajaxtabsMain .ShadowForTab 
{
                zoom:1;
                filter:
                progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,Strength=4, Direction=0)
                progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,Strength=4, Direction=90)
                progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,Strength=4, Direction=270);         
                z-index:0!important;
                top:-6px;
                left:-3px;
}
.extend3o #ie #groupTab .ajaxtabsMain .addDropDownGrpAcc.ShadowForTab.w191px{width:183px !important;left:-1px;}
.extend3o #ie #groupTab .ajaxtabsMain .ShadowForTab.w177px{width:169px !important;}
.extend3o #ie #groupTab .ajaxtabsMain .ShadowForTab.w132{width:124px;}
.extend3o #ie #groupTab .ajaxtabsMain .ShadowForTab.w173px{width:167px !important;left:0px;}
.extend3o #ie #groupTab .ajaxtabsMain .ShadowForTab.w188{width:180px !important;}
.extend3o #ie .ShadowForBox .topRound{z-index:-1;}
.extend3o .NoScroll{ height:210px;  padding:15px;position:relative} /*WUP00661822*/
.extend3o #groupTab ul li a.currentPriInitial{/*font-weight:bold;*/ background:#fff; top:-2px; color:#f47b20; height:60px;}/*added for desired tabbing*/
/*START: To Solve the smooth Corner issue in Tab Page added*/
.extend3o .bottomRound2.red{background:url(//www.att.com/images/global/bottom-round-red.gif) 0 0 no-repeat;}
.extend3o .bottomRound2.yellow{background:url(//www.att.com/images/global/bottom-round-yellow.gif) 0 0 no-repeat;}
.extend3o .bottomRound2.red div{background:url(//www.att.com/images/global/bottom-round-right-red.gif) top right no-repeat;}
.extend3o .bottomRound2.yellow div{background:url(//www.att.com/images/global/bottom-round-right-yellow.gif) top right no-repeat;}
/*END: To Solve the smooth Corner issue in Tab Page added*/
/*Adding to resolve WUP00664384*/
.height255{height:255px;}
.top140px{top:140px;}
#ie .top137pxIE{top:137px;}
.extend3o .lineHt1pt3 .tooltips{line-height:1.3em !important;} /*for defect WUP00666323*/
.styled_forms.modalForms.lineHt1pt3 label {line-height: 1.3em;} /*for defect WUP00691205*/
.extend3o .styled_forms.modalForms.lineHt1pt3 label {line-height: 1.3em;} /*for defect WUP00691205*/
/* Class Added for New Drop Down*/

.w290{width:290px !important; float:left}

#subPage .newtopStripDDBg{background: url('/olam/images/brand30/newTop_strip.png') no-repeat scroll 0 0 transparent; margin-bottom:-5px; width:184px; height:19px; z-index:12;}
#mainPage .newtopStripDDBg{background: url('/olam/images/brand30/newTop_strip.png') no-repeat scroll 0 0 transparent; margin-bottom:-5px; width:184px; height:19px; z-index:12;}
#subPage .newmiddleStripDDBg{background: url('/olam/images/brand30/newMiddle_strip.png') repeat scroll 0 0 transparent; border-right: 0px solid #CCCCCC; width:184px; z-index:12;}
#mainPage .newmiddleStripDDBg{background: url('/olam/images/brand30/newMiddle_strip.png') repeat scroll 0 0 transparent; border-right: 0px solid #CCCCCC; width:184px; z-index:12;}
#subPage .newInvisibleStripTopDDBg{border-right: 0px solid #CCCCCC;  border-top: 0px solid #E3E3E3;background: url('/olam/images/brand30/newMiddle_strip.png') repeat scroll 0 0 transparent; width:184px;z-index:12;}
#mainPage .newInvisibleStripTopDDBg{background: url('/olam/images/brand30/newBot_strip.png') repeat scroll 0 0 transparent;  width:184px; z-index:12;}
#subPage .newInvisibleStripBotDDBg{border-bottom: 0px solid #E3E3E3;    border-right: 0px solid #CCCCCC; background: url('/olam/images/brand30/newBot_strip.png') no-repeat scroll 0 0 transparent;  width:184px; height:9px; z-index:12;}
#mainPage .newInvisibleStripBotDDBg{background: url('/olam/images/brand30/newBot_strip.png') no-repeat scroll 0 0 transparent; width:184px; height:9px; z-index:12;}
.extend3o  .w173px{width: 173px !important;}
.extend3o  .newmiddleStripDDBg ul li{
	margin-bottom: 5px;
	/*padding-top: 5px;*/
	padding-right: 25px;
}
.extend3o  .newmiddleStripDDBg ul.selected {    
	padding-right: 25px;
}

.extend3o  .newmiddleStripDDBg ul.TopSolidBorderE5 {    
	width: 167px !important;
}
.extend3o .newmiddleStripDDBg .cancelAccAlert {padding-left:17px  !important;}
.extend3o #subTabMain.groupTabInd li div.selectOtherCTN {
    background: url("/olam/images/brand30/dashboardSelector.png") repeat-x scroll center center transparent !important;
	color: #FFFFFF;
    height: 37px;
    margin:2px 0px 0px 2px;
	border-bottom: 1px solid #FFFFFF;    
    top: 0px;
	
}
.extend3o #subTabMain.groupTabInd li div.selectOtherCTN  a span{color: #FFFFFF;  }
.extend3o #groupTab ul li div.selectOtherMain {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #F47B20;
    height: 60px;
    top: -2px;
}
.extend3o #groupTab #MainTab li div.selectOtherMain span.top-48px {
    color: #333333;
}
.extend3o  .selectOtherCTN .cancelAccAlert{ cursor:pointer; background:url("/olam/images/brand30/iconErrorNew.png") left center no-repeat; padding-left:20px !important; display:inline-block; height:15px; vertical-align:middle;}
/* Class Added for New Drop Down*/
/*WUP00678927*/
.extend3o .w503{width:503px;}
.extend3o .PadTop12  .SDGLinksAtTop{float:none;}
/*END:WUP00678927*/
/*WUP00679715*/
.errorMsg.box ul li ul{top:0px;}
.extend3o .errorMsg.box ul li ul{top:0px;}
.errorMsg.box.noDisc ul{list-style-type:none;}
.extend3o .errorMsg.box.noDisc ul{list-style-type:none;} 
/*End defect WUP00679715*/
/*SDG - Classes for message proration on dashboard and usage*/
.extend3o .prorationMsg{padding-top:5px; padding-bottom:5px;} 
/*END:SDG - Classes for message proration on dashboard and usage*/
.extend3o .PadLt5Rt5{padding:0px 5px 0px 5px !important;} /*provides padding for content in the dropdown tab for CR62483*/
.modalContent  p{margin-bottom:20px;} /*for WUP00642388 and WUP00644876*/
/*Usage Landing Page Classes*/
.w156px {width:156px;}
.w191px{width:191px;}
.extend3o .w188{width:188px!important;}
/*to support non-extend3o for WUP00691205*/
.w410{width:410px;}
.styled_forms.modalForms label.normalFont{font-weight:normal !important;}
.safariComp .helpDiv.w18{width:18px;}
#ie .top-5pxIE{top:-5px !important;}
.w179{width:179px;}
/*to support non-extend3o WUP00691205*/
.extend3o .w35per{width:35%;}
/*Resolving global drop down issues*/
.extend3o .styled_forms select, .styled_forms select{font-family: Arial !important,sans-serif;font-size: 12px !important}
.extend3o .styled_forms select option, .styled_forms select option{padding:0 5px 0 3px !important}
.extend3o .autoWidth, .autoWidth{width:auto !important}
/*Styles for M2M popup*/
.extend3o .gray {color: gray;}
.extend3o .marRight140 {margin-right:140px;} 
.extend3o .changeImage a .hoverIcon.hoverIconPos, .extend3o .changeImageBg a .hoverIcon.hoverIconPos{left:0px !important;top:-105px !important;} /*WUP00693370*/
.extend3o a.OC2PAInvisible, a:hover.OC2PAInvisible {cursor:default;text-decoration:none;}/*WUP00689457*/
/*For defect WUP00701180*/
.w389 {width:389px; float:left;}
#ie .PadBot0ie{padding-bottom:0px !important;}
.extend3o .w340Inline {display: inline-block; width: 340px !important;}/*WUP00702177*/
/*WUP00700105*/
.whiteSpaceNormal{white-space:normal;}
.posStatic{position:static !important;}
.extend3o .page-title .btnRt {min-height:31px}/*WUP00702197*/
.extend3o .serviceTable tr td div.ConvdashMainvertSep div:first-child{line-height:26px !important;}/*WUP00700862*/
.extend3o .w210Imp{width:210px !important;}/*WUP00702188*/
.extend3o .ForcePadBot8{padding-bottom:8px !important;}
.extend3o .MarLeft22 {margin-left: 22px!important;}
/*CCbC*/
.extend3o #CCBC_Content{ background: url("/olam/images/brand30/customized_content/faded_yellow_bg.jpg") no-repeat scroll left top transparent; z-index:1; zoom:1;}
.extend3o #CCBC_Content .topFrame{ background: url("/olam/images/brand30/customized_content/top_frame.jpg") repeat-x scroll top center transparent; z-index:1; zoom:1;}
.extend3o #CCBC_Content .leftFrame{ background: url("/olam/images/brand30/customized_content/left_frame.jpg") no-repeat scroll left top transparent; z-index:1; zoom:1;}
.extend3o #CCBC_Content .rightFrame{ background: url("/olam/images/brand30/customized_content/right_frame.jpg") no-repeat scroll right top transparent; z-index:1; zoom:1;}
.extend3o #primary-content .box #CCBC_Content{ margin:5px 5px 30px;}
.extend3o #ie #primary-content .box #CCBC_Content{ margin:5px 5px 27px;}
.extend3o #secondary-content #CCBC_Content .mod-CCBC{ background: url("/olam/images/brand30/customized_content/ccbc_RightRailImage.png") no-repeat scroll right top transparent;}
.extend3o #secondary-content #CCBC_Content .mod-CCBC .padding15{ padding:15px 15px 5px 15px;}
.extend3o #CCBC_Content .CCBC_Account > div:first-child{margin-right:45px; }
.extend3o #secondary-content .shadowRight #CCBC_Content div{ margin-left:0px; margin-right:0px;}
.extend3o #CCBC_Content .ClearNew{height:0px;}
.extend3o #CCBC_Content.CCBC_modal{ margin-bottom:15px; }
.extend3o #ie #CCBC_Content.CCBC_modal{ margin-bottom:30px; }
.extend3o #CCBC_Content .padding15{ padding:15px 15px 0px 15px;}
.extend3o .row-seam #CCBC_Content .w480 {width: 430px;}
.extend3o .row-seam #CCBC_Content .w323 {width: 270px;}
.row-seam #CCBC_Content .w480 {width: 430px;}
.row-seam #CCBC_Content .w323 {width: 270px;}

#CCBC_Content{ background: url("/olam/images/brand30/customized_content/faded_yellow_bg.jpg") no-repeat scroll left top transparent; z-index:1; zoom:1;}
#CCBC_Content .topFrame{ background: url("/olam/images/brand30/customized_content/top_frame.jpg") repeat-x scroll top center transparent; z-index:1; zoom:1;}
#CCBC_Content .leftFrame{ background: url("/olam/images/brand30/customized_content/left_frame.jpg") no-repeat scroll left top transparent; z-index:1; zoom:1;}
#CCBC_Content .rightFrame{ background: url("/olam/images/brand30/customized_content/right_frame.jpg") no-repeat scroll right top transparent; z-index:1; zoom:1;}
#primary-content .box #CCBC_Content{  margin:5px 5px 30px;}
#ie #primary-content .box #CCBC_Content{ margin:5px 5px 27px;}
#secondary-content #CCBC_Content .mod-CCBC{ background: url("/olam/images/brand30/customized_content/ccbc_RightRailImage.png") no-repeat scroll right top transparent;}
#secondary-content #CCBC_Content .mod-CCBC .padding15{ padding:15px 15px 5px 15px;}
#CCBC_Content .CCBC_Account > div:first-child{margin-right:45px; }
#secondary-content .shadowRight #CCBC_Content div{ margin-left:0px; margin-right:0px;}
#CCBC_Content .ClearNew{height:0px;}
#CCBC_Content.CCBC_modal{ margin-bottom:5px; }
#ie #CCBC_Content.CCBC_modal{ margin-bottom:20px; }
#CCBC_Content .padding15{ padding:15px 15px 0px 15px;}
.top10px{top:10px !important;}
.left10px{left:10px;}
.right10px{right:10px;}
.extend3o .right10px{right:10px;}
.Marbot10{margin-bottom:10px;}
.MarTop8{margin-top:8px;}
.MarRight14{margin-right:14px;}
.botMar8{margin-bottom:8px;}
.PadRight10{padding-right:10px}
.extend3o .MarBot31{margin-bottom:31px;}
.extend3o .MarBot35{margin-bottom:35px;}
.MarBot35{margin-bottom:35px;}
.mar0{margin:0px !important;}
.w137{width:137px;}
.w65{width:65px!important;}
.w60{width:60px !important;}
.w355{ width:355px;}
.w214{width:214px !important; }
.w323{float:left; width:323px;}
.w203{width: 203px !important;}
.w440{ width:440px;}
.extend3o .w440{ width:440px;}
.w480{float:left; width:480px; margin:0 0 14px 0}
.extend3o .w391{width:391px !important;}
.w391{width:391px !important;}
.w210{float:left; width:210px; margin:0 14px 14px 0}
.w600{width:600px!important;}
.w750{ width:750px;}
.extend3o .w750{ width:750px;}
.font40{font-size:40px;}
.font18{font-size:18px;}
.font15{font-size:15px;}
.colorGreyCCO{color:#A0A0A0;}
.strong { font-weight:bold; }
.minHeight1Px{min-height: 1px;}
.lineHeight30{line-height:30px;}
.lineHeight15{line-height:15px;}
.line-height24{line-height: 24px !important;}
.TopSolidBorder{border-top:1px solid #cccccc;}
.extend3o .padding15{padding:15px;}
/*end CCbC*/
/*Zion2*/
.extend3o .w25Force{width:25px !important;}
.extend3o table.tableFont12 th {font-size: 12px !important;}
.extend3o table.tableFont12 tbody tr td{font-size: 12px !important;}
.extend3o .PadRight59Force{padding-right:59px !important;}
.extend3o .NormalTabUl.myattajaxtabs a.current, .extend3o .NormalTabUl.myattajaxtabs a.currentTab{top:0px} 
.extend3o .NormalTabBg{background: url("/olam/images/brand30/global/box-faded_tabs.png") no-repeat scroll left top transparent;}
.extend3o  .ForceMarTopNeg2{margin-top:-2px !important;}
/*end Zion2*/
/*MyServices STARTS*/
.extend3o .w547{width:547px;}
.extend3o .botMar17{ margin-bottom:17px!important;}
a.sumModule:hover{color:white;}
.extend3o .PadRight18{padding-right:18px !important;}
.extend3o #ie .PadRight17IE{padding-right:17px !important;}
.extend3o .evenSpacingExp{padding:12px 0px 19px 5px;}
.extend3o .tabCurrent{padding-bottom:1px!important;padding-right:0px!important;text-align:right;}
#ie .tabCurrent.evenSpace{padding-bottom:0px!important;padding-top:8px;}
.extend3o .tabCurrentChk{padding-bottom:5px!important;padding-right:0px!important;text-align:right;}
.extend3o .table td.smallCell{padding:5px 0px 5px 0px!important; vertical-align:middle;}
.extend3o .table td.smallCell.PadLeft5{padding-left:5px!important;}
.extend3o .table td.smallCell.right{padding-right:15px!important;}
.extend3o .table td.smallCell.centerAlign{padding-right:10px!important;}
.extend3o .table .tableBlue.centerAlign{padding-right:15px!important; text-align:center!important;}
.extend3o .table td.centerAlign, .extend3o .table th.centerAlign{text-align:center!important;}
.extend3o .table.table98{width:98%!important}
.extend3o .table tr td.myservTd{padding:4px 0px 4px;vertical-align:middle;}
.w650{width:650px!important;margin:0 14px 14px 0;float:left}
.extend3o .tableBlue{padding:9px 0px 7px 5px;}
.PadRight13{padding-right:13px!important;}
.extend3o .PadBot4{padding-bottom:4px!important;}
.extend3o #ie .PadBot4ie{padding-bottom:4px!important;}
#ie .top-1pxIE{top:-1px!important; position:relative;}
.height35px{height:35px;}
.extend3o .PadRight12{padding-right:12px !important;}
.extend3o .w629{width:629px!important;}
.MarTop9{margin-top:9px!important;}
#ie  .even.evenSpace.tabCurrent{padding-top:11px!important;}
#ie  .even.evenSpace.tabCurrent span.top-3px{top:-5px!important}
#ie  .even.evenSpace.tabCurrent div.top-3px{top:-5px!important}
/* Shadow box styles */
.extend3o .MSboxTop{background:url(/olam/images/brand30/SB/SB_Top_Left.png) left top no-repeat; width:100%;height:13px;}
.extend3o .MSboxTopRt{background:url(/olam/images/brand30/SB/SB_Top_Right.png) right top no-repeat;width:100%;height:13px;position:relative;}
.extend3o .MSboxMiddle{background:url(/olam/images/brand30/SB/mid-graphic.png) left repeat-y; width:5px;}
.extend3o .MSboxMiddleRt{background:url(/olam/images/brand30/SB/SB_Center_Right.png) right repeat-y;}
.extend3o .MSboxBottom{background:url(/olam/images/brand30/SB/SB_Bot_Left.png) left bottom no-repeat;width:100%;height:13px;}
.extend3o .MSboxBottomRt{background:url(/olam/images/brand30/SB/SB_Bot_Right.png) right bottom no-repeat;width:100%;height:13px;position:relative;}
.extend3o .MSboxTopCenter{background:url(/olam/images/brand30/SB/top-graphic.png)   repeat-x;}
.extend3o .MSboxBottomCenter{background:url(/olam/images/brand30/SB/bot-graphic.png)   repeat-x;}
.extend3o .MSboxCenter{background:url(/olam/images/brand30/SB/SB_Bot.png)   repeat-x;}
/* Shadow box styles end */
#ie .extend3o .botMar0IE{ margin-bottom:0px!important}
.extend3o th.normalFont{font-weight:normal;}
.extend3o .left20{left:20px;position:relative}
#ie  .top20pxIE{top:20px!important;position:relative}
#ie  .top11pxIE{top:11px!important;position:relative}
.botMar24{margin-bottom:24px!important;}
.MarTop24{Margin-top:24px!important;}
.PadLeft18{padding-left:18px!important;}
.extend3o .topMar107{margin-top:107px;}  /*Align text after the Service filter*/
.extend3o #ie .topMar122IE{margin-top:122px;} /*Align text after the Service filter*/
.extend3o .disabledButton { cursor:default!important;text-decoration:none!important;}
.extend3o .disabledButton  img{opacity:0.4;filter:alpha(opacity=40);}
/* MyServices ENDS */
/* SuperBill STARTS*/
.extend3o .expandImg.expandArrow{background : url("/olam/images/brand30/arrow-closed.png") no-repeat scroll 0 50% transparent!important;}
.extend3o .collapseImg.collapseArrow{background : url("/olam/images/brand30/arrow-open.png") no-repeat scroll 0 50% transparent!important;}
.extend3o .collapseImg.collapseArrow {margin-left:-5px!important; padding-left: 7px !important;padding-right: 6px !important;}
.extend3o .expandImg.expandArrow{padding-left:8px!important; padding-right:0px !important;}

.extend3o #terms a{position: static;}
/* SuperBill ENDS*/
.extend3o .w100pximp{width: 100px !important;} 
.extend3o .PadRight7 {padding-right:7px;} 

.extend3o .SDGShowMoreAlert.SDGShowMore{background:url("/olam/English/brand30/showMoreAlert.png") 65% 0 no-repeat;top:2px;} .extend3o .font28imp{font-size:28px  !important;} 
.extend3o .font22{font-size:22px;} 
.extend3o #ie .PadTop5IE{padding-top:5px !important;} 
.extend3o .PadTop20Normal{padding-top:20px;} 
.extend3o .PadLeft28 {padding-left:28px;}
.extend3o .top-21px{top:-21px !important;}

.w288{width:288px !important; float:left}
.extend3o .w311{width:311px;}
.MarRight14{margin-right:14px;}
.extend3o .MarLeft13{margin-left:13px!important;}
.extend3o .MarLeft21 {margin-left:21px!important;}
.extend3o .MarTopNeg1{margin-top:-1px;}
.extend3o .WDashvertSep {background: url("/olam/images/brand30/vertSeparator1x105.png") no-repeat scroll right center transparent;}
.extend3o #servicecontent:after,
.extend3o #promocontent:after,
.extend3o #content:after{content:"."; display:block; height:0; clear:both; visibility:hidden; padding:0}
.extend3o #servicecontent{position:relative; padding:14px 0 0 0; width:970px}
.extend3o #promocontent{position:relative; padding:14px 0 0 0; width:970px}
.extend3o #servicecontent  .BotSolidBorderE3{border-bottom:1px solid #e3e3e3;}
.extend3o #promocontent  .BotSolidBorderE3{border-bottom:1px solid #e3e3e3;}
.extend3o #servicecontent .botMar0{ margin-bottom:0 }
.extend3o #promocontent .botMar0{ margin-bottom:0 }
.extend3o #msgcontent .ForcePadbot5{padding-bottom:5px !important;}
.extend3o #servicecontent .ForcePadbot5{padding-bottom:5px !important;}
.extend3o #promocontent .ForcePadbot5{padding-bottom:5px !important;}
.extend3o #content #msgcontent #servicecontent #promocontent #primary-content form.styled_forms div.selector select.dropDown200{width:200px;}
.extend3o #content #msgcontent #servicecontent #promocontent #primary-content form.styled_forms div.selector select.dropDown410{width:410px;}
.extend3o #content #msgcontent #servicecontent #promocontent #primary-content form.styled_forms div.selector select.dropDown216{width:220px;}
#content #msgcontent #servicecontent #promocontent #primary-content form.styled_forms div.selector select.dropDown220{width:220px;}
.extend3o #content #msgcontent #servicecontent #promocontent #primary-content form.styled_forms div.selector select.dropDown210{width:210px;}
.extend3o #content #msgcontent #servicecontent #promocontent #primary-content form.styled_forms div.selector select.dropDown265{width:265px !important;}
*:first-child+html .extend3o #ie #promocontent{height:1%; padding-bottom:13px !important;}
*:first-child+html .extend3o #ie #promocontent.ie7noPad{padding-bottom:0px !important;}
*:first-child+html .extend3o #ie #promocontent.ie7noPad2{padding-bottom:-2px !important;}
*:first-child+html .extend3o #ie #promocontent #ie7noPad{padding-bottom:0px !important;}
.extend3o #promocontent .noFloat {float:none;}
#promocontent .noAllborder{border: none !important;}
.extend3o #promocontent .no-top-round{-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; border-top-left-radius:0px; border-top-right-radius:0px }
#wrapper #promocontent.sprintContent{padding-top:0px;}
.extend3o .w280{width:280px !important;}
/*Begin RD-modal styles as per new stylesheet*/
.extend3o .modalContent.gblContent{padding-left:29px; padding-right:29px;}
.extend3o #ie .modalContent.gblContent{padding-left:17px !important; padding-right:17px !important;}
.extend3o #ie .modalHeader.gblHeader h2{padding-left:15px !important; padding-top:14px !important;}
.extend3o .modalHeader.gblHeader h2{padding-left:27px; padding-top:15px;}
/*End RD-modal styles as per new stylesheet*/
.extend3o #ie .ietop20px{top:20px !important;}
.extend3o .w635{float: left; margin: 0 14px 14px 0; width: 630px;}
.extend3o .w640Mar14 {float: left; margin: 0 14px 14px 0; width: 640px;}
.extend3o .w619Mar1435 {float: left; margin: 0 35px 14px 0; width: 619px;}
.w150left{width:150px; float:left;}
.w200left{width:200px; float:left;}
.w220left{width:220px; float:left;}
.w270{width:270px; float:left;}
.w291{width:291px !important; float:left}
.w300{width:300px; float:left;}

.extend3o .ctaLinks {list-style-type:disc; color:#005B95; }
.extend3o .LogBubbleList ul ul {list-style: square outside none!important; padding-left: 28px!important;}
.extend3o .LogBubbleList ul li {list-style: square inside none!important;}


/* Changes for 2375, 3301 issue.*/
table#keyterms, table#keyterms td, table#keyterms th {border: 1px solid #333333;}
div#keyterms table, div#keyterms table td, div#keyterms table th {border: 1px solid #333333;}
.modalContent #keyterms table{width:100%;}
/* End of Changes for 2375 */

/** Added for defect 1368 Green text box * To be removed after Lost and Stolen project */
.extend3o .confirm-msg{background:none repeat scroll 0 0 #C3FDB8; border: 1px solid #C3FDB8;}
.extend3o .confirm-msg.box {margin: 0 0 20px; padding: 14px;}
/** End of defect 1368 **/

/*Login Performance tune style starts*/ 
.extend3o .UserValueDiv {color: #333333; font-size: 1.3em; left: 0; overflow: hidden; padding: 7px 0 0 7px; position: absolute; top: 0; width: 75%;} 
.extend3o .PasswordValueDiv {color: #333333; font-size: 1.3em; left: 0; overflow: hidden; padding: 7px 0 0 7px; position: absolute; top: 0; width: 75%;} 

/*
.extend3o .Login_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: 0; position: relative; top: 0; vertical-align: top;} 
.extend3o .Login_styled_forms span.textInput-wrapper.focus {background:transparent url("//www.att.com/images/global/forms/input_right-focus.gif") 100% 1px no-repeat;} 
.extend3o .Login_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 .Login_styled_forms span.textInput-wrapper span.focus{background:transparent url("//www.att.com/images/global/forms/input_left-focus.gif") 0px 1px no-repeat;} 
.extend3o .Login_styled_forms span.textInput-wrapper input {background: none repeat scroll 0 0 transparent; border: 0 none; color: #333333; font-size: 1.2em; height: 14px; margin: 5px 3px 0 5px; outline: medium none; padding: 1px;} 

.extend3o .Login_styled_forms > div {margin-bottom: 15px;} 
.extend3o .Login_styled_forms > div > a.tooltips {display: inline-block; margin: 0; position: relative; top: 6px; vertical-align: top;} 
.extend3o .Login_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 .Login_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 .Login_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 .Login_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;}
*/
/*Login Performance tune style ends*/
 
/*OLAM Login July 2012 styles starts*/
.extend3o .Login_styled_forms span.textInput-wrapper {background: url("/olam/images/brand30/input-right-login.png") no-repeat scroll 100% 1px transparent; display: inline-block; height: 31px; left: 0; position: relative; top: 0; vertical-align: top;}
.extend3o .Login_styled_forms span.textInput-wrapper.focus {background:transparent url("/olam/images/brand30/input-right-active-login.png") 100% 1px no-repeat;}
.extend3o .Login_styled_forms span.textInput-wrapper span {background: url("/olam/images/brand30/input-left-login.png") no-repeat scroll 0 1px transparent; display: inline-block; height: 31px;}
.extend3o .Login_styled_forms span.textInput-wrapper span.focus{background:transparent url("/olam/images/brand30/input-left-active-login.png") 0px 1px no-repeat;}
.extend3o .Login_styled_forms span.textInput-wrapper input {background: none repeat scroll 0 0 transparent; border: 0 none; color: #333333; font-size: 12px; width: 176px; height: 14px; margin: 8px 3px 0 5px; outline: medium none; padding: 1px;}

.extend3o .Login_styled_forms  .error span.textInput-wrapper{height: 30px;background:url("/olam/images/brand30/input-field-error-right-login.png") no-repeat scroll 100% 1px transparent;}
.extend3o .Login_styled_forms  .error span.textInput-wrapper span{height: 30px;background:url("/olam/images/brand30/input-field-error-left-login.png") no-repeat scroll 0 1px transparent; margin-right:2px;}
.extend3o .Login_styled_forms  .error span.textInput-wrapper.focus {height: 30px;background:transparent url("/olam/images/brand30/input-field-error-right-login.png") 100% 1px no-repeat;}
.extend3o .Login_styled_forms  .error span.textInput-wrapper span.focus{height: 30px;background:transparent url("/olam/images/brand30/input-field-error-left-login.png") 0px 1px no-repeat;}
.extend3o .OLAMLoginPrimaryContent  .Login_styled_forms  .error span.textInput-wrapper span{height: 30px;background:url("/olam/images/brand30/input-field-error-left-login.png") no-repeat scroll 0 1px transparent; margin-right:0px;}

.extend3o .MarLeft2Negative{margin-Left:-2px;}
.extend3o .w593Force{width:593px!important;}
.extend3o .MarRight42{margin-right:42px;}
.extend3o .w268{width:268px!important;}
.extend3o .width191{width:191px;}
.extend3o .width300{width:300px;}
.extend3o .MarTop22{margin-top:22px;}
.extend3o .LoginSelAccGradientBot {   
    background: url("/olam/images/brand30/LoginSelectAccBottomGradient.jpg") repeat-x scroll left top #F5F5F5;
    float: inherit;
    font-size: 28px;
    line-height: 72px;
    width: 238px;
}
.extend3o .PadTop9Force{padding-top: 9px !important;}

/*olam login error page style starts*/
.extend3o #content .LoginTopErrorDiv{margin: 22px 0 19px 40px;width: 814px;}
.extend3o #content .LoginTopErrorDiv ul{
	position:relative;
	top:-6px;
	color:#f20200 !important;
	padding:0 14px 5px 55px;
	list-style:none;
}
.extend3o #ie #content .LoginTopErrorDiv ul{
	position:relative;
	top:-6px;
	color:#f20200 !important;
	padding:0 14px 5px 35px;
	list-style:none;
}
.extend3o #content .LoginTopErrorDiv ul li {
    color: #F20200 !important;
	margin-bottom:5px;
}
.extend3o #content .LoginTopErrorDiv p:first-child{padding: 6px 14px 17px 55px;}
.extend3o #content .LoginTopErrorDiv p{padding: 0px 14px 13px 55px;}
.extend3o #ie #content .LoginTopErrorDiv p{padding: 0px 14px 13px 50px;}
/*olam login error page style ends*/
/*OLAM Login July 2012 styles ends*/

/*START: styles added for Rakesh Profile Review Page*/
.extend3o #ie .ForcePadTop25ie{padding-top:25px !important}
.extend3o #ie .ForcePadBot25ie{padding-bottom:25px !important}
/*END: styles added for Rakesh Profile Review Page*/
/*styles added for walled garden*/
#segMenuBarWalled {
background:url("/olam/images/brand30/global/menubg.gif") no-repeat scroll center center transparent;
height:34px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100;
}
#segMenuBarWalled #stub {
background:url("/olam/images/brand30/global/sprite.png") repeat scroll right -204px transparent;
height:34px;
margin:auto;
width:975px;
}

.extend3o #primary-content.MaxPrimaryContent {margin-right:14px; width: 942px !important;}

/* Grey Note Box With Alert Icon*/
.extend3o .alertIconMsg.box {
    background: url("//www.att.com/images/global/note-header-bg.gif") repeat-x scroll 0 -6px #FFFFFF;
	border: 1px solid  #E3E3E3;
    margin: 0;
    padding: 11px 13px 11px 13px;
}
.alertIconMsg.box   p {
    background: url("/olam/images/brand30/alert_icon_warning_32.png") no-repeat scroll left top transparent;
    color: #000000;
    padding: 0px 0px 14px 45px;
    min-height: 14px;
}
.extend3o .pad3 li {
    padding: 3px;
}
.extend3o .w226 {
    width: 226px;
}
.radioList .radio-li {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #DBDBDB;
    margin-bottom: 4px;
    margin-top: 4px;
    min-height: 20px;
    padding: 9px 10px;
}
.w655 {
    width: 655px !important;
}
.extend3o div.error-selector div.selector, .extend3o div.error-selector div.selector span {
    background-image: url("//www.att.com/images/global/forms/sprite-err.png");
    background-repeat: no-repeat;
}
.extend3o div.error-selector div.selector.focus, .extend3o div.error-selector div.selector.hover, .extend3o div.error-selector div.selector:hover {
    background-position: -485px -130px;
}
.extend3o .MarRight34 {
    margin-right: 34px;
}
.extend3o .w490 {
    width: 490px;
}
.rederr-text {
    color: #cf2a2a !important;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.grad-titleLogin.height54 {
    height: 54px !important;
}
#ie .grad-titleLogin.height54 {
    height: 54px !important;
    margin-bottom: 3px !important;
}

.missingInput span.textInput-wrapper {
    background: url("/olam/images/brand30/Input_Right.png") no-repeat scroll 100% 1px transparent;
    display: inline-block;
    height: 31px;
    left: 2px;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 226px;
}
.missingInput span.textInput-wrapper.focus {
    background: url("/olam/images/brand30/Input_Right_Focus.png") no-repeat scroll 100% 1px transparent;
}
.error .missingInput span.textInput-wrapper.focus {
    background: url("/olam/images/brand30/Error_Right.png") no-repeat scroll 100% 1px transparent;
    height: 30px;
}
.error .missingInput span.textInput-wrapper {
    background: url("/olam/images/brand30/Error_Right.png") no-repeat scroll 100% 1px transparent;
    height: 30px;
}
.missingInput span.textInput-wrapper > span {
    background: url("/olam/images/brand30/Input_Left.png") no-repeat scroll 0 1px transparent;
    display: inline-block;
    height: 31px;
    margin-right: 2px;
    width: 225px;
} 
.error .missingInput span.textInput-wrapper > span {
    background: url("/olam/images/brand30/Error_Left.png") no-repeat scroll 0 1px transparent;
    height: 30px;
}
.missingInput span.textInput-wrapper > span.focus {
    background: url("/olam/images/brand30/Input_Left_Focus.png") no-repeat scroll 0 1px transparent;
}
.error .missingInput span.textInput-wrapper > span.focus {
    background: url("/olam/images/brand30/Error_Left.png") no-repeat scroll 0 1px transparent;
    height: 30px;
}
.missingInput-error-top-image {
    background: url("/olam/images/brand30/Error_Top.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 0;
    position: relative;
    top: -6px;
    width: 226px;
}
#missingInputAlert1.missingInput-error-mid-image {
    background: url("/olam/images/brand30/CSS-Sprite-Repeat-Y.png") repeat-y scroll -689px top transparent;
    left: 0;
    padding: 0 11px;
    position: relative;
    top: -6px;
    width: 204px;
}
#missingInputAlert1 .rederr-Msg {
    color: #E50000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0;
}
#missingInputAlertsDiv .missingInput-error-bot-image {
    background: url("/olam/images/brand30/Error_Bottom.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 0;
    margin-top: -6px;
    position: relative;
    width: 226px;
}


#ie .padTop1pxIE {
     padding-top: 1px ! important;
}

.extend3o .profileAccountInfo .w306 .w166 dl dd {
     line-height: 120%;
     word-wrap: break-word;
}

.emailInput span.textInput-wrapper {
     background: url("/olam/images/brand30/Input_Right.png") no-repeat scroll 100% 1px transparent;
     display: inline-block;
     height: 31px;
     left: 2px;
     position: relative;
     top: 0px;
     vertical-align: top;
     width: 226px;
}

.emailInput span.textInput-wrapper.focus {
     background: url("/olam/images/brand30/Input_Right_Focus.png") no-repeat scroll 100% 1px transparent;
}

.error .emailInput span.textInput-wrapper.focus {
     background: url("/olam/images/brand30/Error_Right.png") no-repeat scroll 100% 1px transparent;
     height: 30px;
}

.error .emailInput span.textInput-wrapper {
     background: url("/olam/images/brand30/Error_Right.png") no-repeat scroll 100% 1px transparent;
     height: 30px;
}

.emailInput span.textInput-wrapper > span {
     background: url("/olam/images/brand30/Input_Left.png") no-repeat scroll 0px 1px transparent;
     display: inline-block;
     height: 31px;
     margin-right: 2px;
     width: 225px;
}

.error .emailInput span.textInput-wrapper > span {
     background: url("/olam/images/brand30/Error_Left.png") no-repeat scroll 0px 1px transparent;
     height: 30px;
}

.emailInput span.textInput-wrapper > span.focus {
     background: url("/olam/images/brand30/Input_Left_Focus.png") no-repeat scroll 0px 1px transparent;
}

.error .emailInput span.textInput-wrapper > span.focus {
     background: url("/olam/images/brand30/Error_Left.png") no-repeat scroll 0px 1px transparent;
     height: 30px;
}

.email-error-top-image, .error226 .topImage  {
     background: url("/olam/images/brand30/Error_Top.png") no-repeat scroll left top transparent;
     height: 15px;
     left: 0px;
     position: relative;
     top: -6px;
     width: 226px;
}

#EmailAlert1.email-error-mid-image, .error226 .midImage {
     background: url("/olam/images/brand30/Error_Middle.png") repeat-y scroll 0px 0px transparent;
     left: 0px;
     padding: 0px 11px;
     position: relative;
     top: -6px;
     width: 204px;
}

#EmailAlertsDiv .email-error-bot-image, .error226 .botImage, .EmailAlertsDiv .email-error-bot-image, .error226 .botImage {
     background: url("/olam/images/brand30/Error_Bottom.png") no-repeat scroll left top transparent;
     height: 15px;
     left: 0px;
     margin-top: -6px;
     position: relative;
     width: 226px;
}

#EmailAlert1 .rederr-Msg, .midImage .rederr-Msg {
     color: #cf2a2a;
     font-family: Arial;
     font-size: 11px;
     font-weight: bold;
     margin-bottom: 0px;
}
.email-error-top-image260, .error260 .topImage {
     background: url("/olam/images/brand30/Error_Top_260.png") no-repeat scroll left top transparent;
     height: 15px;
     left: 0px;
     position: relative;
     top: -6px;
     width: 260px;
}

#EmailAlert1.email-error-mid-image260, .error260 .midImage  {
     background: url("/olam/images/brand30/CSS-Sprite-Repeat-Y.png") repeat-y scroll -958px top transparent;
     left: 0px;
     padding: 0px 6px;
     position: relative;
     top: -6px;
     width: 248px;
}

#EmailAlertsDiv .email-error-bot-image260, .error260 .botImage, .EmailAlertsDiv .email-error-bot-image260, .error260 .botImage {
     background: url("/olam/images/brand30/Error_Bottom_260.png") no-repeat scroll left top transparent;
     height: 15px;
     left: 0px;
     margin-top: -6px;
     position: relative;
     width: 260px;
}

.missingInput-error-top-image200px, .error200 .topImage {
    background: url("/olam/images/brand30/200px_Error_Top.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 0;
    position: relative;
    top: -6px;
    width: 200px;
}
#EmailAlert1.missingInput-error-mid-image200px, .error200 .midImage {
    background: url("/olam/images/brand30/CSS-Sprite-Repeat-Y.png") repeat-y scroll -459px top transparent;
    left: 0;
    padding: 0 7px;
    position: relative;
    top: -6px;
    width: 186px;
}
#missingInputAlertsDiv .missingInput-error-bot-image200px, .error200 .botImage {
    background: url("/olam/images/brand30/200px_Error_Bottom.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 0;
    margin-top: -6px;
    position: relative;
    width: 200px;
}
.missingInput-error-top-image120px, .error120 .topImage {
    background: url("/olam/images/brand30/120px_Error_Top.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 0;
    position: relative;
    top: -6px;
    width: 120px;
}
#EmailAlert1.missingInput-error-mid-image120px, .error120 .midImage  {
    background: url("/olam/images/brand30/120px_Error_Middle.png") repeat-y scroll 0 0 transparent;
    left: 0;
    padding: 0 7px;
    position: relative;
    top: -6px;
    width: 106px;
}
#missingInputAlertsDiv .missingInput-error-bot-image120px, .error120 .botImage {
    background: url("/olam/images/brand30/120px_Error_Bottom.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 0;
    margin-top: -6px;
    position: relative;
    width: 120px;
}

.emailInput260 span.textInput-wrapper {
/*     background: url("/olam/images/brand30/Input_Right.png") no-repeat scroll 100% 1px transparent;
     display: inline-block;
     height: 31px;
     left: 2px;
     position: relative;
     top: 0px;
     vertical-align: top;*/
     width: 260px;
}
.extend3o .height137 {
    height: 137px !important;
}
.extend3o .radioList .radio-li {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    margin-bottom: 4px;
    margin-top: 4px;
    min-height: 20px;
    padding: 9px 10px;
}
.extend3o .content-title {
    border-top: 1px solid #DBDBDB;
    margin: 0 14px 0 25px;
    padding: 20px 0;
    width: 655px;
}
.extend3o .radioList .radio-li .selector {
    top: 0;
}

.extend3o #ie .ieMarTop7 {
    margin-top: 7px !important;
}
.extend3o #ie .ieMarTop5 {
    margin-top: 5px !important;
}
.extend3o #ie .ieMarTop10 {
    margin-top: 10px !important;
}
.extend3o #ie .ieMarTop12 {
    margin-top: 12px !important;
}
.extend3o .w93 {
    width: 93px;
}
.extend3o .w622 {
    width: 622px;
}
.extend3o .padLeft156 {
    padding-left: 156px;
}
.extend3o .MarTopNeg3 {
    margin-top: -3px;
}
.extend3o .width248px {
    width: 248px;
}
.extend3o .w108 {
    width: 108px !important;
}
.extend3o .w490 {
    width: 490px;
}
.grad-titleLogin.height54 {
    height: 54px !important;
}
#ie .grad-titleLogin.height54 {
    height: 54px !important;
    margin-bottom: 3px !important;
}
.extend3o .top-bot-solid-border {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}
.playimg {
    background: url("//www.att.com/shopcms/media/att/2011/shop/wireless/360s/utilimages/btn-play-sm-icon.png") repeat scroll 0 0 transparent;
    z-index: 999;
}
.extend3o .selectTopNone div.selector {
    top: 0;
}
.extend3o #ie .top-4pxIE {
    position: relative;
    top: -4px !important;
}
.dashboardModal #cboxMiddleLeft div {
    background: none repeat scroll 0 0 transparent !important;
}
.dashboardModal #cboxMiddleRight div {
    background: none repeat scroll 0 0 transparent !important;
}
.extend3o .MarLeftNeg15{ margin-left:-15px!important;} 

.extend3o .maxW300{max-width: 300px;}
/*START:Styles added for Project Maui*/
.extend3o .InfoNote { background:url('/olam/images/brand30/iconInfoNote.png') left center no-repeat; padding-left:20px }
.extend3o .BgUpsell { background:url('//www.att.com/images/global/iconExclamation.png') left center no-repeat; padding-left:20px }
/*END:Styles added for Project Maui*/
.extend3o a:focus img {outline: 1px dotted #000000;}
.extend3o .titleGradient{background: url("/olam/images/brand30/shadowbox/gradient_small.png") repeat-x scroll left bottom #FFFFFF;}
/************** Web accessibility for Ask a Question tile : START *********************************/
.hidden-spoken {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
}
.hidden-text-spoken { 
	text-indent: -999em;
	overflow: hidden;
	display: inline-block; 
}
.hidden-silent { 
	display: none;
}
/************** Web accessibility for Ask a Question tile : END *********************************/

.extend3o .show-40 { -khtml-opacity:.40; -moz-opacity:.40; -ms-filter:"alpha(opacity=40)"; filter:alpha(opacity=40); opacity:.40; } 
[if lte IE 7]>.show-40 { filter:alpha(opacity=40); }<![endif]

/*********************** LivePerson Chat starts **********************************************/
.chat-agent-active-rght, .chat-agent-busy-rght, .chat-agent-unavailable-rght {
	font-size:14px;
	padding:3px 38px 5px 0;
}
.chat-agent-active-left, .chat-agent-busy-left, .chat-agent-unavailable-left {
	font-size:14px;
	padding:3px 0 5px 36px;
}
.chat-agent-active-sm-rght, .chat-agent-busy-sm-rght, .chat-agent-unavailable-sm-rght {
	font-size:12px;
	padding:3px 26px 5px 0;
}
.chat-agent-active-sm-left, .chat-agent-busy-sm-left, .chat-agent-unavailable-sm-left {
	font-size:12px;
	padding:3px 0 5px 24px;
}
.chat-agent-active-rght {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-22.png) no-repeat 100% 50% transparent;
}
.chat-agent-active-left {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-22.png) no-repeat 0% 50% transparent;
}
.modal-chat-agent-active-left {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-sm.png) no-repeat 0% 0 transparent; 
	height:27px;
	padding-left:40px;
}
.chat-agent-active-sm-rght {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-16.png) no-repeat 100% 50% transparent;
}
.chat-agent-active-sm-left {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-16.png) no-repeat 0% 50% transparent;
}
.chat-agent-busy-rght {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-22.png) no-repeat 100% 50% transparent;
}
.chat-agent-busy-left {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-22.png) no-repeat 0% 50% transparent;
}
.chat-agent-busy-sm-rght {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-16.png) no-repeat 100% 50% transparent;
}
.chat-agent-busy-sm-left {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-16.png) no-repeat 0% 50% transparent;
}
.chat-agent-unavailable-rght {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-22.png) no-repeat 100% 50% transparent;
}
.chat-agent-unavailable-left {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-22.png) no-repeat 0% 50% transparent;
}
.chat-agent-unavailable-sm-rght {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-16.png) no-repeat 100% 50% transparent;
}
.chat-agent-unavailable-sm-left {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-16.png) no-repeat 0% 50% transparent;
}
.chat-tile {
	margin-bottom:10px;
	padding:15px;
	position:relative;
}
.chat-tile h2 {
	font:16px Arial;
	font-weight:normal;
	padding-bottom:15px;
}
.chat-tile p {
	font:12px Arial;
}
.chat-tile a.btmLink {
	font:12px Arial;
	bottom:15px;
	position:absolute;
}
.chat-tile-active {
	background:url(//www.att.com/media/att/2013/chat-assets/bg-tile-ChatAgent-active.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:200px;
}
.chat-tile-busy {
	background:url(//www.att.com/media/att/2013/chat-assets/bg-tile-ChatAgent-busy.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:200px;
}
.chat-tile-unavailable {
	background:url(//www.att.com/media/att/2013/chat-assets/bg-tile-ChatAgent-unava.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:200px;
}
.chat-tile-active-wide {
	background:url(//www.att.com/media/att/2013/chat-assets/bg-tile-w239-ChatAgent-active.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:209px;
}
.chat-tile-busy-wide {
	background:url(//www.att.com/media/att/2013/chat-assets/bg-tile-w239-ChatAgent-busy.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:209px;
}
.chat-tile-unavailable-wide {
	background:url(//www.att.com/media/att/2013/chat-assets/bg-tile-w239-ChatAgent-unava.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:209px;
}
.chat-icon-active {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-status-active-19.png) no-repeat 0 49% transparent;
	padding-left:25px;
}
.chat-icon-busy {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-status-busy-19.png) no-repeat 0 49% transparent;
	padding-left:25px;
}
.chat-icon-unavailable {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-status-unava-19.png) no-repeat 0 49% transparent;
	padding-left:25px;
}

/** BEGIN:Chat code borrowed from production **/
.chat-modalHeader  {padding:20px 30px 15px; background:none; height:auto !important;}
.chat-modalHeader h1 {padding:0;}
.chat-logo {text-indent:-9999px; background:url(//www.att.com/media/att/2013/chat-assets/logo-ATT-chatmodal.png) no-repeat 0 50% transparent;}
.chat-modalContent {padding:0 30px 30px;}
.chat-modalContent .box {margin:0;}
.chat-modalContent * {font-family:Arial; font-size:14px; color:#333;}
.chat-row-seam {border-top:1px solid #e3e3e3; border-bottom:0; padding:15px 0;}
textarea.chat-liveperson {width:90%; border:0; padding:15px 10px;}
.chat-modalButtons {top:0; margin-bottom:45px;}
a.chat-cancel-button {font-size:12px;}
/** END:Chat code borrowed from production **/

#lpButtonDivNCI .chat-tile {padding:15px}
#lpButtonDivNCI .chat-icon-active, #lpButtonDivNCI .chat-icon-busy, #lpButtonDivNCI .chat-icon-unavailable{padding-left:25px}
#lpcontainer {margin-left:24%}
/*********************** LivePerson Chat ends **********************************************/

/*********************** Foresee Popup styles starts **********************************************/
.extend3o .fsrC{height:100% !important; width:100% !important;}
.extend3o .fsrInvite, .extend3o .fsrFloatingMid{padding:1em;}
.extend3o .fsrLogos{margin-bottom:1em;}
.extend3o .fsrHeading, .extend3o .fsrFooter{margin-top:1em;}
.extend3o .fsrCloseBtn{position:absolute;top:.3em;right:.3em;border:.2em solid #777;color:#777!important;font-size:1em!important;text-decoration:none;cursor:pointer;padding-left:.2em;padding-right:.2em;line-height:100%;font-size:120%!important;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;font-weight:bold}
.extend3o .fsrCloseBtn:hover{text-decoration:none;background-color:#ccc!important}
.extend3o .fsrB a{background:#fff;border:1px solid #999;background:-moz-linear-gradient(top,#fbfbfb 0,#f0f0f2 21%,#dfe0e5 49%,#f0f1f2 80%,#fbfbfb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(21%,#f0f0f2),color-stop(49%,#dfe0e5),color-stop(80%,#f0f1f2),color-stop(100%,#fbfbfb));background:-webkit-linear-gradient(top,#fbfbfb 0,#f0f0f2 21%,#dfe0e5 49%,#f0f1f2 80%,#fbfbfb 100%);background:-o-linear-gradient(top,#fbfbfb 0,#f0f0f2 21%,#dfe0e5 49%,#f0f1f2 80%,#fbfbfb 100%);background:-ms-linear-gradient(top,#fbfbfb 0,#f0f0f2 21%,#dfe0e5 49%,#f0f1f2 80%,#fbfbfb 100%);background:linear-gradient(to bottom,#fbfbfb 0,#f0f0f2 21%,#dfe0e5 49%,#f0f1f2 80%,#fbfbfb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#dfe0e5',GradientType=0);width:100%;display:block;text-align:center;-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em;line-height:250%;font-size:110%!important;cursor:pointer;font-weight:bold;text-decoration:none}
.extend3o .fsrB a:hover{*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E4',endColorstr='#C6C6C6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E4',endColorstr='#C6C6C6',GradientType=0)\9}
.extend3o .fsrB a:active,html:not(.fsrM) .fsrB a:hover,.fsrDoHover a{background:-moz-linear-gradient(top,rgba(227,227,227,1) 0,rgba(198,198,198,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(227,227,227,1)),color-stop(100%,rgba(198,198,198,1)));background:-webkit-linear-gradient(top,rgba(227,227,227,1) 0,rgba(198,198,198,1) 100%);background:-o-linear-gradient(top,rgba(227,227,227,1) 0,rgba(198,198,198,1) 100%);background:-ms-linear-gradient(top,rgba(227,227,227,1) 0,rgba(198,198,198,1) 100%);background:linear-gradient(top,rgba(227,227,227,1) 0,rgba(198,198,198,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E4',endColorstr='#C6C6C6',GradientType=0)}
.extend3o .fsrM .fsrHeading{font-size:150%!important;margin-top:0}
.extend3o .fsrHeading{font-size:145%!important;font-weight:bold;margin-top:1em}
.extend3o .fsrM .fsrSubBlurb{font-size:100%!important;font-style:italic}
.extend3o .fsrSubBlurb{font-weight:bold}
.extend3o .fsrHeading,.fsrDialog p{line-height:145%}
.extend3o .fsrDialog p{margin-bottom:.6em}
/*********************** Foresee Popup styles ends **********************************************/

/*Styles For Bue Radio*/
.extend3o .blueRadio div.radio span{
	background-image: url("/olam/images/radio-btn-inactive.png");
	background-position:3px 3px;
	background-repeat: no-repeat;
	height:25px;
	width:25px;
}
.extend3o .blueRadio div.radio{
	height:25px;
	width:25px;
}
.extend3o .blueRadio div.radio span.checked{
	background-image: url("/olam/images/radio-btn-active.png");
	background-position:3px 3px;
	background-repeat: no-repeat;
	height:25px;
	width:25px;
}
.extend3o .blueRadio div.radio input{
	height:25px;
	width:25px;
}
/*End: Styles For Blue Radio*/


/*Styles for Live Text Button*/
.extend3o .cng01btn{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;	
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display: inline-block;
}

/*Size*/
.extend3o .cng01btn-sm{font-size: 15px; padding:7px 12px; }
.extend3o .cng01btn-md{font-size: 20px; padding:10px 15px;}
.extend3o .cng01btn-lg{font-size: 25px; padding:15px 20px;}

/*Color*/
.extend3o .cng01btn-primary, .extend3o .cng01btn-primary:visited{background: #005B95; border: 1px solid #005B95; color:#FFF;}
.extend3o .cng01btn-primary:hover, .extend3o .cng01btn-primary:focus, .extend3o .cng01btn-primary:active{background: #0986B8; color:#FFF; text-decoration:none !important;}
.extend3o a.cng01btn-primary:hover, .extend3o a.cng01btn-primary:focus, .extend3o a.cng01btn-primary:active {color:#FFF !important;}

.extend3o .cng01btn-secondary, .extend3o .cng01btn-secondary:visited{background: #FFF; border: 1px solid #ccc; color:#005B95;}
.extend3o .cng01btn-secondary:hover, .extend3o .cng01btn-secondary:focus, .extend3o .cng01btn-secondary:active{background: #EAEAEA; color:#005B95; text-decoration:none !important;}

.extend3o .cng01btn-disabled{background: #EAEAEA; border: 1px solid #D9D9D9; color:#666;}
.extend3o .cng01btn-disabled:hover, .extend3o .cng01btn-disabled:focus{text-decoration:none !important; cursor: not-allowed;}

/* Styles for ASM Module Starts */
.extend3o .ddUserDetailsBox1 .outerDL > dt { 
	padding: 10px 20px;
	display: block;
	border-bottom: 1px dotted #DCDCDC;
}
.extend3o .ddUserDetailsBox1 .outerDL > dd { 
	border-bottom: 1px dotted #DCDCDC;
}
.extend3o .ddUserDetailsBox1 .outerDL .innerDL { 
	padding-bottom: 10px;
    padding-top: 8px;
}
.extend3o .ddUserDetailsBox1 .outerDL .individualDL { 
	padding-bottom: 10px;
    padding-top: 8px;
}
.extend3o .ddUserDetailsBox1 .outerDL a { 
	padding-left: 35px;
    padding-right: 20px;
	display: block;
}
.extend3o .ddUserDetailsBox1 .innerDL dt { 
	color : #067AB4!important;
	word-wrap: break-word;
	font-weight: bold;
	padding-right: 20px !important;
}
.extend3o .ddUserDetailsBox1 .innerDL dd { 
	padding-top: 5px;
}
.extend3o .outerDL .individualDL > dt {
    font-weight: bold;
    padding-left: 35px;
}
.extend3o .ddUserDetailsBox1 .individualDL .innerDL {
    padding-bottom: 3px;
    padding-top: 3px;
}
.extend3o .ddUserDetailsBox1 .individualDL .innerDL dt{
	font-weight: normal;
}
.extend3o .ddUserDetailsBox1 .innerDL dt.selected {
	background:url("/olam/images/brand30/greenCheckMark.gif") no-repeat scroll right center transparent;
	
}
.extend3o .ddUserDetailsBox1 dd a:hover, .ddUserDetailsBox1 dd a:focus {
    background: none repeat scroll 0 0 #E5EEF4;
    text-decoration: none;
}
.extend3o .ddUserDetails1 a:focus {
    outline: 1px dotted #000000 !important;
	text-decoration:none;
	display:block;
	font-size:12px
}
.extend3o .ddUserDetails1 > a {
	background-image: url("/olam/images/brand30/dropdown_251.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px;
	background-color: transparent;
	text-decoration: none;
    min-height: 43px;
    width: 251px;
	display: block;
	color: #333333 !important;
}
.extend3o .ddUserDetails1  a > div.asmSel{
	padding-left: 20px;
    padding-top: 15px;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
}
div .ddUserDetailsBox1 {
    position: absolute;
    width: 251px;
    z-index: 5000 !important;
}
.extend3o .ddUserDetailsBox1 .unSelectableUSM .innerDL dt { 
	color : #666666!important;
}
/* Styles for ASM Module Ends */

/*Live Text Button - Start*/
	/*a button {
		outline: none;
		text-transform: lowercase;
	}
	a button::first-letter {
		text-transform: uppercase;
	}
	
	button:focus, .button:focus {outline: 1px dotted #000 !important;}
	button::-moz-focus-inner {border: 0 !important;}
	.button{display:inline-block !important}
	.button:focus, .button:hover{text-decoration:none !important}*/
	
	.extend3o a.button:focus, .extend3o a.button:hover{text-decoration:none !important}
	
	.extend3o a.button, .extend3o button, .extend3o input.button {
		outline: none;
		/*text-transform: lowercase; Commented by st201c to avoid transforming all the character into lowercase*/
		text-decoration: none;
	}
	
	/* Styles commented by st201c to fix IE-8,9 browser crash/freeze issue
	.extend3o a.button:first-letter, .extend3o button:first-letter, .extend3o input.button:first-letter {
		text-transform: uppercase;
	}
	*/
	.extend3o a.button:focus, .extend3o button:focus, .extend3o input.button:focus{
		outline:1px dotted #000 !important;
	}
	.extend3o button::-moz-focus-inner, .extend3o input.button::-moz-focus-inner {
		outline:1px dotted #000 !important;
		margin: 0;
		padding: 0;
		border: 0px;
	}
	
	.extend3o a.button.large, .extend3o button.large, .extend3o input.button.large, .extend3o a.button.medium, .extend3o button.medium, .extend3o input.button.medium, .extend3o a.button.small, .extend3o button.small, .extend3o input.button.small {
		outline: 0;
		display: inline-block;
		overflow: hidden;
		word-wrap: normal;
		word-break: keep-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		text-align: center;
		border-radius: 4px !important; 
		-moz-border-radius: 4px !important;
		-webkit-border-radius: 4px !important;
		border: 0px;
	}

	.extend3o a.button.large, .extend3o button.large, .extend3o input.button.large {
		padding: 14px 20px;
		font-size: 19px;
		line-height: 24px;
	}

	.extend3o a.button.medium, .extend3o button.medium, .extend3o input.button.medium {
		padding: 10px 20px; 
		font-size: 15px;
		line-height: 20px;
	}

	.extend3o a.button.small, .extend3o button.small, .extend3o input.button.small {
		padding: 8px 20px;
		font-size: 13px;
		line-height: 16px;
	}
	
	.extend3o a.button.primary, .extend3o button.primary, .extend3o input.button.primary {
		cursor: pointer;
		color: #fff;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #0574ac; /* Old browsers */
		background-image: -moz-linear-gradient(top,  #078cc5 0%, #0574ac 50%, #0574ac 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#078cc5), color-stop(50%,#0574ac), color-stop(100%,#0574ac)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #078cc5 0%,#0574ac 50%,#0574ac 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #078cc5 0%,#0574ac 50%,#0574ac 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #078cc5 0%,#0574ac 50%,#0574ac 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #078cc5 0%,#0574ac 50%,#0574ac 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#078cc5', endColorstr='#0574ac',GradientType=0 ); /* IE6-9 */
		border: 1px solid #0574ac;
	}
	.extend3o a.button.primary:hover, .extend3o button.primary:hover, .extend3o input.button.primary:hover, .extend3o a.button.primary:focus, .extend3o button.primary:focus, .extend3o input.button.primary:focus {
		color: #fff;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #0574ac;
		background-image: -moz-linear-gradient(top,  #0574ac 0%, #0574ac 50%, #078cc5 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0574ac), color-stop(50%,#0574ac), color-stop(100%,#078cc5)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #0574ac 0%,#0574ac 50%,#078cc5 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #0574ac 0%,#0574ac 50%,#078cc5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0574ac', endColorstr='#078cc5',GradientType=0 ); /* IE6-9 */
		border: 1px solid #0574ac;
	}
		
	.extend3o a.button.secondary, .extend3o button.secondary, .extend3o input.button.secondary {
		cursor: pointer;
		color: #0574ac;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #fff; /* Old browsers */
		background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 50%, #f2f2f2 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
		border: 1px solid #ccc;
	}
	.extend3o a.button.secondary:hover, .extend3o button.secondary:hover, .extend3o input.button.secondary:hover, .extend3o a.button.secondary:focus, .extend3o button.secondary:focus, .extend3o input.button.secondary:focus {
		color: #0574ac;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #fff; /* Old browsers */
		background-image: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 50%, #ffffff 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ffffff 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ffffff 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #f2f2f2 0%,#f2f2f2 50%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		border: 1px solid #ccc;
	}
	
	.extend3o a.button.inactive, .extend3o button.inactive, .extend3o input.button.inactive,	a.button.inactive:focus, .extend3o button.inactive:focus, .extend3o input.button.inactive:focus {
		color: #939393;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #fff; /* Old browsers */
		background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 50%, #f2f2f2 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 50%,#f2f2f2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
		border: 1px solid #ccc;
	}
	
	.extend3o a.button.disabled, .extend3o button.disabled, .extend3o input.button.disabled,	a.button.disabled:focus, .extend3o button.disabled:focus, .extend3o input.button.disabled:focus {
		color: #f6f6f6;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #b9b9b9; /* Old browsers */
		background-image: -moz-linear-gradient(top,  #c8c8c8 0%, #b9b9b9 50%, #b9b9b9 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(50%,#b9b9b9), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #c8c8c8 0%,#b9b9b9 50%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #c8c8c8 0%,#b9b9b9 50%,#b9b9b9 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #c8c8c8 0%,#b9b9b9 50%,#b9b9b9 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #c8c8c8 0%,#b9b9b9 50%,#b9b9b9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
		border: 1px solid #ccc;
	}
	
	.extend3o a.button.transactional, .extend3o button.transactional, .extend3o input.button.transactional {
		cursor: pointer;
		color: #fff;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #1b7e28; /* Old browsers */
		background-image: -moz-linear-gradient(top,  #2b910b 0%, #1b7e28 50%, #1b7e28 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b910b), color-stop(50%,#1b7e28), color-stop(100%,#1b7e28)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #2b910b 0%,#1b7e28 50%,#1b7e28 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #2b910b 0%,#1b7e28 50%,#1b7e28 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #2b910b 0%,#1b7e28 50%,#1b7e28 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #2b910b 0%,#1b7e28 50%,#1b7e28 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b910b', endColorstr='#1b7e28',GradientType=0 ); /* IE6-9 */
	}
	.extend3o a.button.transactional:hover, .extend3o button.transactional:hover, .extend3o input.button.transactional:hover, .extend3o a.button.transactional:focus, .extend3o button.transactional:focus, .extend3o input.button.transactional:focus {
		color: #fff;
		font-family: arial, sans-serif !important;
		background-position: center 48%;
		background-repeat: no-repeat;
		background-color: #0574ac;
		background-image: -moz-linear-gradient(top,  #1b7e28 0%, #1b7e28 50%, #2b910b 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b7e28), color-stop(50%,#1b7e28), color-stop(100%,#2b910b)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #1b7e28 0%,#1b7e28 50%,#2b910b 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #1b7e28 0%,#1b7e28 50%,#2b910b 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #1b7e28 0%,#1b7e28 50%,#2b910b 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #1b7e28 0%,#1b7e28 50%,#2b910b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b7e28', endColorstr='#2b910b',GradientType=0 ); /* IE6-9 */
	}
	
/*Live Text Button - END*/

.cs2_abs { position: absolute; top: 1px;}