@import url("myatt-common.css"); /****** 1104 CSS Starts *******/ /************ COMMON STYLES *************/ .pag.pageDesc { position:relative; top:-20px; margin-bottom:20px} .pageDesc { position:relative; top:-5px} .productOwner {font:14px Arial;position:relative;} .row-seam .productOwner, .row-seamless .productOwner {left:0} .productPlanOwnerListing {float:left;width:290px;} .productPlanOwnerListing tr td {padding:3px 0 3px 0;} .planAvatar {position:relative;left:25px;top:5px;} .planImgBox{position:relative; left:-8px} .famImg {float:left; width:120px; margin:0 14px 14px 0} .planImg {border:1px solid #ccc !important;} .usageData {padding:10px 0 10px 0;border-bottom:1px solid #ccc;margin-bottom:20px;} .editProductOwner, .changePlan {font-size:12px;} .userDevice {position:relative !important;top:25px !important;left:10px !important;} .userAvatar {border:1px solid #ccc;} .cost {font-size:16px;color:#f27d00;} .userBox h3, .tvBox h3, .tvDetailsBox h3, .userInfoBox h3 {float:left;} .userInfoBox h3 {float:left; font-size:12px; font-weight:bold;} /* For WUP00550177; Removing the top margin as the font size in

has been reduced userInfoBox has been reduced */ /* .userNumber {position:relative;float:left;width:166px;top:5px;left:10px;} */ .userNumber {position:relative;float:left;width:166px;left:10px;} .colRightLink {position:relative;float:left;top:4px;left:10px;} .planTableBox {position:relative;top:20px;padding-top:20px;background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_section_divider.gif) top center no-repeat;} .tertiaryLinks {position:relative;top:15px;} .bottomDivider {position:relative;width:100%;padding-top:20px;border-top:1px solid #ccc;} .bt_right {float:right;} .twoColumnBox h4 {margin:0 0 10px 0 !important;} .twoColLeft {float:left !important;} .twoColLeftLink {position:relative;float:left;left:10px;top:4px;} .twoColBullets {list-style: disc;} .twoColBullets li {padding:5px;margin-left:20px;} p.usageError {color:#CC0000 !important;} span.overageNoLink, span.pendingCancelLink {color:#fd0200 !important;} .tipLink {border-bottom:1px dotted #999 !important;} .tipLink:hover {text-decoration:none !important;} .groupSummary {border-top:1px solid #ccc;} .sumLeft {position:relative;float:left;top:10px;left:10px;} .sumRight {position:relative;float:right;top:10px;right:30px;} .contractDates {position:relative;left:20px;} .contractDates td {padding:5px;} .planLinksRight {position:relative;float:left;top:5px;} .planLinksRight ul li {padding:3px;} .mobileToMobileDashSep { color: #333; display: inline; height: 2px; left: 2px; position: relative; top: -9px; vertical-align: middle; } .mobileToMobileBtn { display: inline; margin-left: 3px; position: relative; } /* .mobileToMobileDashSep { position:relative; top:.5em; color:#333; padding-left:.2em } .mobileToMobileDashSep { color: #333333; display: inline; height: 2px; left: 2px; position: relative; top: -9px; vertical-align: middle; } .mobileToMobileBtn { display: inline; margin-left: 3px; position: relative; } /* .mobileToMobileDashSep { position:relative; top:.5em; color:#333; padding-left:.2em } .mobileToMobileBtn { position:relative; float:right; text-align:right; top:.3em} */ .rghtDottedSep { border-right:1px dotted #ccc } /**************************** Table Header Help Icon fixes ****************************/ th.nobr {white-space:nowrap} #ie th.nobr .align {position:relative; top:15px !important} table.nobr th {white-space:nowrap;} #ie table.nobr th .align {position:relative; top:15px !important} /***** STEPS *****/ .steps .row-seam { font-size:0.75em; background:#fff url(//www.att.com/images/global/accordion-header.gif) bottom left repeat-x; } .steps h4 {line-height: 1.45em} .steps .last {border: 0;} .steps .current { background:#f27d00 } .step1 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step1.png) left no-repeat; padding-left:35px } .step2 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step2.png) left no-repeat; padding-left:35px } .step3 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step3.png) left no-repeat; padding-left:35px } .step4 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step4.png) left no-repeat; padding-left:35px } .current .step1 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step1-selected.png) left no-repeat; padding-left:35px } .current .step2 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step2-selected.png) left no-repeat; padding-left:35px } .current .step3 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step3-selected.png) left no-repeat; padding-left:35px } .current .step4 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step4-selected.png) left no-repeat; padding-left:35px } .past .step1, .past .step2, .past .step3 {background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/checkmark.gif) left no-repeat; padding-left:35px; color:#005B95} .steps .current h4 { font-weight:bold; color:#FFF; } /********** CONTAINERS **********/ #breadcrumb {position:relative;left:20px;} .userBox{position:relative;top:20px;padding:20px 0 20px 0; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_user_box.gif) top center no-repeat;width:655px;} .userDeviceBox {position:relative;float:left;width:210px;left:-10px;/*top:15px;left:25px;*/} .userInfoBox {position:relative;float:left;top:0;width:346px;} .userCostBox { display: inline-block; float: right; position: absolute; right: 20px; text-align: right; } .userLinkBox {position:relative;left:212px;} .noShadow {background:none;position:relative;padding:10px 0 0 0px;float:left;} .inlineLinkBox {position:relative;left:235px;top:14px} .changePlanSteps {position:relative;margin-bottom:20px;} .tvDetailsBox {position:relative;top:20px;padding:20px 0 20px;background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_user_box.gif) top center no-repeat;width:655px;} .twoColumnBox {position:relative;float:left;width:100%;top:20px;background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_twoColumnBox.gif) center center repeat-y;} .twoColumnBoxLeft {position:relative;float:left;width:290px;} .twoColumnBoxRight {position:relative;float:left;left:65px;width:290px;} .tripleBox {position:relative;float:left;top:60px;} .tBox {float:left;width:130px;border-right:1px dotted #ccc;padding-left:15px;height:30px;} .tBoxLast {border-right:none;} /********** OVERRIDES **********/ p.inline-links {padding:5px 0 10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .msg p {color:#333 !important;border:none !important;background:none !important;} .planTable {width:100% } .planTable th{background:url(//www.att.com/images/global/row-seam-dotted.gif) bottom repeat-x; padding-bottom:.5em} .planTable th, .planTable td{line-height:normal; padding:10px 5px; position:relative} .planTable th a{padding-right:5px; font-weight:bold; color:#3381b7; display:inline-block; position:relative} .planTable th {/*padding:10px 0 10px 5px*/width:80px;} .planTable th a{padding-right:10px} .planTable td {background:#fff url(//www.att.com/images/global/row-seam-dotted.gif) top repeat-x;} th.planName {width:160px;} .tblSeparator {border-bottom:2px solid #ccc;padding:10px 0; } .noline td {background:none !important;} .noBorder {border:none !important;} #ie .togTip {position:relative; top:-3px} /************** GROUP HEADING **************/ .group-title{position:relative; min-height:3.5em } .group-title h2{ float:left; display:inline; line-height:1.2; color:#333} .group-title ul{display:inline; float:left; min-height:3.5em; line-height:1.2} .group-title li{display:inline; white-space:nowrap} .group-title .left{position:absolute; top:.7em; line-height:1.2; margin:0; padding-left:1em} .group-title .right{position:absolute; right:0; top:.3em; line-height:1.2; margin:0} .styled_forms > div.group-title{margin-top:20px; margin-bottom:0} /************** 2.0 Step Indicator **************/ .stepIndicator {list-style:none; /*margin:20px 0 20px 5px*/} .stepIndicator li {color:#666; display:inline-block; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/arrow.png) right center no-repeat; padding-right:40px; margin-right:15px; float:left} /*use commonLogin/igate_wam/staticContent/images/myworld path */ .stepIndicator li.active {color:#f60} .stepIndicator li.last {background:none; margin-right:0; padding-right:0} /************** LTE STYLES **************/ .table th, .table td{ text-align:left !important} .selectDate p { margin-bottom:15px} .selectDate dl { margin-bottom:10px} .selectDate .btn { padding:20px 0} .selectDate .btnLt img{ vertical-align:middle } .disclaimer { background:url(//www.att.com/images/global/grad-top-disclaimer.gif) top left repeat-x } .selectDateList {padding-bottom:30px} .selectDateList dt{padding:15px 0 10px 0;margin-top:20px;border-top:1px dotted #cccccc;font-weight:bold} .selectDateList dt:first-child{border:0;padding-top:0px} .selectDateList dd{margin-top:10px} .selectDateList .openModal img{position:relative;top:5px} /******************** CALENDAR TREATMENT ********************/ .w230{float:left; width:230px; margin:0 14px 14px 0} .w230.last{margin:0 -14px 14px 0; clear:right} .calendar { position: relative; width: 100%; height: 100%; } .calendar th { color: #fff; font-weight: bold; } .calendar th.calendarDay { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-day-bg.png) 100% 0 no-repeat; padding: 3px 0 2px 5px; border:none !important; text-align:left !important; } .calendar td { color:#333; font-weight: bold; border: 1px solid #e2e2e2; padding: 2px 13px 14px 4px !important; } .calendar td a { color:#333; font-weight: bold; } .calendar td.noBtmBorder { border-bottom:none; } .calendar td.noRgtBorder { border-right:none; } .calendar td:hover { background:#e6f1f7 url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-hover-bg.png) 100% 0 no-repeat; text-decoration:none; } .calendar td.selectedDate { color: #fff; font-weight: bold; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-selected-date-bg.png) 100% 0 no-repeat; } .calendar td.currentDate { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-todays-date-bg.png) 100% 0 no-repeat; } .calendar td.unavailableDate { background: url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-unavailable-date-bg.png) 100% 0 no-repeat; } .calendar-titleContainer { position: relative; width: 100%; height: 2.6em; text-align: center; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-title-bg.png) 0 100% no-repeat; } .calendar-titleText { position: absolute; top: .5em; left: 0px; width: 100%; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 1.1em; } .calendar-titleText .prevMonth { position:absolute; left:0px; top: .135em; padding-left: .60em; } .calendar-titleText .nextMonth { position:absolute; right:0px; top: .135em; padding-right: .60em; } /****** 1104 CSS Ends *******/ /****** 1106 CSS Starts *******/ /********** PAGINATION **********/ .extend3o .pagination { position:relative;float:right;width:100%;} .extend3o .pagination ul {list-style:none;float:right;} .extend3o .pagination ul li {float:left;} .extend3o .pagination ul li a {padding:0 5px 0 5px;} .extend3o .pagination ul li a.current {border:1px solid #ccc;} .extend3o .pagination ul li a.prev {border-right:1px dotted #ccc;} .extend3o .pagination ul li a.next {border-left:1px dotted #ccc;} .extend3o .pagination.ptop {margin-top:-17px;top:-10px;} /************ COMMON STYLES *************/ .extend3o .pag.pageDesc { position:relative; top:-20px; margin-bottom:20px} .extend3o .pageDesc { position:relative; top:-5px} .extend3o .productOwner {font:14px Arial;position:relative;left:0px;} .extend3o .productOwner p {font:14px Arial;position:relative;left:0px;} /* paragraph is added for WUP00552414*/ .extend3o .row-seam .productOwner, .extend3o .row-seamless .productOwner {left:0} .extend3o .productPlanOwnerListing {float:left;width:290px;} .extend3o .productPlanOwnerListing tr td {padding:3px 0 3px 0;} .extend3o .productPlanOwnerListing .tooltips{margin:0px;} .extend3o .planAvatar {position:relative;left:25px;top:5px;} /*.extend3o .planImgBox {position:relative;left:15px;}*/ .extend3o .planImg {border:1px solid #ccc !important;} .extend3o .usageData {padding:10px 0 10px 0;border-bottom:1px solid #ccc;margin-bottom:20px;} .extend3o .usageDataDotted{padding:10px 0 10px 0;border-bottom:1px dotted #ccc;margin-bottom:20px;} .extend3o .editProductOwner, .extend3o .changePlan {font-size:12px;} .extend3o .userDevice {position:relative !important;top:25px !important;left:10px !important;} .extend3o .userAvatar {border:1px solid #ccc;} .extend3o .cost {font-size:16px;color:#f27d00;} .extend3o .userBox h3, .extend3o .tvBox h3, .extend3o .tvDetailsBox h3, .extend3o .userInfoBox h3 {float:left;} .extend3o .userNumber {position:relative;float:left;width:166px;top:5px;left:10px;} .extend3o .userNumberNew {position:relative;float:left;width:166px;top:5px;left:0px;} /* Added to resolve the missalignment Issue in WUP00550177*/ .userNumberNew {position:relative;float:left;width:166px;top:5px;left:0px;} /* Added to resolve the missalignment Issue in WUP00550177*/ .extend3o .colRightLink {position:relative;float:left;top:4px;left:10px;} .extend3o .planTableBox {position:relative;top:20px;padding-top:20px;background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_section_divider.gif) top center no-repeat;} .extend3o .tertiaryLinks {position:relative;top:15px;} .extend3o .bottomDivider {position:relative;width:100%;padding-top:20px;border-top:1px solid #ccc;} .extend3o .bt_right {float:right;} .extend3o .twoColumnBox h4 {margin:0 0 10px 0 !important;} .extend3o .twoColLeft {float:left !important;} .extend3o .twoColLeftLink {position:relative;float:left;left:10px;top:4px;} .extend3o .twoColBullets {list-style: disc;} .extend3o .twoColBullets li {padding:5px;margin-left:20px;} .extend3o p.usageError {color:#CC0000 !important;} .extend3o span.overageNoLink, span.pendingCancelLink {color:#fd0200 !important;} .extend3o .tipLink {border-bottom:1px dotted #999 !important;} .extend3o .tipLink:hover {text-decoration:none !important;} .extend3o .groupSummary {border-top:1px solid #ccc;} .extend3o .sumLeft {position:relative;float:left;top:10px;left:10px;} .extend3o .sumRight {position:relative;float:right;top:10px;right:30px;} .extend3o .contractDates {position:relative;left:20px;} .extend3o .contractDates td {padding:5px;} .extend3o .planLinksRight {position:relative;float:left;top:5px;} .extend3o .planLinksRight ul li {padding:3px;} .extend3o .mobileToMobileDashSep { position:relative; top:.5em; color:#333; padding-left:.2em } .extend3o .mobileToMobileBtn { position:relative; float:right; text-align:right; top:.3em} .extend3o .rghtDottedSep { border-right:1px dotted #ccc } .extend3o .vertical-sep{font-size:12px;color:#bfbfbf;margin:0px 5px 0px 5px} /***** STEPS *****/ .extend3o .steps .row-seam { font-size:0.75em; background:#fff url(//www.att.com/images/global/accordion-header.gif) bottom left repeat-x; } .extend3o .steps h4 {line-height: 1.45em} .extend3o .steps .last {border: 0;} .extend3o .steps .current { background:#f27d00 } .extend3o .step1 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step1.png) left no-repeat; padding-left:35px } .extend3o .step2 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step2.png) left no-repeat; padding-left:35px } .extend3o .step3 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step3.png) left no-repeat; padding-left:35px } .extend3o .step4 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step4.png) left no-repeat; padding-left:35px } .extend3o .current .step1 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step1-selected.png) left no-repeat; padding-left:35px } .extend3o .current .step2 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step2-selected.png) left no-repeat; padding-left:35px } .extend3o .current .step3 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step3-selected.png) left no-repeat; padding-left:35px } .extend3o .current .step4 { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/step4-selected.png) left no-repeat; padding-left:35px } .extend3o .past .step1, .extend3o .past .step2, .extend3o .past .step3 {background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/checkmark.gif) left no-repeat; padding-left:35px; color:#005B95} .extend3o .steps .current h4 { font-weight:bold; color:#FFF; } /********** CONTAINERS **********/ .extend3o #breadcrumb {position:relative;left:20px;} /* Commented for WUP00550863 and moved to myatt-common.css */ /*.extend3o .userBox{position:relative;top:20px;padding:20px 0 20px;background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_user_box.gif) top center no-repeat;width:655px;}*/ .extend3o .userDeviceBox {position:relative;float:left;width:210px;left:-5px;/*top:15px;left:25px;*/} .extend3o .userDeviceBoxTitanOrder {position:relative;float:left;width:184px;left:-5px;/*top:15px;left:25px;*/} .extend3o .userDeviceBoxTitanOrder_nowrap {position:relative;float:left;width:174px;left:-5px;/*top:15px;left:25px;*/} .extend3o .userInfoBox {position:relative;float:left;top:0;left:5px;width:365px;} .extend3o .userCostBox {position:relative;/*float:left;*/left:0px;text-align:right;} .extend3o .userLinkBox {position:relative;left:205px;} .extend3o .noShadow {background:none;position:relative;padding:10px 0 0 25px;float:left;} .extend3o .inlineLinkBox {position:relative;left:230px;} .extend3o .changePlanSteps {position:relative;margin-bottom:20px;} .extend3o .tvDetailsBox {position:relative;top:20px;padding:20px 0 20px;background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_user_box.gif) top center no-repeat;width:655px;} .extend3o .tvBoxMargin14 {float: left; margin: 0 14px 14px 0;} .extend3o .twoColumnBox {position:relative;float:left;width:100%;top:20px;background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_twoColumnBox.gif) center center repeat-y;} .extend3o .twoColumnBoxLeft {position:relative;float:left;width:290px;} .extend3o .twoColumnBoxRight {position:relative;float:left;left:65px;width:290px;} .extend3o .tripleBox {position:relative;float:left;top:60px;} .extend3o .tBox {float:left;width:130px;border-right:1px dotted #ccc;padding-left:15px;height:30px;} .extend3o .tBoxLast {border-right:none;} /********** OVERRIDES **********/ .extend3o p.inline-links {padding:5px 0 10px !important;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important} .extend3o .msg p {color:#333 !important;border:none !important;background:none !important;} .extend3o .planTable {width:100% } .extend3o .planTable th{background:url(//www.att.com/images/global/row-seam-dotted.gif) bottom repeat-x; padding-bottom:.5em} .extend3o .planTable th, .extend3o .planTable td{line-height:normal; padding:10px 5px; position:relative} .extend3o .planTable th a{padding-right:5px; font-weight:bold; color:#681aa9; display:inline-block; position:relative} .extend3o .planTable th {/*padding:10px 0 10px 5px*/width:80px;} .extend3o .planTable th a{padding-right:10px} .extend3o .planTable td {background:#fff url(//www.att.com/images/global/row-seam-dotted.gif) top repeat-x;} .extend3o th.planName {width:160px;} .extend3o .tblSeparator {border-bottom:2px solid #ccc;padding:10px 0; } .extend3o .noline td {background:none !important;} .extend3o .noBorder {border:none !important;} /************** GROUP HEADING **************/ .extend3o .group-title{position:relative; min-height:3.5em } .extend3o .group-title h2{ float:left; display:inline; line-height:1.2; color:#333} .extend3o .group-title ul{display:inline; float:left; min-height:3.5em; line-height:1.2} .extend3o .group-title li{display:inline; white-space:nowrap} .extend3o .group-title .left{position:absolute; top:.7em; line-height:1.2; margin:0; padding-left:1em} .extend3o .group-title .right{position:absolute; right:0; top:.3em; line-height:1.2; margin:0} .extend3o .styled_forms > div.group-title{margin-top:20px; margin-bottom:0} /************* Buttons **************/ .extend3o .btnInsideRowSeam{ border-top:1px solid #DBDBDB; margin:0 0px 0 0px; padding:20px 0 0; width:655px; } .extend3o .modalContent .btnInsideRowSeam{ border-top:1px solid #DBDBDB; margin:0 0px 0 0px; padding:20px 0 0; width:627px; } .extend3o .MyservicesTermsROwSeam{padding:0 10px;} .extend3o .Myservicesterms { border:1px solid #E3E3E3; height:50px; overflow-y:scroll; padding:20px; } /************** 2.0 Step Indicator **************/ .stepIndicator {list-style:none; /*margin:20px 0 20px 5px*/} .stepIndicator li {color:#666; display:inline-block; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/arrow.png) right center no-repeat; padding-right:40px; margin-right:15px; float:left} /*use commonLogin/igate_wam/staticContent/images/myworld path */ .stepIndicator li.active {color:#f60} .stepIndicator li.last {background:none; margin-right:0; padding-right:0} /************** LTE STYLES **************/ .extend3o .table th, .extend3o .table td{ text-align:left } .extend3o .selectDate p { margin-bottom:15px} .extend3o .selectDate dl { margin-bottom:10px} .extend3o .selectDate .btn { padding:20px 0} .extend3o .selectDate .btnLt img{ vertical-align:middle } .extend3o .disclaimer { background:url(//www.att.com/images/global/grad-top-disclaimer.gif) top left repeat-x } /******************** CALENDAR TREATMENT ********************/ .extend3o .calendar { position: relative; width: 100%; height: 100%; } .extend3o .calendar th { color: #fff; font-weight: bold; } .extend3o .calendar th.calendarDay { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-day-bg.png) 100% 0 no-repeat; padding: 3px 0 2px 5px; border:none !important; text-align:left !important; } .extend3o .calendar td { color:#333; font-weight: bold; border: 1px solid #e2e2e2; padding: 2px 13px 14px 4px !important; } .extend3o .calendar td a { color:#333; font-weight: bold; } .extend3o .calendar td.noBtmBorder { border-bottom:none; } .extend3o .calendar td.noRgtBorder { border-right:none; } .extend3o .calendar td:hover { background:#e6f1f7 url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-hover-bg.png) 100% 0 no-repeat; text-decoration:none; } .extend3o .calendar td.selectedDate { color: #fff; font-weight: bold; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-selected-date-bg.png) 100% 0 no-repeat; } .extend3o .calendar td.currentDate { background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-todays-date-bg.png) 100% 0 no-repeat; } .extend3o .calendar td.unavailableDate { background: url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-unavailable-date-bg.png) 100% 0 no-repeat; } .extend3o .calendar-titleContainer { position: relative; width: 100%; height: 2.6em; text-align: center; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/calendar-title-bg.png) 0 100% no-repeat; } .extend3o .calendar-titleText { position: absolute; top: .5em; left: 0px; width: 100%; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 1.1em; } .extend3o .calendar-titleText .prevMonth { position:absolute; left:0px; top: .135em; padding-left: .60em; } .extend3o .calendar-titleText .nextMonth { position:absolute; right:0px; top: .135em; padding-right: .60em; } /****** LTE Phase @ *****/ /*Manage-Features*/ .extend3o .table td.tableTDBG{ background:url('/commonLogin/igate_wam/staticContent/images/myworld/English/brand30/attReccomends.JPG') no-repeat scroll left top; padding-top:20px;} .extend3o .table tr.recomend td {padding-top: 20px;} .extend3o .mod-service-landing .blackberry {border-bottom:1px solid #CCCCCC; padding-bottom:20px;} .extend3o .leftblackberry #blackberryquest{font-size:12px;float:right;margin-left:100px;} .extend3o #blackberryprint{font-size:12px;float:right;} .extend3o .blackberry h2 a{font-size:12px;} .extend3o .blackberry p{padding-top:10px;} .extend3o #include{margin-left:80px;} /*.extend3o .mod-accordion h4{font-size:1.2em;} .extend3o .mod-accordion h4 a{color:#666666;float:left; padding:0 5px;} .extend3o .mod-accordion h4 img{float:left; padding-top:7px;} .extend3o .mod-accordion h4.confirmStep{background:url('/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bg_currentStep.gif') repeat-x;} .extend3o .mod-accordion h4.confirmStep a{color:#FFFFFF; font-weight:bold;}*/ .extend3o .texttable{width:200px;} .extend3o .table td.tableTDBG{ background:url('/commonLogin/igate_wam/staticContent/images/myworld/English/brand30/attReccomends.JPG') no-repeat scroll left top; padding-top:20px;} .extend3o .texttableWid{width:65px;} .extend3o .texttableWidText{width:45px;} .extend3o .row-seamless table.table tbody tr td .texttableWidSel{padding-left:0px;} /*.extend3o .menu_container div:first-child {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/usm/iconChange.png") no-repeat scroll 100% 100% transparent;}*/ .extend3o a.usm_click img{ margin:2px 5px 0 6px !important; margin:2px 5px 0 6px;} .extend3o .row-seamless .btn{padding-bottom:40px;} /*for screen-11.0c-myservices-wireless-services-landingpage-FTplan*/ .extend3o .LTECRdivider{ color:#333; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/global/divider-h2.gif) 0 50% no-repeat; margin-left:5px; padding-left:11px} .extend3o .LTECRuserInfoBox {top:0;left:5px;width:365px;} .extend3o .wallet-list{} .extend3o .wallet-list li:first-child{border-bottom:1px solid #bfbfbf;padding:5px 0 5px 0} .extend3o .wallet-list li{border-bottom:1px dotted #bfbfbf;padding:5px 0 5px 0} .extend3o .wallet-list .title{font-weight:bold} .extend3o .wallet-list .sep{color:#bfbfbf;font-size:1.2em;margin:0 5px 0 5px} .extend3o .wallet-list li.last{border-bottom:0px;padding:5px 0 5px 0;text-align:right} .extend3o .wallet-list li.last img{margin-left:5px;position:relative;top:3px} .wallet-list{} .wallet-list li:first-child{border-bottom:1px solid #bfbfbf;padding:5px 0 5px 0} .wallet-list li{border-bottom:1px dotted #bfbfbf;padding:5px 0 5px 0} .wallet-list .title{font-weight:bold} .wallet-list .sep{color:#bfbfbf;font-size:1.2em;margin:0 5px 0 5px} .wallet-list li.last{border-bottom:0px;padding:5px 0 5px 0;text-align:right} .wallet-list li.last img{margin-left:5px;position:relative;top:3px} /*individual_plan.css*/ .extend3o #text_center{margin:20px 60px 30px 185px;} .extend3o #my_row{padding-bottom:22px;} .extend3o #abs1{float:right;margin-right:70px} .extend3o #my_table .last1{padding-left:250px;} .extend3o .toggleGroup{margin-left:30px} .extend3o #toggleGroup2 .mod-service-landing a img{ display: inline-block; margin-right: 10px; position: relative; top: 0px; } .extend3o #landing #right_div{padding-left:19px;} /***********************/ /* For LTE Issue fix on 10 - Mar 2011 */ .extend3o .usageYellow{color:#f7ba00;} .extend3o .mod-service-landing a img {top: -1px;} .extend3o .mod-service-landing a img.helpicn-img {top: -2px;} .extend3o .mod-service-landing a img.calc-img{top: 2px;} .extend3o .LTECRw226 {float: left;margin: 0 14px 14px 0;width: 226px;} .extend3o .LTECRw186 {float: left;margin: 0 14px 14px 0;width: 186px;} .extend3o .inline-links a.lnk-help-icon{margin:0} .extend3o .section-title .acnumber-top0{top:0px;} .extend3o table p.Ultd-Usage-para{margin-bottom:0px;} /*** PROMOS AND REWARDS ***/ .extend3o .promoList{border-top:1px dotted #e5e5e5;padding-bottom:20px} .extend3o .promoList li:first-child{padding-top:20px} .extend3o .promoList li{padding-top:10px} .extend3o .promoList li .tooltips{line-height:1em} .extend3o .promoList .amountTitle{font-weight:bold;font-size:14px;margin-left:10px} .extend3o .promoList .amount{font-weight:bold;font-size:14px;color:#F27D00} .extend3o .defList{} .extend3o .defList dt {font-weight:bold;margin:20px 0 10px 0} .extend3o .defList dt:first-child {margin:0px 0 10px 0} .extend3o .defList dd{margin-bottom:10px} .extend3o .defList .last{margin-top:20px} .extend3o .other-products{} .extend3o .other-products li{width:110px;float:left;text-align:center;margin-left:20px} .extend3o .other-products li:first-child{margin-left:0px} /* For LTE CR*/ .extend3o .LTECRuserLinkBox {position:relative;left:215px;} .extend3o .box.lte { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; border:1px solid #e3e3e3; margin-bottom:14px; width:450px } /****Divider****/ .extend3o .servicedivider{background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/global/divider-h2.gif) 0 50% no-repeat; margin-left:5px; padding-left:5px} .extend3o .group-title-3-0{ position:relative; min-height:55px } .extend3o .group-title-3-0 h2, .extend3o .group-title-3-0 h3, .extend3o .group-title-3-0 h4, .extend3o .group-title-3-0 h5, .extend3o .group-title-3-0 h6{ margin:0 10px 0 24px; float:left; display:inline; font-size:2.0em; line-height:55px; color:#333 } .extend3o .group-title-3-0 > ul{display:inline; float:left; min-height:55px; line-height:55px } .extend3o .group-title-3-0 li{display:inline; white-space:nowrap} .extend3o .group-title-3-0 .account-number{line-height:55px; font-size:1.3em; color:#333; background:url(//www.att.com/images/global/divider-h2.gif) 0 50% no-repeat; margin-left:5px; padding-left:11px} .extend3o .group-title-3-0 .right{position:absolute; right:14px; top:3px; line-height:55px; margin:0} .extend3o .group-title-3-0 .left{position:absolute; top:3px; line-height:55px; margin:0} .extend3o .group-title-3-0 .disabletext{color:#c3c3c3;} .extend3o .disabletext{color:#c3c3c3;} .extend3o a.toggle { color: #333333; text-decoration: none;} .extend3o .pos-rel{position:relative;} .extend3o .MarLeft70{Margin-left:70px;} .MarLeft25 {Margin-left:25px;}; .extend3o .lineHeightNormal{line-height:normal !important} body.extend3o.AriaContBackG {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bgShop.png") repeat-x scroll left top transparent;} .tertiaryLinksTop10 { position:relative; top:10px; } /* table .leftRight0 th,table .leftRight0 td {padding:10px 0px 10px 0px !important}; */ .leftRight0{padding:10px 0px 10px 0px !important} /*My Services inline links*/ p.inline-links a, .inline a {white-space:nowrap} /*WUP00541402*/ .selectDateList {padding-bottom:30px} .selectDateList dt{padding:15px 0 10px 0;margin-top:20px;border-top:1px dotted #cccccc;font-weight:bold} .selectDateList dt:first-child{border:0;padding-top:0px} .selectDateList dd{margin-top:10px} .selectDateList .openModal img{position:relative;top:5px} /***Myservices 11/7 ***/ .extend3o .calEntry-titleContainer { position: relative; width: 100%; height: 2.4em; text-align: center; background: #999; } .extend3o .calEntry-titleText { background: #999; position: absolute; top: .5em; left: 0px; width: 100%; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 1.1em; } .extend3o .calEntry-titleText img { position: relative; top: .135em; padding-left: .60em; padding-right: 0em; } .extend3o .calEntry { position: relative; left: 0.1em; width: 100%;/*changed 11/7*/ height: 100%; text-align: center; } .extend3o .calEntry th { color: #646464; background: #fff; font-weight: bold; } .extend3o .calEntry td { padding: .35em; font-weight: normal; background: #e5e5e5; border: 1px solid #fff; } .extend3o .wid200{float:left; width:200px; margin:0 14px 14px 0} /* 5x26px */ .extend3o .SDGMemberInnerTD > div.disabled {color: #333333;} /* Changes for 1307 NCI */ .extend3o #arrowWidth {float:left; width: 26px; margin:0 14px 14px 0; position:relative} .extend3o #arrowWidth.leftArr{float:left; width: 26px; margin:0 14px 14px 0} .extend3o #arrowWidth.rightArr{float:left; width: 26px; margin:0 0px 14px 14px} .MarLeftRight7 {margin-left:7px!important; margin-right:7px!important} .extend3o .vertDivide {background: url(//www.att.com/images/global/vertSeparator1x105.png) left no-repeat; padding:3px 40px; text-align:left } .extend3o .agreementText{ height: 137px; overflow-y: scroll; overflow-x:hidden; padding: 15px; } .extend3o div.btnRt a:focus, .extend3o div.btnLt a:focus{ outline-width: 1px; outline-style: dotted; outline-color: #000000; } /* End of changes for 1307 NCI */ /*BIG 3 1307 Begins*/ #content #supLinks { position:relative; top:5px; right:43px;} #content #supLinks .helpText { margin-bottom:0; position:relative; top:-2px; font-size:14px; color:#666; text-align:right;} #content #supLinks .telNumber { padding-left:5px; padding-right:5px; font-size:12px; color:#333;} .extend3o .topMar165{margin-top:165px; width:97%;} .extend3o #ie .topMar190IE{margin-top:190px;} /*BIG 3 1307 Ends*/ /*HOME SOLUTIONS - myServices POD 1311 BEGINS*/ .extend3o #primary-content.mainContentMod{float:left; width:944px; margin-left:14px} .extend3o #primary-content #planDetails .mainFeatures { margin:0; padding:5px 0 0 15px;} .extend3o #primary-content #planDetails .mainFeatures .msg { background:none repeat scroll 0 0 #FEFCE1; border:1px solid #FCF7B8; margin:0 15px 0 0;} .extend3o #primary-content #planDetails .chgPlan { position:relative; top:25px; left:0;} /****Error Msg BEGINS ****/ .extend3o #primary-content #planDetails .box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; border-radius: 5px 5px 5px 5px; margin-bottom: 14px; min-height: inherit; position: relative;} .extend3o #primary-content #planDetails .errorMsg.box { border: 1px solid #FD0200; margin: 15px 15px 20px 0; padding: 12px 14px 5px;} .extend3o #primary-content #planDetails .errorMsg.box p:first-child { background: url("//www.att.com/images/global/iconError46x43.png") no-repeat scroll left top transparent; color: #FD0200; margin-bottom: 0; padding: 8px 14px 17px 50px;} .extend3o #primary-content #planDetails .errorMsg.box ul { color: #F20200 !important; list-style: disc inside none; padding: 0 14px 20px 60px; position: relative; top: -15px;} .extend3o #primary-content #planDetails .errorMsg.box ul li { color: #F20200 !important; clear:left; width:100%;} .extend3o #primary-content #planDetails .mainFeatures .msg { background:none repeat scroll 0 0 #FEFCE1; border:1px solid #FCF7B8; margin:0 15px 0 0;} /****Error Msg ENDS ****/ #modContent {position: relative; padding:0; margin:0; font:11px Arial; text-align:left;} #md .newLinkColor .sortTable { width:90%;} #promoAlerts { padding:0; margin:0; width:90%;} #promoAlerts p { margin-bottom:10px;} #promoAlerts .yellowAlert { background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/alertIcon-yellow.png") no-repeat scroll left top transparent; padding: 8px 15px 0; position:relative; top:8px; left:5px;} #promoAlerts .txtAlert { position:relative; top:3px;} #promoAlerts .alertMod .msg.box { margin:0 0 15px; padding:14px;} #promoAlerts .alertMod .msg.box p { margin:-10px;} /*HOME SOLUTIONS - myServices POD 1311 ENDS*/ /*INTERNET HOME SOLUTIONS - myServices POD 1311 BEGINS V32*/ #wrapContent #primary-content .errorMsg.box { border:1px solid #fd0200; margin:15px 20px 10px; padding:12px 14px 5px 14px;} #wrapContent #primary-content .msg.box{margin:15px 20px 10px; padding:14px;} #wrapContent .page-title {height: 4.5em; padding: 10px 0 0 28px; margin-bottom:0;} #wrapContent .page-title h1 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 10px 0 0 1px;} #wrapContent #primary-content { width:645px; margin:0; padding:0; border-right:1px solid #E3E3E3;} #wrapContent #secondary-content { margin:0; padding:0; float:left; width:330px; height:auto;} #wrapContent #primary-content .section-title2 { background:none; margin:13px 0 0 -1px; padding:0; min-height:0;} #wrapContent #secondary-content .section-title2 { background:none; margin:13px 0 10px 5px !important; padding:0; min-height:0;} #wrapContent #primary-content .section-title2 h2, #wrapContent #secondary-content .section-title2 h2 { margin:2px 0 0 30px; line-height:1em; clear:left; font-size:24px;} #wrapContent #primary-content .section-title2 p { font-size:16px; margin:-2px 0 0 31px;} #wrapContent #secondary-content .section-title2 p { font-size:16px; margin:-2px 0 0 30px;} #wrapContent #primary-content .section-title2 a { float:left; clear:left;} #wrapContent #primary-content .section-title2 .chgPlan { position:relative; float:right; top:-25px; padding:0; margin:0 22px 0 0;} #wrapContent #secondary-content .section-title2 .promoCount { position:relative; padding:0; margin:0; font-size:14px; color:#666; right:40px; float:right;} #wrapContent #supLinks { position:relative; top:31px; right:48px;} #wrapContent .chatImg { position:relative; top:3px; left:5px;} #wrapContent #primary-content .planDetails { padding:31px 0 0 0; margin:0; float:left;} #wrapContent #primary-content .planDetails .leftCol { margin:0; padding:0; float:left; width:320px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/verticalDivider3x127.png") no-repeat scroll right center transparent;} #wrapContent #primary-content .planDetails .rightCol { margin:0; padding:0; float:left; width:325px;} #wrapContent #primary-content .planDetails .leftCol h2 { font-size:16px; margin:0 0 7px 30px;} #wrapContent #primary-content .planDetails .rightCol h2 { font-size:16px; margin:0 40px 13px 20px;} #wrapContent #primary-content .planDetails .leftCol p { margin:0 65px 3px 30px; padding:0;} #wrapContent #primary-content .planDetails .leftCol .w175 { width:175px;} #wrapContent #primary-content .planDetails .rightCol p { left: 0; margin: 4px 30px 10px 20px; padding: 0; position: relative; text-align: left; top: 0;} #wrapContent #primary-content .planDetails .rightCol p.first { margin: 0 0 5px 15px;} #wrapContent #primary-content .planDetails .leftCol ul { margin:0 0 0 29px; padding:0; list-style:none; height:45px;} #wrapContent #primary-content .planDetails .rightCol ul { margin:-6px 0 0 20px; padding:0; list-style:none; height:auto; float:left;} #wrapContent #primary-content .planDetails .leftCol ul li { margin:1px 0 0 1px; padding:0 0 0 9px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent; line-height:1.3em;} #wrapContent #primary-content .planDetails .rightCol .devTxt { margin:0; padding:0; width:210px; float:left;} #wrapContent #primary-content .planDetails .rightCol .devImg { margin:0 25px 0 0; padding:0; float:right;} #wrapContent #primary-content .planDetails .rightCol .repairIcon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/ico_wrench_16x15.gif") left no-repeat; padding-left:15px; padding-bottom:1px; width:16px; height:15px; color:#fff;} #wrapContent #primary-content .planDetails .rightCol ul li { margin:0; padding:0; float:left;} #wrapContent #primary-content .planDetails .rightCol ul li.routerTxt { width:285px;} #wrapContent #primary-content .planDetails .rightCol .routerImg { float:right;} #wrapContent #primary-content .planDetails .leftCol .pdficon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/pdficon_small.png") left center no-repeat; padding:3px 0 0 5px; width:16px; height:16px; color:#fff; position:relative; bottom:0; left:0; float:left;} #wrapContent #primary-content .planDetails .rightCol .videoIcon { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/video-camera-icon.gif") left no-repeat; border-bottom: 1px solid white !important; padding-left: 15px; position: relative;top:0; left:0;} #wrapContent #primary-content .planDetails .rightCol .sep { margin:0 6px 0 4px; padding:0; color:#b8b8b8;} #wrapContent .solidSep {border-bottom:1px solid #E3E3E3; clear:both; margin-bottom:20px; width:98.6%; padding-top:20px; line-height:0;} #wrapContent #primary-content .planFeatures { padding:0; margin:48px 0 0 0;} #wrapContent #primary-content .planFeatures h2 { font-size:16px; margin:0 0 13px 30px;} #wrapContent #primary-content .planFeatures ul { margin:0 0 0 29px; padding:0; list-style:none;} #wrapContent #primary-content .planFeatures ul li { margin:0 0 20px 0; padding:0; float:left; width:205px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/verticalDivider3x86.png") no-repeat scroll right 15px transparent;} #wrapContent #primary-content .planFeatures ul li.first { text-align:center;} #wrapContent #primary-content .planFeatures ul li p { padding:0 20px 0 20px; margin-bottom:0; margin-top:4px;} #wrapContent #primary-content .planFeatures ul li p.virTxt { padding-left:30px; padding-right:30px;} #wrapContent #primary-content .planFeatures ul li p.imageIcon { height:50px;} #wrapContent #primary-content .planFeatures ul li.center { text-align:center;} #wrapContent #primary-content .planFeatures ul li.last { background: none; text-align:center;} #wrapContent #primary-content .section_divider578 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/horDivider578x1.png") no-repeat scroll 0 0 transparent; padding:0; margin:20px 0 20px 30px;} #wrapContent #primary-content .emailFeatures { padding:0; margin:0 0 10px 0; float:left;} #wrapContent #primary-content .emailFeatures h2 { font-size:16px; margin:0 0 0 30px; float:left;} #wrapContent #primary-content .emailFeatures .magEmail { position:relative; float:left; top:6px; padding:0; margin:0 0 0 10px;} #wrapContent #primary-content .emailFeatures .sep { margin:0 6px 0 5px; padding:0; color:#b8b8b8;} #wrapContent #primary-content .email-details { margin:0; padding:0 0 25px 0; clear:left; width:100%;} #wrapContent #primary-content .email-details .emailReg {margin:0 0 20px 0; padding:0;} #wrapContent #primary-content .email-details .emailReg .msg.box {margin:15px 28px 10px; padding:14px;} #wrapContent #primary-content .email-details .tabBottom {width:90%; margin:0 0 0 30px; background:url(//www.att.com/images/global/row-seam-dotted.gif) top repeat-x; padding:0;} #wrapContent #primary-content .email-details .tabBottom2 {width:90%; margin:5px 0 0 30px; background:url(//www.att.com/images/global/row-seam-dotted.gif) top repeat-x; padding:0;} #wrapContent #primary-content .email-details .table {width:90%; margin:3px 0 0 28px;} #wrapContent #primary-content .email-details .table th { background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/dottedBck577x33.png") 0 0 no-repeat; padding:0; margin:0; height:20px;} #wrapContent #primary-content .email-details .table tr.btmBorder:after { content:"";} #wrapContent #primary-content .email-details .table th, #wrapContent #primary-content .table td { line-height:normal; padding:8px 0;} #wrapContent #primary-content .email-details .table#vMessage th, #wrapContent #primary-content .table#vMessage td { line-height:normal; padding:0;} #wrapContent #primary-content .table th.eName, #wrapContent #primary-content .table td.eName { line-height:normal; padding:8px 20px; width:35%; text-align:left;} #wrapContent #primary-content .table th.eAddress, #wrapContent #primary-content .table td.eAddress { line-height:normal; padding:8px 0; width:50%; text-align:left;} #wrapContent #primary-content .table td.eAddress i { color:#999;} #wrapContent #primary-content .table th.eCheck, #wrapContent #primary-content .table td.eCheck { line-height:normal; padding:8px 0; width:15%; text-align:left;} #wrapContent #primary-content .table td .newTxt { margin:0; padding:0; float:right; margin-right:15px; position:relative; bottom:0; display:block;} #wrapContent #primary-content .table td .newTxtGrey { font-weight:bold; color:#888;} #wrapContent #primary-content .table td .newTxtOrange { color:#ff720c; font-weight:bold;} #wrapContent #additional { width:970px;} #wrapContent #additional .vertDivide {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/verticalDivider1x130.png") left 14px no-repeat; padding:3px 40px; text-align:left} #wrapContent #additional .table th, #wrapContent #additional .table td { line-height:normal; padding:10px 30px;} #wrapContent #secondary-content #curPromos { clear:both; margin:0 37px 40px 30px !important; padding:0; background-color:#fdfdfd;} #wrapContent #secondary-content #curPromos ul { margin:0; padding:2px 0 0 0; overflow:hidden; position:relative;} #wrapContent #secondary-content #curPromos ul li { border-bottom:1px solid #ebe9ea; padding:0; margin:0; font-size:11px;} #wrapContent #secondary-content #curPromos ul li p { margin:0; padding:0 20px 0 20px;} #wrapContent #secondary-content #curPromos ul li p.first { padding-bottom:0;} #wrapContent #secondary-content #curPromos ul li p.date { padding-top:5px; font-weight:bold;} #wrapContent #secondary-content #curPromos ul li p.padTop0 { padding-top:0; padding-bottom:2px;} #wrapContent #secondary-content #curPromos ul li .last { margin-bottom:0; padding-top:0; padding-bottom:0;} #wrapContent #secondary-content #curPromos ul li div.yellowAlert{ padding:15px 0;} #wrapContent #secondary-content #curPromos ul li div.greenAlert{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/alertchkIcn21x21.png") no-repeat 15px 15px; padding:15px 0;} #wrapContent #secondary-content .seeAllPromos { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/promosBtmBck261x29.png") left center no-repeat; width:261px; height:29px; text-align:center; margin:5px 0 0 0; border-top:1px solid #e3e3e3;} #wrapContent #secondary-content .viewAllPromo { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/arrowSprite.png") no-repeat right -6px; position:relative; top:9px; display:none; padding-right:15px;} #wrapContent #secondary-content .viewText { position:relative; top:3px; left:80px;} #wrapContent #secondary-content .viewArrow { position:relative; bottom:2px; left:5px;} #wrapContent #secondary-content #excOffers {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/backGround1x96.png") left center repeat-x; border-bottom:1px solid #ebe9ea; padding:10px 15px 10px 5px; margin:0 30px 20px 30px; font-size:11px; width:241px;} #wrapContent #secondary-content #excOffers p { margin:0; padding:0;} #wrapContent #secondary-content #excOffers p.first { margin-top:10px; margin-bottom:5px; margin-right:10px;} #wrapContent #secondary-content #excOffers p.second { margin-top:0; margin-bottom:10px; margin-right:10px;} #wrapContent #secondary-content #excOffers .exoffImg { float:left; padding:10px 15px 0 0;} #wrapContent #secondary-content #noPromosMes {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/backGround1x96.png") left center repeat-x; border-bottom:1px solid #ebe9ea; padding:15px; margin:0 30px 20px 30px; font-size:11px;} #wrapContent #secondary-content #noPromosMes p { margin:0; padding:0;} #wrapContent #secondary-content #noPromosMes p.first { margin-top:10px; margin-bottom:5px; margin-right:10px;} #wrapContent #secondary-content #noPromosMes p.second { margin-top:0; margin-bottom:10px; margin-right:10px;} #wrapContent #secondary-content #noPromosMes .checkImg { float:left; padding:10px 15px 0 10px;} #wrapContent #secondary-content .msg.box { margin:10px 20px 0 20px; padding:9px;} #wrapContent #secondary-content #curPromos ul li .box { margin:10px 20px 0 20px; padding:9px; background-color:#FEFCE1;} #wrapContent #secondary-content #curPromos ul li .box p { margin:0; padding:0 0 0 0;} #wrapContent #secondary-content #curPromos ul li .box .yellowAlert{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert17x16.png") left no-repeat; padding-left:20px; padding-top:3px; width:17px; height:16px; color:#fff;} /****Email Msg BEGINS ****/ #wrapContent #primary-content .email-details .emailRegistration {border-top: 1px dotted #d2d2d2; margin:15px 15px 0 30px; padding:20px 0 0 0; width:578px;} #wrapContent #primary-content .email-details .emailRegistration .msg {margin: 0 0 20px; padding: 10px;} /****Email Msg ENDS ****/ #wrapContent #additional .repairIcon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/ico_wrench_16x15.gif") left no-repeat; padding-left:22px; padding-top:3px; width:16px; height:15px; color:#fff;} #wrapContent #additional .arrowDarkBlueRt{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/iconarrowDarkblue.png") no-repeat scroll right center transparent; padding: 1px 15px 0 0;} @media not all and (-webkit-min-device-pixel-ratio:0) { #wrapContent #primary-content .email-details .table th {height:33px;} } /*IE FIXES HOME SOLUTIONS*/ #ie #wrapContent #primary-content .section-title2 { height:auto;} #wrapContent #supLinks { position:relative; top:25px; right:48px;} #ie #wrapContent .page-title {height: 4.5em; padding-top:8px; padding-right:0; padding-bottom:0 !important; padding-left:28px; margin-bottom:0 !important;} #ie #wrapContent .page-title h1 {line-height:1.2; margin:10px 0 0 0;} #ie #wrapContent #primary-content .planDetails .leftCol .pdficon { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/pdficon_small.png") left center no-repeat; padding-left:5px; padding-bottom:3px; width:16px; height:16px; color:#fff;} #ie #wrapContent #secondary-content .section-title2 { background:none; margin:13px 0 0 -1px; padding:0;} #ie #wrapContent #primary-content .errorMsg.box { border:1px solid #fd0200; margin:15px 20px 10px; padding:12px 14px 5px 14px;} #ie #wrapContent #primary-content .email-details .table th { padding:8px 0 0 0; margin:0; height:25px; text-align:left;} #ie #wrapContent #primary-content .email-details .table th.eName { padding:8px 23px 0 23px;text-align:left;} /*IE FIXES HOME SOLUTIONS*/ /*INTERNET HOME SOLUTIONS - myServices POD 1311 ENDS V32*/ /*IP Usage Billing - myServices POD 1403 BEGINS V1*/ #wrapContent #primary-content .planDetails .leftCol p.first { margin:20px 65px 15px 30px; padding:0;} #wrapContent #primary-content .planDetails .leftCol p.second { margin:22px 65px 7px 30px; padding:0;} #wrapContent #primary-content .planFeatures h2.title { font-size:16px; margin: -9px 0 13px 30px;} #wrapContent #primary-content .planDetails .leftCol li.usageList { margin:1px 0 3px 1px; padding:0 0 0 9px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent; line-height:1.3em;} #wrapContent #primary-content .planDetails .rightCol p.text { margin: 4px 0 10px 15px;} #wrapContent #primary-content .planDetails .leftCol .tipIcon { position:absolute; top: 256px; right: 759px;} /*IP Usage Tooltip Modal* Begin*/ #wrapContent #primary-content .planDetails .leftCol .outerModal2 { position:absolute; width:360px; border:1px solid #aaa; right:478px; top:75px; display:none; border-radius: 5px; z-index:10;} #wrapContent #primary-content .planDetails .leftCol .innerModal2 { border:1px solid #fff; border-radius:5px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBckgTip.png") repeat-x #fff center bottom; padding:20px; height:130px; margin:0; position:relative; z-index:1;} #wrapContent #primary-content .planDetails .leftCol .closeModal3 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/closeBtn32x32.png") no-repeat; display:block; width:32px; height:32px; top:-15px; right:-13px; text-indent:-999em; position:absolute;} #wrapContent #primary-content .planDetails .leftCol .bottomModalArrow {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bottomNotch18x12.png") no-repeat; display:block; width:16px; height:10px; top:168px; right:278px; text-indent:-999em; position:absolute;} #wrapContent #primary-content .planDetails .leftCol p.modalText {margin:-5px -15px -11px -1px; padding:0; width: 315px;} #wrapContent #primary-content .planDetails .leftCol p.modalText2 {font-weight:bold; position: relative; right: 32px;} #wrapContent #primary-content .planDetails .leftCol p.modalText3 { margin:5px 65px -9px -3px; padding:0;} #wrapContent #primary-content .planDetails .leftCol p.modalText4 {margin-bottom: 33px; padding: 0; position: relative; right: -2px; top: 15px;} #wrapContent #primary-content .planDetails .leftCol .textRow2 {margin:0; position:0;} #wrapContent #primary-content .planDetails .leftCol .section_dividerTip {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/dividerline_tooltip.png") no-repeat scroll 0 0 transparent; margin: 24px 0 -1px -1px; width:317px; padding: 0;} .leftCol .outerModal2 .tl2, .leftCol .outerModal2 .tr, .leftCol .outerModal2 .bl, .leftCol .outerModal2 .br { display:none !important;} .leftCol .monthlyDataUsage { position:relative; z-index:3;} /*IP Usage Tooltip Modal* end*/ /*IPUB Pre1311 Production Page*/ .extend3o .twoColBullets .tipIcon { position:relative; top: 3px; right: -1px;} .extend3o .box .w146 {left: 0; position: relative;} .extend3o .btmBorder {border-bottom: 1px dotted #CCCCCC; padding-bottom: 20px;} .extend3o .msg.box2 {margin-top: 17px; padding: 15px; position: relative; right: -15px; top: -12px; width: 672px;} .extend3o .box3 {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; border-radius: 5px; margin-bottom: 14px; min-height: inherit; position: relative; top:-92px;} .extend3o #secondary-content .promo2, .extend3o .promo2 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/global/callout/grad-medium.png") repeat-x scroll left bottom rgba(0, 0, 0, 0); margin-top: 15px; min-height: 100px; position: relative; top: -86px;} /*tool tip modal 2 Begins*/ .extend3o .twoColBullets .outerModal2 { position:absolute; width:360px; border:1px solid #aaa; right:-204px; top:-93px; display:none; border-radius: 5px; z-index:10;} .extend3o .twoColBullets .innerModal2 { border:1px solid #fff; border-radius:5px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBckgTip.png") repeat-x #fff center bottom; padding:20px; height:130px; margin:0; position:relative; z-index:1;} .extend3o .twoColBullets2 .closeModal3 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/closeBtn32x32.png") no-repeat; display:block; width:32px; height:32px; top:-15px; right:-13px; text-indent:-999em; position:absolute;} .extend3o .twoColBullets .bottomModalArrow {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bottomNotch18x12.png") no-repeat; display:block; width:16px; height:10px; top:168px; right:278px; text-indent:-999em; position:absolute;} .extend3o .twoColBullets p.modalText {margin:-5px -15px -11px -1px; padding:0; width:315px;} .extend3o .twoColBullets p.modalText2 {font-weight:bold; position: relative; right: 2px;} .extend3o .twoColBullets p.modalText3 { margin:-13px 65px -9px -2px; padding:0;} .extend3o .twoColBullets .textRow2 {margin:0; position:0;} .extend3o .twoColBullets .section_dividerTip {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/dividerline_tooltip.png") no-repeat scroll 0 0 transparent; margin: 24px 0 -1px -1px; width:317px; padding: 0;} .twoColBullets .outerModal2 .tl2, .twoColBullets .outerModal2 .tr, .twoColBullets .outerModal2 .bl, .twoColBullets .outerModal2 .br { display:none !important;} .twoColBullets .monthlyDataUsage { position:relative; z-index:3;} /*tool tip modal 2 Ends*/ /*IPUB Modal Begin*/ #tvModal.ipFeature .outerModal {border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:552px; height: 382px; position:relative;} #tvModal.ipFeature .outerModal .innerModal {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 30px; position: relative; z-index: 1; height: 320px; width: 489px;} #tvModal.ipFeature .outerModal .innerModal .mainSection p.modalTitle {font-size:20px; position: relative; right: 24px; top: -1px; font-weight:bold; color:#333333} #tvModal.ipFeature .outerModal .innerModal .mainSection p.featuresTitle {font-size: 16px; margin-bottom: -3px; position: relative; right: 29px; top: -10px;} #tvModal.ipFeature .outerModal .innerModal .mainSection .listWidth {width:505px; left:-23px; position: relative; top: -5px; width: 505px;} #tvModal.ipFeature .topCap { display:none;} #tvModal.ipFeature .bottomCap { display:none;} /*IPUB Modal End*/ /*IP Usage Billing - myServices POD 1403 Ends V1*/ /*HOME PHONE RULES BEGINS - HOME SOLUTIONS - myServices POD 1311 ENDS V32*/ #wrapContent #primary-content .section-title2 .sep { margin:0 5px 0 5px; padding:0; color:#b8b8b8; float:left;} #wrapContent #primary-content .section-title2 .phNumber { margin:0; padding:0; color:#333; float:left; font-size:12px;} #wrapContent #primary-content .section-title2 .phSep { margin:0 5px 0 5px; padding:0; color:#333; float:left; font-size:12px;} #wrapContent #primary-content .section-title2 .phNumber a { margin:0; padding:0; display:inline; clear:none;} #wrapContent #primary-content .section-title2 .upgrade { float:left;} #wrapContent #primary-content .planDetails .leftColnoBorder { margin:0; padding:0; float:left; width:350px; background: none;} #wrapContent #primary-content .planDetails .leftColnoBorder h2 { font-size:16px; margin:0 0 7px 30px;} #wrapContent #primary-content .planDetails .leftColnoBorder p { margin:0 0 3px 30px; padding:0;} #wrapContent #primary-content .planDetails .leftColnoBorder .pdficon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/pdficon_small.png") left center no-repeat; padding:2px 0 0 22px; width:16px; height:16px; position:relative; bottom:0; left:0;} #wrapContent #primary-content .planFeatures .videoIcon { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/video-camera-icon.gif") left no-repeat; border-bottom: 1px solid white !important; padding-left: 20px; position: relative;top:0; left:0;} #wrapContent #primary-content .emailFeatures .jDial { padding:0; margin:10px 0 20px 30px;} #wrapContent #primary-content .emailFeatures .magEmailPhone { position:relative; float:left; top:0; padding:0; margin:0 0 5px 30px;} #wrapContent #primary-content .planFeatures ul.homePhone li { margin:0 0 20px 0; padding:0; float:left; width:205px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/verticalDivider3x86.png") no-repeat scroll right center transparent;} #wrapContent #primary-content .planFeatures ul.homePhone li .callFilter, #wrapContent #primary-content .planFeatures ul.homePhone li .callForward, #wrapContent #primary-content .planFeatures ul.homePhone li .callWaiting{ margin:0 0 0 0; padding:0;} #wrapContent #primary-content .planFeatures ul.homePhone li .callFilter p.wMar, #wrapContent #primary-content .planFeatures ul.homePhone li .callForward p.wMar, #wrapContent #primary-content .planFeatures ul.homePhone li .callWaiting p.wMar{ margin-top:7px; padding:0 50px 0 50px;} #wrapContent #primary-content .planFeatures ul.homePhone li.last { background: none; text-align:center;} #wrapContent #primary-content .emailFeatures .noFloat { float:none;} #wrapContent #primary-content .planFeatures ul li .voiceMail { margin:0; padding:0;} #wrapContent #primary-content .planDetails .leftCol_pho { margin:0; padding:0; float:left; width:345px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/verticalDivider3x127.png") no-repeat scroll right center transparent;} #wrapContent #primary-content .planDetails .rightCol_pho { margin:0; padding:0; float:left; width:285px;} #wrapContent #primary-content .planDetails .leftCol_pho .phLeft { margin:0; padding:0;} #wrapContent #primary-content .planDetails .leftCol_pho .phLeft .pdficon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/pdficon_small.png") left center no-repeat; padding-left:7px; padding-bottom:2px; width:16px; height:16px; color:#fff; float:left;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight {margin-right:50px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight ul { padding:0; margin:0 0 0 42px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight ul li { position:relative; list-style-type:none; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") left center no-repeat; padding-left:10px;} #wrapContent #primary-content .planDetails .leftCol_pho .phLeft h2 { font-size:16px; margin:0 0 7px 30px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight h2 { font-size:16px; margin:0 0 7px 40px;} #wrapContent #primary-content .planDetails .leftCol_pho .phLeft p { margin:0 15px 5px 30px; padding:0;} #wrapContent #primary-content .planDetails .leftCol_pho .phLeft p.pdfdetails { margin-top:20px;} #wrapContent #primary-content .planDetails .leftCol_pho .phLeft p.pdflink { margin:0 30px 5px 30px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight p { left: 0; margin: 8px 0 0 41px; padding: 0; position: relative; text-align: left; top: 0;} /*change 7/11/2013*/ #wrapContent .planDetails .rightCol_pho .phRight .repairIcon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/ico_wrench_16x15.gif") left no-repeat; padding-left:5px; padding-bottom:1px; width:16px; height:15px; color:#fff; float:left;} #wrapContent .planDetails .rightCol_pho .phRight .repIcn { position:relative; bottom:18px; left:23px; float:left;} #wrapContent #primary-content .planDetails .leftCol_pho .phLeft .sep { margin:0 5px 0 5px; padding:0; color:#b8b8b8;} #wrapContent #primary-content .dwnSum { margin:0 0 60px 30px; padding:0; width:300px;} #wrapContent #primary-content .dwnSum p{ margin-bottom:5px;} #wrapContent #primary-content .dwnSum .pdficon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/pdficon_small.png") left center no-repeat; padding-left:20px; padding-bottom:2px; width:16px; height:16px; color:#fff;} #wrapContent #primary-content .planFeatures .callFilter .sep, #wrapContent #primary-content .planFeatures .callForward .sep { margin:0 5px 0 5px; padding:0; color:#b8b8b8;} #wrapContent #primary-content .email-details p { margin:0 0 0 10px; padding:0; font-weight:normal;} #wrapContent #primary-content .email-details p.msgYbox{ margin:0 0 0 10px; padding:0; font-weight:normal;} #wrapContent #primary-content .viaHphone{ margin:0 0 40px 30px; padding:0; float:left;} #wrapContent #primary-content .viaHphone .lCol{ width:44px; float:left;} #wrapContent #primary-content .viaHphone .rCol{ width:530px; float:left;} #wrapContent #primary-content .viaHphone .rCol p{ margin-bottom:5px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #wrapContent #primary-content .dwnSum .pdficon{ position:relative; bottom:2px;} } /*HOME PHONE RULES ENDS - HOME SOLUTIONS - myServices POD 1311 ENDS V32*/ /*TV RULES BEGINS - HOME SOLUTIONS - myServices POD 1311 BEGINS V17*/ #wrapContent #primary-content .planDetails .rightCol_pho #tvCha {margin-right:30px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight .chNum { font-size:12px; color:#ff720c; font-weight:bold;} #wrapContent #primary-content .planDetails .leftCol_pho ul { padding:0; margin: 0 0 10px 30px;} #wrapContent #primary-content .planDetails .leftCol_pho ul li { list-style:disc; position:relative; margin:0 0 0 14px;} #wrapContent #primary-content .planDetails .leftCol_pho ul.plDet { padding:0; margin: 0 0 10px 17px;} #wrapContent #primary-content .planDetails .leftCol_pho ul.plDet li { position:relative; list-style-type:none; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") left 5px no-repeat; padding-left:10px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight ul.chList { padding:0; margin:0 0 0 40px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight ul.chList li { position:relative; list-style-type:none; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blueDot4x4.png") left center no-repeat; padding-left:10px;} #wrapContent #primary-content .secDiv { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/horDivider585x1.png") left center no-repeat; margin:40px 0 30px 30px; padding:0;} #wrapContent #primary-content #tvplDet { padding:0; margin:0; float:left;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight ul.tvchList { padding:0; margin:10px 0 0 50px;} #wrapContent #primary-content .planDetails .rightCol_pho .phRight ul.tvchList li { position:relative; list-style-type:none; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blueDot4x4.png") left center no-repeat; padding-left:10px;} #wrapContent #primary-content #tvplDet .repairIcon{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/ico_wrench_16x15.gif") left no-repeat; padding-left:15px; padding-bottom:1px; width:16px; height:15px; color:#fff; margin-left:8px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR { margin-top:33px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR p { font-weight:bold; margin-bottom:3px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR .lgrey { color:#727272; position:relative; top:3px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR li { position:relative; list-style-type:none; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") left 5px no-repeat; padding-left:10px; margin-bottom:11px;} #wrapContent #primary-content .planDetails #tvChL h2 { font-size:16px; margin:0 0 12px 30px;} #wrapContent #primary-content .planDetails #tvChL img { margin-left:30px; float:left;} #wrapContent #primary-content .planDetails #tvChL p { margin: 0 0 10px 80px; padding-right:25px;} #wrapContent #primary-content .planDetails #tvChL p.tvbold { font-weight:bold;} #wrapContent #primary-content .planDetails #tvChL p.morMarBt { margin-bottom:13px; margin-top:25px; font-weight:bold; padding-right:70px;} #wrapContent #primary-content .planDetails #tvChL p.morPadd { padding-right:60px;} #wrapContent #primary-content .secDiv2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/horDivider585x1.png") left center no-repeat; margin:15px 0 0 30px; padding:0;} #wrapContent #primary-content #tvplFeat { padding:0; margin:30px 0 0 0;} #wrapContent #primary-content #tvplFeat h2 { margin-bottom:2px !important;} #wrapContent #primary-content #tvplFeat ul li p.imageIcon { height:66px;} #wrapContent #primary-content #tvplFeat ul li p.imageIcon1 { height:66px; position:relative; top:15px;} #wrapContent #primary-content #tvplFeat ul li p.imageIcon2 { height:66px; position:relative; top:20px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaL {margin-right:0;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaL .msg.box { margin:10px 0 15px 40px; padding:0; float:left;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaL p { margin:0 0 0 40px; padding:0 0 0 10px; float:left;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaL .msg.box .yellowAlert{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert17x16.png") left no-repeat; padding-left:20px; padding-top:3px; width:17px; height:16px; color:#fff; position:relative; top:18px; left:10px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaL .msg.box p.txtAlert { padding:1px 12px 11px 0; margin-left:35px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR {margin-right:0;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR .msg.box { margin:10px 0 15px 40px; padding:0; float:left;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR p { margin:0 0 0 40px; padding:0 0 0 10px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR .msg.box .yellowAlert{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert17x16.png") left no-repeat; padding-left:20px; padding-top:3px; width:17px; height:16px; color:#fff; position:relative; top:18px; left:10px;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR .msg.box p.txtAlert { padding:1px 12px 11px 0; margin-left:35px; font-weight:normal;} #wrapContent #primary-content .planDetails .rightCol_pho #tvChaR p.recLinks { margin-bottom:10px;} #wrapContent #primary-content #tvplFeat ul.homePhone li .callFilter p.wMar, #wrapContent #primary-content #tvplFeat ul.homePhone li .callWaiting p.wMar { margin-top:7px; padding:0 45px 0 45px;} #wrapContent #primary-content #tvplFeat ul.homePhone li { margin:0 0 18px 0; padding:0; float:left; width:205px; background: none;} /*MODAL BEGINS*/ #tvModal { margin:0; padding:0;} #tvModal .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:642px; } #tvModal .outerModal .innerModal { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 20px; position: relative; z-index: 1;} #tvModal .outerModal .innerModal .imgLeft { float:left;} #tvModal .outerModal .innerModal .modalHeadertv { background: none repeat scroll 0 0 transparent; border-radius: 0; position: relative; text-align: left; top: 0;} #tvModal .outerModal .innerModal .modalHeadertv h2 { font-size: 20px; padding: 5px 0 20px 20px;} #tvModal .outerModal .innerModal .modalHeadertv h3 { font-size: 14px; padding: 5px 0 20px 20px;} #tvModal .outerModal .innerModal .modalHeadertv .orgTxt { color: #FF720C; font-size: 20px; font-weight: bold;} #tvModal .outerModal .innerModal .modalContent2 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; position: relative; text-align: left; width: 97%;} #tvModal .outerModal .innerModal .modalscroll { overflow-x: hidden;} #tvModal .outerModal .innerModal .modalscroll2 { overflow-x: hidden; height:224px; overflow-y:scroll; padding-right:25px; position:relative;} #tvModal .outerModal .innerModal h3 { font-size: 16px; font-weight: bold; padding: 0 0 0 20px;} #tvModal .outerModal .innerModal .padLeft25 { font-size: 16px; font-weight: bold; padding: 0 0 15px 25px;} #tvModal .outerModal .innerModal h4 { font-size: 14px; font-weight: bold; padding: 0 0 0 20px;} #tvModal .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:0 20px 15px 27px;} #tvModal .outerModal .innerModal ul { margin: 0; padding: 0 0 8px 20px;} #tvModal .outerModal .innerModal a { color: #005B95; line-height: 1.3em; text-decoration: none; font-size:12px;} #tvModal .outerModal .innerModal .NewCollapseImg { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/minusSign23x23.png") no-repeat scroll 0 50% transparent; display: block; margin-bottom: 0; padding: 0 0 0 26px; height:23px;} #tvModal .outerModal .innerModal .NewExpandImg { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/plusSign23x23.png") no-repeat scroll 0 50% transparent; display: block; margin-bottom: 0; padding: 0 0 0 26px; height:23px;} #tvModal .modalButton { border: medium none; float: right; padding: 20px 0; width: 100%;} #tvModal .closeModal2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/closeBtn32x32N.png") no-repeat scroll 0 0 transparent; display: block; height: 32px; position: absolute; right: -13px; text-indent: -999em; top: -14px; width: 32px;} #tvModal .topCap { display:none;} #tvModal .bottomCap { display:none;} #tvModal .outerModal .innerModal .chLink { position:relative; top:3px; left:0;} #tvModal .outerModal .innerModal .apMod { font-size: 12px; font-weight: normal; padding: 0; margin:0 20px 15px 18px;} #tvModal .outerModal .innerModal ul.apollo { margin: 0 0 15px 0; padding: 0; list-style:disc;} #tvModal .outerModal .innerModal ul.apollo li { border:none; padding:0; margin:0 0 5px 45px; font-size:12px;} #tvModal .outerModal .innerModal .modalButtonap { border: medium none; padding: 20px 0 20px 15px; margin:0; width: 100%;} /*MODAL ENDS*/ /*MODALS MS2 - APOLLO BEGINS - JCM*/ #tvModal.msValue .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:438px;} #tvModal.msValue .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msValue .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msValue .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; padding: 5px 0 0 10px; font-weight:bold;} .msValue .TopSolidBorder {border-top:1px solid #ccc;} #tvModal.msValue .topCap { display:none;} #tvModal.msValue .bottomCap { display:none;} #tvModal.msValue .colWidth250 { width:250px;} #tvModal.msIndCtn .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:410px;} #tvModal.msIndCtn .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msIndCtn .outerModal .innerModal p.marTop5 { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 0 10px;} #tvModal.msIndCtn .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msIndCtn .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; padding: 5px 0 0 10px; font-weight:bold;} #tvModal.msIndCtn .outermodal .innerModal .TopSolidBorder {border-top:1px solid #ccc;} #tvModal.msIndCtn .TopSolidBorder {border-top:1px solid #ccc; margin:17px 0 20px 0;} #tvModal.msIndCtn .TopSolidBorder2 {border-top:2px solid #ccc; margin:17px 0 16px 0;} #tvModal.msIndCtn .TopSolidBorder3 {border-top:2px solid #ccc; margin:17px 0 20px 0;} #tvModal.msIndCtn .topCap { display:none;} #tvModal.msIndCtn .bottomCap { display:none;} #tvModal.msIndCtn ul.msUnable { margin:0; padding:0; display:inline; position:relative; top:0;} #tvModal.msIndCtn ul.msUnable li { position:relative; left:10px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left;} #tvModal.msIndCtn .outerModal .innerModal .marBottom14 { margin-bottom:14px;} #tvModal.msIndCtn .outerModal .innerModal .marBottom1 { margin-bottom:1px;} #tvModal.msIndCtn .outerModal .innerModal p.marTop6 { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 0 6px;} #tvModal.msIndCtn .outerModal .innerModal p.msQuestions { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 20px 10px;} #tvModal.msIndCtn2 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:399px;} #tvModal.msIndCtn2 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msIndCtn2 .outerModal .innerModal p.marTop5 { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 15px 10px;} #tvModal.msIndCtn2 .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msIndCtn2 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; padding: 0 0 0 10px; font-weight:bold;} #tvModal.msIndCtn2 .outermodal .modalContent2 .TopSolidBorder {border-top:1px solid #ccc;} #tvModal.msIndCtn2 .outermodal .modalContent2 .TopSolidBorder2 {border-top:1px solid #ccc; margin-bottom:20px;} #tvModal.msIndCtn2 .topCap { display:none;} #tvModal.msIndCtn2 .bottomCap { display:none;} #tvModal.msIndCtn2 ul.msUnable { margin:0; padding:0; display:inline; position:relative; top:0;} #tvModal.msIndCtn2 ul.msUnable li { position:relative; left:5px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left;} #tvModal.msIndCtn2 .outerModal .innerModal .colWidth300 { width:300px;} #tvModal.msSelectNew .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:448px;} #tvModal.msSelectNew .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msSelectNew .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0 0 0 0;} #tvModal.msSelectNew .outerModal .innerModal h2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert30x30.png") no-repeat scroll 0 3px transparent; display: block; margin-bottom: 0; padding: 0 50px 0 38px; height:35px;} #tvModal.msSelectNew .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msSelectNew .TopSolidBorder {border-top:1px solid #ccc; margin:20px 0 20px 0;} #tvModal.msSelectNew .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #tvModal.msSelectNew .topCap { display:none;} #tvModal.msSelectNew .bottomCap { display:none;} #tvModal.msSelectNew ul.msSelect { margin:0; padding:20px 0 20px 0; display:inline; position:relative; top:0;} #tvModal.msSelectNew ul.msSelect li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left; font-size:12px; margin-right:35px;} #tvModal.msSelectNew2 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:448px;} #tvModal.msSelectNew2 .outerModal .innerModal { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 20px 20px 20px 25px; position: relative; z-index: 1;} #tvModal.msSelectNew2 .outerModal .innerModal .modalHeadertv { background: none repeat scroll 0 0 transparent; border-radius: 0; position: relative; text-align: left; top: 0; margin-bottom:25px;} #tvModal.msSelectNew2 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0 0 0 0;} #tvModal.msSelectNew2 .outerModal .innerModal h2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert30x30.png") no-repeat scroll 0 3px transparent; display: block; margin-bottom: 0; padding: 0 50px 0 38px; height:35px;} #tvModal.msSelectNew2 .TopSolidBorder {border-top:1px solid #ccc; margin:20px 0 20px 0;} #tvModal.msSelectNew2 .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #tvModal.msSelectNew2 .outerModal .innerModal .modalContent2 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; position: relative; text-align: left; width: 100%;} #tvModal.msSelectNew2 .outerModal .innerModal .modalscroll { overflow-x: hidden;} #tvModal.msSelectNew2 .outerModal .innerModal .modalscroll2 { overflow-x: hidden; height:400px; overflow-y:scroll; padding-right:25px; position:relative;} #tvModal.msSelectNew2 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:0 20px 15px 0;} #tvModal.msSelectNew2 .outerModal .innerModal a { color: #005B95; line-height: 1.3em; text-decoration: none; font-size:12px;} #tvModal.msSelectNew2 .modalButton { border: medium none; float: right; padding: 20px 0; width: 100%;} #tvModal.msSelectNew2 .closeModal2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/closeBtn32x32N.png") no-repeat scroll 0 0 transparent; display: block; height: 32px; position: absolute; right: -13px; text-indent: -999em; top: -14px; width: 32px;} #tvModal.msSelectNew2 .topCap { display:none;} #tvModal.msSelectNew2 .bottomCap { display:none;} #tvModal.msSelectNew2 ul.msSelect2 { margin:0; padding:20px 0 20px 0; display:inline; position:relative; top:0;} #tvModal.msSelectNew2 ul.msSelect2 li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left; font-size:12px; margin-right:35px;} #tvModal.msReviewSelect .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:448px;} #tvModal.msReviewSelect .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:0;} #tvModal.msReviewSelect .outerModal .innerModal p.last { font-size: 12px; font-weight: normal; padding: 10px 0 0 0; margin:0 0 0 28px;} #tvModal.msReviewSelect .outerModal .innerModal p.colorGray { font-size: 12px; font-weight: normal; padding: 0; margin:0; color:#b4b4b4;} #tvModal.msReviewSelect .outerModal .innerModal p.colorOrange { font-size: 12px; font-weight: bold; padding: 0; margin:0; color:#ff7200;} #tvModal.msReviewSelect .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0; padding:5px 0 10px 10px;} #tvModal.msReviewSelect .TopSolidBorder {border-top:1px solid #ccc; margin:20px 0 20px 0;} #tvModal.msReviewSelect .TopSolidBorder2 {border-top:2px solid #ccc; margin:0 0 20px 10px;} #tvModal.msReviewSelect .topCap { display:none;} #tvModal.msReviewSelect .bottomCap { display:none;} #tvModal.msReviewSelect ul.msSelect { margin:0; padding:20px 0 20px 0; display:inline; position:relative; top:0;} #tvModal.msReviewSelect ul.msSelect li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left; font-size:12px; margin-right:35px;} #tvModal.msReviewSelect .outerModal .innerModal .selectButton { float:right; margin:0; padding:0;} #tvModal.unlDataAlert .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:368px;} #tvModal.unlDataAlert .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 15px 10px;} #tvModal.unlDataAlert .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.unlDataAlert .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0 0 0 0;} #tvModal.unlDataAlert .outerModal .innerModal h2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert30x30.png") no-repeat scroll 0 1px transparent; display: block; margin-bottom: 0; padding: 6px 50px 0 38px; height:35px;} #tvModal.unlDataAlert .TopSolidBorder {border-top:1px solid #ccc; margin:18px 0 20px 0;} #tvModal.unlDataAlert .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #tvModal.unlDataAlert .TopSolidBorder3 {border-top:2px solid #ccc; margin:18px 0 20px 0;} #tvModal.unlDataAlert .topCap { display:none;} #tvModal.unlDataAlert .bottomCap { display:none;} #tvModal.unlDataAlert .outerModal .innerModal .cancelLink { position:relative; top:5px;} #tvModal.unlDataAlert .outerModal .innerModal .cellMar { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 30px;} #tvModal.unlDataAlert .outerModal .innerModal .MarRight6 { margin-right:6px;} #tvModal.msIndCtn .tl, #tvModal.msIndCtn .tr, #tvModal.msIndCtn .bl, #tvModal.msIndCtn .br { display:none;} #tvModal.msAbout2 .tl, #tvModal.msAbout2 .tr, #tvModal.msAbout2 .bl, #tvModal.msAbout2 .br { display:none;} #tvModal.msIndCtn3 .tl, #tvModal.msIndCtn3 .tr, #tvModal.msIndCtn3 .bl, #tvModal.msIndCtn3 .br { display:none;} #tvModal.unlDataAlert2 .tl, #tvModal.unlDataAlert2 .tr, #tvModal.unlDataAlert2 .bl, #tvModal.unlDataAlert2 .br { display:none;} #tvModal.unlDataAlert3 .tl, #tvModal.unlDataAlert3 .tr, #tvModal.unlDataAlert3 .bl, #tvModal.unlDataAlert3 .br { display:none;} #tvModal.msIndCtn3 .tl, #tvModal.msIndCtn3 .tr, #tvModal.msIndCtn3 .bl, #tvModal.msIndCtn3 .br { display:none;} #tvModal.msSelect3 .tl, #tvModal.msSelect3 .tr, #tvModal.msSelect3 .bl, #tvModal.msSelect3 .br { display:none;} #tvModal.msReviewSelect2 .tl, #tvModal.msReviewSelect2 .tr, #tvModal.msReviewSelect2 .bl, #tvModal.msReviewSelect2 .br { display:none;} /*NEW DESIGN MODAL DYNAMIC BEGINS*/ #NdesignModal .tl, #NdesignModal .tr, #NdesignModal .bl, #NdesignModal .br { display:none;} #NdesignModal .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:94%;} #NdesignModal .outerModal .innerModal { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 20px 20px 0 20px; position: relative; z-index: 1;} #NdesignModal .outerModal .innerModal .modalContent2 { width:100%; padding:0 0 20px 0; margin:20px 0 0 0;} #NdesignModal .outerModal .innerModal .modalContent2 .btnLinks { padding:0; margin:0;} #NdesignModal .outerModal .innerModal .modalHeadertv { padding:20px 0 0 0; height:30px;} #NdesignModal .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0; padding: 0 0 20px 10px;} #NdesignModal .outerModal .innerModal h2.yellowAlert { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert30x30.png") no-repeat scroll 0 1px transparent; display: block; margin-bottom: 0; padding: 0 50px 0 38px; height:35px;} #NdesignModal .outerModal .innerModal h2.redAlert { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/redIconAlert32x32.jpg") no-repeat scroll 0 1px transparent; display: block; margin-bottom: 0; padding: 5px 50px 0 38px; height:35px;} #NdesignModal .outerModal .innerModal .modalContent2 .btnLinks a { margin-left:10px;} #NdesignModal .outerModal .innerModal .2ndHead { padding: 20px 0 20px 10px;} #NdesignModal .outerModal .innerModal h2.second { background: none; padding: 0 0 20px 10px; position:relative; top:5px;} #NdesignModal .outerModal .innerModal .TopSolidBorder {border-top:1px solid #ccc; margin:20px 0 20px 0;} #NdesignModal .outerModal .innerModal .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #NdesignModal .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 20px 10px;} #NdesignModal .outerModal .innerModal p.noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #NdesignModal .outerModal .innerModal p.alignTexttop { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 20px 10px;} #NdesignModal .outerModal .innerModal p.alignTextmiddle { font-size: 12px; font-weight: normal; padding: 0; margin:10px 0 20px 10px;} #NdesignModal .outerModal .innerModal p.last { font-size: 12px; font-weight: normal; padding: 10px 0 0 0; margin:0 0 0 28px;} #NdesignModal .outerModal .innerModal p.colorGray { font-size: 12px; font-weight: normal; padding: 0; margin:0; color:#b4b4b4;} #NdesignModal .outerModal .innerModal p.colorOrange { font-size: 12px; font-weight: bold; padding: 0; margin:0; color:#ff7200;} #NdesignModal .outerModal .innerModal p.date { font-size: 12px; padding: 0; margin:0 0 0 10px;} #NdesignModal ul.msUnable { margin:0; padding:0; display:inline; position:relative; top:0;} #NdesignModal ul.msUnable li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left;} #NdesignModal ul.msSelect { margin:0; padding:20px 0 20px 0; display:inline; position:relative; top:0;} #NdesignModal ul.msSelect li { position:relative; left:25px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left; font-size:12px; margin-right:35px;} /*NEW DESIGN MODAL DYNAMIC ENDS*/ #tvModal.willowsDetail .tl, #tvModal.willowsDetail .tr, #tvModal.willowsDetail .bl, #tvModal.willowsDetail .br { display:none;} #tvModal.willowsDetail .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:95%;} #tvModal.willowsDetail .outerModal .innerModal { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 20px 20px 0 20px; position: relative; z-index: 1; height:320px;} #tvModal.willowsDetail .outerModal .innerModal .modalContent2 { width:100%;} #tvModal.willowsDetail .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 18px 10px;} #tvModal.willowsDetail .outerModal .innerModal p.msgbox { font-size: 12px; font-weight: normal; padding: 0; margin:0;} #tvModal.willowsDetail .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.willowsDetail .outerModal .innerModal .modalHeadertv { padding-bottom:20px; height:30px;} #tvModal.willowsDetail .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0 0 0 0;} #tvModal.willowsDetail .outerModal .innerModal h2 { background: none; padding: 0 0 20px 10px; position:relative; top:7px;} #tvModal.willowsDetail .TopSolidBorder {border-top:1px solid #ccc; margin:18px 0 20px 0;} #tvModal.willowsDetail .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #tvModal.willowsDetail .TopSolidNoBorder {border-top:none; margin:20px 0 20px 0;} #tvModal.willowsDetail .TopSolidBorder3 {border-top:2px solid #ccc; margin:18px 0 20px 0;} #tvModal.willowsDetail .btnMargBtm20 { margin-bottom:20px;} #tvModal.willowsDetail .topCap { display:none;} #tvModal.willowsDetail .bottomCap { display:none;} #tvModal.willowsDetail .outerModal .innerModal .cancelLink { position:relative; top:5px; left:10px;} #tvModal.willowsDetail .outerModal .innerModal .cellMar { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 30px;} #tvModal.willowsDetail .outerModal .innerModal .MarRight6 { margin-right:6px;} #tvModal.willowsDetail ul#details { margin:0; padding:10px 0 10px 0 !important; display:block; position:relative; top:0;} #tvModal.willowsDetail ul#details li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; font-size:12px; margin-right:35px;} #tvModal.willowsDetail ul#info-message { background-color: #ECF7FD; background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/iconInfoNote.png"); background-position: 8px 10px; background-repeat: no-repeat; border: 1px solid #3AABE4; border-radius: 5px; color: #000000; line-height: 16px !important; list-style-image: none; margin: 20px 0 30px 0 !important; padding: 10px 10px 10px 30px;} #tvModal.willowsDetail ul#info-message li { color: #666666; list-style-type: none;} #tvModal.willowsDetail ul#error-message { background-color: #fff0f5; background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/icon-small-errorAlert20x20.png"); background-position: 8px 10px; background-repeat: no-repeat; border: 1px solid #FD0200; border-radius: 5px; color: #000000; line-height: 16px !important; list-style-image: none; margin: 20px 0 30px 0 !important; padding: 10px 10px 10px 35px;} #tvModal.willowsDetail ul#error-message li { color: #666666; list-style-type: none;} #tvModal.willowsDetail ul#confirmation-message { background-color: #fefce1; background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/icon-small-checkmark20x20.png"); background-position: 8px 12px; background-repeat: no-repeat; border: 1px solid #FCF7B8; border-radius: 5px; color: #000000; line-height: 16px !important; list-style-image: none; margin: 20px 0 30px 0 !important; padding: 10px 10px 10px 35px;} #tvModal.willowsDetail ul#confirmation-message li { color: #666666; list-style-type: none;} #tvModal.willowsDetail .toggleOff, #tvModal.willowsDetail .toggleOn {width:66px;height:31px; cursor:pointer;} #tvModal.willowsDetail .modalHeadertv label { text-indent:-999em; display:none;} #tvModal.msReviewSelect2 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:94%;} #tvModal.msReviewSelect2 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:0;} #tvModal.msReviewSelect2 .outerModal .innerModal p.last { font-size: 12px; font-weight: normal; padding: 10px 0 0 0; margin:0 0 0 28px;} #tvModal.msReviewSelect2 .outerModal .innerModal p.colorGray { font-size: 12px; font-weight: normal; padding: 0; margin:0; color:#b4b4b4;} #tvModal.msReviewSelect2 .outerModal .innerModal p.colorOrange { font-size: 12px; font-weight: bold; padding: 0; margin:0; color:#ff7200;} #tvModal.msReviewSelect2 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0; padding:5px 0 10px 10px;} #tvModal.msReviewSelect2 .TopSolidBorder {border-top:1px solid #ccc; margin:20px 0 20px 0;} #tvModal.msReviewSelect2 .TopSolidBorder2 {border-top:2px solid #ccc; margin:0 0 20px 10px;} #tvModal.msReviewSelect2 ul.msSelect { margin:0; padding:20px 0 20px 0; display:inline; position:relative; top:0;} #tvModal.msReviewSelect2 ul.msSelect li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left; font-size:12px; margin-right:35px;} #tvModal.msReviewSelect2 .outerModal .innerModal .selectButton { float:right; margin:0; padding:0;} #tvModal.msSelect3 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:94%;} #tvModal.msSelect3 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msSelect3 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0 0 0 0;} #tvModal.msSelect3 .outerModal .innerModal h2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert30x30.png") no-repeat scroll 0 3px transparent; display: block; margin-bottom: 0; padding: 0 50px 0 38px; height:35px;} #tvModal.msSelect3 .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msSelect3 .TopSolidBorder {border-top:1px solid #ccc; margin:20px 0 20px 0;} #tvModal.msSelect3 .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #tvModal.msSelect3 ul.msSelect { margin:0; padding:20px 0 20px 0; display:inline; position:relative; top:0;} #tvModal.msSelect3 ul.msSelect li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left; font-size:12px; margin-right:35px;} #tvModal.msIndCtn3 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:94%;} #tvModal.msIndCtn3 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msIndCtn3 .outerModal .innerModal p.marTop5 { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 15px 10px;} #tvModal.msIndCtn3 .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msIndCtn3 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; padding: 0 0 0 10px; font-weight:bold;} #tvModal.msIndCtn3 .outermodal .modalContent2 .TopSolidBorder {border-top:1px solid #ccc;} #tvModal.msIndCtn3 .outermodal .modalContent2 .TopSolidBorder2 {border-top:1px solid #ccc; margin-bottom:20px;} #tvModal.msIndCtn3 ul.msUnable { margin:0; padding:0; display:inline; position:relative; top:0;} #tvModal.msIndCtn3 ul.msUnable li { position:relative; left:5px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left;} #tvModal.msIndCtn3 .outerModal .innerModal .colWidth300 { width:300px;} #tvModal.unlDataAlert3 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:94%;} #tvModal.unlDataAlert3 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 15px 10px;} #tvModal.unlDataAlert3 .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.unlDataAlert3 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0 0 0 0;} #tvModal.unlDataAlert3 .outerModal .innerModal h2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert30x30.png") no-repeat scroll 0 1px transparent; display: block; margin-bottom: 0; padding: 6px 50px 0 38px; height:35px;} #tvModal.unlDataAlert3 .TopSolidBorder {border-top:1px solid #ccc; margin:18px 0 20px 0;} #tvModal.unlDataAlert3 .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #tvModal.unlDataAlert3 .TopSolidBorder3 {border-top:2px solid #ccc; margin:18px 0 20px 0;} #tvModal.unlDataAlert3 .outerModal .innerModal .cancelLink { position:relative; top:5px;} #tvModal.unlDataAlert3 .outerModal .innerModal .cellMar { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 30px;} #tvModal.unlDataAlert3 .outerModal .innerModal .MarRight6 { margin-right:6px;} #tvModal.msAbout2 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:94%;} #tvModal.msAbout2 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msAbout2 .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msAbout2 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; padding: 5px 0 0 10px; font-weight:bold;} .msAbout2 .TopSolidBorder {border-top:1px solid #ccc;} #tvModal.msAbout2 .colWidth250 { width:250px;} #tvModal.msIndCtn3 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; /*width:410px;*/ width:94%;} #tvModal.msIndCtn3 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msIndCtn3 .outerModal .innerModal p.marTop5 { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 0 10px;} #tvModal.msIndCtn3 .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msIndCtn3 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; padding: 5px 0 0 10px; font-weight:bold;} #tvModal.msIndCtn3 .outermodal .innerModal .TopSolidBorder {border-top:1px solid #ccc;} #tvModal.msIndCtn3 .TopSolidBorder {border-top:1px solid #ccc; margin:17px 0 20px 0;} #tvModal.msIndCtn3 .TopSolidBorder2 {border-top:2px solid #ccc; margin:17px 0 16px 0;} #tvModal.msIndCtn3 .TopSolidBorder3 {border-top:2px solid #ccc; margin:17px 0 20px 0;} #tvModal.msIndCtn3 ul.msUnable { margin:0; padding:0; display:inline; position:relative; top:0;} #tvModal.msIndCtn3 ul.msUnable li { position:relative; left:10px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left;} #tvModal.msIndCtn3 .outerModal .innerModal .marBottom14 { margin-bottom:14px;} #tvModal.msIndCtn3 .outerModal .innerModal .marBottom1 { margin-bottom:1px;} #tvModal.msIndCtn3 .outerModal .innerModal p.marTop6 { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 0 6px;} #tvModal.msIndCtn3 .outerModal .innerModal p.msQuestions { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 20px 10px;} #tvModal.unlDataAlert2 .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:94%;} #tvModal.unlDataAlert2 .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:5px 0 15px 10px;} #tvModal.unlDataAlert2 .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.unlDataAlert2 .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0 0 0 0;} #tvModal.unlDataAlert2 .outerModal .innerModal h2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yellowAlert30x30.png") no-repeat scroll 0 1px transparent; display: block; margin-bottom: 0; padding: 6px 50px 0 38px; height:35px;} #tvModal.unlDataAlert2 .TopSolidBorder {border-top:1px solid #ccc; margin:18px 0 20px 0;} #tvModal.unlDataAlert2 .TopSolidBorder2 {border-top:2px solid #ccc; margin:20px 0 20px 0;} #tvModal.unlDataAlert2 .TopSolidBorder3 {border-top:2px solid #ccc; margin:18px 0 20px 0;} #tvModal.unlDataAlert2 .outerModal .innerModal .cancelLink { position:relative; top:5px;} #tvModal.unlDataAlert2 .outerModal .innerModal .cellMar { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 30px;} #tvModal.unlDataAlert2 .outerModal .innerModal .MarRight6 { margin-right:6px;} /*MODALS MS2 - APOLLO ENDS - JCM*/ /*COLOR BOX FOR TV MODAL BEGINS*/ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ .tvModalCb #colorbox, .tvModalCb #cboxOverlay, .tvModalCb #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} .tvModalCb #cboxOverlay{position:fixed; width:100%; height:100%;} .tvModalCb #cboxMiddleLeft, .tvModalCb #cboxBottomLeft{clear:left;} .tvModalCb #cboxContent{position:relative;} .tvModalCb #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} .tvModalCb #cboxTitle{margin:0;} .tvModalCb #cboxLoadingOverlay, .tvModalCb #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} .tvModalCb #cboxPrevious, .tvModalCb #cboxNext, .tvModalCb #cboxClose, .tvModalCb #cboxSlideshow{cursor:pointer;} .tvModalCb .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .tvModalCb .cboxIframe{width:100%; height:100%; display:block; border:0;} .tvModalCb #colorbox, .tvModalCb #cboxContent, .tvModalCb #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ .tvModalCb #cboxOverlay{background:#fff; opacity:0.9 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90) !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);} .tvModalCb #colorbox{outline:0; padding-bottom:0 !important; padding-right:0 !important;} .tvModalCb #cboxContent{ overflow:visible; border:0; border-radius:0; box-shadow:0 0 0px #e2e2e2; margin:15px;} .tvModalCb .cboxIframe{background:#fff;} .tvModalCb #cboxLoadedContent .cboxIframe { border-radius:0 !important; border:0 !important;} .tvModalCb #cboxError{padding:50px; border:1px solid #ccc;} .tvModalCb #cboxLoadedContent{overflow:auto; border:0; border-radius:0;} .tvModalCb #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} .tvModalCb #cboxLoadingOverlay{background:url(//www.att.com/images/global/ajaxLoader.gif) no-repeat 50% 50%;} /*#cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}*/ .tvModalCb #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ .tvModalCb #cboxPrevious, .tvModalCb #cboxNext, .tvModalCb #cboxSlideshow, .tvModalCb #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:32px; height:32px; position:absolute; top:-11px; background:url(/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/closeBtn32x32N.png) no-repeat 0 0; right:15px;} .tvModalCb #cboxClose a { display:block; height:100%; width:100%; position: absolute; top:0;} .tvModalCb #cboxClose a:focus, .tvModalCb #cboxClose a:active { border:1px dotted #333;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ .tvModalCb #cboxPrevious:active, .tvModalCb #cboxNext:active, .tvModalCb #cboxSlideshow:active, .tvModalCb #cboxClose:active {outline:0;} .tvModalCb #cboxPrevious{background-position:0px 0px; right:44px;} .tvModalCb #cboxPrevious:hover{background-position:0px -25px;} .tvModalCb #cboxNext{background-position:-25px 0px; right:22px;} .tvModalCb #cboxNext:hover{background-position:-25px -25px;} /*#cboxClose{background-position:-50px 0px; right:0;}*/ /*#cboxClose:hover{background-position:-50px -25px;}*/ .tvModalCb .cboxSlideshow_on #cboxPrevious, .tvModalCb .cboxSlideshow_off #cboxPrevious{right:66px;} .tvModalCb .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .tvModalCb .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .tvModalCb .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .tvModalCb .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} .tvModalCb .cboxIE #cboxTopLeft, .tvModalCb .cboxIE #cboxTopCenter, .tvModalCb .cboxIE #cboxTopRight, .tvModalCb .cboxIE #cboxBottomLeft, .tvModalCb .cboxIE #cboxBottomCenter, .tvModalCb .cboxIE #cboxBottomRight, .tvModalCb .cboxIE #cboxMiddleLeft, .tvModalCb .cboxIE #cboxMiddleRight { display:none; float:none;} .tvModalCb .cboxIE #false { float:none;} /*COLOR BOX FOR TV MODAL ENDS*/ /*TV RULES ENDS - HOME SOLUTIONS - myServices POD 1311 ENDS V17*/ /*TV RULES - HOME SOLUTIONS REDESIGN - myServices Pod 1403 BEGINS*/ #wrapContent #supLinksG { position:relative; top:22px; right:48px;} #wrapContent .chatImg2 { position:relative; top:3px; left:-8px;} #wrapContent .phoneSection {position:relative; top:9px; left:-5px;} #wrapContent .numberId {position:relative; top:-15px; left:22px;} /*TV RULES - HOME SOLUTIONS REDESIGN - myServices Pod 1403 ENDS*/ /*MOBILE SHARE - CHANGE MY PLAN BEGINS*/ /*IE FIXES MOBILE SHARE BEGINS*/ #ie .msWrapper .page-title {margin-bottom:0;} #ie .msWrapper #reviewChanges .agreCond { margin-top:10px;} #ie .msWrapper #reviewChanges .agreCondLinks { margin-bottom:25px;} /*IE FIXES MOBILE SHARE ENDS*/ .msWrapper #primary-content #usmModule { z-index:15 !important;} .msWrapper a:focus img { outline: none;} .msWrapper #primary-content #usmModule a:focus { outline:1px dotted #ccc;} .msWrapper .page-title {height: 4.5em; padding: 0 0 0 30px; margin-bottom:5px;} .msWrapper .box { border:1px solid #E3E3E3; border-radius:5px 5px 5px 5px; margin-bottom:30px;} .msWrapper #primary-content.width100pct { width:912px; margin-left:30px; margin-right:30px;} .msWrapper #primary-content .phType { padding:; float:left; margin:20px 0 0 25px;} .msWrapper #primary-content .phType h2 { font-size:16px; text-transform:uppercase;} .msWrapper #currPlan { margin:0; padding:0;} .msWrapper #currPlan .box { margin:50px 20px 20px 20px; padding:15px 0 12px 0; z-index:3; background:none repeat scroll 0 0 #f4f4f4;} .msWrapper #currPlan .currPlanModLeft { width:665px; float:left; border-right:1px solid #e3e3e3; padding:0; margin:0;} .msWrapper #currPlan .currPlanModLeft h2 { font-size:18px; margin:0 0 10px 30px;} .msWrapper #currPlan .currPlanModLeft ul { margin:0 0 0 22px; padding:0; float:left; width:95%;} .msWrapper #currPlan .currPlanModLeft ul li{ float:left; text-align:center;} .msWrapper #currPlan .currPlanModLeft ul li.first { font-size:18px; margin:0; color:#ff7200; width:80px;} .msWrapper #currPlan .currPlanModLeft ul li.second { font-size:18px; margin:0; color:#666666; width:130px;} .msWrapper #currPlan .currPlanModLeft ul li.third { font-size:18px; margin:0; color:#666666;} .msWrapper #currPlan .currPlanModLeft ul li.one { font-size:18px; margin:0 0 0 5px; color:#ff7200; width:52px; text-align:left;} .msWrapper #currPlan .currPlanModLeft ul li.two { font-size:12px; margin:5px 0 0 0; color:#666666; width:100px; text-align:left;} .msWrapper #currPlan .currPlanModLeft ul li.three { font-size:18px; margin:0; color:#666666; width:145px; text-align:left;} .msWrapper #currPlan .currPlanModLeft ul li .sepMonth { font-size:12px; margin:0; color:#666666;} .msWrapper #currPlan .currPlanModLeft ul li.share { font-size:12px; margin:0; color:#333; width:80px;} .msWrapper #currPlan .currPlanModLeft ul li.talk { font-size:12px; margin:0; color:#333; width:135px;} .msWrapper #currPlan .currPlanModLeft ul li.thirdL { font-size:18px; margin:0; color:#666666; width:85px;} .msWrapper #currPlan .currPlanModLeft ul li.talkL { font-size:12px; margin:0; color:#333;} .msWrapper #currPlan .planDisclaimer { margin:10px 0 10px 30px; padding:0 250px 0 0; float:left;} .msWrapper #currPlan .planDisclaimer p { font-size:9px; color:#999; margin:0; padding:0;} .msWrapper #currPlan .currPlanModLeft ul li.sep { font-size:12px; margin:0 5px 0 5px; color:#333; font-weight:bold; position:relative; top:6px;} .msWrapper #currPlan .currPlanModLeft ul li.last { font-size:12px; margin:0 40px 0 0; color:#333; position:relative; top:6px;} .msWrapper #currPlan .currPlanModRight { padding:0; margin:0; float:right;} .msWrapper #currPlan .currPlanModRight p { margin: 0 25px 5px 20px} .msWrapper #currPlan .currPlanModRight p.indent { margin-left:30px;} .msWrapper #currPlan .currPlanModRight .sharelink1 { margin-left:20px; color:#005b95;} .msWrapper #currPlan .currPlanModRight .makePlanChanges { color:#005b95;} .msWrapper #currPlan .currPlanModRight img { position:relative; top:2px; left:5px;} .msWrapper .discMsg { padding:0; margin:0;} .msWrapper .discMsg .box { margin:20px 20px 30px 20px; padding:12px 5px 12px 5px; background:none repeat scroll 0 0 #FEFCE1;} .msWrapper .discMsg .box p { font-size:12px; margin:0 0 0 20px;} /*SPANISH FIX BEGINS DEFECT 7269*/ .msWrapper #currPlan .currPlanModLeftSpanish { width:635px; float:left; border-right:1px solid #e3e3e3; padding:0; margin:0;} .msWrapper #currPlan .currPlanModLeftSpanish h2 { font-size:18px; margin:0 0 10px 30px;} .msWrapper #currPlan .currPlanModLeftSpanish ul { margin:0 0 0 22px; padding:0; float:left; width:95%;} .msWrapper #currPlan .currPlanModLeftSpanish ul li{ float:left; text-align:center;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.first { font-size:18px; margin:0; color:#ff7200; width:80px;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.second { font-size:18px; margin:0; color:#666666; width:130px;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.third { font-size:18px; margin:0; color:#666666;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.one { font-size:18px; margin:0 0 0 5px; color:#ff7200; width:52px; text-align:left;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.two { font-size:12px; margin:5px 0 0 0; color:#666666; width:100px; text-align:left;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.three { font-size:18px; margin:0; color:#666666; width:130px; text-align:left;} .msWrapper #currPlan .currPlanModLeftSpanish ul li .sepMonth { font-size:12px; margin:0; color:#666666;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.share { font-size:12px; margin:0; color:#333; width:80px;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.talk { font-size:12px; margin:0; color:#333; width:135px;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.thirdL { font-size:18px; margin:0; color:#666666; width:85px;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.talkL { font-size:12px; margin:0; color:#333;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.sep { font-size:12px; margin:0 5px 0 5px; color:#333; font-weight:bold; position:relative; top:6px;} .msWrapper #currPlan .currPlanModLeftSpanish ul li.last { font-size:12px; margin:0 40px 0 0; color:#333; position:relative; top:6px;} /*SPANISH FIX ENDS DEFECT 7269*/ .msWrapper .discMsgSmall { padding:0; margin:0 0 0 30px; width:725px;} .msWrapper .discMsgSmallN { padding:0; margin:30px 0 0 30px; width:725px;} .msWrapper .discMsgSmall .box { margin:15px 0 15px 125px; padding:12px 5px 12px 5px; background:none repeat scroll 0 0 #FEFCE1;} .msWrapper .discMsgSmall .box p { font-size:12px; margin:0 85px 0 20px;} .msWrapper .btnModule {border-top:1px solid #dbdbdb; padding:0; width:974px; margin:0; height:90px;} .msWrapper .btnModule .btnLt { margin-top:40px; margin-left:30px; float:left;} .msWrapper .btnModule .btnBack { margin-top:30px; float:left;} .msWrapper .btnModule .btnRt { margin-top:30px; margin-right:30px;} .msWrapper .plansComparison {margin:10px 0 5px 30px; padding:0; float:left;} .msWrapper .plansComparison .newPlan { float:left; width:270px; margin-bottom:20px;} .msWrapper .plansComparison .comparedPlan { float:left; padding:0; margin:7px 0 0 0; position:relative;} .msWrapper .plansComparison .selectMsg { position:absolute; height: 80px; width: 359px; z-index:1; left:400px; bottom:208px;} .msWrapper .plansComparison #msgSelect.box { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/overlayBkg359x80.png") left center no-repeat; width:359px; height:80px; border:none !important;} .msWrapper .plansComparison #msgSelect.box p { position:relative; padding:27px 0 0 40px; margin:0; font-size:14px; font-weight:bold;} .msWrapper .plansComparison .planComp { z-index:1;} .msWrapper .plansComparison .comparedPlan table { width:587px; border-collapse: collapse; margin-left:2px;} .msWrapper .plansComparison .comparedPlan table th { text-align:center; font-size:14px; font-weight:bold; vertical-align:middle;} .msWrapper .plansComparison .comparedPlan table th.one { width:32%;} .msWrapper .plansComparison .comparedPlan table th.two { width:29%;} .msWrapper .plansComparison .comparedPlan table th.three { width:16%;} .msWrapper .plansComparison .comparedPlan table th.four { width:23%;} .msWrapper .plansComparison .comparedPlan table tr.one { height:30px;} .msWrapper .plansComparison .comparedPlan table tr.two { height:50px;} .msWrapper .plansComparison .comparedPlan table td { text-align:left; font-size:14px; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; vertical-align:middle; padding:2px 0;} .msWrapper .plansComparison .comparedPlan table td.doubleBrd { text-align:left; font-size:14px; border-bottom:2px solid #d8d8d8; border-top:1px solid #d8d8d8; vertical-align:middle;} .msWrapper .plansComparison .comparedPlan table td > p { margin:0; padding:0; font-size:14px; background:none !important; color:#333 !important; border:none !important; font-weight:normal !important;} .msWrapper .plansComparison .comparedPlan table td.f16 { font-size:16px; font-weight:bold;} .msWrapper .plansComparison .comparedPlan table td.orgTxt { color:#ff720c;} .msWrapper .plansComparison .comparedPlan table td.white { background-color:#fff;} .msWrapper .plansComparison .comparedPlan table td.blue { background-color:#f5fafc;} .msWrapper .plansComparison .comparedPlan table td.grey { background-color:#f4f4f4;} .msWrapper .plansComparison .comparedPlan table td.greyFirst { background-color:#f4f4f4;} .msWrapper .plansComparison .comparedPlan table td.orangeBkg { background-color:#ff720c; color:#fff; font-weight:bold;} .msWrapper .plansComparison .comparedPlan table td.one { width:32%; padding-left:10px;} .msWrapper .plansComparison .comparedPlan table td.two { width:25%;} .msWrapper .plansComparison .comparedPlan table td.three { width:15%; border-right:1px solid #d8d8d8; text-align:center;} .msWrapper .plansComparison .comparedPlan table td.four { width:28%; text-align:center;} .msWrapper .plansComparison .comparedPlan table td.oneapo { width:32%; padding-left:10px;} .msWrapper .plansComparison .comparedPlan table td.twoapo { width:24%;} .msWrapper .plansComparison .comparedPlan table td.threeapo { width:22%; border-right:1px solid #d8d8d8; text-align:right; padding-right:22px;} .msWrapper .plansComparison .comparedPlan table td.threeapoctr { width:22%; border-right:1px solid #d8d8d8; text-align:center;} .msWrapper .plansComparison .comparedPlan table td.fourapo { width:22%; text-align:right; padding-right:22px;} .msWrapper .plansComparison .comparedPlan table td.fourapoctr { width:22%; text-align:center;} .msWrapper .plansComparison .comparedPlan table td.fourapo sup, .msWrapper #reviewChanges .planTbl sup { font-size:90% !important; font-weight:normal !important; display:inline-block !important; width:10px !important; margin-right:-10px !important; position:relative !important; top:-0.2em !important;} .msWrapper .plansComparison .comparedPlan table td.threeapoctrspa { width:24%; border-right:1px solid #d8d8d8; text-align:center;} .msWrapper .plansComparison .comparedPlan table td.fourapoctrspa { width:24%; text-align:center;} .msWrapper .plansComparison .comparedPlan table td.oneapospa { width:32%; padding-left:10px;} .msWrapper .plansComparison .comparedPlan table td.twoapospa { width:20%;} .msWrapper .plansComparison .comparedPlan table td.threeapospa { width:24%; border-right:1px solid #d8d8d8; text-align:right; padding-right:24px;} .msWrapper .plansComparison .comparedPlan table td.fourapospa { width:24%; text-align:right; padding-right:15px;} .msWrapper #reviewChanges .planTblcellOdd.w170apo { width:170px; text-align:right; border-left:2px solid #d8d8d8;} .msWrapper #reviewChanges .planTblcellOdd .planUsers2apo { padding:0 50px 0 0; margin:16px 0 15px 0;} .msWrapper #reviewChanges .planTblcellOdd .planUsers2apo p { margin-bottom:0; font-size:14px;} .msWrapper #reviewChanges .planTbl .planTblcellOdd .planUsers2apo .font16 { font-size:16px; font-weight:bold;} .msWrapper #reviewChanges .planTbl .planTblcellOdd .planUsers2apo .totPrice { font-size:16px; font-weight:bold; color:#ff7200;} .msWrapper #reviewChanges .planTblcell.w170aporew { float:right; padding-right:50px;} .msWrapper #reviewChanges .planTbl .TopSolidBorder2 {border-top:2px solid #ccc;} .msWrapper .plansComparison .comparedPlan table td.four div { display:none;} .msWrapper .plansComparison .comparedPlan table td.f16 div, .msWrapper .plansComparison .comparedPlan table td.orangeBkg div { font-weight:bold; padding:2px 0;} .msWrapper .plansComparison .newPlan h2, .msWrapper .comparedPlan h2{ font-size:16px; margin:0 0 15px 10px;} .msWrapper .plansComparison .borderSolidbtm { border-bottom:1px solid #ccc;} .msWrapper .plansComparison .borderSolidtop{ border-top:1px solid #ccc;} .msWrapper .plansComparison .currColor { background-color:#f4f4f4;} .msWrapper .plansComparison .newPlan .box { padding:5px 0 5px 10px; margin:0 0 5px 0;} .msWrapper .plansComparison .newPlan .box p { margin-bottom:0; font-weight:bold; color:#fff;} .msWrapper .plansComparison .noteTxt { padding:0; margin:0; width:270px;} .msWrapper .plansComparison .noteTxt p { margin:10px 30px 0 10px;} .msWrapper .newPlan .newData { padding:5px 0 5px 10px; margin:0 0 5px 0; background-color:#ff7200; width:240px; border:1px solid #ff7200; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url("/commonLogin/igate_wam/staticContent/images/myworld/js/pie/PIE.htc"); position:relative; z-index:1;} .msWrapper .newPlan .newData p { margin-bottom:0; font-weight:bold; color:#fff;} .msWrapper .newPlan .newData2 { padding:0 0 5px 10px; margin:0 0 5px 0; width:240px;} .msWrapper .newPlan .newData2 p {margin-bottom:0; font-weight:normal; color:#333;} .msWrapper .newPlan .newData2 span { color:#ff7200; font-weight:bold;} .msWrapper .newPlan .planMod .orgAsterisk { color:#ff7200; font-weight:bold;} .msWrapper .newPlan .planMod .orgAsteriskW { color:#fff; font-weight:bold;} @media screen and (-webkit-min-device-pixel-ratio:0) { .msWrapper .plansComparison .comparedPlan { margin:5px 0 0 0;} } .msWrapper .plansComparison .comparedPlan .termsCond { padding:0; margin:20px 0 0 0; float:left; width:589px;} .msWrapper .plansComparison .comparedPlan .termsCond .planSize { margin-left:10px;} .msWrapper .plansComparison .comparedPlan .termsCond .planSize p { font-size:10px; float:left; margin-bottom:13px;} .msWrapper .plansComparison .comparedPlan .termsCond .tConditions { float:right;} .msWrapper .plansComparison .comparedPlan .termsCond a { color:#005b95;} .msWrapper .plansComparison .newPlan .planMod {width:250px; padding:0; margin:0;} .msWrapper .plansComparison .newPlan .planModrow {background-color:#f5fafc;} .msWrapper .plansComparison .newPlan .planModrowCurrColor {background-color:#f4f4f4;} .msWrapper .plansComparison .newPlan .planModcell {border-top:1px solid #d8d8d8; height:28px; width:249px;} .msWrapper .plansComparison .newPlan .currColor {background-color:#f4f4f4;} .msWrapper .plansComparison .newPlan .lastRow { border-bottom:1px solid #ccc;} .msWrapper .plansComparison .newPlan .planModrowArrow {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/orangeDataArrowradioBtn255x31.png") no-repeat scroll left center transparent; width:255px;} .msWrapper .plansComparison .newPlan .planModcell .orangeText { color:#FF7200;} .msWrapper .plansComparison .newPlan .planModcell p.nwapo { padding:7px 0 0; margin-bottom:0; text-align:center;} .msWrapper .plansComparison .newPlan .planModcell .norText { font-weight:normal;} .msWrapper .plansComparison .newPlan .planMod ul { margin:0; padding:0; height:100%; cursor:pointer;} .msWrapper .plansComparison .newPlan .planMod ul li { float:left; padding:5px 0 0 0; margin:0;} .msWrapper .plansComparison .newPlan .planMod ul li input { float:left; width:30px; position:relative; top:2px; left:2px;} .msWrapper .plansComparison .newPlan .planMod ul li.gbyte { float:left; font-size:14px; font-weight:bold; position:relative; color:#333; width:100px;} .msWrapper .plansComparison .newPlan .planMod ul li.price { float:left; margin-right:5px; font-size:14px; position:relative;} .msWrapper .plansComparison .newPlan .planMod ul li.sep { float:left; font-size:14px; position:relative;} .msWrapper .plansComparison .newPlan .planMod ul li.gbyteW { float:left; font-size:14px; font-weight:bold; position:relative; color:#fff; width:100px;} .msWrapper .plansComparison .newPlan .planMod ul li.priceW { float:left; margin-right:5px; font-size:14px; position:relative; color:#fff; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul li.priceW span { font-size:14px; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul li.sepW { float:left; font-size:14px; position:relative; color:#fff; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul li.current { margin-left:30px; width:100px; font-size:14px; font-weight:bold; position:relative; } .msWrapper .plansComparison .newPlan .planMod ul li .currTxt { font-size:12px;} .msWrapper .plansComparison .newPlan .planMod ul.apo { margin:0; padding:0; height:100%; cursor:pointer;} .msWrapper .plansComparison .newPlan .planMod ul.apo li { float:left; padding:5px 0 0 0; margin:0;} .msWrapper .plansComparison .newPlan .planMod ul.apo li input { float:left; width:30px; position:relative; top:2px; left:2px;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.gbyte { float:left; font-size:14px; font-weight:bold; position:relative; color:#333; width:100px;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.price { float:right; margin-right:15px; font-size:14px; position:relative;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.sep { float:left; font-size:14px; position:relative;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.gbyteW { float:left; font-size:14px; font-weight:bold; position:relative; color:#fff; width:100px;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.priceW { float:right; margin-right:15px; font-size:14px; position:relative; color:#fff; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.priceW span { font-size:14px; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.sepW { float:left; font-size:14px; position:relative; color:#fff; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul.apo li.current { margin-left:30px; width:100px; font-size:14px; font-weight:bold; position:relative;} .msWrapper .plansComparison .newPlan .planMod ul.apo li .currTxt { font-size:12px;} .msWrapper .plansComparison .newPlan .planMod ul.apo span.sep { margin-left:5px;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 { margin:0; padding:0; height:100%; cursor:pointer;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li { float:left; padding:5px 0 0 0; margin:0;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li input { float:left; width:30px; position:relative; top:2px; left:2px;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li.gbyte { float:left; font-size:14px; font-weight:bold; position:relative; color:#ff7200; width:100px;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li.price { float:right; margin-right:15px; font-size:14px; position:relative; color:#ff7200;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li.sep { float:left; font-size:14px; position:relative;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li.gbyteW { float:left; font-size:14px; font-weight:bold; position:relative; color:#fff; width:100px;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li.priceW { float:right; margin-right:15px; font-size:14px; position:relative; color:#fff; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li.priceW span { font-size:14px; font-weight:bold;} .msWrapper .plansComparison .newPlan .planMod ul.apo2 li.sepW { float:left; font-size:14px; position:relative; color:#fff; font-weight:bold;} .msWrapper #efectiveDate { padding:0; margin:0 0 70px 0;} .msWrapper #efectiveDate .slcForm { margin:0 125px 0 125px;} .msWrapper #efectiveDate .slcForm h2 { font-size:18px; margin:45px 0 40px 0;} .msWrapper #efectiveDate .slcForm h3 { font-size:14px; font-weight:bold; color:#333; padding:3px 0 15px 0;} .msWrapper #efectiveDate .slcForm .oragTxt { color:#ff7200; font-weight:bold;} .msWrapper #efectiveDate .slcForm p { font-size:14px; color:#666666; margin:15px 75px 25px 40px;} .msWrapper #efectiveDate .slcForm p.font12 { font-size:12px;} .msWrapper #efectiveDate .slcForm ul { margin:0 0 30px 55px; padding:0; list-style:disc;} .msWrapper #efectiveDate .slcForm ul li { font-size:12px; color:#666666; margin-bottom:5px; padding:0;} .msWrapper #efectiveDate .horSep {border-bottom:1px solid #d8d8d8; margin-bottom:30px;} .msWrapper #efectiveDate .nobtmBorder { border-bottom:none;} /*radio buttons for Mobile Share Select Effective Date Begins*/ .msWrapper #efectiveDate .slcForm #nextBill {display:none;} .msWrapper #efectiveDate .slcForm #presentBill {display:none;} .msWrapper #efectiveDate .slcForm #futureBill {display:none;} .msWrapper #efectiveDate .slcForm .radio {width: 26px; height: 27px; padding: 0 15px 0 0; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/radioBtnSprite4.png") no-repeat; display: block; clear: left; float: left;} .msWrapper #efectiveDate .slcForm .orgTxtbd { font-size:14px; font-weight:bold; display:none; color:#333;} .msWrapper #efectiveDate .slcForm #blTxtbd { font-size:14px; font-weight:bold; color:#333;} .msWrapper #efectiveDate .slcForm #orgTxtbd { font-size:14px; font-weight:bold; display:none; color:#333;} .msWrapper #efectiveDate .slcForm #blTxtpd { font-size:14px; font-weight:bold; color:#333;} .msWrapper #efectiveDate .slcForm #orgTxtpd { font-size:14px; font-weight:bold; display:none; color:#333;} .msWrapper #efectiveDate .slcForm #blTxtfd { font-size:14px; font-weight:bold; color:#333;} .msWrapper #efectiveDate .slcForm #orgTxtfd { font-size:14px; font-weight:bold; display:none; color:#333;} .msWrapper #efectiveDate .slcForm label { font-size:14px; font-weight:bold; color:#333; padding:3px 0 0 0;} .msWrapper #efectiveDate .slcForm div.selector, .msWrapper #efectiveDate .slcForm div.selector span, .msWrapper #efectiveDate .slcForm div.checker span, .msWrapper #efectiveDate .slcForm div.radio span, .msWrapper #efectiveDate .slcForm div.uploader, .msWrapper #efectiveDate .slcForm div.uploader span.action, .msWrapper #efectiveDate .slcForm div.button, div.button span { background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/spriteMS1.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .msWrapper #efectiveDate .slcForm div.selector, .msWrapper #efectiveDate .slcForm div.checker, .msWrapper #efectiveDate .slcForm div.button, .msWrapper #efectiveDate .slcForm div.radio, .msWrapper #efectiveDate .slcForm div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } .msWrapper #efectiveDate .slcForm div.selector:focus, .msWrapper #efectiveDate .slcForm div.checker:focus, .msWrapper #efectiveDate .slcForm div.button:focus, .msWrapper #efectiveDate .slcForm div.radio:focus, .msWrapper #efectiveDate .slcForm div.uploader:focus { outline: 0; } .msWrapper #efectiveDate .slcForm div.selector, .msWrapper #efectiveDate .slcForm div.selector *, .msWrapper #efectiveDate .slcForm div.radio, .msWrapper #efectiveDate .slcForm div.radio *, .msWrapper #efectiveDate .slcForm div.checker, .msWrapper #efectiveDate .slcForm div.checker *, .msWrapper #efectiveDate .slcForm div.uploader, .msWrapper #efectiveDate .slcForm div.uploader *, .msWrapper #efectiveDate .slcForm div.button, .msWrapper #efectiveDate .slcForm div.button * { margin: 0; padding: 0; } /* Radio */ .msWrapper #efectiveDate .slcForm div.radio { position: relative;} .msWrapper #efectiveDate .slcForm div.radio, .msWrapper #efectiveDate .slcForm div.radio span, .msWrapper #efectiveDate .slcForm div.radio input { width: 26px; height: 26px;} .msWrapper #efectiveDate .slcForm div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: -27px 0;} .msWrapper #efectiveDate .slcForm div.radio span.checked { background-position: -108px 0; } .msWrapper #efectiveDate .slcForm div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center;} .msWrapper #efectiveDate .slcForm div.radio.active span { background-position: -108px 0;} .msWrapper #efectiveDate .slcForm div.radio.active span.checked { background-position: -108px 0;} .msWrapper #efectiveDate .slcForm div.radio.hover span, .msWrapper #efectiveDate .slcForm div.radio.focus span { background-position: -27px 0; outline:1px dotted #ccc;} .msWrapper #efectiveDate .slcForm div.radio.hover span.checked, .msWrapper #efectiveDate .slcForm div.radio.focus span.checked { background-position: -108px 0;} .msWrapper #efectiveDate .slcForm div.radio.hover.active span, .msWrapper #efectiveDate .slcForm div.radio.focus.active span { background-position: -108px 0;} .msWrapper #efectiveDate .slcForm div.radio.hover.active span.checked, .msWrapper #efectiveDate .slcForm div.radio.focus.active span.checked { background-position: -108px 0;} .msWrapper #efectiveDate .slcForm div.radio.disabled span, .msWrapper #efectiveDate .slcForm div.radio.disabled.active span { background-position: -108px 0;} .msWrapper #efectiveDate .slcForm div.radio.disabled span.checked, .msWrapper #efectiveDate .slcForm div.radio.disabled.active span.checked {background-position: -108px 0;} .msWrapper #efectiveDate .slcForm div.radio { margin-right:15px;} /*radio buttons for Mobile Share Select Effective Date Ends*/ .msWrapper #reviewChanges { padding:0; margin:0;} .msWrapper #reviewChanges .slcForm { margin:20px 90px 0 155px; float:left; width:600px;} .msWrapper #reviewChanges .slcForm h2 { font-size:18px;} .msWrapper #reviewChanges .slcForm a.plan { font-size:14px;} .msWrapper #reviewChanges .slcForm .lCol { margin:20px 0 40px 0; padding:0; float:left;} .msWrapper #reviewChanges .slcForm .rCol { margin:27px 0 0 0; padding:0; float:right;} .msWrapper #reviewChanges .slcForm .rCol .printIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/printIcon15x15.png") no-repeat scroll left center transparent !important; padding-left: 20px; padding: 5px 0 5px 20px; width:15px; height:15px;} .msWrapper #reviewChanges .slcForm p { font-size:14px; font-weight:bold; color:#666666; margin:5px 0 0 0;} .msWrapper #reviewChanges .slcForm .oragTxt { color:#ff7200; font-weight:bold; padding-right:5px;} .msWrapper #reviewChanges .slcForm .sep { font-size:14px; margin:0 5px 0 5px; color:#d8d8d8; font-weight:bold; position:relative; top:-1px;} .msWrapper #reviewChanges .slcForm2 { margin:0 90px 0 155px; float:left; width:600px;} .msWrapper #reviewChanges .slcForm2 h2 { font-size:18px;} .msWrapper #reviewChanges .slcForm2 a.plan { font-size:14px;} .msWrapper #reviewChanges .slcForm2 .lCol { margin:5px 0 0 0; padding:0; float:left;} .msWrapper #reviewChanges .slcForm2 .rCol { margin:12px 0 0 0; padding:0; float:right;} .msWrapper #reviewChanges .slcForm2 .rCol .printIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/printIcon15x15.png") no-repeat scroll left center transparent !important; padding-left: 20px; padding: 5px 0 5px 20px; width:15px; height:15px;} .msWrapper #reviewChanges .slcForm2 p { font-size:14px; font-weight:bold; color:#666666; margin:5px 0 0 0;} .msWrapper #reviewChanges .slcForm2 .oragTxt { color:#ff7200; font-weight:bold; padding-right:5px;} .msWrapper #reviewChanges .slcForm2 .sep { font-size:14px; margin:0 5px 0 5px; color:#d8d8d8; font-weight:bold; position:relative; top:-1px;} .msWrapper #reviewChanges .newPlan { padding:0; margin:0 90px 15px 155px; float:left;} .msWrapper #reviewChanges .newPlan h2 { font-size:16px; float:left;} .msWrapper #reviewChanges p.discTxt { font-size:11px; color:#999; margin:15px 0 20px 165px; padding:0; width:545px;} .msWrapper #reviewChanges p.discTxtAp { font-size:11px; color:#333; margin:15px 0 20px 165px; padding:0; width:545px;} .msWrapper #reviewChanges .planTbl {display: table; border-collapse:collapse; width:600px; padding:0; margin:0 90px 0 155px; border-bottom:2px solid #d8d8d8;} .msWrapper #reviewChanges .planTbl .evenColor { background-color:#f4f4f4;} .msWrapper #reviewChanges .planTbl .oddColor { background-color:#f5fafc; margin:0; padding:0;} .msWrapper #reviewChanges .planTbl .morMargin { margin-left:25px;} .msWrapper #reviewChanges .planTbl .morMarginTop { margin-top:15px;} .msWrapper #reviewChanges .planTblrow {display: table-row; background-color:#ffffff; height:70px; border-top:1px solid #d8d8d8; border-bottom:2px solid #d8d8d8; margin:0; padding:0;} .msWrapper #reviewChanges .planTblrow2 {display: table-row; background-color:#ffffff; height:50px; border-top:1px solid #d8d8d8; border-bottom:2px solid #d8d8d8; margin:0; padding:0;} .msWrapper #reviewChanges .planTblcell {display: table-cell; text-align:left; float:left; height:68px; margin:0; padding:2px 0 0 0;} .msWrapper #reviewChanges .planTblrow2 .planTblcell {display: table-cell; text-align:left; float:left; height:50px; margin:0; padding:0;} .msWrapper #reviewChanges .planTblcell.w110f { width:110px;} .msWrapper #reviewChanges .planTblcell.w110w { width:150px;} .msWrapper #reviewChanges .planTblcell.w110 { width:110px; text-align:center;} .msWrapper #reviewChanges .planTblcell.w150 { width:150px; text-align:center;} .msWrapper #reviewChanges .planTblcell .mbsimple { font-size:12px;} .msWrapper #reviewChanges .planTblcell.w60 { width:60px; text-align:center;} .msWrapper #reviewChanges .planTblcell.w170 { width:170px; text-align:center; float:right;} .msWrapper #reviewChanges .planTblcell h2 { font-size:16px; font-weight:bold; margin:15px 0 0 0;} .msWrapper #reviewChanges .planTblcell h2.first { position:relative; left:15px;} .msWrapper #reviewChanges .planTblcell p { font-size:12px; margin:0 0 20px 0;} .msWrapper #reviewChanges .planTblcell p.first { position:relative; left:10px;} .msWrapper #reviewChanges .planTblcell span.first { position:relative; left:65px; bottom:16px; font-size:12px; color:#333;} .msWrapper #reviewChanges .slcForm a.plan { font-size:14px; font-weight:normal; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/vertSep2x14.png") no-repeat scroll left center transparent !important; padding-left: 7px;} .msWrapper #reviewChanges .newPlan a.plan { font-size:14px; font-weight:normal; padding-left:12px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/vertSep2x14.png") no-repeat scroll 5px center transparent !important; padding-left: 12px; position:relative; top:5px;} .msWrapper #reviewChanges .planTblcell a.plan { font-size:14px; font-weight:normal; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/vertSep2x14.png") no-repeat scroll left center transparent !important; padding-left: 7px;} .msWrapper #reviewChanges .planTblcell .sep { font-size:16px; margin:0 5px 0 5px; color:#d8d8d8; font-weight:bold; position:relative; top:-1px;} .msWrapper #reviewChanges .planTblrow50 {display: table-row; background-color:#ffffff; height:50px; margin:0; padding:0;} .msWrapper #reviewChanges .planTblcellOdd {display: table-cell; float:left; height:50px; margin:0; padding:0; text-align:left;} .msWrapper #reviewChanges .planTblcellOdd .planUsers { padding:0; margin:7px 0 15px 0;} .msWrapper #reviewChanges .planTblcellOdd .planUsers2 { padding:0; margin:16px 0 15px 0;} .msWrapper #reviewChanges .planTblcellOdd .planUsers.last { margin-left:0;} .msWrapper #reviewChanges .planTblcellOdd .planUsers p, .msWrapper #reviewChanges .planTblcellOdd .planUsers2 p { margin-bottom:0; font-size:14px;} .msWrapper #reviewChanges .planTblcellOdd.w210 { width:210px;} .msWrapper #reviewChanges .planTblcellOdd.w220 { width:218px;} .msWrapper #reviewChanges .planTblcellOdd.w210 p, .msWrapper #reviewChanges .planTblcellOdd.w220 p { margin-left:10px;} .msWrapper #reviewChanges .planTblcellOdd.w170 { width:170px; text-align:center; border-left:2px solid #d8d8d8;} .msWrapper #reviewChanges .planTbl .planTblcellOdd .planUsers .font16, .msWrapper #reviewChanges .planTbl .planTblcellOdd .planUsers2 .font16 { font-size:16px; font-weight:bold;} .msWrapper #reviewChanges .planTbl .planTblcellOdd .planUsers .totPrice, .msWrapper #reviewChanges .planTbl .planTblcellOdd .planUsers2 .totPrice { font-size:16px; font-weight:bold; color:#ff7200;} .msWrapper #reviewChanges .taxes {margin:25px 155px 30px 165px; padding:0;} .msWrapper #reviewChanges .taxes h2 { font-size:16px; color:#000; margin-bottom:10px;} .msWrapper #reviewChanges .taxes p, .msWrapper #reviewChanges .taxes a { font-size:10px; margin-bottom:10px;} .msWrapper #reviewChanges .termsCond {margin:0 0 0 165px; padding:0; width:585px; float:left; clear:both;} .msWrapper #reviewChanges .termsCond h2 { font-size:16px; color:#000;} .msWrapper #reviewChanges .termsCond p { font-size:10px;} .msWrapper #reviewChanges .termsCond .lCol { margin-bottom:20px; padding:0; float:left;} .msWrapper #reviewChanges .termsCond .rCol { margin:0; padding:5px 0 0 0; float:right;} .msWrapper #reviewChanges .termsCond .rCol .printIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/printIcon15x15.png") no-repeat scroll left center transparent !important; padding: 5px 0 5px 20px; width:15px; height:15px;} .msWrapper #reviewChanges #tCond { margin:0 0 0 165px; width:560px;} .msWrapper #reviewChanges .agreCond { margin:15px 155px 45px 0; float:right;} .msWrapper #reviewChanges .agreCondLinks { margin:15px 185px 45px 125px; float:right;} .msWrapper #reviewChanges .agreCondLinks .sep { font-size:12px; margin:0 5px 0 3px; color:#d8d8d8; font-weight:bold; position:relative;} .msWrapper #reviewChanges .discMsgReview { margin:0 0 0 125px; width:600px;} .msWrapper #reviewChanges .discMsgReview .msg.box { padding:12px 5px 12px 5px;} .msWrapper #reviewChanges .discMsgReview .msg.box p { font-size:12px; margin:0 0 0 20px;} .msWrapper .confMessage { padding:0; margin:0;} .msWrapper .confMessage .box { margin:50px 20px 30px 20px; padding:11px 25px 17px 25px; background-color:#FEFCE1;} .msWrapper .confMessage .box p { font-size:18px; margin-top:5px; margin-bottom:0;} .msWrapper .confMessage .box .confBkg {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/greenCheck30x30.png") no-repeat scroll left 3px transparent !important; padding-left: 50px;} .msWrapper .confMessage .box p.moreTxt { font-size:14px; font-weight:normal;} .msWrapper .plansComparison .comparedPlanopacity {opacity:.20; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);} .msWrapper .plansComparison .comparedPlan .box { background-color:#f4f4f4;} .msWrapper #efectiveDate .slcForm #rContent-1 {display:none; height:auto;} .msWrapper #efectiveDate .slcForm #rContent-2 {display:none; height:auto;} .msWrapper #efectiveDate .slcForm #rContent-3 {display:none; height:auto;} .msWrapper #efectiveDate .ShowRadio {border-bottom:1px solid #d8d8d8; margin:0; padding:15px 0 15px 0; height:auto;} .msWrapper #efectiveDate .slcForm p.showR { font-size:14px; color:#666666; margin:15px 75px 0 45px; padding:0;} .msWrapper #efectiveDate .slcForm .txtOrange { font-size:14px; font-weight:bold; color:#ff720c;} .msWrapper .btnModule .btnRt#active { display:none;} .msWrapper .msgAlertMS { margin:0 20px; padding:0;} .msWrapper .msgAlertMS .box { background-color:#FEFCE1;} .msWrapper .msgAlertMS p.asistMsg { margin:10px 100px 10px 15px;} .msWrapper .msgAlertMS .box p.asistMsg2 { margin:10px 200px 20px 15px; font-weight:normal; padding:0;} .msWrapper .msgAlertMS p.pendMsg { margin-left:50px;} .msWrapper .msgAlertMS .yAlertIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/icn_yellowAlert25x23.png") no-repeat scroll left center transparent; padding-left: 10px; float:left; width:25px; height:23px;} .msWrapper .msgAlertMS .yAlertIconConfig {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/icn_yellowAlert25x23.png") no-repeat scroll left center transparent; padding-left: 10px; float:left; width:25px; height:23px;} .msWrapper .errMsgMS { margin:50px 20px 0 20px; padding:0;} .msWrapper .errMsgMS .box { background-color:#FEF3F1;} .msWrapper .errMsgMS .box p.asistMsg2 { margin:10px 200px 20px 15px; font-weight:normal; padding:10px 0 10px 0;} .msWrapper .errMsgMS .redAlertIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/iconError30x30.png") no-repeat scroll left center transparent; padding: 0 0 0 15px; float:left; width:30px; height:30px;} .msWrapper .errMsgMS2 { margin:20px 20px 0 20px; padding:0;} .msWrapper .errMsgMS2 .box { background-color:#FEF3F1;} .msWrapper .errMsgMS2 .box p.asistMsg2 { margin:10px 200px 20px 15px; font-weight:normal; padding:10px 0 10px 0;} .msWrapper .errMsgMS2 .redAlertIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/iconError30x30.png") no-repeat scroll left center transparent; padding: 0 0 0 15px; float:left; width:30px; height:30px;} .msWrapper .errlinks { float:right;} .msWrapper .errlinks2 { float:right; margin-right:20px;} /*Modal*/ .mkChanges { position:relative; z-index:3;} .mkChanges .outerModal { position:absolute; width:335px; border:1px solid #aaa; z-index:10; right:-2px; display:none; border-radius: 5px;} .mkChanges .innerModal { border:1px solid #fff; border-radius:5px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBckg1x260.png") repeat-x #fff center bottom; padding:20px; margin:0; position:relative; z-index:1;} .mkChanges .closeModal2 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/closeBtn32x32.png") no-repeat; display:block; width:32px; height:32px; top:-14px; right:-13px; text-indent:-999em; position:absolute;} .mkChanges .topModalArrow {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/topNotch16x8.png") no-repeat; display:block; width:16px; height:8px; top:-8px; right:150px; text-indent:-999em; position:absolute;} .mkChanges h3 { font-size:14px; font-weight:bold; margin-bottom:20px;} .mkChanges h4 { font-size:12px; font-weight:bold; margin-bottom:5px;} .mkChanges ul { margin:0 0 20px 0; padding:0; list-style:disc;} .mkChanges ul li { margin:0 0 0 15px; padding:0;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal .innerModal p { font-size:12px; margin:0 0 20px 0; padding:0;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal .innerModal .modalChatIcon {position:relative; top:3px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal .innerModal p.icnChat { margin-bottom:5px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal .innerModal div.icnChat { margin-bottom:5px; color:#333; font-size:12px; line-height:1.3em;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal .innerModal .icnChatModal { padding-left:10px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal .innerModal .telNumberModal { margin-bottom:0; padding-left:10px; font-size:12px; color:#333333;} .mkChanges .TopSolidBorder {border-top:1px solid #ccc; margin:10px 0 10px 0;} .mkChanges .TopSolidBorder2 {border-top:2px solid #ccc; margin:10px 0 10px 0;} .mkChanges .addDev { position:relative; top:12px;} .mkChanges .shopDev { position:relative; top:12px;} .mkChanges .width50 { width:50px;} .mkChanges .outerModal .tl, .mkChanges .outerModal .tr, .mkChanges .outerModal .bl, .mkChanges .outerModal .br { display:none;} #primary-content #supMsg { width:665px;} #primary-content #dataContent { width:562px;} #primary-content #chatMsg { width:562px;} #primary-content #dataContent2 { width:530px;} #primary-content #chatMsg2 { width:530px;} #primary-content .medLinks { padding:15px 0 10px 0; margin:0;} .msWrapper #supMsg2 { margin:20px 20px 0 20px; padding:0;} .msWrapper #supMsg2 .box{ margin-bottom:0; background-color:#FEFCE1; padding:14px;} .msWrapper #currPlan2 { margin:0 0 20px 0; background-color:#f4f4f4; padding:15px 0 15px 0;} .msWrapper #currPlan2 .currPlanModLeft { float:left; padding:0; margin:0;} .msWrapper #currPlan2 .currPlanModLeft h2 { font-size:18px; margin:0 0 10px 30px;} .msWrapper #currPlan2 .currPlanModLeft ul { margin:0 0 0 31px; padding:0; float:left;} .msWrapper #currPlan2 .currPlanModLeft ul li{ float:left; text-align:center;} .msWrapper #currPlan2 .currPlanModLeft ul li.first { font-size:18px; margin:0; color:#ff7200; width:80px;} .msWrapper #currPlan2 .currPlanModLeft ul li.second { font-size:18px; margin:0; color:#666666; width:130px;} .msWrapper #currPlan2 .currPlanModLeft ul li.third { font-size:18px; margin:0; color:#666666; width:130px;} .msWrapper #currPlan2 .currPlanModLeft ul li.one { font-size:18px; margin:0 0 0 5px; color:#ff7200; width:52px; text-align:left;} .msWrapper #currPlan2 .currPlanModLeft ul li.two { font-size:12px; margin:5px 0 0 0; color:#666666; width:100px; text-align:left;} .msWrapper #currPlan2 .currPlanModLeft ul li.three { font-size:18px; margin:0; color:#666666; width:130px; text-align:left;} .msWrapper #currPlan2 .currPlanModLeft ul li .sepMonth { font-size:12px; margin:0; color:#666666;} .msWrapper #currPlan2 .currPlanModLeft ul li.share { font-size:12px; margin:0; color:#333; width:80px;} .msWrapper #currPlan2 .currPlanModLeft ul li.talk { font-size:12px; margin:0; color:#333; width:135px;} .msWrapper #currPlan2 .planDisclaimer { margin:10px 0 10px 30px; padding:0 250px 0 0; float:left;} .msWrapper #currPlan2 .planDisclaimer p { font-size:9px; color:#999; margin:0; padding:0;} .msWrapper #currPlan2 .currPlanModLeft .sep { margin:0 0 0 5px; color:#d8d8d8; font-weight:bold;} .msWrapper #currPlan2 .currPlanModLeft ul li.last { font-size:12px; margin:0 40px 0 0; color:#333; position:relative; top:6px;} /*Modal*/ /*MOBILE SHARE - T&C New Window BEGINS */ #prTC { margin:0; padding:0;} #printTC { margin:0; padding:10px; } #printTC .tcMainMod { margin:0; padding:0 0 40px 0;} #printTC .tc_top h2 { margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; position:relative; top:10px; left:65px;} #printTC .tc_header { height:60px; margin:0; padding:0;} #printTC .tc_header .att_logo {width:83px; height:37px; padding:0; margin:20px 0 0 30px; float:left;} #printTC .tc_header .closeBtn { margin:0; padding:0;} #printTC .tc_header .closetcWin { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/closeBtn19x19.png") no-repeat scroll 35px 29px transparent; display:block; width:55px; height:30px; padding:30px 15px 0 0; margin:0; float:right; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3381b7;} #printTC .tc_main { padding:0 0 35px 0; margin:0; float:left;} #printTC .tc_main a { text-decoration:none; color:#3381b7;} #printTC .tc_main h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#333; padding:0; margin:15px 10px 0 30px; float:left; line-height:1.3em;} #printTC .tc_main h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333; padding:0; margin:30px 0 0 30px; line-height:1.3em;} #printTC .tc_main p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; padding:0; margin:20px 60px 0 30px; float:left; line-height:1.3em;} #printTC .tc_main span { float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3381b7; padding:0; margin:20px 40px 0 0;} #printTC .tc_main .prtIcn {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/printIcon15x15.png") no-repeat scroll 0 0 transparent; float:right; width:20px; height:20px; margin-right:0;} #printTC .tc_main .pIcon {float:right; padding:0; margin:0 30px 0 0;} @media screen and (-webkit-min-device-pixel-ratio:0) { #printTC .tc_main span { text-decoration:none;} } /*MOBILE SHARE - T&C New Window ENDS */ /*MOBILE SHARE - CHANGE MY PLAN ENDS*/ /* PROGRESS INDICATOR MOBILE SHARE - myServices POD 1311 BEGINS */ .msWrapper .stepIndicatorContainer { margin:0 0 25px 0; padding:0;} .hidden-spoken { position: absolute !important; clip: rect(1px 1px 1px 1px)!important; /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px)!important; padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; } .hidden-spoken { text-indent: -999em!important; overflow: hidden!important; display: inline-block!important; } .hidden-silent { display: none!important; } .clearfix:before, .clearfix:after { content: ""!important; display: table!important; } .clearfix:after { clear: both!important; } .progress-steps { padding: 20px!important; } .step-list { position: relative!important; } .step { position: relative!important; } .msWrapper .newStepIndicatorHor { padding-top:15px; padding-bottom:0;} .newStepIndicatorHor .step { float: left!important; padding-top: 36px!important; text-align: center!important; } .msWrapper .indicatorcontainer-border{ height: 132px!important; border-bottom: 1px solid #d8d8d8 !important; } .newStepIndicatorVer .step { min-height: 36px!important; padding: 6px 0 0 36px!important; text-align: left!important; } .newStepIndicatorVer .last { min-height: auto!important; } .newStepIndicatorHor .steps2 .step { width:50%!important; } .newStepIndicatorHor .steps3 .step { width:33.333%!important; } .newStepIndicatorHor .steps4 .step { width:25%!important;} .newStepIndicatorHor .steps5 .step { width:20%!important; } .newStepIndicatorHor .steps6 .step { width:16.666%!important; } .newStepIndicatorHor .steps7 .step { width:14.285%!important; } .newStepIndicatorHor .step-current { font-weight: bold!important; color:#333;} .newStepIndicatorHor .step-complete { font-weight: normal !important; color:#333;} .newStepIndicatorHor .step-future { color:#333;} .newStepIndicatorHor .step-current .step-number { background-position: 50% -100px!important; } .newStepIndicatorHor .step-current.first .step-number { background-position: 50% -300px!important;} .newStepIndicatorHor .step-current.last .step-number { background-position: 50% -700px!important; } .newStepIndicatorHor .step-complete .step-number { background-position: 50% -200px!important; } .newStepIndicatorHor .step-complete.first .step-number { background-position: 50% -400px!important; } .newStepIndicatorHor .step-complete.last .step-number { background-position: 50% -800px!important; } .newStepIndicatorHor .step-future .step-number { background-position: 50% 0px!important; font-size:11px; color:#808080; } .newStepIndicatorHor .step-future.last .step-number { background-position: 50% -600px!important; } .newStepIndicatorVer .step-current .step-number { background-position: -700px -1273px!important; } .newStepIndicatorVer .step-current.first .step-number { background-position: -500px -1273px!important; } .newStepIndicatorVer .step-current.last .step-number { background-position: -100px -1273px!important; } .newStepIndicatorVer .step-complete .step-number { background-position: -600px -1273px!important; } .newStepIndicatorVer .step-complete.first .step-number { background-position: -400px -1273px!important; } .newStepIndicatorVer .step-complete.last .step-number { background-position: 0 -1273px!important; } .newStepIndicatorVer .step-future .step-number { background-position: -800px -1273px!important; } .newStepIndicatorVer .step-future.last .step-number { background-position: -200px -1273px!important; } .step-number { position: absolute!important; top: 0!important; left: 0!important; background-image: url(/commonLogin/igate_wam/staticContent/images/myworld/images/new_progress_sprite.png)!important; background-repeat: no-repeat!important; } .newStepIndicatorHor .step-number { width: 100%!important; height: 21px!important; padding: 5px 0 0 0!important; text-align: center!important; } .newStepIndicatorVer .step-number { width: 16px!important; height: 100%!important; padding: 6px 0 0 10px!important; text-align: left!important; } /* PROGRESS INDICATOR MOBILE SHARE - myServices POD 1311 ENDS */ /*MOBILE SHARE - CSS*/ .selectionmsg{ height: 50px; width: 250px; top: 165px; left: 180px; margin-bottom: 0px; z-index:99; background-color:#f4f4f4; position:relative; } .share_18gray{ color: rgb(102, 102, 102)!important; font-size: 18px!important; font-weight:600!important; } .selectionmsgcontent{ z-index: 99; position: relative; top: -433px; left: 10px; } .extend3o .PopupScrollDiv { border: 1px solid rgb(229, 229, 229); height: 100px; overflow-y: scroll; padding: 1.9em; overflow-x:hidden; } .table-td-first{ padding-left:15px!important; padding-right:35px!important; } .table-td-mid{ padding-left:15px!important; padding-right:85px!important; } .table-trbg{ background-color:rgb(225,225,225); opacity:0.75; } .table-tdlast { text-align:center!important; border-left: 3px solid rgb(229, 229, 229)!important; } .table-tdlast-bg { text-align:center!important; border-left: 3px solid rgb(229, 229, 229)!important; background-color:rgb(245,250,255); } .table-tdlast h3,.table-tdlast-bg h3{ text-align:center!important; position:relative; top:10px; } .table-confirm{ width: 600px!important; border-top: 1px solid rgb(229, 229, 229)!important; border-bottom: 1px solid rgb(229, 229, 229)!important; padding-bottom: 0px; margin-bottom: 20px!important; } .th14normal { color: rgb(51, 51, 51) !important; font-size: 14px !important; font-weight: normal !important; } .th14bold{ color: rgb(51, 51, 51) !important; font-size: 14px !important; font-weight: bold !important; } .th16bold { color: rgb(51, 51, 51) !important; font-size: 16px !important; font-weight: bold !important; } .uppersection{ border-top:1px solid rgb(229,229,229)!important; border-bottom:1px solid rgb(229,229,229)!important; height:70px; width:600px; } .uppersection div{ width:20%; padding-top: 15px; text-align:center; float:left; } .extend3o .mobilshrPRintIcon { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/printIcon.png") no-repeat scroll left center transparent !important; padding-left:20px; float: right; padding-right: 130px; } .font-orange { color: rgb(244, 126, 31)!important; font-size: 14px !important; font-weight: 600 !important; } .indicatorcontainer-border{ height: 120px!important; border-bottom: 1px solid #d8d8d8 !important; } .radiogroupborder{ border-top: 1px solid rgb(245,245,245)!important; padding-top: 20px!important; margin-top: 30px!important; } .radiogroupcontainer{ margin-left: 185px!important; margin-top: 20px!important; width:600px!important; } .pad-left20{ padding-left: 20px!important; } .pad-left36{ padding-left: 36px!important; } .collapsable{ display:none; top:20px!important; position:relative!important; } .radiogroup ul{ list-style: disc inside none!important; padding-top: 30px ! important; padding-left: 36px!important; } ul .sharelist{ list-style: disc inside none!important; } .dispcontrol{ display:block!important; } #breadcrumb_mobileshare p,#breadcrumb_mobileshare p a{ margin-bottom: 20px!important; padding-left: 5px!important; text-align: left!important; font-size:14px!important; } #breadcrumb_mobileshare{ width: 974px!important; margin: 0px auto!important; } .darkbg{ background-color: rgb(245, 245, 245); border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; margin-top: 25px; width: 830px; left: 75px; height: 157px; } .section1{ float:left; margin-top: 23px; margin-left: 25px; width: 290px; height: 157px; background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom rgb(245, 245, 245); } .section2{ float:right; position:relative; margin-top: 23px; margin-left: 425px; width: 540px; height: 157px; background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom rgb(245, 245, 245); } .section3a{ padding-right: 20px!important; padding-top: 60px!important; float: left ! important; width: 230px!important; padding-left: 10px; margin-top: 5px; margin-left: 70px !important; } .section3b{ /*Code removed*/ } .th1{ float: right!important; font-size: 16px!important; font-weight: bold!important; padding-right: 20px!important; color: rgb(51, 51, 51)!important; } .thselnew{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/Orange_Rectangle.png") no-repeat scroll center top transparent; height:22px; } .tdselnew21{ height:21px; } .tdselnew41{ height:42px; } .tdselnew50{ height:50px; border-top:1px solid rgb(204, 204, 204)!important; } .th { font-size: 16px!important; font-weight: bold!important; color: rgb(51, 51, 51)!important; } .th2{ text-align:left; font-size: 16px!important; font-weight: bold!important; color: rgb(51, 51, 51)!important; padding-left:5px!important; } .th2nocolor{ text-align:left; font-size: 16px!important; font-weight: bold!important; padding-left:5px!important; } .th3{ text-align:left; font-size: 16px!important; font-weight: lighter!important; color: rgb(51, 51, 51); } .th4{ text-align:left; font-size: 16px!important; font-weight: lighter!important; padding-right: 10px!important; color: rgb(51, 51, 51)!important; padding-left:5px!important; } .th5{ text-align:center; font-size: 16px!important; font-weight: lighter!important; padding-right: 10px!important; color: rgb(51, 51, 51); padding-left:5px!important; } .f12{ font-size: 12px!important; font-weight: bold!important; color: rgb(51, 51, 51)!important; } .f12light{ font-size: 12px!important; font-weight: lighter!important; color: rgb(51, 51, 51)!important; } a.share_link img{ width: 85px; height: 30px; } .tableborder{ border-bottom: 1px solid rgb(204, 204, 204)!important; border-top: 1px solid rgb(204, 204, 204)!important; background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom rgb(245, 245, 245); } .tableborder1{ border-bottom: 1px solid rgb(204, 204, 204)!important; border-top: 1px solid rgb(204, 204, 204)!important; } .tableborder2{ background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom rgb(245, 245, 245); } #ie .tableborder2{ } .selectbg{ background-color:rgb(245,250,255); height:22px; width:auto; } .whitecolor, .whitecolor h3{ color: rgb(255, 255, 255)!important; } .active-share{ color: rgb(255, 255, 255)!important; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/orangeDataArrow220.png") no-repeat scroll left top transparent; } .active-share h3{ color: rgb(255, 255, 255)!important; } .table-share{ width:100%important; border-left:1px solid rgb(204, 204, 204)!important; } .table-share1{ width:220px!important; } .tablecontainer1{ width:440px; height:340px; float:left; } .tablecontainer2{ width:120px; height:340px; float:left; } .section2nxtspan{ padding-left: 28px!important; color: rgb(51, 51, 51)!important; position: relative; top: 0px; } .section2nxtspan1{ padding-left: 5px!important; color: rgb(51, 51, 51)!important; position: relative; top: 0px; } .section2nxtspan2{ padding-left: 28px!important; color: rgb(51, 51, 51)!important; position: relative; top: 5px; float:left; } .section2nxtimg{ position: relative; top: 15px; height:40px; width:30px; } .section2 a{ margin-top: 41px!important; padding-left: 28px!important; } .section2span{ margin-top: 41px!important; padding-left: 10px!important; color: rgb(51, 51, 51)!important; } .section1 h3{ margin-top: 33px; margin-left: 20px;font-size:18px!important; } .section1 h4{ margin-top: 20px; margin-left: 20px; } .data-share1{ color:rgb(255, 117, 0); font-size:20px!important; } .data-color{ color:rgb(255, 117, 0)!important; } .font1{ font-size:14px!important; font-weight:600!important; color: rgb(51, 51, 51)!important; } .font1light{ font-size:14px!important; font-weight:400!important; color: rgb(51, 51, 51)!important; } .pop-font{ position: relative; top: 10px; padding-left: 5px!important; } .pop-font1{ position: relative; padding-left: 5px!important; } .font2{ font-size:12px!important; font-weight:400!important; color: rgb(51, 51, 51)!important; } .currentsel{ font-size:13px!important; } .box_share { background: none repeat scroll 0 0 rgb(255, 255, 255)!important; border-top: 1px solid rgb(227, 227, 227) !important; border-bottom: 1px solid rgb(227, 227, 227) !important; height: 775px; margin-top: 20px!important; } .smart1{ padding-right: 30px!important; } .lowersec{ height: 20px; width: 600px; float: right; padding-top:20px!important; position:relative; left:13px; } /*MOBILE SHARE - CSS*/ /*MOBILE SHARE - CHANGE MY PLAN ENDS*/ /*Defect 5242*/ .displayTable{display:table;} .displayTableCell{display:table-cell;} .displayTableIE{float:left;} .displayTableCellIE{display:inline; float:left;} /* Mobile Share 2 - myServices POD 1403 BEGINS */ .msWrapper .switchPlan { margin:26px 0 34px; padding:0;} .msWrapper .switchPlanAlt { float:left; height:60px; margin:21px 0 18px; padding:0;} .msWrapper .shareBox {margin:0; padding:0;} .msWrapper .shareImg { width:55px;} .msWrapper .shareBox .shareTxt {margin: -97px 0 25px 54px;} .msWrapper .shareBox .shareTxt p.switchTxt {Font-size:12px; Font-weight:bold; } .msWrapper .shareBox .shareTxt p.switchTxt2 {Font-size:12px; margin: -21px 0 18px;} .msWrapper .shareBox .shareTxt .switchLnk {margin: -14px 0 -12px 1px;} .msWrapper .shareBox .shareImg .shareIcon {position:relative; top: -57px; right: 7px;} .chatLbl p.chatText {font-size:18px; position:relative; top: 9px;} .addShare a.addMobileLink img{position:relative; top: 3px; right:3px;} .msWrapper .shareBox2 {margin:0; padding:0;} .msWrapper .shareBox2 .shareTxt {margin:0 0 0 54px; float:left; position:relative; top:-40px;} .msWrapper .shareBox2 .shareTxt p.switchTxt {Font-size:12px; Font-weight:bold; margin:0;} .msWrapper .shareBox2 .shareTxt p.switchTxt2 {Font-size:12px; margin:0;} .msWrapper .shareBox2 .shareTxt .switchLnk {margin: 7px 0 0 0;} .msWrapper .shareBox2 .shareImg .shareIcon { width:50px;} .msWrapper .chatMS2 { float: right; position: relative; top:-65px;height:70px;width:70px;} .msWrapper .TopSolidBorderMS2 { border-bottom:1px solid #E3E3E3; margin-top:30px; width:704px; position:relative; left:-25px;} .msWrapper .BottomSolidBorderMS2 { border-bottom:1px solid #E3E3E3; margin-bottom:30px; width:704px; position:relative; left:-25px;} .msWrapper .SolidBorderMS2 { border-bottom:1px solid #E3E3E3; margin-bottom:30px;} /* CTN Select Begins */ .extend3o h1.selectLabel {font-size:18px; font-weight:bold;} #content #supLinks9 {position:relative; top: 10px; right: -499px;} #content #supLinks9 .chatImg {position:relative; right:7px; Top:1px;} #content #supLinks9 .numberText9 {position:relative; top:-4px;} .extend3o .page-title h1.titlePage8 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top:5px; left:-1px;} .extend3o .ShadowForBox8 {position:relative; top:15px; right: -16px;} .extend3o #secondary-content .stepsG {position: relative; top:9px; right: 13px;} .extend3o .cellImage4 {position:relative; top:-5px; margin: 10px -3px -1px -7px;} .extend3o .cellImage5 {position:relative; top:-5px; margin: 10px -3px -6px -7px;} .extend3o .cellImage6 {position:relative; top:-5px; margin: 10px -3px -10px -7px;} /* CTN Select Ends */ /*MOBILE SHARE 2 - CHANGES JCM - BEGINS*/ .msWrapper2 #supLinks9N {position:relative; bottom:0; right:0;} .msWrapper2 #supLinks9N p { line-height:0; padding-top:0;} .msWrapper2 .page-title .chatModR { padding:0; margin:0;} .msWrapper2 .page-title .chatModImg { margin-right:30px; float:left; padding-bottom:5px;} .msWrapper2 .page-title .chatModImg #lpButtonDivMobile { display:inline-table;} .msWrapper2 .page-title .chatModImg .ic1800 { position:relative; top:-2px !important; padding-left:8px;} .msWrapper2 .page-title .chatPhoneImg { margin-right:30px; margin-left:10px;} .msWrapper2 .page-title .chatPhoneImg2 { margin-right:30px; margin-top:7px; float:left; height:auto; margin-left:10px;} .msWrapper2 .page-title .chatPhoneImg .rotPhone { margin-bottom:0; padding-left:20px; float:left;} .msWrapper2 .page-title .chatPhoneImg .icPhone { float:left; position:relative; top:7px; left:-5px;} .msWrapper2 .page-title .chatPhoneImg .icMobile { position:relative; left:7px;} .msWrapper2 .page-title .chatPhoneImg .ic611 { position:relative; top:-2px; left:12px; font-size:12px; color:#333;} .msWrapper2 .page-title .chatPhoneImg .ic1800 { color: #333333; font-size: 12px; padding-left: 4px; position: relative; top: -2px !important;} .msWrapper2 .page-title .float-right .float-left .chatModImg a, .msWrapper2 .page-title .float-right .float-left .chatPhoneImg a { color:#005b95; font-size:12px; float:left; line-height:1.3em; margin-right:7px;} .msWrapper2 .page-title .float-right .float-left .chatModImg .chatLinkPos { position:relative; left:0; bottom:2px;} .msWrapper2 .page-title .float-right .float-left .chatModImg .chatBusyPos { font-size:12px; color:#666666; position:relative; bottom:2px; line-height:1.3em; right:5px;} .msWrapper2 .page-title .chatModImg .modalChatIcon{ position:relative; top:3px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .msWrapper2 .page-title .float-right .float-left .chatModImg .chatBusyPos { margin-left:0;} } .msWrapper2 .page-title .rotPhone { position:relative; left:0;} .msWrapper2 .page-title .float-left h1 { margin:0 10px 30px 0;} /*new 11/26/2013*/ .msWrapper2 .row-seamless .section-title-confirmation {background:url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #F5F5F5 !important; min-height:56px; position:relative; border-top-left-radius: 5px; border-top-right-radius: 5px; height:56px;} .msWrapper2 .row-seamless .TopSolidBorder {border-top:1px solid #ccc;} .msWrapper2 .row-seamless .TopSolidBorder2noMar {border-top:2px solid #ccc;} .msWrapper2 .row-seamless .TopSolidBorder2 {border-top:2px solid #ccc; margin:0 25px 0 25px;} .msWrapper2 .row-seamless .TopSolidBorderdotted {border-top:1px dotted #ccc;} .msWrapper2 .row-seamless .greyColor { color:#999;} .msWrapper2 .row-seamless .addFees { position:relative; top:15px; color:#999; font-size:11px;} .msWrapper2 .row-seamless .styled_forms div.radio.focus span {outline:1px dotted #333;} .msWrapper2 .btnMS2 .btnModule .btnLt { position:relative; top:10px;} .msWrapper2 .row-seamless .shPrice { position:relative; top:20px;} .msWrapper2 .row-seamless .colorGreen { color:#4ca90c !important;} .msWrapper2 .row-seamless .colorGray { color:#c2c2c2;} .msWrapper2 .row-seamless .imgTagsav { position:relative; top:2px;} .msWrapper2 .tTax .float-left .imgTagsav2 { position:relative; top:7px;} .msWrapper2 .row-seamless .taxDiscount { position:relative; bottom:16px; padding-left:20px; color:#999; float:left; font-size:11px;} .msWrapper2 .row-seamless .taxDiscount2 { position:relative; bottom:2px; padding-left:20px; color:#999; float:left; font-size:11px; padding-bottom:14px;} .msWrapper2 .row-seamless .taxDiscount3 { position:relative; bottom:2px; padding-left:0; color:#999; float:left; font-size:11px; padding-bottom:14px;} .msWrapper2 .row-seamless .taxDiscount4 { position:relative; bottom:2px; padding-left:0; color:#999; float:left; font-size:11px; padding-bottom:14px;} .msWrapper2 #primary-content .row-seamless .morTaxes { padding-bottom:0; padding-top:10px;} .msWrapper2 .row-seamless .listNote { margin-bottom:20px; float:left;} .msWrapper2 .row-seamless .clRight { clear:right;} .msWrapper2 .row-seamless .msOpacity { opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); zoom:1;} .msWrapper2 .tTax p.taxText { position:relative; top:0; width:300px;} .msWrapper2 .addApFees { margin:0; padding:0;} .msWrapper2 .addApFees2 { margin:0 0 20px 0; padding:0;} .msWrapper2 .ctaButtons { padding:25px 25px 0 25px; margin:0 0 30px 0;} .msWrapper2 .ms2Disclaimer { padding:0 0 0 35px; margin:0 140px 35px 0; font-size:11px;} .msWrapper2 .ms2Disclaimer2 { padding:0 0 0 35px; margin:0 80px 35px 0; font-size:11px;} .msWrapper2 .addApFees2 .float-right .btnRt { position:relative; bottom:10px;} .msWrapper2 .radioList .styled_forms .radio-li-MsPlan { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/grad-heading10x86.png") repeat-x scroll left bottom #F5F5F5 !important; position: relative;} .msWrapper2 .radioList .styled_forms .float-right .amount2 {position:relative; right:20px; top:15px;} .msWrapper2 .radioList .styled_forms .radio-li-MsPlan2 div.radio { position:relative; bottom:12px;} .msWrapper2 .radioList .styled_forms .radio-li-MsPlan2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/grad-heading10x86.png") repeat-x scroll left bottom #F5F5F5 !important; position: relative;} .msWrapper2 .radioList .padAll15 { padding:15px;} .msWrapper2 .radioList .box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; border-radius: 5px; margin-bottom: 14px; padding-top: 2px; position: relative;} .msWrapper2 .radioList .radioBox { margin-bottom:10px;} .msWrapper2 .radioList .radioBox .orgColor{ color:#FF7200; font-weight:bold; font-size:14px;} .msWrapper2 .radioList .radioBox .norColor{ font-weight:normal; font-size:14px;} .msWrapper2 .radioList .radioBox ul { margin:0; padding:0;} .msWrapper2 .radioList .radioBox li { position:relative; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat;} .msWrapper2 #primary-content .ShadowForBox11 .TopSolidBorder3 {border-top:1px solid #d8d8d8;} .msWrapper2 .row-seamless .savTag {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/tagImgGrey15x15.png") left center no-repeat; padding:3px 0 0 0; width:15px; height:15px; color:#fff; position:relative; bottom:0; left:0; float:left;} .msWrapper2 #primary-content .row-seamless ul.listMS2 { margin:0; padding:0; display:inline; position:relative; top:0; left:20px;} .msWrapper2 #primary-content .row-seamless ul.listMS2 li { position:relative; right:10px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat;} .msWrapper2 .row-seamless .newCellRowPad { padding:20px 0 13px 0;} .msWrapper2 .row-seamless .newCellImgMar { margin-left:7px;} .msWrapper2 .row-seamless .newCellImgMar2 { margin-left:12px;} .msWrapper2 .row-seamless .padBot17 { padding-bottom:17px;} .msWrapper2 .row-seamless .padBot18 { padding-bottom:18px;} .msWrapper2 #primary-content .row-seamless .alertBlueInfo { padding:14px;} .msWrapper2 #primary-content .row-seamless .colorOrange { font-weight:bold;} .msWrapper2 #primary-content .row-seamless .morTaxes h3 { margin-bottom:10px;} .msWrapper2 #primary-content .row-seamless .termsCond h3 { margin-bottom:10px;} .msWrapper2 #primary-content .row-seamless .termsCond .printIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/printIcon15x15.png") no-repeat scroll left center transparent !important; padding-left: 20px; padding: 5px 0 5px 20px; width:15px; height:15px;} .MobShareAcct2.apActive .MobShareTex2{font-weight:normal; color:#333;} .MobShareAcct2.colorOrange2 .apPrice{color:#ff7200;} .MobShareAcct2.colorGreen2 .apSavings{color:#4ca90c !important;} .MobShareAcct2.colorGreenImg .chgImgtag {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/tagImg15x15.png") left center no-repeat; padding:3px 0 0 0; width:15px; height:15px; color:#fff; position:relative; bottom:0; left:0; float:left;} .msWrapper2 .MobShareAcct .msGroup { display:block;} .msWrapper2 #primary-content .row-seamless .chgEffective { margin:0; padding: 20px 24px 20px 25px;} .msWrapper2 #primary-content .row-seamless .pipeColorGrey { padding:0 3px 0 7px;} .msWrapper2 .row-seamless .section-title { margin:0; padding:0; height:55px; min-height:56px;} .msWrapper2 .row-seamless .section-title h2 { margin:0 0 0 25px;} /*MOBILE SHARE 2 - CHANGES JCM - ENDS*/ /* CTN Select Individual CTN In Focus Begins */ .extend3o h2.selectLabel {font-size:18px; font-weight:bold;} #content #supLinks8 {position:relative; top:10px; right:-499px;} #content #supLinks8 .chatImg { position:relative; right:7px; Top:1px;} #content #supLinks8 .numberText8 {position:relative; top:-4px;} .extend3o .page-title h1.titlePage7 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; right:1px; top:5px;} .extend3o .ShadowForBox7 {position:relative; relative; top:15px; right: -16px;} .extend3o #secondary-content .stepsF {position: relative; top:9px; right: 13px;} /* CTN Select Individual CTN In Focus Ends */ /* CTN Select Group In Focus Begins */ .extend3o h2.selectLabel {font-size:18px; font-weight:bold;} #content #supLinks7 {position:relative; top:10px; right:-499px;} #content #supLinks7 .chatImg { position:relative; right:7px; Top:1px;} #content #supLinks7 .numberText7 {position:relative; top:-4px;} .extend3o .page-title h1.titlePage6 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top: 0px; right:1px;} .extend3o .ShadowForBox6 {position:relative; top:0px; right:-16px; top: 0px;} .extend3o #secondary-content .stepsE {position: relative; top:-6px; right: 13px;} .extend3o .cellImage {position:relative; top:-5px; margin: 5px -9px -11px -19px;} /* CTN Select Group In Focus Ends */ .extend3o h3.selectLabel {font-size:18px; font-weight:bold;} #content #supLinks6 {position:relative; top:-18px; right:19px;} #content #supLinks6 .chatImg { position:relative; right:7px; Top:1px;} #content #supLinks6 .numberText6 {position:relative; top:-4px;} .extend3o .page-title h1.titlePage5 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top:-22px;} .extend3o .ShadowForBox5 {box-shadow: 0 0 10px #DDDDDD; position:relative; top:-20px;} .extend3o #secondary-content .stepsD {position: relative; top:-27px; right: 13px;} .extend3o .msgAlertIcon {float:left; position:relative; top:2px; right:2px;} /* Single FT Message Begins */ #content #supLinks5 {position:relative; top:-10px; right:-499px;} #content #supLinks5 .chatImg { position:relative; right:7px; top: 1px;} #content #supLinks5 .numberText5 {position:relative; top:-4px;} .extend3o .page-title h1.titlePage4 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top: -15px; right: 1px;} .extend3o .ShadowForBox4 {position:relative; top:-5px; right:-15px;} .extend3o #secondary-content .stepsC {position: relative; top:-11px; right: 13px;} /* Single FT Message Ends */ /* New MS Plan Begins */ #content #supLinksC {position:relative; top:-10px; right:27px;} #content #supLinksC .chatImg { position:relative; right:7px; top: 1px;} #content #supLinksC .numberText5 {position:relative; top:-4px;} .extend3o .page-title h1.titlePageX {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top: -15px; right: 1px;} .extend3o .ShadowForBox11 {position:relative; top:-5px; right:-15px;} .extend3o #secondary-content .stepsJ {position: relative; top:-12px; right: 13px;} /* New MS Plan Ends */ /* Group Selection/Expand Begins */ #content #supLinksA {position:relative; top:6px; right:24px;} #content #supLinksA .chatImg { position:relative; right:10px; top: 1px;} #content #supLinksA .numberText {position:relative; top:6px; right:3px;} .extend3o .page-title h1.titlePage9 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top: 0px; right: 1px;} .extend3o .ShadowForBox9 {position:relative; top:10px; right:-15px;} .extend3o #secondary-content .stepsH {position: relative; top:4px; right: 13px;} .extend3o .cellImage2 {position:relative; top:-5px; margin-bottom:-8px;} .extend3o .taxText {position:relative; top:8px;} .extend3o .yieldSection {position:relative; right:9px;} .extend3o #amount {position:relative; right:8px;} .extend3o h3.addDevice {margin-bottom:7px;} /* Group Selection/Members Expand Ends */ /* Review Page */ #content #supLinksD {position:relative; top:10px; right:24px;} #content #supLinksD .chatImg { position:relative; right:10px; top: 1px;} #content #supLinksD .numberText {position:relative; top:6px; right:3px;} .extend3o .page-title h1.titlePageD {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top: 5px; right: 1px;} .extend3o .ShadowForBoxD {position:relative; top:13px; right:-15px;} .extend3o #secondary-content .stepsL {position: relative; top:9px; right: 13px;} .extend3o #secondary-content .stepsK {position: relative; top:9px; right: -4px;} .extend3o .section-title h2.selectLabel2 {font-size:16px; font-weight:bold; position:relative; top:3px;} .extend3o .section-title {background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #F7F7F7; min-height: 56px; position: relative; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;} .extend3o h3.textLabel {font-size:16px; margin-bottom:7px;} .extend3o .printIcon {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/printIcon15x15.png") no-repeat scroll left center transparent !important; padding-left: 20px; padding: 5px 0 5px 20px; width:15px; height:15px;} /* Review Page */ /* Add CTN Individual In Focus Begins*/ .extend3o .ShadowForBox22 {position:relative; top:-15px; right:-15px; margin-bottom: 6px;} .extend3o h3.selectLabel {font-size:18px; font-weight:bold;} #content #supLinks3 {position:relative; top:-10px; right:-499px;} #content #supLinks3 .chatImg { position:relative; right:7px; top: 1px;} #content #supLinks3 .numberText2 { position:relative; top:-4px;} .extend3o .page-title h1.titlePage2 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top:-25px; right:1px;} .extend3o #secondary-content .stepsB {position: relative; top:-21px; right: 13px;} .extend3o p.endText2 {position:relative; top:-20px; right:-5px;} .extend3o p.taxText {position:relative; top:6px;} /* Add CTN Individual In Focus Ends*/ /* Confirmation Page Begins*/ .extend3o .msg p.firstText {color:#333 !important;border:none !important;background:none !important; width:570px;} .extend3o .ShadowForBox3 {position:relative; top:5px; right:-15px;} .extend3o p.endText {position:relative; top:-20px;} #content #supLinks4 {position:relative; top:10px; right:28px;} #content #supLinks4 .chatImg { position:relative; right:5px; top: 1px;} #content #supLinks4 .numberText4 { position:relative; top:4px; right:-2px;} .extend3o .page-title h1.titlePage3 {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top: -5px; right:1px;} .extend3o ul.listMS2 {list-style: disc outside none; position:relative; top:37px;} .extend3o .noteText {position:relative; top:-93px;} .extend3o .taxSection {position:relative; top:-8px;} .extend3o #secondary-content .stepsA {position: relative; top:-1px; right: 13px;} .extend3o .cellImage3 {position:relative; top:7px; right: 0px; margin-bottom: 3px;} .extend3o .shareText {position:relative; right:-8px;} /* Confirmation Page Ends*/ /* Group Selection - One Group Begins */ .extend3o .sectMar {margin-top: 20px; margin-bottom:17px;} .extend3o .sectMar2 {margin-bottom:14px;} .extend3o .cellImageMar {margin-left: 6px;} .extend3o .cellImageMar2 {margin-left: 12px;} /* Group Selection - One Group Begins */ /*Fatal Errors Page Begins*/ #content #supLinks2 {position:relative; top:10px; right:-518px;} #content #supLinks2 .chatImg { position:relative; right:10px; top: 1px;} #content #supLinks2 .numberText2 { position:relative; right:3px; top:-4px;} .extend3o .page-title h1.titlePage {color: #333333; float: left; font-family: Arial; font-size: 26px; line-height: 1.2; margin: 0 10px 0 0; position:relative; top: 5px; right:-15px;} .extend3o .ShadowForBox2 {position:relative; top:15px; right: -15px;} .extend3o .strongTitle {font-size: 18px; font-weight: bold; position:relative; right:6px;} .extend3o .textLine {font-size: 12px; position:relative; right:6px; top:3px;} .extend3o #primary-content2 .Marbot30 {margin-bottom: 30px; position: relative; top: -15px;} .extend3o .innerSection {position:relative; top:-21px;} .extend3o .lastSection {position:relative; top:-21px; right:-17px;} .extend3o .lastSection .MarLeft360 .lineSect {margin:0 5px 0 5px;} .extend3o .innerSection .textSection {position:relative; top:-17px;} .extend3o .innerSection .textSection .imageBox {position:relative; top: 19px; right:2px;} .extend3o .innerSection .textSection img {position:relative; top: 19px; right:2px;} #textSection .imageBox .textLabel {font-size: 12px; font-weight:bold; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/redAlert.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important; color: #FD0200; margin-bottom: 0; padding: 12px 14px 8px 50px;} #textSection .textLabel2 {font-size: 12px; position: relative; top:-2px; padding: 0 14px 10px 50px;} #textSection .textLabel3 {font-size: 12px; position: relative; top:-12px;} /*Fatal Errors Page Ends*/ /* Mobile Share 2 Modals - BEGINS */ /* FT Group - Unlimited data Warning Modal Begins */ #tvModal .outerModal2 { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:370px; position: relative; top:-22px;} #tvModal .outerModal2 .innerModal2 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 25px; position: relative; z-index: 1; height:345px;} #tvModal .outerModal2 .innerModal2 .modalHeader3 {float: left; padding: 0 0 25px; width: 370px;} #tvModal .outerModal2 .innerModal2 .modalHeader3 .unlimitedTitle .imgLeft2 {position:relative; top: -6px; right: 2px;} #tvModal .outerModal2 .innerModal2 .modalHeader3 .unlimitedTitle h4.tLable {font-size:16px; font-weight:bold; position:relative; top: -33px; right: -34px;} #tvModal .outerModal2 .innerModal2 .two2 { float:left; width:58%;} #tvModal .outerModal2 .innerModal2 .two2 p.unlimited2 { font-size:12px; margin-left:-1px; width:315px; margin-bottom:-20px; margin-top: 4px; position:relative; top:-21px; right:1px;} #tvModal .outerModal2 .innerModal2 .two2 img {position:relative; top:1px; right:1px; width:316px;} #tvModal .outerModal2 .innerModal2 .modalContent2 {position:relative; top:-23px; right:-2px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .firstSection {padding: 11px 0 25px; width: 299px; height:57px; position:relative; right:7px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .firstSection p.contactInfo {position:relative; top:-63px; right:-55px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .firstSection .dividerL {position:relative; top:-44px; right:-5px; width:316px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .midSection {padding: 14px 0 25px; width: 299px; position:relative; right:7px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .midSection p.contactInfo2 {position:relative; top:-63px; right:-55px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .midSection .dividerM {position:relative; top:-44px; right:-5px; width:316px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .lastSection {padding: 14px 0 25px; width: 299px; position:relative; right:7px; top:-40px;} #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .lastSection .okButton2 { float:right; position:relative; top: -28px; right:-61px; } #tvModal .outerModal2 .innerModal2 .modalContent2 .primary .lastSection .cancelLink2 {float:right; position:relative; top: -17px; right:253px; font-size:12px;} #tvModal .topCap2{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/topCap371x20.png") no-repeat 0 0; display:block; position:relative; top:-3px; left:-1px; height:20px; z-index:99; width:371px;} #tvModal .bottomCap2{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bottomCap375x20.png") no-repeat 0 0; display:block; position:relative; bottom:36px; left:-2px; width:370px; height:20px; z-index:99;} /* FT Group - Unlimited data Warning Modal Ends */ /* FT Group - FT Group Ineligible Device Type Modal Begins */ #tvModal .outerModal3 { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:390px; height:617px; position:relative; top:-20px;} #tvModal .outerModal3 .innerModal3 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 25px; position: relative; z-index: 1; height: 553px; width:338px;} #tvModal .outerModal3 .innerModal3 .modalHeader4 .rSide img {position:relative; top: -3px; right:3px;} #tvModal .outerModal3 .innerModal3 .modalHeader4 .lSide2 p.title {font-size:16px; font-weight:bold; margin: 6px 17px 15px -3px; padding: 0; position:relative; top:-38px; right:-38px;} #tvModal .outerModal3 .innerModal3 .modalHeader4 .lSide3 ul li.list2 {border:none; padding:0; margin:0 0 0 20px; font-weight: 100; width:250px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent; position:relative; top: -35px; right:21px;} #tvModal .outerModal3 .innerModal3 .modalHeader4 .lSide3 p.title2 {font-size: 12px; font-weight: normal; margin: 4px 30px -12px 7px; padding: 0; width: 308px; position:relative; right:7px; top:-41px;} #tvModal .outerModal3 .innerModal3 .modalHeader4 .lSide3 img {width: 338px; position:relative; top:-18px; right:2px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .firstSection2 p.middleText {font-size: 12px; font-weight: normal; margin: -4px -40px 10px 0px; padding: 0; width: 332px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .firstSection2 img {width: 338px; position:relative; top:1px; right:2px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 {margin: 18px 30px 12px -4px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 .mainContact2 .imgLeft2 {position:relative; top:1px; right:-1px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 .mainContact2 {position:relative; top:-64px; right:-61px; font-size:12px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 ul {margin: -38px 7px 25px -17px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 ul li.modalText {border:none; padding:0; margin:0 0 0 20px; font-size:12px; font-weight: 100; width:327px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 ul li.modalText p.msText {position: relative; right: -10px; top: -1px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 ul li.modalText2 {border:none; padding:0; margin: 9px 0 -14px 20px; font-size:12px; font-weight: 100; width:333px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 ul li.modalText2 p.msText2 {position: relative; right: -11px; top: -1px; font-size:12px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .middleSection2 .divLine2 {width:338px; position:relative; top:-3px; right:-2px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .lastSection2 img {position:relative; top:2px; right:5px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .lastSection2 p.mainContact3 {position:relative; top:-61px; right:-56px; font-size:12px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .lastSection2 ul {margin: -40px 7px 25px -17px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .lastSection2 ul li.modalText {border:none; padding:0; margin: 9px 0 -14px 20px; font-size:12px; font-weight: 100; width:333px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent; position:relative; top:-1px; left:-4px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .lastSection2 ul li.modalText p.msText {position: relative; right: -11px; top: -1px; font-size:12px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .primary .lastSection2 .dividerP {width:338px; position:relative; top:-8px; right:2px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .lSide4 {float:left; margin-right: -34px; width: 321px; position:relative; top:-15px; right:27px;} #tvModal .outerModal3 .innerModal3 .modalContent2 .lSide4 p.numberText {font-size: 12px; font-weight: normal; margin: 17px 20px 15px 28px; padding: 0; width: 353px;} #tvModal .topCap3{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/topCap396x20.png") no-repeat 0 0; display:block; position:relative; top:-3px; left:-1px; z-index:99; width:396px; height:20px;} #tvModal .bottomCap3{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bottomCap396x20.png") no-repeat 0 0; display:block; position:relative; bottom:38px; left:-1px; z-index:99; width:396px; height:20px;} /* FT Group - FT Group Ineligible Device Type Modal Ends */ /* About Modal Begins */ #tvModal.msAbout .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:438px;} #tvModal.msAbout .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:15px 0 15px 10px;} #tvModal.msAbout .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msAbout .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; padding: 5px 0 0 10px; font-weight:bold;} .msAbout .TopSolidBorder {border-top:1px solid #ccc;} #tvModal.msAbout .topCap { display:none;} #tvModal.msAbout .bottomCap { display:none;} #tvModal.msAbout .colWidth250 { width:250px;} /* About Modal Ends */ /* Individual - Unlimited data Warning Modal Begins */ #tvModal .outerModal6 {border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:360px; position:relative; top:-20px; height:219px;} #tvModal .outerModal6 .innerModal6 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 21px; position: relative; z-index: 1; height: 174px; width:318px; top: 1px; right: 1px;} #tvModal .outerModal6 .innerModal6 .modalHeader7 .unlimitedIcon .imgLeft3 {position:relative; top: -6px; right: 3px;} #tvModal .outerModal6 .innerModal6 .modalHeader7 .unlimitedIcon h4.title4 {font-size:15px; font-weight:bold; position:relative; top: -33px; right: -32px;} #tvModal .outerModal6 .innerModal6 .modalHeader7 .unlimitedIcon P.unlimited6 {font-size:12px; margin-left:-1px; width:326px; margin-bottom:-18px; margin-top: 4px; position:relative; top:-21px; right:3px;} #tvModal .outerModal6 .innerModal6 .modalHeader7 .unlimitedIcon .divLine6 {position:relative; top: 8px; right: 2px; width:320px;} #tvModal .outerModal6 .innerModal6 .modalHeader7 .unlimitedIcon .cancelLink {float:right; position:relative; top: 40px; right:275px;} #tvModal .outerModal6 .innerModal6 .modalHeader7 .unlimitedIcon .imgLeft5 {float:right; position:relative; top: 30px; right:-40px;} /* Individual - Unlimited data Warning Modal Ends */ /* Individual - Individual Ineligible Device Type Modal Begins */ #tvModal.msIneligible .outerModal {border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:389px; position:relative; top:-20px;} #tvModal.msIneligible .outerModal .innerModal {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 25px; position: relative; z-index: 1; height: 197px; width:334px;} #tvModal.msIneligible .outerModal .innerModal .alertIcon Img {position:relative; top: -2px; right:2px;} #tvModal.msIneligible .outerModal .innerModal .alertText p.title {font-size:16px; font-weight:bold; margin: 6px 17px 15px -3px; padding: 0; position:relative; top:-42px; right:-38px;} #tvModal.msIneligible .outerModal .innerModal .middleText2 {margin: -40px 6px 12px -4px;} #tvModal.msIneligible .outerModal .innerModal .middleText2 p.title2 {font-size:12px; position:relative; top:1px; right: 21px;} #tvModal.msIneligible .outerModal .innerModal .middleText2 p.msText4 {position: relative; right: 21px; top: -1px; width:330px;} #tvModal.msIneligible .outerModal .innerModal .middleText2 .divLine3 {position:relative; top:4px; right:0px; width:338px;} #tvModal.msIneligible .outerModal .innerModal .numberSect {margin: 17px 20px 15px -7px;} #tvModal.msIneligible .outerModal .innerModal .numberText2 {width: 330px; font-size:12px; position:relative; right:20px; top:1px;} #tvModal.msIneligible .topCap{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/topCap396x20.png") no-repeat 0 0; display:block; position:relative; top:-2px; left:-1px; z-index:99; width:385px; height:20px;} #tvModal.msIneligible .bottomCap{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/bottomCap396x20.png") no-repeat 0 0; display:block; position:relative; bottom:38px; left:-1px; z-index:99; width:396px; height:20px;} /* Individual - Individual Ineligible Device Type Modal Ends */ /* Add Device Modal Begins */ #tvModal .outerModal5 {border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:389px; height: 195px; position:relative; top:-16px;} #tvModal .outerModal5 .innerModal7 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 25px; position: relative; z-index: 1; height: 144px; width: 336px;} #tvModal .outerModal5 .innerModal7 .modalSection2 h4.addLabel {font-size:18px; position:relative; top:-6px; right:1px;} #tvModal .outerModal5 .innerModal7 .modalSection2 .addIcon {position:relative; top:10px; left:-3px;} #tvModal .outerModal5 .innerModal7 .modalSection2 .addDev {font-size:12px; position:relative; top:-6px; right: -14px;} #tvModal .outerModal5 .innerModal7 .modalSection2 .divLine9 {width:340px; position:relative; top:17px; right: 1px;} #tvModal .outerModal5 .innerModal7 .modalSection2 .shoppingCart {position:relative; top:29px; left:-7px;} #tvModal .outerModal5 .innerModal7 .modalSection2 .shopDev {font-size:12px; position:relative; top:16px; left:3px;} /* Add Device Modal Ends */ /* Change Rate Plan/Change Device Modal Begins */ .msWrapper #currPlan .currPlanModLeft2 { width:625px; float:left; border-right:1px solid #e3e3e3; padding:0; margin:0; position:relative; top:3px;} .msWrapper #currPlan .currPlanModLeft2 h2 { font-size:18px; margin:0 0 10px 30px;} .msWrapper #currPlan .currPlanModLeft2 ul { margin:0 0 0 22px; padding:0; float:left; width:500px;} .msWrapper #currPlan .currPlanModLeft2 ul li{ float:left; text-align:center;} .msWrapper #currPlan .currPlanModLeft2 ul li.first { font-size:18px; margin:0; color:#ff7200; width:80px;} .msWrapper #currPlan .currPlanModLeft2 ul li.second { font-size:18px; margin:0; color:#666666; width:130px;} .msWrapper #currPlan .currPlanModLeft2 ul li.third { font-size:18px; margin:0; color:#666666; width:130px;} .msWrapper #currPlan .currPlanModLeft2 ul li.one { font-size:18px; margin:0 0 0 5px; color:#ff7200; width:52px; text-align:left;} .msWrapper #currPlan .currPlanModLeft2 ul li.two { font-size:12px; margin:5px 0 0 0; color:#666666; width:100px; text-align:left;} .msWrapper #currPlan .currPlanModLeft2 ul li.three { font-size:18px; margin:0; color:#666666; width:130px; text-align:left;} .msWrapper #currPlan .currPlanModLeft2 ul li .sepMonth { font-size:12px; margin:0; color:#666666;} .msWrapper #currPlan .currPlanModLeft2 ul li.share { font-size:12px; margin:0; color:#333; width:80px;} .msWrapper #currPlan .currPlanModLeft2 ul li.talk { font-size:12px; margin:0; color:#333; width:135px;} .mkChanges .outerModal8 { position:absolute; height: 364px; width:374px; border:1px solid #aaa; z-index:10; right:-2px; display:none; border-radius: 5px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal { border:1px solid #fff; border-radius:5px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBckg1x260.png") repeat-x #fff center bottom; padding:25px; margin:0; position:relative; z-index:1; position:relative; height: 312px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalTitle .topModalArrow3 {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/topNotch16x8.png") no-repeat; display:block; width:16px; height:8px; top:-8px; right:127px; text-indent:-999em; position:absolute;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal3 .innerModal .modalTitle h3.changeLabel {font-size: 16px; font-weight: bold; margin-bottom: 35px; margin-top: -7px; position:relative; top:3px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalTitle img {position:relative; left: -1px; top: -26px; width: 323px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalAddDev {Margin: -12px 0 28px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalAddDev h4.addDevice {font-size: 12px; font-weight: bold; margin-bottom: 5px; position:relative; top:-1px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalAddDev img {position:relative; top:10px; left:-2px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalAddDev a.addDev {position:relative; top:-4px; left:10px; color: #005B95; font-size: 12px; text-decoration: none;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalAddDev .dividerLine img {width:323px; position:relative; top: 17px; left: 1px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalShopDev {Margin: 30px -12px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalShopDev img {position:relative; left:6px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalShopDev a.shopDev {position:relative; top:-13px; left:13px; font-size:12px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalShopDev .dividerLine2 img {position:relative; top:11px; left:11px; width:323px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalContact {margin: -4px 0 31px} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalContact h4.addDevice2 {font-size: 12px; font-weight: bold;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalContact p.chatText2 {font-size:11px; width:334px; top:-3px; right:20px; position:relative} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalContact img { position:relative; top:5px; left: 2px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalContact p.icnChat2 { margin: -4px 0 -25px -6px; position:relative; top:-7px; right:-31px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalNumber .roPhone {position:relative; top: -10px; left: 5px;} .msWrapper #currPlan .currPlanModRight .mkChanges .outerModal8 .innerModal .modalNumber .telNumberModal2 {font-size:12px; color:#333333; margin-bottom:0; padding-left:10px; position:relative; top: -11px; left: 4px;} .msWrapper #currPlan .currPlanModRight .sharelink2 { margin-left:20px; color:#005b95; position:relative; right:-33px;} .mkChanges .outerModal8 .tl { left:-1px; top:-1px; background-position:0 0; border: 0 solid black !important;} .mkChanges .outerModal8 .tr { right:-1px; top:-1px; background-position:right 0; } .mkChanges .outerModal8 .bl { left:-1px; bottom:-1px; background-position:0 bottom;} .mkChanges .outerModal8 .br { right:-1px; bottom:-1px; background-position:right bottom ;} /* Change Rate Plan/Change Device Modal Ends */ /* New MS Plan Select - Ineligibility Warning Modal Begins */ #tvModal.msWarning .outerModal {border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:460px; height: 479px;} #tvModal.msWarning .outerModal .innerModal {background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/modalBkg1x355.png") repeat-x scroll center bottom #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; margin: 0; padding: 25px; position: relative; z-index: 1; height: 427px; width:407px;} #tvModal.msWarning .outerModal .innerModal .modalHeader {float: left; padding: 0 0 25px; width: 370px;} #tvModal.msWarning .outerModal .innerModal .two2 {width:58%;} #tvModal.msWarning .outerModal .innerModal .two2 p.unlimited2 { font-size:16px; font-weight:bold; width:370px; margin-bottom:-8px; margin-top: 4px; position:relative; top:-7px;right:-11px;} #tvModal.msWarning .outerModal .innerModal .two2 p.textDetail { font-size:12px; width:413px; margin-bottom:-2px; margin-top: 4px; position:relative; top:1px; left:-25px;} #tvModal.msWarning .outerModal .innerModal .two2 img {position:relative; top:5px; right:1px; width:411px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 {position:relative; top:-23px; right:-2px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection {padding: 11px 0 25px; width: 299px; height:57px; position:relative; right:7px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection p.contactInfo {position:relative; top: 25px; right:20px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection .alertIconA {position:relative; top: 10px; right: -3px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection ul {position:relative; top: 56px; right:52px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection ul li.bullet1 {border:none; padding:0; margin:15px 0 0 20px; font-size:12px; font-weight: 100; width:250px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent; position:relative; top: -34px; right: -19px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection ul li.bullet1 p.titleA {font-size: 12px; font-weight: normal; margin: 4px 30px -12px 7px; padding: 0; width: 350px; position:relative; right:-5px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection ul li.bullet2 {border:none; padding:0; margin:0 0 0 20px; font-size:12px; font-weight: 100; width:250px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent; position:relative; top: -22px; right: -19px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection ul li.bullet2 p.titleB {font-size: 12px; font-weight: normal; margin: 4px 30px -12px 7px; padding: 0; width: 365px; position:relative; right:-5px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection .dividerA {position:relative; top: 45px; right:-5px; width:411px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection {padding: 14px 0 25px; width: 299px; position:relative; right:7px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection p.contactInfo2 {position:relative; top: 56px; right:20px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection .alertIconB {position:relative; top: 18px; right: -3px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection ul li.bullet3 {border:none; padding:0; margin:0 0 20px 20px; font-size:12px; font-weight: 100; width:250px; background:url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot3x4.gif") no-repeat scroll 1px 6px transparent; position:relative; top:-5px; right: -17px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection ul li.bullet3 p.titleC {font-size: 12px; font-weight: normal; margin: 4px 30px -12px 7px; padding: 0; width: 354px; position:relative; right:-5px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .firstSection .dividerB {position:relative; top: 48px; right:-5px; width:411px;} #tvModal.msWarning .outerModal .innerModal .modalContent2 .primary .lastSection p.numberText {font-size: 12px; font-weight: normal; margin: -36px 20px 15px 28px; padding: 0; width: 420px; position:relative; top:276px; right: 30px;} /* New MS Plan Select - Ineligibility Warning Modal Ends */ /* Review/Effective Date Modal Begins */ #tvModal.msEffectiveDate .outerModal { border: 2px solid #E2E2E2; border-radius: 5px 5px 5px 5px; z-index: 10; width:448px;} #tvModal.msEffectiveDate .outerModal .innerModal p { font-size: 12px; font-weight: normal; padding: 0; margin:0;} #tvModal.msEffectiveDate .outerModal .innerModal p.last { font-size: 12px; font-weight: normal; padding: 10px 0 0 0; margin:0 0 0 28px;} #tvModal.msEffectiveDate .outerModal .innerModal p.colorGray { font-size: 12px; font-weight: normal; padding: 0; margin:0; color:#b4b4b4;} #tvModal.msEffectiveDate .outerModal .innerModal p.colorOrange { font-size: 12px; font-weight: normal; padding: 0; margin:0; color:#ff7200;} #tvModal.msEffectiveDate .outerModal .innerModal .noSpace { font-size: 12px; font-weight: normal; padding: 0; margin:0 0 0 10px;} #tvModal.msEffectiveDate .outerModal .innerModal .modalHeadertv h2 { font-size: 16px; font-weight:bold; margin:0; padding:5px 0 10px 10px;} #tvModal.msEffectiveDate .TopSolidBorder {border-top:1px solid #ccc; margin:20px 0 20px 0;} #tvModal.msEffectiveDate .TopSolidBorder2 {border-top:2px solid #ccc; margin:0 0 20px 10px;} #tvModal.msEffectiveDate .topCap { display:none;} #tvModal.msEffectiveDate .bottomCap { display:none;} #tvModal.msEffectiveDate ul.msSelect { margin:0; padding:20px 0 20px 0; display:inline; position:relative; top:0;} #tvModal.msEffectiveDate ul.msSelect li { position:relative; left:15px; list-style:none; padding-left:7px; background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/blackDot4x4.png") 0 5px no-repeat; float:left; font-size:12px; margin-right:35px;} #tvModal.msEffectiveDate .outerModal .innerModal .selectButton { float:right; margin:0; padding:0;} /* Review/Effective Date Device Modal Ends */ /* Mobile Share 2 Modals - ENDS*/ /*Desktop - MOBILE SHARE - Ctn-Select-Starts*/ .msgAlertsctnelectMS { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/alertIcon2.png") no-repeat; width:32px; height:32px; } .msgAlertsctnelectMS2 { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/yield-small.png") no-repeat; width:32px; height:32px; position:relative; right: -8px; top: 2px; } .disabledCheck{padding-left:50px;} .disabled{opacity:0.5;} .noDisable{opacity:1;} /*Styles For Bue Radio*/ .blueRadio div.radio span{ background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/radio-btn-inactive.png") !important; background-position:3px 3px !important; background-repeat: no-repeat; height:25px !important; width:25px !important; } .blueRadio div.radio{ height:25px !important; width:25px !important; } .blueRadio div.radio span.checked{ background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/radio-btn-active.png") !important; background-position:3px 2px !important; background-repeat: no-repeat; height:25px !important; width:25px !important; } .blueRadio div.radio input{ height:25px !important; width:25px !important; } /*End: Styles For Blue Radio*/ /*Styles For green Check*/ .greenCheck div.checker span{ background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/checkbox-icon-inactive.png") !important; background-position:3px 3px !important; background-repeat: no-repeat; height:25px !important; width:25px !important; } .greenCheck div.checker{ height:25px !important; width:25px !important; } .greenCheck div.checker span.checked{ background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/checkbox-icon-active.png") !important; background-position:3px 2px !important; background-repeat: no-repeat; height:25px !important; width:25px !important; } .greenCheck div.checker input{ height:25px !important; width:25px !important; } /*End: Styles For green Check*/ /*Desktop - MOBILE SHARE - Ctn-Select-Ends*/ /*START: Styles added for Mobile Share on OCT-26*/ .extend3o .spl { background: none repeat scroll 0 0 transparent; display: inline-block; padding-left: 0; text-decoration: none; } .extend3o .spl:focus{text-decoration:underline;} .extend3o .spl.expandImg .accordminus{display:none;padding:0;} .extend3o .spl.collapseImg .accordplus{display:none;padding:0;} .MobShareAcct.disabled,.MobShareAcctFT.disabled{zoom:1;opacity:0.5;filter: alpha(opacity:50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} .MobShareAcct.active .MobShareTex{font-weight:bold} .alert-info-blue { background-color: #D9EDF7 !important; border-color: #AFD9EE !important; } /*END: Styles added for Mobile Share on OCT-26*/ .arrowDown-small{ background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/dropdown-arrow-contracted.png") ; background-position:0px 2px; background-repeat: no-repeat; height:10px ; display:inline-block; width:10px; } .arrowUp-small{ background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/dropdown-arrow-expanded.png") ; background-position:0px 2px; background-repeat: no-repeat; height:10px ; display:inline-block; width:10px; } .disabletext { color: #C3C3C3 !important; } .redAlertIcon { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/iconError30x30.png") no-repeat scroll left center rgba(0, 0, 0, 0); float: left; height: 30px; padding: 0 0 0 15px; width: 30px; } .red-alert{ border-color: #FF0000 !important; background:#FEF3F1 !important; } .msg.red-alert p { color:#FF0000 !important; } .msgAlertconfirmation{ background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/confirm-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 32px; width: 32px; } /*Added for Mobile Desktop - Oct 28,2013*/ .account-number { background: url("//www.att.com/images/global/divider-h2.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0); color: #333333; font-size: 1.3em; line-height: 55px; margin-left: 5px; margin-right: 5px; padding: 0 0 0 11px; position: relative; top: 3px; } .extend3o .title ul { display: inline; float: left; line-height: 55px; min-height: 55px; } .row-seamless .alertBlueInfo { padding:14px; margin:0 0 20px 0;} .alert-info-blue1 { background-color: #EAF5FA !important; border-color: #dbdbdb !important; } /*Added for Mobile Desktop - Nov 5 - WF_11_30_2_0-NewMSPlanSelect 2013*/ .alert-info-blue1-NewMSPlan { background-color: #EAF5FA !important; border-color: #dbdbdb !important; } .extend3o .radioList .radio-li-MsPlan{ background: url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #F5F5F5 !important; position: relative; } .extend3o .MarTop-NewMSPlan {margin-top:-2px} .extend3o .section-title-confirmation { background:url("//www.att.com/images/global/grad-heading.gif") repeat-x scroll left bottom #F5F5F5 !important; min-height:56px; position:relative; border-top-left-radius: 5px; border-top-right-radius: 5px; } /*Added for Mobile Desktop ENDS - Nov 5 2013*/ /* Added style for GrayedoutCheckbox here*/ .grayedCheckBox div.checker span{ background-image: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/grayedCheckBox.png") !important; background-position:3px 3px !important; background-repeat: no-repeat; height:25px !important; width:25px !important; } .grayedCheckBox div.checker {height: 25px !important; width: 25px !important;} /* Added style for GrayedoutCheckbox Ends here*/ /*Added for Mobile Desktop - Nov 1 2013*/ .font18{font-size:18px; font-weight:bold;} .font14{font-size:14px !important;} .error-gradient{background-color:#FEF3F1 !important;} .help-box{left:0 !important; margin-right:30px !important;} .help-box1{left:0 !important; margin-right:30px !important; margin-top:20px !important;} /* Mobile Share 2 - myServices POD 1403 ENDS */ /* NMS Rate Plan Starts here*/ .bgDrGrey{background:#ececec;} .bgDrBlue{background:#b7cfdc;} .bgDrLightBlue{background:#f2f6f9;} .extend3o .Padbot26{padding-bottom:26px !important;} .extend3o .popupNotchIcon { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/top_notch.png") no-repeat scroll left bottom; left: 30px; line-height: 8px; position: relative; top: 45px !important; z-index: 900 !important; } .extend3o .popupCloseIcon { left: 0px; line-height: 25px; position: relative; top: 33.5px !important; z-index: 900 !important; } .extend3o .popupGradient-smallWidth { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/gradient_small.png") repeat-x scroll left bottom #FFFFFF; left: 2px; padding-left: 5px; position: relative; width: 289px; } .extend3o a, .extend3o a:active, .extend3o a:visited, .extend3o a:hover {color: #3381B7;} .extend3o .msWrapper .mySVCshadowTopLeft { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/top-left_rounded.png") no-repeat scroll left top; border: medium none; height: 11px; left: 1px; position: relative; top: 8px; width: 100%; } .extend3o .msWrapper .mySVCshadowTopLeft div { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/top_shadow.png") repeat-x scroll left top; height: 5px; left: 6px; position: relative; top: 0; } .extend3o .msWrapper .mySVCshadowTopLeft div.mySVCshadowTop { background: none no-repeat scroll right top; height: 10px; left: 10px; position: relative; top: 0; } .extend3o .msWrapper .mySVCshadowBotLeft { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/bottom-left_rounded.png") no-repeat scroll left top; bottom: 6px; height: 6px; left: 1px; position: relative; width: 100%; z-index: 0; } .extend3o .msWrapper .mySVCshadowBotLeft div .mySVCshadowBottom { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/bottom-right_rounded.png") no-repeat scroll right top; bottom: 3px; height: 17px; left: 9px; position: relative; z-index: -1; } .extend3o .msWrapper .mySVCshadowBotLeft div { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/bottom_shadow.png") repeat-x scroll left bottom; bottom: -3px; height: 3px; left: 6px; position: relative; z-index: -1; } .extend3o .msWrapper .mySVCshadowLeft { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/left_shadow.png") repeat-y scroll left center; border: medium none !important; left: 1px; } .extend3o .msWrapper .mySVCshadowRight { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/brand30/shadowbox/right_shadow.png") repeat-y scroll right center ; border: medium none !important; left: 1px; position: relative; } .extend3o .line-height16 {line-height: 16px;} .extend3o .fullWidth {width: 100% !important;} .extend3o .section-title-dark { background: url("/commonLogin/igate_wam/staticContent/images/myworld/images/global/grad-heading-dark-to-light.gif") repeat-x scroll left top #F5F5F5; border-top-left-radius: 0; border-top-right-radius: 0; min-height: 56px; position: relative; } .extend3o .section-title-dark h2{ color: #333333; display: inline; float: left; font-family: Arial; font-size: 20px; line-height: 56px; margin: 0 10px 0 25px; } .new-rate-plan {display: none;} .extend3o #ie .top37IE{top: 37px !important;} .tvModalCb #cboxPrevious:active, .tvModalCb #cboxNext:active, .tvModalCb #cboxSlideshow:active, .tvModalCb #cboxClose:active{outline: 1px dotted #000000 !important;} /* NMS Rate Plan Ends here*/