@import url("drop1-my3.css"); /* Drop1 css */ /* ver 0.0.3 */ /* SSO body background color fix for live*/ body.P00_id { background-color: #FFFFFF; } #tooltip { position: absolute; border: 1px solid #000000; background-color: #FFFFE1; padding:3px; width:200px; word-wrap: break-word; margin:30px 0px 0px -15px; font-size:0.7em; z-index:999; } #tooltip .tooltip_title .ttTitle{ width:100%; border-bottom:1px solid #000000; padding-bottom:5px; } #tooltip .tooltip_title .ttContent{ width:100%; line-height:20px; margin-top:5px; } /*End Drop1 css*/ .P00_id #tooltip { margin:25px 0px 0px -60px !important; } /* Fix it styles!!! For the parent architecture */ .threePortlet{ font-size:1em; } .threePortlet .boxContainer .floatBox p, threePortlet .no_top_boxContainer .floatBox p{ width:100% !important; } .threePortlet .boxContainer p{ padding-left: 5px; } .threePortlet form table.balance{ margin-left:-1px; } .threePortlet .portlet-msg-error, .threePortlet .portlet-msg-error ul li {width: 100% !important;} #portletContent .threePortlet .my3_notice p, #portletContent .threePortlet .my3_notice ul{ width:880px; } #portletContent .threePortlet .topUpLeftCol .my3_notice p{ width:665px; } #portletContentRight .threePortlet .my3_notice p, #portletContentRight .threePortlet .my3_notice ul{ width:240px !important; } #portletContentLeft .threePortlet .my3_notice p, #portletContentLeft .threePortlet .my3_notice ul{ width:560px; } #portletContentLeft .threePortlet .my3_notice form{ width:560px; } #portletContentLeft .threePortlet table.balance .my3_notice p{ width:540px; } #mainPanel .mainContent .subColsContent .subColLeft .threePortlet .my3_notice p, #mainPanel .mainContent .subColsContent .subColRight .threePortlet .my3_notice p, #mainPanel .rightContent .threePortlet .my3_notice p{ width:260px; } #portletContent .threePortlet #sliderContent form{ width:620px; } #tooltip{ font-size:0.7em; z-index:999; } #portletContentLeft .threePortlet .topUpLeftCol form, #portletContentLeft .threePortlet .topUpLeftCol .my3_notice{ width:405px !important; } #portletContentLeft .threePortlet .topUpOptions .boxContainer{ width:395px; } #portletContentLeft .threePortlet .topUpLeftCol .boxContainer .floatBox{ width:101px !important; } #portletContentLeft .threePortlet .topUpLeftCol .boxContainer .floatBox p{ width:95px !important; } #portletContentLeft .threePortlet .topUpLeftCol .boxContainer .hoverBox p{ width:95px !important; } #portletContentLeft .threePortlet p{ width:100%; } #portletContentLeft .threePortlet .noEmail p{ width:auto; } #portletContentRight .threePortlet p, .subColLeft .threePortlet p, .subColRight .threePortlet p, .rightContent .threePortlet p{ width:278px; } #portletContentLeft .threePortlet .fourtyFive p{ width:280px; } #portletContentLeft .threePortlet .fourtyFive .seventy p{ width:190px; } #portletContentLeft .threePortlet .topUpLeftCol .fourtyFive p{ width:170px; } #portletContentLeft .threePortlet .topUpLeftCol p{ width:390px; } #portletContentLeft .threePortlet .topUpLeftCol label.alt{ width:180px !important; } #portletContentLeft .threePortlet .topUpLeftCol table.registeredCards label.alt{ width:200px !important; } #portletContentLeft .threePortlet .topUpLeftCol .my3_notice p{ width:340px; } #portletContentLeft .threePortlet .half p{ width:305px; } #portletContentLeft .threePortlet .width-180 p{ width:170px; } #portletContentLeft .threePortlet .topUpLeftCol table.allowance{ width:405px; } #portletContentLeft .threePortlet .topUpLeftCol table.allowance .form-fields label{ width:140px; } #portletContentLeft .threePortlet .topUpLeftCol table.allowance .form-fields p{ width:180px; } #portletContentLeft .threePortlet table label.formCheck{ width:400px; } /* Fix it styles!!! For the parent architecture */ .threePortlet, .threePortlet h1, .threePortlet h2, .threePortlet h3, .threePortlet h4, .threePortlet h5, .threePortlet h6, .threePortlet h1.portlet-section-header, .threePortlet h2.portlet-section-header, .threePortlet h3.portlet-section-header, .threePortlet h4.portlet-section-header, .threePortlet h5.portlet-section-header, .threePortlet h6.portlet-section-header, .threePortlet p, .threePortlet label, .threePortlet label.portlet-form-input-label, .threePortlet label.alt, .threePortlet form .longLabel, .threePortlet textarea, .threePortlet input, .threePortlet input.portlet-form-input-field, .threePortlet select, .threePortlet .dateSlash, .threePortlet form, .threePortlet .form-fields, .threePortlet form .form-fields div, .threePortlet .form-fields div, .threePortlet form .errors div, .threePortlet .form-button-position, .threePortlet .button_tooltip, .threePortlet .action-box div, .threePortlet .plet-frm-btn-green-69, .threePortlet .plet-frm-btn-green-100, .threePortlet .plet-frm-btn-green-135, .threePortlet .plet-frm-btn-green-150, .threePortlet .plet-frm-btn-grey-69, .threePortlet .plet-frm-btn-grey-100, .threePortlet .plet-frm-btn-grey-135, .threePortlet .plet-frm-btn-grey-150, .threePortlet .plet-frm-btn-grey-69-dis, .threePortlet .plet-frm-btn-grey-100-dis, .threePortlet .plet-frm-btn-grey-135-dis, .threePortlet .plet-frm-btn-grey-150-dis, .threePortlet .plet-frm-btn-green-69-dis, .threePortlet .plet-frm-btn-green-100-dis, .threePortlet .plet-frm-btn-green-135-dis, .threePortlet .plet-frm-btn-green-150-dis, .threePortlet a.plet-frm-btn-green-69, .threePortlet a.plet-frm-btn-green-100, .threePortlet a.plet-frm-btn-green-135, .threePortlet a.plet-frm-btn-green-150, .threePortlet a.plet-frm-btn-grey-69, .threePortlet a.plet-frm-btn-grey-100, .threePortlet a.plet-frm-btn-grey-135, .threePortlet a.plet-frm-btn-grey-150, .threePortlet a.plet-frm-btn-grey-69-dis, .threePortlet a.plet-frm-btn-grey-100-dis, .threePortlet a.plet-frm-btn-grey-135-dis, .threePortlet a.plet-frm-btn-grey-150-dis, .threePortlet a.plet-frm-btn-green-69-dis, .threePortlet a.plet-frm-btn-green-100-dis, .threePortlet a.plet-frm-btn-green-135-dis, .threePortlet a.plet-frm-btn-green-150-dis, .threePortlet .my3_notice, .threePortlet form .my3_notice, .threePortlet form table .my3_notice, .threePortlet table .my3_notice, .threePortlet form .my3_notice div.my3_baloon_icon, .threePortlet .my3_notice ul.arrows, .threePortlet .my3_notice p, .threePortlet .btn_exp, .threePortlet .btn_exp_dis, .threePortlet .form-fields div.btn_exp, .threePortlet .fillBox, .threePortlet .fillBox .spacer, .threePortlet .boxContainer .fillBox .spacer, .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp, .threePortlet form .boxContainer .paginate .formComponents .form-fields div.btn_exp, .threePortlet form .boxContainer .greyaBackg .formComponents .form-fields div.btn_exp_dis, .threePortlet table, .threePortlet #expandButton, .threePortlet #contractButton, .threePortlet .submenu, .threePortlet .sortedHead, .threePortlet .submenu ul li, .threePortlet .divider, .threePortlet .form-fields .poundSign, .threePortlet .cardPointer, .threePortlet table tbody.portlet-table-body tr td ul.arrows, .threePortlet .submenu .dropHead, .threePortlet .ddGuarantee, .threePortlet .mpiLeft, .threePortlet #sliderContent .item, .threePortlet #sliderContent .item dt, .threePortlet .item dd, .threePortlet #sliderContent .item dt, .threePortlet .dottedCenter, .threePortlet .boxContainer, .threePortlet .no_top_boxContainer, .threePortlet .no_top_boxContainer .floatBox, .threePortlet .boxContainer .floatBox, .threePortlet .boxContainer .floatbox, .threePortlet .indicator, .threePortlet #commonMarkup, .threePortlet #dongleMarkup, .threePortlet #mobileMarkup, .threePortlet .indicatorBig{ float:left; } .threePortlet .boxContainer .fillBox .formComponents, .threePortlet table thead.portlet-table-header tr th ul, .threePortlet .ddGuarantee img, .threePortlet #mpiFrame{ float:right; } .threePortlet, .threePortlet h1, .threePortlet h2, .threePortlet h3, .threePortlet h4, .threePortlet h5, .threePortlet h6, .threePortlet h1.portlet-section-header, .threePortlet h2.portlet-section-header, .threePortlet h3.portlet-section-header, .threePortlet h4.portlet-section-header, .threePortlet h5.portlet-section-header, .threePortlet h6.portlet-section-header, .threePortlet label, .threePortlet label.portlet-form-input-label, .threePortlet .action-box, .threePortlet form .my3_notice, .threePortlet form table .my3_notice, .threePortlet table .my3_notice, .threePortlet .my3_notice p, .threePortlet ul, .threePortlet .submenu .dropHead, .threePortlet .mpiLeft, .threePortlet #sliderContent .item dt, #cboxMiddleLeft, #cboxBottomLeft{ clear:left; } .threePortlet .form-fields, .threePortlet .my3_notice, .threePortlet form, .threePortlet .my3_baloon_icon15, .threePortlet .my3_baloon_icon25, .threePortlet .my3_baloon_icon45, .threePortlet .btn_exp, .threePortlet .btn_exp_dis, .threePortlet .form-fields div.btn_exp, .threePortlet table, .threePortlet .ddGuarantee{ clear:both; } .threePortlet label.alt, .threePortlet table.diverts label, .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp, .threePortlet form .boxContainer .paginate .formComponents .form-fields div.btn_exp, .threePortlet form .boxContainer .greyaBackg .formComponents .form-fields div.btn_exp_dis, .threePortlet ul.listDetails{ clear:none; } #newBrand .threePortlet .openClosePortlet, .threePortlet .verified, .threePortlet .my3_baloon_icon15, .threePortlet .my3_baloon_icon25, .threePortlet .my3_baloon_icon45, .threePortlet .btn_exp_tl, .threePortlet .btn_exp_tr, .threePortlet .btn_exp_bl, .threePortlet .btn_exp_br, .threePortlet .form-fields .btn_exp_tl, .threePortlet .form-fields .btn_exp_tr, .threePortlet .form-fields .btn_exp_bl, .threePortlet .form-fields .btn_exp_br, .threePortlet .sortedHead ul, .threePortlet .sortedHead .shadowFoot, .threePortlet #sliderContent ul, .threePortlet #sliderContent .item dl, .threePortlet a.previous, .threePortlet a.next, .threePortlet .boxContainerDropShadow, .threePortlet .indicator .step, .threePortlet .indicator p, .threePortlet .indicatorBig .step, .threePortlet .indicatorBig p, #colorbox, #cboxOverlay, #cboxWrapper, #cboxLoadingOverlay, #cboxLoadingGraphic, #cboxTitle, #cboxCurrent, #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose, .threePortlet .closeDimmed{ position:absolute; } .threePortlet .positionRelative, .threePortlet, .threePortlet .extraNotice, .threePortlet form, .threePortlet .form-fields, .threePortlet table thead.portlet-table-header tr th span.button_tooltip, .threePortlet .my3_notice, .threePortlet form .my3_notice div.my3_baloon_icon, .threePortlet .btn_exp, .threePortlet .btn_exp_dis, .threePortlet .form-fields div.btn_exp, .threePortlet .fillBox, .threePortlet .submenu, .threePortlet .sortedHead, .threePortlet .divider, .threePortlet table.allowance, .threePortlet table tbody.portlet-table-body tr td ul.arrows, .threePortlet table tbody.portlet-table-body tr.end td div, .threePortlet #sliderContent .viewer, .threePortlet #sliderContent .content-conveyor, .threePortlet #sliderContent .item, .threePortlet .boxContainer, .threePortlet .no_top_boxContainer, .threePortlet .indicator, .threePortlet .indicatorBig, #cboxContent, .threePortlet .ui-slider{ position:relative; } .threePortlet, .threePortlet h1, .threePortlet h2, .threePortlet h3, .threePortlet h4, .threePortlet h5, .threePortlet h6, .threePortlet h1.portlet-section-header, .threePortlet h2.portlet-section-header, .threePortlet h3.portlet-section-header, .threePortlet h4.portlet-section-header, .threePortlet h5.portlet-section-header, .threePortlet h6.portlet-section-header, .threePortlet p, .threePortlet form, .threePortlet .form-fields, .threePortlet .my3_notice, .threePortlet form .my3_notice, .threePortlet .sortedHead .shadowFoot, .threePortlet table tbody.portlet-table-body tr.division td div, .threePortlet .divider, .threePortlet table.allowance tbody.portlet-table-body tr.division, .threePortlet table.allowance tbody.portlet-table-body tr.division td, .threePortlet table.balance tbody.portlet-table-body tr.division, .threePortlet table.balance tbody.portlet-table-body tr.division td, .threePortlet table tbody.portlet-table-body tr.end td div, .threePortlet table tbody.portlet-table-body tr.end, .threePortlet table tbody.portlet-table-body tr.end td, .threePortlet #sliderContent, .P48_resetPasswordAgent_2.threePortlet form .portlet-msg-info, .threePortlet .dottedCenter, .threePortlet .boxContainerDropShadow, .threePortlet #commonMarkup, .threePortlet #dongleMarkup, .threePortlet #mobileMarkup, #cboxOverlay, #cboxLoadedContent iframe, #cboxLoadingOverlay, #cboxLoadingGraphic, #cboxTitle{ width:100%; } .threePortlet table thead.portlet-table-header tr.division, .threePortlet table tbody.portlet-table-body tr.division, .threePortlet table tbody.portlet-table-body tr.division td div, .threePortlet .divider, .threePortlet table.allowance tbody.portlet-table-body tr.division, .threePortlet table.allowance tbody.portlet-table-body tr.division td, .threePortlet table.balance tbody.portlet-table-body tr.division, .threePortlet table.balance tbody.portlet-table-body tr.division td, .threePortlet table.allowance thead.portlet-table-header tr, .threePortlet table.allowance thead.portlet-table-header tr td, .threePortlet table.allowance thead.portlet-table-header tr td div, .threePortlet table tbody.portlet-table-body tr.end, .threePortlet table tbody.portlet-table-body tr.end td{ height:1px !important; } .threePortlet .sortedHead .shadowFoot, .threePortlet table.diverts tr.divide, .threePortlet table.diverts tr.divide td, .threePortlet table.diverts tr.divide td div, .threePortlet table tbody.portlet-table-body tr.division td div, .threePortlet .divider, .threePortlet table.allowance tbody.portlet-table-body tr.division, .threePortlet table.allowance tbody.portlet-table-body tr.division td, .threePortlet table.balance tbody.portlet-table-body tr.division, .threePortlet table.balance tbody.portlet-table-body tr.division td, .threePortlet table.allowance thead.portlet-table-header tr, .threePortlet table.allowance thead.portlet-table-header tr td, .threePortlet table.allowance thead.portlet-table-header tr td div, .threePortlet table tbody.portlet-table-body tr.end td div, .threePortlet table tbody.portlet-table-body tr.end, .threePortlet table tbody.portlet-table-body tr.end td, .threePortlet .ui-slider-horizontal .ui-slider-handle, .threePortlet .indicator .step, .threePortlet .indicatorBig .step{ font-size:0px; } .threePortlet table.diverts tr td.labelOFF div label, .threePortlet #sliderContent .item dl.detail{ display:none; } .threePortlet h1, .threePortlet h2, .threePortlet h3, .threePortlet h4, .threePortlet h5, .threePortlet h6, .threePortlet h1.portlet-section-header, .threePortlet h2.portlet-section-header, .threePortlet h3.portlet-section-header, .threePortlet h4.portlet-section-header, .threePortlet h5.portlet-section-header, .threePortlet h6.portlet-section-header, .threePortlet a.plet-frm-btn-green-69, .threePortlet a.plet-frm-btn-green-100, .threePortlet a.plet-frm-btn-green-135, .threePortlet a.plet-frm-btn-green-150, .threePortlet a.plet-frm-btn-grey-69, .threePortlet a.plet-frm-btn-grey-100, .threePortlet a.plet-frm-btn-grey-135, .threePortlet a.plet-frm-btn-grey-150, .threePortlet a.plet-frm-btn-grey-69-dis, .threePortlet a.plet-frm-btn-grey-100-dis, .threePortlet a.plet-frm-btn-grey-135-dis, .threePortlet a.plet-frm-btn-grey-150-dis, .threePortlet a.plet-frm-btn-green-69-dis, .threePortlet a.plet-frm-btn-green-100-dis, .threePortlet a.plet-frm-btn-green-135-dis, .threePortlet a.plet-frm-btn-green-150-dis, .threePortlet .sortedHead .shadowFoot, .threePortlet .submenu ul li a, .threePortlet .submenu ul li a, .threePortlet table tbody.portlet-table-body tr.division td div, .threePortlet .divider, .threePortlet table tbody.portlet-table-body tr.end td div, .threePortlet .dottedCenter, #cboxLoadedContent iframe, .threePortlet label, .threePortlet label.portlet-form-input-label, .threePortlet label.alt, .threePortlet .ui-slider .ui-slider-range{ display:block; } .threePortlet input.checkbox, .threePortlet input.radio, .threePortlet table.diverts input.radio, .threePortlet form .form-fields div, .threePortlet .form-fields div, .threePortlet form .errors div, .threePortlet form table tbody.portlet-table-body .form-fields, .threePortlet form table .form-fields div, .threePortlet form table .errors div, .threePortlet .form-button-position, .threePortlet .action-box div, .threePortlet form table .my3_notice, .threePortlet table .my3_notice, .threePortlet .my3_notice ul.arrows, .threePortlet .my3_notice p, .threePortlet .fillBox .spacer, .threePortlet .sortedHead ul, .threePortlet table.diverts tr td .checkbox, .threePortlet table thead.portlet-table-header tr th ul, .threePortlet #sliderContent .item dt, .threePortlet #loadGif{ width:auto; } .threePortlet label, .threePortlet label.portlet-form-input-label, .threePortlet textarea, .threePortlet input, .threePortlet input.portlet-form-input-field, .threePortlet select, .threePortlet table thead.portlet-table-header tr th span.button_tooltip, .threePortlet .portlet-msg-error ul li, .threePortlet .my3_notice ul li, .threePortlet table .btn_exp, .threePortlet table .btn_exp_dis, .threePortlet .btn_exp ul, .threePortlet .btn_exp_dis ul, .threePortlet .form-fields .btn_exp ul, .threePortlet .btn_exp ul li, .threePortlet .btn_exp_dis ul li, .threePortlet ul.arrows li, .threePortlet .form-fields .btn_exp ul li, .threePortlet ul li, .threePortlet .ddGuarantee h3.portlet-section-header, .threePortlet .ddGuarantee img, .threePortlet #sliderContent .item img.scaledUp, .threePortlet .thumbnailGraphic img, .threePortlet ul.listDetails, .threePortlet .sortedHead ul li, .threePortlet table.diverts tr td .radio, .threePortlet table thead.portlet-table-header tr th ul, .threePortlet table thead.portlet-table-header tr th ul li{ margin:0px 0px 0px 0px; } .threePortlet .fontNormal, .threePortlet textarea, .threePortlet input, .threePortlet input.portlet-form-input-field, .threePortlet select, .threePortlet label, .threePortlet label.portlet-form-input-label, .threePortlet label.alt, .threePortlet .my3_notice p, .threePortlet .btn_exp, .threePortlet .btn_exp_dis, .threePortlet .form-fields div.btn_exp, .threePortlet table.details-page tbody.portlet-table-body tr th, .threePortlet table.allowance tbody.portlet-table-body tr th, table.top-up thead th, table.top-up tbody th{ font-weight:400; } .threePortlet .tm, .threePortlet .plet-frm-btn-green-69, .threePortlet .plet-frm-btn-green-100, .threePortlet .plet-frm-btn-green-135, .threePortlet .plet-frm-btn-green-150, .threePortlet .plet-frm-btn-grey-69, .threePortlet .plet-frm-btn-grey-100, .threePortlet .plet-frm-btn-grey-135, .threePortlet .plet-frm-btn-grey-150, .threePortlet .plet-frm-btn-grey-69-dis, .threePortlet .plet-frm-btn-grey-100-dis, .threePortlet .plet-frm-btn-grey-135-dis, .threePortlet .plet-frm-btn-grey-150-dis, .threePortlet .plet-frm-btn-green-69-dis, .threePortlet .plet-frm-btn-green-100-dis, .threePortlet .plet-frm-btn-green-135-dis, .threePortlet .plet-frm-btn-green-150-dis, .threePortlet table tbody.portlet-table-body tr th.c2, .threePortlet table tbody.portlet-table-body tr td.c2, .threePortlet .submenu ul li a, .threePortlet table.allowance tbody.portlet-table-body tr td, .threePortlet table tbody.portlet-table-body tr.summary, .threePortlet table tbody.portlet-table-body tr.summary th, .threePortlet table tbody.portlet-table-body tr.summary td, .threePortlet table.registeredCards tbody.portlet-table-body tr th, .threePortlet table.registeredCards tbody.portlet-table-body tr td, .threePortlet a.previous, .threePortlet a.next, .threePortlet .fauxHeader, .threePortlet .indicator p, .threePortlet .indicatorBig p, .threePortlet ul li a{ font-weight:700; } .threePortlet .submenu ul li a:hover, .threePortlet .submenu ul li a.selected, .threePortlet .boxContainer h3, .threePortlet .no_top_boxContainer h3, .threePortlet .sortedHead{ /*background-color:#000000; color:#FFFFFF;*/ } .threePortlet .submenu ul li a:hover, .threePortlet .submenu ul li a.selected{ background-color:#000000; color:#FFFFFF; } .threePortlet .plet-frm-btn-grey-69, .threePortlet .plet-frm-btn-grey-100, .threePortlet .plet-frm-btn-grey-135, .threePortlet .plet-frm-btn-grey-150, .threePortlet .plet-frm-btn-green-69, .threePortlet .plet-frm-btn-green-100, .threePortlet .plet-frm-btn-green-135, .threePortlet .plet-frm-btn-green-150, .threePortlet .plet-frm-btn-grey-69, .threePortlet .plet-frm-btn-grey-100, .threePortlet .plet-frm-btn-grey-135, .threePortlet .plet-frm-btn-grey-150, .threePortlet .plet-frm-btn-grey-69-dis, .threePortlet .plet-frm-btn-grey-100-dis, .threePortlet .plet-frm-btn-grey-135-dis, .threePortlet .plet-frm-btn-grey-150-dis, .threePortlet .plet-frm-btn-green-69-dis, .threePortlet .plet-frm-btn-green-100-dis, .threePortlet .plet-frm-btn-green-135-dis, .threePortlet .plet-frm-btn-green-150-dis, .threePortlet .plet-frm-btn-green-69, .threePortlet .plet-frm-btn-green-100, .threePortlet .plet-frm-btn-green-135, .threePortlet .plet-frm-btn-green-150, .threePortlet .plet-frm-btn-grey-69, .threePortlet .plet-frm-btn-grey-100, .threePortlet .plet-frm-btn-grey-135, .threePortlet .plet-frm-btn-grey-150, .threePortlet .plet-frm-btn-grey-69-dis, .threePortlet .plet-frm-btn-grey-100-dis, .threePortlet .plet-frm-btn-grey-135-dis, .threePortlet .plet-frm-btn-grey-150-dis, .threePortlet .plet-frm-btn-green-69-dis, .threePortlet .plet-frm-btn-green-100-dis, .threePortlet .plet-frm-btn-green-135-dis, .threePortlet .plet-frm-btn-green-150-dis /*.threePortlet table thead.portlet-table-header tr th, .threePortlet table tbody.portlet-table-body tr th, .threePortlet table.bills thead.portlet-table-header tr th, .threePortlet .sortedHead h4, .threePortlet .sortedHead ul li a.togglebutton, .threePortlet .sortedHead ul li a.togglebutton:hover, .threePortlet .sortedHead ul li a:hover, .threePortlet .submenu ul li a:hover, .threePortlet .submenu ul li a.selected, .threePortlet table thead.portlet-table-header tr th a.togglebutton, .threePortlet .boxContainer h3, .threePortlet .no_top_boxContainer h3, table.top-up thead th.titleAlt, table.top-up tbody th*/{ color:#FFFFFF; } .threePortlet input.formDisabled, .threePortlet .my3_notice p, .threePortlet ul li a, .threePortlet table.details-page tbody.portlet-table-body tr th, .threePortlet table.allowance tbody.portlet-table-body tr th, .threePortlet table.allowance tbody.portlet-table-body tr td, .threePortlet table.registeredCards tbody.portlet-table-body tr th, .threePortlet table.registeredCards tbody.portlet-table-body tr td, .threePortlet a.previous, .threePortlet a.next, .threePortlet .printableVersion, .threePortlet .boxContainer .fillBox h3, table.top-up thead th, .threePortlet .pos1 p.step1, .threePortlet .pos2 p.step2, .threePortlet .pos3 p.step3, .threePortlet .bigPos1 p.step1, .threePortlet .bigPos2 p.step2, .threePortlet .bigPos3 p.step3, .threePortlet .bigPos4 p.step4{ color:#000000; cursor:pointer; } .threePortlet .plet-frm-btn-green-69-dis, .threePortlet .plet-frm-btn-green-100-dis, .threePortlet .plet-frm-btn-green-135-dis, .threePortlet .plet-frm-btn-green-150-dis{ color:#f2f2f2; cursor:no-drop; } .threePortlet .errors input, .threePortlet .errors input.portlet-form-input-field, .threePortlet .errors select, .threePortlet .errors select.portlet-form-input-field { color:#FF0000; } .threePortlet .my3_notice p, .threePortlet .my3_notice ul, .threePortlet .my3_notice a, .threePortlet .my3_notice{ color:#999999; } .threePortlet .my3_notice a.plet-frm-btn-green-69, .threePortlet .my3_notice a.plet-frm-btn-green-100, .threePortlet .my3_notice a.plet-frm-btn-green-135, .threePortlet .my3_notice a.plet-frm-btn-green-150{ color:#FFFFFF; } .threePortlet textarea, .threePortlet input, .threePortlet input.portlet-form-input-field, .threePortlet select, .threePortlet table.details-page tbody.portlet-table-body tr th, .threePortlet table.allowance tbody.portlet-table-body tr th, .threePortlet table .disabledField label, .threePortlet table.registeredCards tbody.portlet-table-body tr th, .threePortlet table.registeredCards tbody.portlet-table-body tr td, .threePortlet table.hover tbody.portlet-table-body tr.hoverthis:hover td.noHover{ background-color:#FFFFFF; } .threePortlet .btn_exp ul li, .threePortlet .btn_exp_dis ul li, .threePortlet ul.arrows li, .threePortlet .form-fields .btn_exp ul li, .threePortlet .sortedHead ul li, .threePortlet .submenu ul li, .threePortlet table thead.portlet-table-header tr th ul li, .threePortlet #sliderContent ul li, .threePortlet ul.listDetails li, .threePortlet ul.toggleDetail li{ list-style:none; } .threePortlet .floatRight{ float:right !important; } .threePortlet .floatLeft{ float:left !important; } .threePortlet .floatNone{ float:none !important; } .threePortlet .displayBlock{ display:block; } .threePortlet .displayNone{ display:none; } .threePortlet .clearLeft{ clear:left !important; } .threePortlet .clearRight{ clear:right !important; } .threePortlet .clearBoth{ clear:both !important; } .threePortlet .clearNone{ clear:none !important; } .threePortlet .alignLeft{ text-align:left !important; } .threePortlet .alignRight{ text-align:right !important; } .threePortlet .alignCenter{ text-align:center !important; } .threePortlet .positionAbsolute{ position:absolute !important; } .threePortlet .noLeftMargin, .threePortlet .form-fields div.noLeftMargin{ margin-left:0px !important; } .threePortlet .noRightMargin{ margin-right:0px !important; } .threePortlet .noTopMargin, .threePortlet p.noTopMargin, .threePortlet .my3_notice ul.noTopMargin{ margin-top:0px !important; } .threePortlet .noLeftPadding, .threePortlet input.noLeftPadding{ padding-left:0px !important; } .threePortlet .weightNormal{ font-weight:400 !important; } .threePortlet .padding10{ padding:10px; } .threePortlet .noBottomMargin{ margin-bottom:0px !important; } .threePortlet .centerMargin{ margin:0px auto !important; } .threePortlet .width-auto, .threePortlet .auto{ width:auto !important; } .threePortlet .width-15{ width:15px; } .threePortlet .width-40, .threePortlet table.diverts select.width-40{ width:40px; } .threePortlet .width-50{ width:50px !important; } .threePortlet .width-66{ width:66px !important; } .threePortlet .width-90{ width:90px; } .threePortlet .width-100{ width:100px; } .threePortlet label.width-100{ width:152px !important; } .threePortlet .width-155{ width:155px !important; } .threePortlet .width-128{ width:128px; } .threePortlet .width-180{ width:180px !important; } .threePortlet .width-200{ width:200px !important; overflow:hidden; } .threePortlet .width-300{ width:300px !important; } .threePortlet .width-355{ width:355px !important; overflow:hidden; } .threePortlet .width-400{ width:400px !important; } .threePortlet .width-500{ width:500px; } .threePortlet .width-560{ width:500px; } .threePortlet .width-600{ width:600px; } .threePortlet .width-700{ width:700px; } .threePortlet .width-800{ width:800px; } .threePortlet .width-900{ width:900px; } .threePortlet .width-1000{ width:1000px; } .threePortlet .height-0{ height:auto !important; } .threePortlet .height-18{ height:18px !important; } .threePortlet .marginTop8{ margin-top:8px !important; } .threePortlet .marginTop10{ margin-top:10px !important; } .threePortlet .marginTop15{ margin-top:15px !important; } .threePortlet .marginTop-10{ margin-top:-10px !important; } .threePortlet .marginTop20{ margin-top:20px !important; } .threePortlet .marginTop-20{ margin-top:-20px !important; } .threePortlet .marginTop25{ margin-top:25px !important; } .threePortlet .marginTop-25{ margin-top:-25px !important; } .threePortlet .marginTop30{ margin-top:30px !important; } .threePortlet .marginTop40{ margin-top:40px !important; } .threePortlet .marginTop60{ margin-top:60px !important; } .threePortlet .marginTop72{ margin-top:72px; } .threePortlet .marginLeft15{ margin-left:15px !important; } .threePortlet .marginLeft20{ margin-left:20px !important; } .threePortlet .topupDigit{ margin:0px 5px 0px 0px !important; } .threePortlet .errors .topupDigit{ margin:0px 0px 0px 0px !important; } .threePortlet .fifteen{ width:15%; } .threePortlet .quart{ width:25%; } .threePortlet .third{ width:33%; } .threePortlet .half{ width:50% !important; } .threePortlet .twothirds{ width:66% !important; } .threePortlet .threequart{ width:75% !important; } .threePortlet .full{ width:100% !important; } .threePortlet .five{ width:5%; } .threePortlet .ten{ width:10%; } .threePortlet .fifteen{ width:15%; } .threePortlet .twenty{ width:20%; } .threePortlet .thirty{ width:30%; } .threePortlet .fourty{ width:40%; } .threePortlet .fourtyFive{ width:45% !important; } .threePortlet .fifty{ width:50%; } .threePortlet .fiftyFive{ width:55%; } .threePortlet .sixty{ width:60%; } .threePortlet .seventy{ width:70%; } .threePortlet .eighty{ width:80%; } .threePortlet .ninety{ width:90%; } .threePortlet .tm{ font-size:50%; } .overFlowVisi{ overflow:visible !important; } .backgroundNone{ background:none !important; } .threePortlet .ft-grey{ color:#606161 !important; } .threePortlet .ft-red, .threePortlet .portlet-msg-error, .threePortlet .my3-portlet-msg-error{ color:#FF0000 !important; } .threePortlet .ft-orange{ color:#ffcc00; } .threePortlet .ft-small{ font-size:90%; } .threePortlet .ft-green/*, .threePortlet .submenu ul li a*/{ color:#038728; } .threePortlet .ft-white{ color:#FFFFFF; } .threePortlet{ overflow:hidden; padding:0px 0px 13px 0px; margin:0px 0px 0px 0px; /*border-bottom:1px solid red;*/ } .threePortlet a.plet-frm-btn-green-69.noleftM, .threePortlet a.plet-frm-btn-green-100.noleftM, .threePortlet a.plet-frm-btn-green-135.noleftM, .threePortlet a.plet-frm-btn-grey-69.noleftM, .threePortlet a.plet-frm-btn-grey-100.noleftM, .threePortlet a.plet-frm-btn-grey-135.noleftM, .noleftM{ margin-left:0px; } .threePortlet h1, .threePortlet h2, .threePortlet h3, .threePortlet h4, .threePortlet h5, .threePortlet h6, .threePortlet h1.portlet-section-header, .threePortlet h2.portlet-section-header, .threePortlet h3.portlet-section-header, .threePortlet h4.portlet-section-header, .threePortlet h5.portlet-section-header, .threePortlet h6.portlet-section-header{ height:auto; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .threePortlet h4.portlet-section-header, .threePortlet p{ margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; /* padding:0px 10px 0px 0px; */ } .threePortlet label, .threePortlet label.portlet-form-input-label{ line-height:20px; text-align:right; width:155px; font-size:1em; padding:1px 0px 0px 0px; cursor:text; font-weight:700; } .threePortlet form table.searchBills label{ margin:0px 13px 0px 0px; } .threePortlet label.portlet-form-input-label.alt{ width:auto; display:block !important; } .threePortlet .topUpLeftCol label.portlet-form-input-label.formCheck{ width:500px; } .threePortlet .dottedCenter label.portlet-form-input-label.alignLeft{ width: 100% !important; margin-bottom: 5px;} .threePortlet form.width-355 label.portlet-form-input-label{ width:138px; } .threePortlet form.width-355 .registeredCards label.portlet-form-input-label{ width:200px; } .threePortlet label.alt{ line-height:20px; text-align:left; padding:0px 10px 0px 0px; margin-top:-2px; } .threePortlet form .longLabel{ width:auto; padding:5px 0px 0px 0px; } .threePortlet textarea, .threePortlet input, .threePortlet input.portlet-form-input-field, .threePortlet select{ width:154px; height:17px; /*margin-left:12px;*/ border:1px solid #000000; font-size:1em; padding:3px 0px 0px 3px; } .threePortlet select.mins{ margin-right:8px; } .threePortlet textarea{ height:69px; font-family: tahoma; } .threePortlet select{ width:auto !important; height:21px; padding:0px 0px 0px 0px; } .threePortlet input{ height:16px; padding:3px 0px 0px 3px; } .threePortlet .theDay, .threePortlet .theMonth{ width:52px; } .threePortlet .theYear{ width:59px; } .threePortlet .smallfield{ width:77px !important; } .threePortlet .smallfield1{ width:41px !important; } .threePortlet .smallfield2{ width:110px !important; } .P57_TopUpMyAccount_3 select.smallfield2 { width: auto !important;} .threePortlet .noEmail{ width:420px !important; } .threePortlet .noEmail p{ margin-top:3px; } .threePortlet input.formDisabled,.threePortlet textarea.formDisabled{ border:1px solid #FFFFFF; padding-top:3px; cursor:text; color:#000000; } .threePortlet input.formDisabled{ padding-top:1px; } .threePortlet .dateSlash{ width:5px; font-size:1.3em; } .threePortlet table.diverts input{ width:105px; height:16px !important } .threePortlet table.diverts tr td.littleMins div select{ margin:0px 5px 0px 0px; width:48px; clear:left !important; } .threePortlet input.checkbox, .threePortlet input.radio, .threePortlet table.diverts input.radio{ border:1px solid #CCCCCC; font-family:Tahoma, Geneva, sans-serif; margin:1px 5px 0px 0px; border:none; } .threePortlet label.formCheck{ width:165px; line-height:17px; } .threePortlet table.allowance ul.arrows{ margin:0px 0px 10px 198px; } .threePortlet .noLeftMargin input.checkbox, .threePortlet .noLeftMargin input.radio{ margin-right:5px; } .threePortlet form .noLeftMargin{ margin-right:10px; } .threePortlet table.diverts input.checkbox{ margin-left:0px; } .threePortlet table.diverts select{ width:156px; } .P_ManageAdultFilter div.spaceit{ width:200px !important; margin:3px 0px 0px 17px !important; } .P_ManageAdultFilter label.radioAdj{ margin:-3px 0px 0px 0px; width:auto !important; clear:none; } .threePortlet .extraNotice{ left:5px; top:5px;} .threePortlet .form-fields{ margin:0px 0px 6px 0px; } .threePortlet table.diverts .form-fields{ margin:0px 0px 6px 1px; } .threePortlet form .form-fields div, .threePortlet .form-fields div{ margin:0px 0px 0px 12px; /* border: 1px solid #FFFFFF;*/ } .threePortlet .form-fields div{ margin:0px 0px 0px 7px; } .threePortlet form .errors div{ margin:0px 0px 0px 12px; border: 1px solid #FF0000; } .threePortlet form .errors div.topupDigit{ border:none; } .threePortlet form .errors div.topupDigit div{ margin:0px 5px 0px 0px; } .threePortlet form .form-fields p.pSpacer{ clear:left; width:190px; margin:0px 0px 10px 139px; } #portletContent .threePortlet form .form-fields p.pSpacer, #portletContentLeft .threePortlet form .form-fields p.pSpacer{ margin:0px 0px 10px 180px; } #portletContentLeft .threePortlet .topUpLeftCol form .form-fields p.pSpacer{ margin:0px 0px 10px 139px; } #portletContent .threePortlet .topUpLeftCol form .form-fields p.pSpacer{ width:500px; margin:0px 0px 10px 179px; } .threePortlet form table .form-fields div, .threePortlet form table .errors div{ margin:0px 0px -1px 0px; } .threePortlet form table .form-fields div{ margin:0px 0px 0px -1px; } .threePortlet .button_tooltip{ background: transparent url('../../images/my3/icons/icons_spr_15.gif') no-repeat 0px 0px; width:15px; height:15px; text-indent:-5000px; outline:none; cursor:pointer; border:none; margin:3px 0px 0px 8px; font-size:0px; } .threePortlet table thead.portlet-table-header tr th span.button_tooltip{ background: transparent url('../../images/my3/icons/icons_spr_15.gif') no-repeat 0px 0px; float:none; vertical-align:middle; top:0px; } .threePortlet table thead.portlet-table-header tr th span.button_tooltip img{ margin:0px 0px -7px 0px; } .threePortlet p span.button_tooltip{ background: none; } .threePortlet p span.button_tooltip img{ margin:0px 0px -4px -8px; } .threePortlet .verified{ width:106px; height:111px; top:60px; right:0px; z-index:99; } .threePortlet img.captcha { width:200px; height:30px; margin:0px auto; } .threePortlet .action-box{ width:375px; margin:0px 0px 0px 192px; font-family: HelveticaNeueBold, HelveticaNeue-Bold, "Helvetica Neue Bold", HelveticaNeue, "Helvetica Neue", TeXGyreHerosBold, Helvetica, Arial, Verdana, sans-serif; } .threePortlet .action-adj{ margin:0px 0px 0px 196px; } .threePortlet .action-adj-smaller{ margin:0px 0px 0px 171px; } .threePortlet table .action-box{ width:200px; } .threePortlet form .my3_notice{ margin:24px 0px 0px 193px; } .threePortlet form .portlet-msg-error, .threePortlet form .portlet-msg-success, .threePortlet form .portlet-msg-alert{ margin:24px 0px 10px 0px !important; } .threePortlet .my3_notice ul{ margin:20px 13px -5px 72px; padding:0px 0px 5px 0px; } .threePortlet .portlet-msg-error ul li, .threePortlet .my3_notice ul li{ padding:0px 0px 5px 0px; } .threePortlet .plet-frm-btn-green-69, .threePortlet .plet-frm-btn-green-100, .threePortlet .plet-frm-btn-green-135, .threePortlet .plet-frm-btn-green-150, .threePortlet .plet-frm-btn-grey-69, .threePortlet .plet-frm-btn-grey-100, .threePortlet .plet-frm-btn-grey-135, .threePortlet .plet-frm-btn-grey-150, .threePortlet .plet-frm-btn-grey-69-dis, .threePortlet .plet-frm-btn-grey-100-dis, .threePortlet .plet-frm-btn-grey-135-dis, .threePortlet .plet-frm-btn-grey-150-dis, .threePortlet .plet-frm-btn-green-69-dis, .threePortlet .plet-frm-btn-green-100-dis, .threePortlet .plet-frm-btn-green-135-dis, .threePortlet .plet-frm-btn-green-150-dis{ width:85px; height:20px; background:#009d00 url(../../images/my3/buttons/btn_green.jpg) no-repeat right 0px; border:none; outline:none; margin:5px 13px 5px 1px; cursor:pointer; font-family:Tahoma, serifSansSerifMonospace; text-align:left; font-size:1.0em; padding:0px 28px 3px 6px; } .threePortlet .form-button-position{ margin:0px 0px 0px 8px; } .threePortlet .errors .form-button-position{ margin:1px 0px 0px 8px; } .threePortlet .form-button-position-dis-adj{ margin:1px 0px 0px 16px; } .threePortlet .plet-frm-btn-green-69.btn-blank, .threePortlet .plet-frm-btn-grey-69.btn-blank, .threePortlet .plet-frm-btn-green-69-dis.btn-blank, .threePortlet .plet-frm-btn-grey-69-dis.btn-blank, .threePortlet .plet-frm-btn-green-100.btn-blank, .threePortlet .plet-frm-btn-grey-100.btn-blank, .threePortlet .plet-frm-btn-green-100-dis.btn-blank, .threePortlet .plet-frm-btn-grey-100-dis.btn-blank, .threePortlet .plet-frm-btn-green-135.btn-blank, .threePortlet .plet-frm-btn-grey-135.btn-blank, .threePortlet .plet-frm-btn-green-135-dis.btn-blank, .threePortlet .plet-frm-btn-grey-135-dis.btn-blank, .threePortlet .plet-frm-btn-green-150.btn-blank, .threePortlet .plet-frm-btn-grey-150.btn-blank, .threePortlet .plet-frm-btn-green-150-dis.btn-blank, .threePortlet .plet-frm-btn-grey-150-dis.btn-blank{ width:59px; height:16px; padding:2px 21px 2px 5px; } .P17_ManageRegisteredCards_1 .action-box{ width:375px; margin:0px 0px 0px 193px; } .P17_ManageRegisteredCards_1 .form-fields .form-button-position{ margin: 0px 0px 0px 14px !important;} .threePortlet .plet-frm-btn-green-100.btn-blank, .threePortlet .plet-frm-btn-grey-100.btn-blank, .threePortlet .plet-frm-btn-green-100-dis.btn-blank, .threePortlet .plet-frm-btn-grey-100-dis.btn-blank{ width:90px; } .threePortlet .plet-frm-btn-green-135.btn-blank, .threePortlet .plet-frm-btn-grey-135.btn-blank, .threePortlet .plet-frm-btn-green-135-dis.btn-blank, .threePortlet .plet-frm-btn-grey-135-dis.btn-blank{ width:125px; } .threePortlet .plet-frm-btn-green-150.btn-blank, .threePortlet .plet-frm-btn-grey-150.btn-blank, .threePortlet .plet-frm-btn-green-150-dis.btn-blank, .threePortlet .plet-frm-btn-grey-150-dis.btn-blank{ width:152px; } .threePortlet a.btn-blank{ text-decoration:none; } .threePortlet .plet-frm-btn-green-69, .threePortlet .plet-frm-btn-green-100, .threePortlet .plet-frm-btn-green-135, .threePortlet .plet-frm-btn-green-150{ background:#009d00 url(../../images/my3/buttons/btn_green.jpg) no-repeat right 0px; width:84px; } .threePortlet .plet-frm-btn-green-69:hover, .threePortlet .plet-frm-btn-green-100:hover, .threePortlet .plet-frm-btn-green-135:hover, .threePortlet .plet-frm-btn-green-150:hover{ background-position:right -80px; } .threePortlet .plet-frm-btn-grey-69, .threePortlet .plet-frm-btn-grey-100, .threePortlet .plet-frm-btn-grey-135, .threePortlet .plet-frm-btn-grey-150{ background:#999999 url(../../images/my3/buttons/btn_green.jpg) no-repeat right -20px; width:84px; } .threePortlet .plet-frm-btn-grey-69:hover, .threePortlet .plet-frm-btn-grey-100:hover, .threePortlet .plet-frm-btn-grey-135:hover, .threePortlet .plet-frm-btn-grey-150:hover{ background-position:right -140px; } .threePortlet .plet-frm-btn-green-100{ width:115px; } .threePortlet .plet-frm-btn-green-135{ /*background:transparent url(../../images/my3/buttons/btn_green_135_blank.gif) no-repeat 0px 0px;*/ width:160px; } .threePortlet .plet-frm-btn-green-150{ /*background:transparent url(../../images/my3/buttons/btn_green_150_blank.gif) no-repeat 0px 0px;*/ width:180px; } .threePortlet .plet-frm-btn-grey-69{ /*background:transparent url(../../images/my3/buttons/btn_grey_69_blank.gif) no-repeat 0px 0px;*/ } .threePortlet .plet-frm-btn-grey-100{ /*background:transparent url(../../images/my3/buttons/btn_grey_100_blank.gif) no-repeat 0px 0px;*/ width:115px; } .threePortlet .plet-frm-btn-grey-135{ /*background:transparent url(../../images/my3/buttons/btn_grey_135_blank.gif) no-repeat 0px 0px;*/ width:160px; } .threePortlet .plet-frm-btn-grey-150{ /*background:transparent url(../../images/my3/buttons/btn_grey_150_blank.gif) no-repeat 0px 0px;*/ width:180px; } .threePortlet .plet-frm-btn-green-69-dis{ cursor:no-drop; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -40px; } .threePortlet .plet-frm-btn-green-100-dis{ cursor:no-drop; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -40px; width:115px; } .threePortlet .plet-frm-btn-green-135-dis{ cursor:no-drop; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -40px; width:160px; } .threePortlet .plet-frm-btn-green-150-dis{ cursor:no-drop; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -60px; width:180px; } .threePortlet .plet-frm-btn-grey-69-dis{ cursor:no-drop; color:#FFFFFF; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -60px; } .threePortlet .plet-frm-btn-grey-100-dis{ cursor:no-drop; color:#FFFFFF; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -60px; width:115px; } .threePortlet .plet-frm-btn-grey-135-dis{ cursor:no-drop; color:#FFFFFF; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -60px; width:160px; } .threePortlet .plet-frm-btn-grey-150-dis{ cursor:no-drop; color:#FFFFFF; background:#CCCCCC url(../../images/my3/buttons/btn_green.jpg) no-repeat right -60px; width:180px; } .threePortlet a.plet-frm-btn-green-69, .threePortlet a.plet-frm-btn-green-100, .threePortlet a.plet-frm-btn-green-135, .threePortlet a.plet-frm-btn-green-150, .threePortlet a.plet-frm-btn-grey-69, .threePortlet a.plet-frm-btn-grey-100, .threePortlet a.plet-frm-btn-grey-135, .threePortlet a.plet-frm-btn-grey-150, .threePortlet a.plet-frm-btn-grey-69-dis, .threePortlet a.plet-frm-btn-grey-100-dis, .threePortlet a.plet-frm-btn-grey-135-dis, .threePortlet a.plet-frm-btn-grey-150-dis, .threePortlet a.plet-frm-btn-green-69-dis, .threePortlet a.plet-frm-btn-green-100-dis, .threePortlet a.plet-frm-btn-green-135-dis, .threePortlet a.plet-frm-btn-green-150-dis{ margin:5px 10px 5px 2px; } .threePortlet a.linkFix{ margin-top:-8px; } .threePortlet .btn-text{ /*background-position:0px 0px; text-indent:15px; padding:0px 0px 3px 0px;*/ } .threePortlet .my3_notice{ padding:17px 0px 5px 0px; margin:0px 0px 10px 0px; } .threePortlet form .my3_notice{ margin:0px 0px 0px 193px; padding:17px 0px 5px 0px; } .threePortlet form table .my3_notice, .threePortlet table .my3_notice{ margin:10px 0px 10px 10px; padding:17px 0px 5px 0px; } .threePortlet table.accBalance .my3_notice{ margin:10px 0px 10px 0px; } .threePortlet form .my3_notice div.my3_baloon_icon{ margin:0px 13px 0px 0px; } .threePortlet .my3_notice ul.arrows{ margin:5px 0px 5px 58px; } .threePortlet .my3_notice ul.arrows li{ padding:0px 0px 0px 12px; } .threePortlet .my3_notice p.marginSpacer{ margin:0px 0px 0px 39px; } .threePortlet .my3_notice p{ margin:0px 0px 10px 38px; padding:0px; } .threePortlet .my3_notice p.marginBigIcon{ margin-left:58px; } .threePortlet .my3_notice p.marginSmallIcon{ margin-left:30px; } .threePortlet .my3_notice p.ft-grey{ color:#606161; } .threePortlet form .my3_notice p.ft-grey{ margin-left:0px; margin-bottom:5px; } .threePortlet .my3_baloon_icon15, .threePortlet .my3_baloon_icon25, .threePortlet .my3_baloon_icon45{ width:15px; height:15px; top:0px; left:0px; background: transparent url('../../images/my3/icons/icons_spr_15.gif') no-repeat 0px 0px; text-indent:-5000px; } .threePortlet .my3_baloon_icon25{ width:25px; height:25px; background: transparent url('../../images/my3/icons/icons_spr_25.gif') no-repeat 0px 0px; } .threePortlet .my3_baloon_icon45{ width:45px; height:45px; background: transparent url('../../images/my3/icons/icons_spr_45.gif') no-repeat 0px 0px; } .threePortlet .portlet-msg-error .my3_baloon_icon15{ background-position: 0px -48px; } .threePortlet .portlet-msg-success .my3_baloon_icon15{ background-position: 0px -16px; } .threePortlet .portlet-msg-info .my3_baloon_icon15{ background-position: 0px -64px; } .threePortlet .portlet-msg-alert .my3_baloon_icon15{ background-position: 0px -32px; } .threePortlet .baloon_blank .my3_baloon_icon15{ background-image:none; } .threePortlet .portlet-msg-help .my3_baloon_icon15{ background-position: 0px 0px; } .threePortlet .portlet-msg-error .my3_baloon_icon25{ background-position: 0px -79px; } .threePortlet .portlet-msg-success .my3_baloon_icon25{ background-position: 0px -27px; } .threePortlet .portlet-msg-info .my3_baloon_icon25{ background-position: 0px -105px; } .threePortlet .portlet-msg-alert .my3_baloon_icon25{ background-position: 0px -52px; } .threePortlet .portlet-msg-help .my3_baloon_icon25{ background-position: 0px 0px; } .threePortlet .baloon_blank .my3_baloon_icon25{ background-image:none; } .threePortlet .portlet-msg-error .my3_baloon_icon45{ background-position: 0px -138px; } .threePortlet .portlet-msg-success .my3_baloon_icon45{ background-position: 0px -46px; } .threePortlet .portlet-msg-info .my3_baloon_icon45{ background-position: 0px -184px; } .threePortlet .portlet-msg-alert .my3_baloon_icon45{ background-position: 0px -92px; } .threePortlet .portlet-msg-help .my3_baloon_icon45{ background-position: 0px 0px; } .threePortlet .baloon_blank .my3_baloon_icon45{ background-image:none; } .threePortlet .btn_exp, .threePortlet .btn_exp_dis, .threePortlet .form-fields div.btn_exp{ width:80%;/* background: #FFFFFF url('../../images/my3/buttons/btn_secondary_rep.gif') repeat-x 0px 0px; border:1px solid #c7c3ce;*/ text-decoration:underline; margin:10px 0px 10px 1px; text-align:left; } .threePortlet table .btn_exp, .threePortlet table .btn_exp_dis{ float:none; } .threePortlet form .form-fields div.btn_exp{ position:absolute !important; top:-8px; right:0px; } .threePortlet form .form-fields div.btn_exp .btn_exp_tl, .threePortlet form .form-fields div.btn_exp .btn_exp_bl{ left:-13px; } .threePortlet table .btn_exp, .threePortlet table .btn_exp_dis{ margin:0px auto; } .threePortlet table.details-page .btn_exp{ margin:-1px 0 -4px -1px;} .threePortlet table.details-page .btn_exp ul{ padding:2px 0px 0px 0px;} .threePortlet table.details-page tbody.portlet-table-body tr td ul.arrows{ margin:-2px 0px 0px -1px; } .threePortlet .btn_exp ul li a{ font-weight:700; } .threePortlet table.btn_exp_dis{ background: transparent url('../../images/my3/buttons/btn_secondary_rep_dis.gif') repeat-x 0px 0px; color:#666666; } .threePortlet .btn_exp_dis ul li a, .threePortlet .form-fields .btn_exp_dis ul li a{ color:#999999; outline:none } .threePortlet .btn_exp_tl, .threePortlet .btn_exp_tr, .threePortlet .btn_exp_bl, .threePortlet .btn_exp_br, .threePortlet .form-fields .btn_exp_tl, .threePortlet .form-fields .btn_exp_tr, .threePortlet .form-fields .btn_exp_bl, .threePortlet .form-fields .btn_exp_br{ width:3px; height:3px; /*background: transparent url('../../images/my3/buttons/btn_spr_grey_corners.gif') no-repeat 0px 0px;*/ border:none; } .threePortlet .btn_exp_tl, .threePortlet .form-fields .btn_exp_tl{ background-position: 0px 0px; top:-1px; left:-1px; } .threePortlet .btn_exp_tr, .threePortlet .form-fields .btn_exp_tr, .threePortlet .fillBox .form-fields .btn_exp_tr{ background-position: 0px -3px; top:-1px; right:-1px; } .threePortlet .btn_exp_bl, .threePortlet .form-fields .btn_exp_bl{ background-position: 0px -6px; bottom:-1px; left:-1px; } .threePortlet .btn_exp_br, .threePortlet .form-fields .btn_exp_br, .threePortlet .fillBox .form-fields .btn_exp_br{ background-position: 0px -9px; bottom:-1px; right:-1px; } .threePortlet .fillBox{ width:99.5%; margin:5px 0px 5px 1px; border-bottom:1px solid #C2C2C2 ;} .threePortlet .greyaBackg{ background-color:#eaeaea; } .threePortlet .fillBox .spacer{ margin:10px 15px; } .threePortlet .boxContainer .fillBox .spacer{ width:50%; } .threePortlet .boxContainer .fillBox .formComponents{ width:40%; margin:21px 0px 0px 0px; } .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp{ width: 68px; position:relative !important; top:-11px; margin:10px 0px 10px 6px;} .threePortlet form .boxContainer .paginate .spacer{ width:25%; } .threePortlet form .boxContainer .paginate .formComponents .form-fields div.btn_exp, .threePortlet form .boxContainer .greyaBackg .formComponents .form-fields div.btn_exp_dis{ width: 28px; margin:0px 2px 0px 0px; top:0px; } .threePortlet .fillBox .btn_exp_tl, .threePortlet .fillBox .btn_exp_tr, .threePortlet .fillBox .btn_exp_bl, .threePortlet .fillBox .btn_exp_br{ /*background: transparent url('../../images/my3/furniture/box-corners.jpg') no-repeat 0px 0px;*/ } .threePortlet .fillBox .btn_exp_dis .btn_exp_tl, .threePortlet .fillBox .btn_exp_dis .btn_exp_tr, .threePortlet .fillBox .btn_exp_dis .btn_exp_bl, .threePortlet .fillBox .btn_exp_dis .btn_exp_br{ /*background-image: url('../../images/my3/buttons/btn_spr_grey_corners_dis.gif'); */} .threePortlet .fillBox .btn_exp_tl, { background-position: 0px 0px; top:0px; left:0px; } .threePortlet .fillBox .btn_exp_tr{ background-position: 0px -3px; top:0px; right:0px; } .threePortlet .fillBox .btn_exp_bl{ background-position: 0px -6px; bottom:0px; left:0px; } .threePortlet .fillBox .btn_exp_br{ background-position: 0px -9px; bottom:0px; right:0px; } .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_tl, .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_tr, .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_bl, .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_br{ /*background: transparent url('../../images/my3/buttons/btn_spr_grey_corners1.gif') no-repeat 0px 0px;*/ } .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_tl, .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp_dis .btn_exp_tl{ background-position: 0px 0px; top:-1px; left:-13px; } .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_tr{ background-position: 0px -3px; top:-1px; right:-1px; } .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_bl, .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp_dis .btn_exp_bl{ background-position: 0px -6px; bottom:-1px; left:-13px; } .threePortlet form .boxContainer .fillBox .formComponents .form-fields div.btn_exp .btn_exp_br{ background-position: 0px -9px; bottom:-1px; right:-1px; } .threePortlet ul{ margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .threePortlet .btn_exp ul, .threePortlet .btn_exp_dis ul, .threePortlet .form-fields .btn_exp ul{ padding:2px 0px 0px 0px; } .threePortlet ul.arrows{ margin:0px 0px 10px -2px; height:auto; } .threePortlet .btn_exp ul li, .threePortlet .btn_exp_dis ul li, .threePortlet ul.arrows li, .threePortlet .form-fields .btn_exp ul li{ background: transparent url('../../images/my3/buttons/table_button.gif') no-repeat -4px 0px; padding:0px 0px 0px 12px; } .threePortlet .my3_notice ul.arrows li{ background-image: url('../../images/my3/buttons/table_button_grey.gif'); } .threePortlet .btn_exp_dis ul li{ background: transparent url('../../images/my3/buttons/table_button1.gif') no-repeat -4px 0px; } .threePortlet ul{ margin:10px 14px; } .threePortlet ul li{ list-style:disc; background:none; padding:0px 0px 0px 0px; } .threePortlet a{ color:#000000; text-decoration:underline; font-weight:700; } .threePortlet .btn_exp_dis ul li a:hover{ background-color: transparent; cursor:default; } .threePortlet ul li a:hover{ /*background-color: #F4C206;*/ } .threePortlet form h3{ margin:20px 0px 10px 0px; } .threePortlet form p{ margin:10px 0px 10px 0px; } .threePortlet .dataTables_filter{ width:202px; height:20px; float:right; position:relative; bottom:-28px; z-index:9999; } .threePortlet .dataTables_filter input{ float:right; margin-top:-3px; } .threePortlet table.searchTable, .threePortlet table.chargeDetails, .threePortlet table.paymentDetails{ margin-top:-5px; } .threePortlet .dataTables_info{ width:40%; float:left; position:relative; top:-7px; color:#000000; font-weight:700; } .threePortlet .dataTables_paginate{ width:60%; float:right; text-align:right; position:relative; top:-3px; right:-2px; } .threePortlet .dataTables_paginate .paginate_active, .threePortlet .dataTables_paginate .paginate_button{ margin:0px 2px; padding:1px 3px; border:1px solid #000000; background-color:#FFFFFF; cursor:pointer; } .threePortlet .dataTables_paginate .paginate_button:hover{ border:1px solid #000000; background-color:#E0E0E0; } .threePortlet .dataTables_paginate .paginate_active:hover{ cursor:default; border:1px solid #000000; } .threePortlet .dataTables_paginate .first{ } .threePortlet .dataTables_paginate .previous{ } .threePortlet .dataTables_paginate .next{ } .threePortlet .dataTables_paginate .last{ } .threePortlet .dataTables_paginate .paginate_active{ background-color:#000000; color:#FFFFFF; } .threePortlet .dataTables_paginate .paginate_disabled{} .threePortlet table{ width:100%; font-size:1em; border-spacing:0px; margin:10px 0px 10px 0px; background:#FFFFFF; border:1px solid #FFFFFF; border-top:0px solid #000000; border-bottom:1px solid #eeeeee; } .threePortlet table tr td, .threePortlet table tr th{ border:none; border-top:1px solid #eeeeee; } .threePortlet table tr td.noBorders, .threePortlet table tr th.noBorders{ border:none !important; } .threePortlet table thead.portlet-table-header tr th{ border-top:1px solid #FFFFFF; border-bottom:none !important;} .threePortlet form table.diverts tr td, .threePortlet form table.diverts tr th{ border:none !important; } .threePortlet table.details-page tr td, .threePortlet table.details-page tr th{ border:none !important; } .threePortlet form table{ margin:0px 0px 0px 0px; } .threePortlet table.noBorders, .threePortlet table.noBorders thead.portlet-table-header.portlet-table-header tr th, .threePortlet table.noBorders tbody.portlet-table-body tr th, .threePortlet table.noBorders thead.portlet-table-header.portlet-table-header tr td, .threePortlet table.noBorders tbody.portlet-table-body tr td{ border:0px solid #FFFFFF !important; background:none; } .threePortlet div.noBorders{ border:none !important; } .threePortlet table thead.portlet-table-header tr th{ color:#999999; font-weight:700; text-align:left; padding:5px 5px; } .threePortlet table.bills2 thead.portlet-table-header tr th, .threePortlet table.balance thead.portlet-table-header tr th{ color:#000000; border-bottom:1px solid #FFFFFF; } .P15_BuyAddon_4 table.balance{ border-left:none !important; margin-bottom:30px !important;} .P15_BuyAddon_4 table.balance thead.portlet-table-header tr th, .P15_BuyAddon_4 table.balance tbody.portlet-table-body tr td{ border:none; } .threePortlet .sortedHead table thead.portlet-table-header tr th{ color:#999999; } .threePortlet .sortedHead table tbody.portlet-table-body tr td{ padding:5px 12px 6px 6px; } .threePortlet form table.bills2 tbody#your3billBody1.portlet-table-body tr td{ border-top:1px solid #FFFFFF; } .threePortlet table.bills2 tbody.portlet-table-body tr td.alignCenter img{ margin:-2px 0px -3px 0px; } .threePortlet table tbody.portlet-table-body tr th, .threePortlet table tbody.portlet-table-body tr td{ border-width:1px 0px 0px 0px; padding:10px 5px 10px 5px; vertical-align:top; } .threePortlet table.registeredCards tbody.portlet-table-body tr th, .threePortlet table.registeredCards tbody.portlet-table-body tr td{ border-width:1px 0px 0px 0px; padding:2px 5px 0px 5px; } .threePortlet table.bills tbody.portlet-table-body tr td, .threePortlet table.searchTable tbody.portlet-table-body tr td{ padding-right:12px; } .threePortlet table tbody.portlet-table-body tr th.c1, .threePortlet table tbody.portlet-table-body tr td.c1{ width:8%; text-align:center; } .threePortlet table tbody.portlet-table-body tr th.c2, .threePortlet table tbody.portlet-table-body tr td.c2{ width:15%; text-align:left; } .threePortlet table tbody.portlet-table-body tr th.c3, .threePortlet table tbody.portlet-table-body tr td.c3{ width:15%; text-align:left; } .threePortlet table tbody.portlet-table-body tr th.c4, .threePortlet table tbody.portlet-table-body tr td.c4{ width:15%; text-align:right; } .threePortlet table tbody.portlet-table-body tr th.c5, .threePortlet table tbody.portlet-table-body tr td.c5{ width:15%; text-align:right; } .threePortlet table tbody.portlet-table-body tr th.c6, .threePortlet table tbody.portlet-table-body tr td.c6{ width:8%; text-align:center; } .threePortlet table tbody.portlet-table-body tr th.c7, .threePortlet table tbody.portlet-table-body tr td.c7{ width:15%; text-align:right; } .threePortlet table tbody.portlet-table-body tr th.c8, .threePortlet table tbody.portlet-table-body tr td.c8{ text-align:center; } .threePortlet table tbody.portlet-table-body tr td.nested{ padding-left:32px; } .threePortlet #expandButton, .threePortlet #contractButton{ width:15px; margin:0px 10px 0px 0px; } .threePortlet .submenu, .threePortlet .sortedHead{ border-top:0px solid #000000; border-bottom:1px solid #000000; width:100%; margin:0px 0px 14px 0px; } .threePortlet .submenu table.bills{ width:100%; border:1px solid #FFFFFF; } .threePortlet .submenu table.bills tr td{ border-top:1px solid #C2C2C2; } .threePortlet .submenu table.bills tr th{ border:1px solid #FFFFFF; } .threePortlet .sortedHead{ margin:10px 0px 0px 1px;} .threePortlet .sortedHead h4{ margin:6px; } .threePortlet .sortedHead ul{ top:-4px; right:-5px; } .threePortlet .sortedHead ul li{ height:12px; background:transparent url("../../images/my3/buttons/expand-contract.gif") no-repeat 0px 2px; padding:0px 0px 0px 13px; } .threePortlet .sortedHead ul li.close{ background-position:0px -9px; } .threePortlet .sortedHead ul li a.togglebutton{ outline:none; } .threePortlet .sortedHead ul li a.togglebutton:hover, .threePortlet .sortedHead ul li a:hover{ background-color:transparent !important; } .threePortlet .sortedHead table{ width:100.2%; margin:1px -1px -2px -1px !important; } .threePortlet .sortedHead .shadowFoot{ display:none; } .threePortlet table.sort tbody.portlet-table-body tr td.alignRight{ padding-right:15px; } .threePortlet .submenu ul{ margin:0px 0px 0px -2px; } .threePortlet .submenu ul li{ width:79px; height:29px; margin:0px 0px -1px 2px; background-color:#CCCCCC; padding:0px 0px 0px 0px; } .threePortlet .submenu ul li a{ font-size:100%; height:12px; padding:7px 0px 10px 5px; } .threePortlet table.details-page{ border:1px solid #FFFFFF; padding:none; } .threePortlet table.details-page thead.portlet-table-header tr, .threePortlet table.details-page tbody.portlet-table-body tr{ height:0; } .threePortlet table.details-page tbody.portlet-table-body tr td p{ margin-top:0px; } .threePortlet table.details-page tbody.portlet-table-body tr th{ text-align:right; vertical-align:top; padding:8px 8px 2px 5px; } .threePortlet table.details-page tbody.portlet-table-body tr td{ vertical-align:top; padding:8px 5px 2px 5px; background:none; } .threePortlet table.details-page tbody.portlet-table-body tr td, .threePortlet table.details-page tbody.portlet-table-body tr th{ width:181px; } .threePortlet table tr td.divide div{ border:1px solid #CCCCCC; border-width:1px 0px 0px 0px; } .threePortlet table tr td.divide{ padding:8px 0px 2px 0px; } .threePortlet table.diverts tr.divide td div{ border:1px solid #CCCCCC; border-width:1px 0px 0px 0px; } .threePortlet table.diverts tbody.portlet-table-body tr td{ border:none; } .threePortlet table.sort thead.portlet-table-header tr th{ padding-right:15px !important; } .threePortlet table.searchTable thead.portlet-table-header tr th, .threePortlet table.chargeDetails thead.portlet-table-header tr th, .threePortlet table.paymentDetails thead.portlet-table-header tr th{ padding-top:30px !important; padding-right:15px !important; } .threePortlet table thead.portlet-table-header tr th.sorting_asc{ width:10px; height:10px; background-image: url("../../images/my3/buttons/asc.gif"); background-repeat:no-repeat; background-position:center right; } .threePortlet table thead.portlet-table-header tr th.sorting_desc{ width:10px; height:10px; background-image: url("../../images/my3/buttons/desc.gif"); background-repeat:no-repeat; background-position:center right; } .threePortlet table.searchTable thead.portlet-table-header tr th.sorting_asc, .threePortlet table.searchTable thead.portlet-table-header tr th.sorting_desc, .threePortlet table.chargeDetails thead.portlet-table-header tr th.sorting_asc, .threePortlet table.chargeDetails thead.portlet-table-header tr th.sorting_desc, .threePortlet table.paymentDetails thead.portlet-table-header tr th.sorting_asc, .threePortlet table.paymentDetails thead.portlet-table-header tr th.sorting_desc{ background-position:right 30px !important; } .threePortlet form div#searchBillsTable_wrapper table#searchBillsTable{ margin:0px 0px 0px 0px !important; } .threePortlet .sortedHead table.searchTable, .threePortlet .sortedHead table.bills, .threePortlet .sortedHead table.bills2{ border:1px solid #FFFFFF; border-bottom:1px solid #000000; } .threePortlet table.hover tr.hoverthis:hover, .threePortlet table.hover tr.hoverthis:hover td{ background-color:#CCCCCC; border-color:#CCCCCC; } .threePortlet table.hover tr.division:hover, .threePortlet table.hover tr.end:hover{ background-color:#FFFFFF !important; } .threePortlet table.hover tr.division:hover td{ border-color:#FFFFFF; } .threePortlet table.searchTable tr.division td, .threePortlet table.bills tr.division td, .threePortlet table.bills2 tr.division td{ padding:0px; } .threePortlet table.searchTable tr td a, .threePortlet table.bills tr td a, .threePortlet table.bills2 tr td a{ color:inherit; } .threePortlet table.searchTable tr td a img.tableButton, .threePortlet table.bills tr td a img.tableButton, .threePortlet table.bills2 tr td a img.tableButton{ margin:0px 5px -3px 0px; } .threePortlet table.bills2 tbody.portlet-table-body tr td.noBorderR, .threePortlet table.searchTable tbody.portlet-table-body tr td.noBorderR, .threePortlet table.bills tbody.portlet-table-body tr td.noBorderR, .threePortlet table tbody.portlet-table-body tr th.noBorderR{ border-right:1px solid #FFFFFF !important; } .threePortlet table.hover tbody.portlet-table-body tr.hoverthis:hover td.noBorderR, .threePortlet table.hover tbody.portlet-table-body tr.hoverthis:hover th.noBorderR{ border-right:1px solid #f4c206 !important; } .threePortlet table.sort thead.portlet-table-header tr th, .threePortlet table.bills2 tbody.portlet-table-body tr th, .threePortlet table.bills thead.portlet-table-header tr th, .threePortlet table.bills tbody.portlet-table-body tr th, .threePortlet table.balance tbody.portlet-table-body tr th, .threePortlet table tbody.portlet-table-body tr th.noBorderR{ cursor:pointer; } .threePortlet table.searchTable thead.portlet-table-header tr th, .threePortlet table.searchTable tbody.portlet-table-body tr td, .threePortlet table.bills thead.portlet-table-header tr th, .threePortlet table.bills tbody.portlet-table-body tr td{ padding-right:12px; } .threePortlet table.hover tbody.portlet-table-body tr.hoverthis th, .threePortlet table.hover tbody.portlet-table-body tr.hoverthis:hover th, .threePortlet table.hover tbody.portlet-table-body tr.hoverthis:hover th.noBorderR{ border-color:#606161 !important; } .threePortlet table.allowance tbody.portlet-table-body tr th{ text-align:left; } .threePortlet table.allowance tbody.portlet-table-body tr td{ background:none; text-align:right; padding-right:5px; } .threePortlet table tbody.portlet-table-body tr.summary, .threePortlet table tbody.portlet-table-body tr.summary th, .threePortlet table tbody.portlet-table-body tr.summary td{ background-color:#f6f6f6; border-right:1px solid #FFFFFF; } .threePortlet table.bills tbody.portlet-table-body tr.summary td, .threePortlet table.searchTable tbody.portlet-table-body tr.summary td{ padding-right:15px; } .threePortlet table.bills2 tbody.portlet-table-body tr td, .threePortlet table.bills tbody.portlet-table-body tr td, .threePortlet table.searchTable tbody.portlet-table-body tr td { color:#000000; } .threePortlet table.bills2 tbody.portlet-table-body tr.division{ display:none; } .threePortlet table tbody.portlet-table-body tr.division td div, .threePortlet .divider{ } .threePortlet .divider{ margin:5px 0px 10px 0px; display:none; } .threePortlet table.diverts{ border-top:5px solid #000000; border-bottom:1px solid #000000; margin:15px 0px 10px -1px; } .threePortlet table.diverts tr td{ border:1px solid #FFFFFF; padding-left:0px; vertical-align:text-top; } .threePortlet table.diverts tr td div input.radio { margin:3px 0px 0px 0px; } .threePortlet table.diverts tr td.vAlignBottom{ vertical-align:bottom; } .threePortlet table.diverts tr td label{ text-align:left; } .threePortlet table .disabledField input{ background-color:#DEDCE1; color:#A8A2B3; } .threePortlet .form-fields .poundSign{ width:6px; padding:3px 0px 0px 0px; margin:0px 3px 0px 0px; } .threePortlet .cardPointer{ width:19px; height:9px; background:transparent url("../../images/my3/furniture/cardPointer.gif") no-repeat 0px 0px; margin:0px 0px 5px 2px;} .threePortlet table input#divertIfNoAnswer{ margin-bottom:21px; } .threePortlet table .disabledField label{ color:#A8A2B3; } .threePortlet table.allowance tbody.portlet-table-body tr.division td, .threePortlet table.allowance tbody.portlet-table-body tr.division td, .threePortlet table.balance tbody.portlet-table-body tr.division td{ padding:0px 0px 0px 0px; border:none !important; } .threePortlet table.balance tbody.portlet-table-body tr.division td{ background:#FFFFFF; height:10px; } .threePortlet table.allowance thead.portlet-table-header tr, .threePortlet table.allowance thead.portlet-table-header tr td{ padding:0px; } .threePortlet table.allowance thead.portlet-table-header tr td div{ margin:-1px 0px 0px 0px; } .threePortlet table.allowance tbody.portlet-table-body tr td, .threePortlet table.balance tbody.portlet-table-body tr.summary td{ border-right:1px solid #FFFFFF; } .threePortlet table.balance tr.summary td{ border-bottom:1px solid #FFFFFF; } .threePortlet table.balance tr td p{ width:atuo; } .threePortlet table tbody.portlet-table-body tr.division td div{ display:none; } .threePortlet table.registeredCards tbody.portlet-table-body tr.division td div{ display:block; } .threePortlet table.registeredCards tbody.portlet-table-body tr th, .threePortlet table.registeredCards tbody.portlet-table-body tr td{ border:none !important; } .threePortlet table tbody.portlet-table-body tr.summary td div{ display:block; } .threePortlet table tbody.portlet-table-body tr td a{ color:#000000 !important; } .threePortlet table tbody.portlet-table-body tr td a.plet-frm-btn-green-100-dis{ color:#F2F2F2 !important; } .threePortlet table.bills2 tbody.portlet-table-body tr#billsShowButton ul li a{ background:none; padding:0px 0px 0px 0px; } .threePortlet table tbody.portlet-table-body tr td .my3_notice a{ color:#0000FF !important; text-decoration:underline; } .threePortlet table tbody.portlet-table-body tr td .portlet-msg-error a{ color:#FF0000 !important; text-decoration:underline; } .threePortlet table tbody.portlet-table-body tr td a.plet-frm-btn-green-69, .threePortlet table tbody.portlet-table-body tr td a.plet-frm-btn-green-100, .threePortlet table tbody.portlet-table-body tr td a.plet-frm-btn-green-135{ color:#FFFFFF !important; } .threePortlet table.bills2 tbody#your3billBody1.portlet-table-body tr td a{ background:#009D00 url("../../images/my3/buttons/btn_green.jpg") no-repeat right 0px; padding:3px 21px 1px 5px; } .threePortlet table tbody.portlet-table-body tr td .btn_exp_dis a{ color:#9B9B9B !important; } .threePortlet table tbody.portlet-table-body tr td ul.arrows{ margin:5px 0px 0px -12px; } .threePortlet table.accBalance tbody.portlet-table-body tr td ul.arrows{ margin:5px 0px 5px 0px; } .threePortlet table tbody.portlet-table-body tr td ul.arrows li{ background:transparent url(../../images/my3/buttons/btn_bullet3.gif) no-repeat scroll 0 0px } .threePortlet table.allowance tbody.portlet-table-body tr th, .threePortlet table.balance tbody.portlet-table-body tr.summary td.weightNormal, .threePortlet table tbody.portlet-table-body tr.summary td.weightNormal{ font-weight:700 !important;} .threePortlet table tbody.portlet-table-body tr td.noBorderR, .threePortlet table tbody.portlet-table-body tr th.noBorderR{ border-right:none; } .threePortlet table tbody.portlet-table-body tr.summary th.noBorderR, .threePortlet table tbody.portlet-table-body tr.summary td.noBorderR{ border-right:0px solid #CCCCCC !important; text-align:left !important; } .threePortlet table tbody.portlet-table-body tr.end td div{ height:13px; bottom:0px; } .threePortlet table tbody.portlet-table-body tr.end td div{ margin:0px 0px -13px 0px; } .threePortlet table.top-up tbody.portlet-table-body tr.end td div{ margin:0px 0px -13px 0px; border-top:0px solid #c2c2c2; } .threePortlet table tbody.portlet-table-body tr.end, .threePortlet table tbody.portlet-table-body tr.end td{ padding:0px 0px 0px 0px; } .threePortlet table.balance{ width:100%; margin:15px 0px 15px 0px; border:none solid #FFFFFF; border-top:none !important; border-bottom:none !important;} .threePortlet form table.balance{ margin:15px 0px 15px 0px; /*border:0px solid #C2C2C2;*/ } .threePortlet form table.balance tbody.portlet-table-body tr.end{ display:none; } .threePortlet form table.balance tbody.portlet-table-body tr.end td div{ display:none; } .threePortlet table tbody.portlet-table-body tr.end{ display:none; } .threePortlet table.balance thead.portlet-table-header tr th { padding-left:5px; } .threePortlet table.balance thead.portlet-table-header tr th.fauxHeader { font-size:130%; border:1px solid #FFFFFF !important; } .threePortlet table.balance tbody.portlet-table-body tr td { padding:4px 5px 5px 5px; } .threePortlet table.balance tbody.portlet-table-body tr th { border:1px solid #FFFFFF; padding:4px 5px 5px 5px; } .threePortlet table.balance tbody.portlet-table-body tr.division td { border:none !important; } .threePortlet table.balance tbody.portlet-table-body tr.end td { padding:0px; } .threePortlet table.registeredCards tbody.portlet-table-body tr th, .threePortlet table.registeredCards tbody.portlet-table-body tr td{ background:none; text-align:left; } .threePortlet table tbody.portlet-table-body tr th.rightBorder, .threePortlet table tbody.portlet-table-body tr td.rightBorder, .threePortlet table.balance tbody.portlet-table-body tr td.rightBorder{ background:none; font-weight:bold; } .threePortlet table thead.portlet-table-header tr th ul li{ height:12px; background:transparent url("../../images/my3/buttons/expand-contract.gif") no-repeat 0px 2px; padding:0px 0px 0px 13px; } .threePortlet table thead.portlet-table-header tr th ul li.closeIcon, .threePortlet table thead.portlet-table-header tr th ul li.close, .threePortlet table thead.portlet-table-header tr th ul li#creditClose, .threePortlet table thead.portlet-table-header tr th ul li#dataClose, .threePortlet table thead.portlet-table-header tr th ul li#textClose{ background-position:0px -9px; } .threePortlet .submenu .dropHead{ width:99.9%; height:41px; margin:0px 0px 0px 0px; } .threePortlet .dropHead{ left:5px; } .threePortlet .dropHead select{ margin:10px 0px 0px 0px; width:241px; } .threePortlet table thead.portlet-table-header tr th a.togglebutton{ outline:none; margin-right:2px; } .threePortlet table thead.portlet-table-header tr th a.togglebutton:hover{ background-color:transparent; text-decoration:underline; } .threePortlet table tbody.portlet-table-body tr td.noBorderBottom{ border-bottom:none; } .threePortlet table.hover tbody.portlet-table-body tr.hoverthis:hover td{ border-color:#CCCCCC; cursor:pointer; } .threePortlet table.hover tbody.portlet-table-body tr.hoverthis:hover td.noHover{ cursor:default; } .threePortlet table tbody.portlet-table-body tr.summary, .threePortlet table tbody.portlet-table-body tr.summary th, .threePortlet table tbody.portlet-table-body tr.summary td, .threePortlet table.registeredCards tbody.portlet-table-body tr.division td{ border-bottom:1px solid #CCCCCC; } .threePortlet table.registeredCards tbody.portlet-table-body tr.division td div{ border-top:1px solid #CCCCCC; } /*.threePortlet table.registeredCards{ border-bottom:none; }*/ .threePortlet table.registeredCards tbody.portlet-table-body tr td{ padding:4px 5px; } .threePortlet table.allowance thead.portlet-table-header{ display:none; } .threePortlet table.allowance{ margin-bottom:10px; } .threePortlet .ddGuarantee h3.portlet-section-header{ font-size:110%; margin:-40px 0px 40px 0px; } /* FIND ADDRESS BUTTON ALIGNMENT (JAMIE) */ .P36_registerDetails_11 .form-fields .portlet-form-button { margin:0px 0px 0px 16px;} .box_container_divider { border-bottom: 1px solid #EEEEEE; clear:both; margin-bottom:5px; height:10px; width:100%; } .threePortlet .small-field{ width:80px; } .threePortlet .greenBox{ width:244px; border:1px solid #038728; background-color:#e1f9d7; padding:0px 10px 10px 10px; } .threePortlet .ddGuarantee{ border: 1px solid #000000; padding:10px 10px 10px 10px; margin:30px 0px 0px 0px; } #portletContent .threePortlet .mpiLeft, #portletContent .threePortlet .mpiLeft p{ width:540px; } #portletContentLeft .threePortlet .mpiLeft, #portletContentLeft .threePortlet .mpiLeft p{ width:225px; } .threePortlet #sliderContent { border:1px solid #FFFFFF; } .threePortlet #sliderContent .viewer { width:383px; height:355px; margin:20px 0px 0px 0px; padding:10px 0px 10px 237px; overflow:hidden; } .threePortlet #sliderContent .content-conveyor { width:610px; height:355px; } .threePortlet #sliderContent .item { width:140px; height:355px; font-family:Tahoma; margun:0px 10px 0px 10px; text-align:center; } .threePortlet #sliderContent .item img{ height:130px; width:63px; margin:60px opx 0px 0px; } .threePortlet #sliderContent .item img.scaledDown{ margin:60px 0px 0px 0px; } .threePortlet #sliderContent .item img.scaledUp{ height:290px; width:140px; } .threePortlet #sliderContent .item dl.detail{ } .threePortlet #sliderContent .item dl { bottom:5px; left:0px; font-size:150%; } .threePortlet #sliderContent .item dt, .threePortlet .item dd { width:140px; text-align:center; margin:0; font-size:70%; } .threePortlet #sliderContent .item dt { margin-right:5px; } .threePortlet #sliderContent .item dd { font-weight:bold; text-align:center; } .threePortlet .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .threePortlet .ui-widget-content { /*border: 1px solid #aaaaaa;*/ background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .threePortlet .ui-state-default, .threePortlet .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .threePortlet a.previous, .threePortlet a.next{ width:10px; height:10px; background:url("../../images/my3/buttons/button-spr-prev-next.gif") no-repeat 0px 0px; margin:10px 0px 0px 0px; outline:none; text-decoration:none; cursor:pointer; text-indent:-5000px; overflow:hidden; } .threePortlet a.previous{ background-position:0px -10px; left:3px; } .threePortlet a.next{ background-position:0px 0px; right:3px; } .threePortlet .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .threePortlet .ui-widget-content .ui-icon {background-image: url(../../images/my3/ui-icons_222222_256x240.png); } .threePortlet .ui-widget-header .ui-icon {background-image: url(../../images/my3/ui-icons_222222_256x240.png); } .threePortlet .ui-state-default .ui-icon { background-image: url(../../images/my3/ui-icons_888888_256x240.png); } .threePortlet .ui-state-hover .ui-icon, .threePortlet .ui-state-focus .ui-icon {background-image: url(../../images/my3/ui-icons_454545_256x240.png); } .threePortlet .ui-state-active .ui-icon {background-image: url(../../images/my3/ui-icons_454545_256x240.png); } .threePortlet .ui-state-highlight .ui-icon {background-image: url(../../images/my3/ui-icons_2e83ff_256x240.png); } .threePortlet .ui-state-error .ui-icon, .threePortlet .ui-state-error-text .ui-icon {background-image: url(../../images/my3/ui-icons_cd0a0a_256x240.png); }S .threePortlet .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .threePortlet .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .threePortlet .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .threePortlet .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .threePortlet .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .threePortlet .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .threePortlet .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .threePortlet .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .threePortlet .ui-corner-all { /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/ } .threePortlet .ui-slider { width:586px; left:50%; margin:0px 0px -20px -293px; text-align: left; } .threePortlet .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .threePortlet .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; border: 0; } .threePortlet .ui-slider-horizontal { height: 10px; background:#CCCCCC; } .threePortlet .ui-slider-horizontal .ui-slider-handle { width:20px; height:8px; top: 0px; margin-left: 0px; margin-right: -1px; background:#000000; border-color:#000000; cursor:w-resize; } .threePortlet .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .threePortlet .ui-slider-horizontal .ui-slider-range-min { left: 0; } .threePortlet .ui-slider-horizontal .ui-slider-range-max { right: 0; } .threePortlet .thumbnailGraphic{ margin:10px 0px 0px 0px; text-align:center; } .threePortlet ul.listDetails li{ /*background:transparent url("../../images/my3/furniture/dotted.gif") repeat-x bottom left;*/ padding:2px 0px 2px 0px; } .threePortlet ul.listDetails li a{ background: transparent url("../../images/my3/buttons/btn_bullet3.gif") no-repeat scroll 0 0px; padding:0px 0px 0px 15px; } .threePortlet #sliderContent form{ margin:10px 0px 0px 0px; } .threePortlet #sliderContent form .form-fields label { width:30px; } .P50_PersonalDiverts_3.threePortlet .portlet-msg-info .my3_baloon_icon25, .P50_PersonalDiverts_2.threePortlet .portlet-msg-info .my3_baloon_icon25{ margin-bottom:40px !important; } .P48_resetPasswordAgent_2.threePortlet form .portlet-msg-info{ margin:6px 0px; } .threePortlet table.sort tbody.portlet-table-body tr.end td{ border-bottom:1px solid #FFFFFF; } .threePortlet table.sort tbody.portlet-table-body tr td{ /*border-bottom:1px solid #CCCCCC*/ } .threePortlet .printableVersion{ text-decoration:none; margin:0px 0px 0px 7px; } .threePortlet .printableVersion img{ margin:0px 0px -5px 5px; } .threePortlet #loadGif{ margin:0px auto; margin-top:80px; } .threePortlet .topUpLeftCol, .threePortlet .topUpLeftCol form, .threePortlet .topUpLeftCol .my3_notice{ width:100%; float:left; clear:left; } #portletContentLeft .threePortlet .topUpLeftCol, #portletContentLeft .threePortlet .topUpLeftCol form, #portletContentLeft .threePortlet .topUpLeftCol .my3_notice{ width:405px !important; } .AddressTopPadding{ padding-top:4px;} .threePortlet .topUpRightCol{ width:200px; float:right; clear:right; margin-top:-20px; } .threePortlet .dottedCenter{ /*background:transparent url(../../images/my3/furniture/dottedVirt.gif) repeat-y center top;*/ height:auto; padding-top:10px; } .threePortlet .boxContainer{ width:100%; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:10px 5px 15px 5px; margin:0px 0px 30px 0px; } .threePortlet .no_top_boxContainer{ width:100%; border-top:0px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:10px 5px 15px 5px; margin:0px 0px 30px 0px; } .threePortlet .no_top_boxContainer .floatBox{ width:97%; border:1px solid #eeeeee !important; padding: 20px 0px 20px 10px; margin: 0px !important;} .threePortlet .topUpOptions .boxContainer{ width:714px; } /*#portletContentLeft .threePortlet .topUpOptions .boxContainer{ width:343px; }*/ #portletContentLeft .threePortlet .topUpOptions .boxContainer{ width:393px; } .threePortlet .topUpOptions .boxContainer h3{ width:100%; } #portletContent .threePortlet .boxContainer .floatBox{ width:280px !important; } #portletContent .threePortlet .topUpLeftCol .boxContainer .floatBox{ width:208px !important; } .threePortlet .topUpOptions .boxContainer .floatBox{ width:99px; height:32px !ipmortant; margin:5px; padding:10px; text-align: center; border:1px solid #eeeeee; /*background: transparent url(../../images/my3/furniture/boxShadow.jpg) repeat-x 0px 0px;*/ } .threePortlet .topUpOptions .boxContainer .hoverBox{ width:99px; height:32px !important: margin:5px; padding:6px; border:5px solid #c8dc00; cursor:pointer; text-align: center;} .threePortlet .boxContainerDropShadow, .threePortlet .no_top_boxContainerDropShadow{ /*height:13px; left:0px; bottom:-14px; background: transparent url(../../images/my3/furniture/tableShadow2.jpg) no-repeat right 0px;*/ display:none; } .P15_id .boxContainer .floatBox{ margin:5px; padding:10px; width:171px !important; height:110px !important; border:1px solid #eeeeee; /*background: transparent url(../../images/my3/furniture/boxShadow.jpg) repeat-x 0px 0px;*/ } .P15_id .boxContainer .hoverBox{ width:171px !important; height:110px !important; margin:5px; border:5px solid #c8dc00; padding:6px; cursor:pointer; } .threePortlet .boxContainer .floatBox h4, .threePortlet .no_top_boxContainer .floatBox h4{ font-size:130%; margin:-4px 0px -6px 0px; } .threePortlet .boxContainer .floatBox p.small, .threePortlet .no_top_boxContainer .floatBox p.small{ font-size:90%; margin:0px 0px 5px 0px; } .threePortlet .boxContainer h3, .threePortlet .no_top_boxContainer h3{ margin:-1px -6px 10px -1px; width:100%; height:17px; padding: 3px 0px 0px 5px; font-size:130%; } .threePortlet .boxContainer .fillBox h3{ background-color:transparent; font-size:110%; } .threePortlet ul.toggleDetail{ margin:10px 13px 5px 0px; } .threePortlet ul.toggleDetail li{ height:7px; padding:0px 0px 5px 13px; background:#FFFFFF url(../../images/my3/furniture/toggleOpenClose.jpg) no-repeat 0px 2px } .threePortlet ul.toggleDetail li.open{ background-position:0px -10px; } .threePortlet .addonDetail, .threePortlet p.addonSubHead{ margin:5px 0px 0px 13px; } .threePortlet .fauxHeader{ font-size:110%; } .threePortlet .indicator{ height:35px; width:100%; background:transparent url("../../images/my3/furniture/indicator.gif") no-repeat bottom left; margin:0px 0px 20px 0px;} .threePortlet .indicator .step{ width:10px; height:10px; bottom:0px; left:0px; background-color:#000000; } .threePortlet .pos2 .step{ left:113px; } .threePortlet .pos3 .step{ left:228px; } .threePortlet .indicator p{ width:85px; height:10px; top:0px; left:0px; color:#808080; font-size:90%; } .threePortlet .indicator p.step1{ left:0px; } .threePortlet .indicator p.step2{ left:113px; } .threePortlet .indicator p.step3{ left:228px; } .threePortlet .indicatorBig{ width:100%; height:35px; background:transparent url("../../images/my3/furniture/indicatorBig.gif") no-repeat bottom left; margin:0px 0px 20px 0px;} .threePortlet .indicatorBig .step{ width:10px; height:10px; bottom:0px; left:0px; background:#000000; } .threePortlet .bigPos2 .step{ left:111px; } .threePortlet .bigPos3 .step{ left:272px; } .threePortlet .bigPos4 .step{ left:384px; } .threePortlet .indicatorBig p{ width:85px; height:10px; top:0px; left:0px; color:#808080; font-size:90%; } .threePortlet .indicatorBig p.step1{ left:0px; } .threePortlet .indicatorBig p.step2{ width:142px; left:111px; } .threePortlet .indicatorBig p.step3{ left:272px; } .threePortlet .indicatorBig p.step4{ left:384px; } .threePortlet table.top-up thead th{ background-color:#EBEBEB; text-align:left; padding:8px; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF !important; } .threePortlet table.top-up thead th.titleAlt{ background-color:#EBEBEB; text-align:center; border-left:1px solid #FFFFFF !important; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF !important; } .threePortlet table.top-up tbody tr th{ background-color:#F5F5F5; text-align:center; padding:8px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF !important; border-bottom:1px solid #FFFFFF !important; } .threePortlet table.top-up tbody tr td{ text-align:right; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF !important; padding:8px; background-color:#F5F5F5; } /* #colorbox, #cboxOverlay, #cboxWrapper{ top:0; left:0; z-index:9999; overflow:visible;} #cboxOverlay{position:fixed; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{} #cboxContent{ overflow:visible;} #cboxLoadedContent{ overflow:visible !important;} #cboxLoadedContent iframe{ height:100%; border:0;} #cboxTitle{ margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic{ top:0; left:0;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:url(../../images/my3/lightbox/overlay.png) 0 0 repeat;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{ bottom:3px; left:0; text-align:center; color:#949494; display:none !important; } #cboxCurrent{ bottom:3px; left:58px; color:#949494;} #cboxSlideshow{ bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{ bottom:0; left:0px; background:url(../../images/my3/lightbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{ bottom:0; left:27px; background:url(../../images/my3/lightbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../../images/my3/lightbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../../images/my3/lightbox/loading.gif) center center no-repeat;} #cboxClose{ bottom:0; right:0; background:url(../../images/my3/lightbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} */ /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ /* .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.three.co.uk/static/images/my3/lightbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} */ .threePortlet .closeDimmed{ width:21px; height:21px; background: transparent url("../../images/my3/lightbox/closeDimmed.png") no-repeat 0px 0px; top:-10px; right:-10px; text-indent:-5000px; outline:none; } .threePortlet table.tNoExtraCol, .threePortlet table.tExtraCol, .threePortlet table.tchargeDetails, .threePortlet table.tpaymentDetails{ margin-top:15px !important; } .P29_MarketingPreferences_w1 .action-box, .P29_id .action-box{ margin:0px 0px 0px 0px; } .P40_ViewMyName_w1, .P40_id{ background-color:#e3ddd3; } .P40_id{ padding:0px 0px 0px 0px !important; } .P40_id p{ padding:0px 0px 0px 10px !important; margin-bottom:0px; } .P00_id, .P00_id #tooltip{ font-size:0.9em; } .P28_manageAddress_3 .form-fields p, .P28_manageAddress_4 .form-fields p, .P28_manageAddress_5 .form-fields p, .P28_manageAddress_6 .form-fields p{ width:auto !important; line-height:22px; margin:0px 0px 0px 5px; } .P36_emailAddress_3 .form-fields div input.portlet-form-input-field{ width:260px !important; } #dataAllowance { width: auto !important;} .dataAllowance_green_btn{ float: right !important; position: relative; top: -4px;} .P30_checkMyBalance_1 table.balance tbody.portlet-table-body tr th.alignRight { padding-right: 4px !important;} #addCard_continueBilling_Y action-box { margin-left:2px !important;} .action-box 35M { margin-left:35px;} .P31_TopUpByCard_1 .topUpOptions .boxContainer{ width:610px !important; } .no_top_boxContainer .plet-frm-btn-green-100 {margin: 15px 0px 0px 0px;} .P17_ManageRegisteredCards_4 .mpiLeft p, .P17_ManageRegisteredCards_4 .mpiLeft, .P31_TopUpByCard_3 .mpiLeft p, .P31_TopUpByCard_3 .mpiLeft, .P57_TopUpMyAccount_4 .mpiLeft p, .P57_TopUpMyAccount_4 .mpiLeft{ width:225px; } .threePortlet .portlet-msg-error ul{ width: 88% !important;} .P31_TopUpByCard_2 form .my3_notice p, P32_TopUpWithVoucher_4 form .my3_notice p, .P57_TopUpMyAccount_5 form .my3_notice p, .P57_TopUpMyAccount_9 form .my3_notice p, .P58_TopUpMyFriend_1 form .my3_notice p, .P32_TopUpWithVoucher_3 form .my3_notice p{ width:200px !important; margin-left:0px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .P28_manageAddress_4 .form-fields div p{ font-family:Helvetica Neue,Helvetica,Lucida Grande,Arial,Verdana,sans-serif; } .threePortlet ul{ margin-left:15px; } .threePortlet .btn-text{ padding:2px 28px 5px 5px; } .threePortlet label.alt{ margin-top:0px; } .threePortlet table.allowance ul.arrows{ margin:0px 0px 10px 156px; } .threePortlet table.balance tbody.portlet-table-body tr.end td div{ border:none !important; } .threePortlet form table.balance tr td{ border-bottom:1px solid #C2C2C2 !important; } .threePortlet form table .my3_notice, .threePortlet table .my3_notice{ padding:0px 0px 25px 0px; } .threePortlet table.allowance ul.arrows{ margin-left:198px; } #portletContentLeft .threePortlet .topUpLeftCol table.allowance ul.arrows{ margin-left:156px; } #portletContent .threePortlet .topUpLeftCol form div.portlet-msg-info{ width:400px !important;} #portletContent .threePortlet .topUpLeftCol form div.portlet-msg-info p{ width:340px !important;} #portletContentLeft .threePortlet .topUpLeftCol form div.portlet-msg-info{ width:218px !important;} #portletContentLeft .threePortlet .topUpLeftCol form div.portlet-msg-info p{ width:160px !important;} #portletContentLeft .threePortlet form div.portlet-msg-info{ width:282px !important;} #portletContentLeft .threePortlet form div.portlet-msg-info p{ width:224px !important;} #portletContentLeft .threePortlet table.balance .my3_notice p{ width:450px !important; } #threePortlet ul .listDetails twothirds floatRight li a { font-weight:normal !important; } /* Top up yuor account amends defect 169286 */ .threePortlet P57_id P57_TopUpMyAccount_1 topUpLeftCol form-fields portlet-form-input-field smallfield1 postCodeFinder { width:80px !important; } .threePortlet P17_id P17_ManageRegisteredCards_1 form-fields portlet-form-input-field smallfield1 postCodeFinder { width:80px !important; } .threePortlet P57_id P57_TopUpMyAccount_1 topUpLeftCol doAddCardMbb_addCard_Y form-fields portlet-form-button plet-frm-btn-green-100 btn-text form-button-position { margin-right: 8px !important; } /* END of Top up yuor account amends defect 169286 */