@charset "utf-8"; /* ------------------------------ START STANDARD BRANDING ELEMENTS TO CHANGE FOR TEMPLATE ------------------------------ */ /*Main CTA Buttons & Nav Menu Hover*/ #PageContent1_ctl00_CONTROL_CustomerProfile_btnSubmitNewPhone, #PageContent1_ctl00_CONTROL_CustomerProfile_btnCancelAddNewPhone, #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Continue,#PageContent1_ctl00_CONTROL_LoginWidget_Btn_Login,#PageContent1_ctl00_CONTROL_CustomerAccount_Btn_MakePayment,#PageContent1_ctl00_CONTROL_PaymentMethods_Btn_Continue,#btnSubmitPayment,#PageContent1_ctl00_CONTROL_Response_Btn_Email_Address_Copy,#PageContent1_ctl00_CONTROL_PaymentHistory_Btn_View,#PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Update,.printButton,#makePayment,#cancelout{background-color: #ab9933 !important;color:#fff;border-color: #ab9933;} .menutable ul li a:hover{color:#ab9933 !important;} /*Make Payment - Payment Plans*/ #PageContent1_ctl00_CONTROL_PaymentOptions_paymentOptionSelectionPanel,#PageContent1_ctl00_CONTROL_PaymentOptions_PaymentOptionBox{/*display:none;*/} /*display none = do not display one time vs payment plan box*/ /*Login Page Disclaimer Header*/ .payment_inner{background-color: #ab9933;color: #FFFFFF;} /*Make Payment Calendar Icon*/ #dateRecordright .ui-datepicker-trigger{display:none;padding-left:5px;} /*display none = no calendar icon*/ /*Section Titles*/ .sectionTitle{color:#000;} /*Sub Section Title*/ .subSectionTitle{color: #000;} /*Sub Sub Section Title*/ .subsubSectionTitle{color:#000000;} /*Sub Titles*/ .Subtitle{color:#000;} /* ------------------------------ END STANDARD BRANDING ELEMENTS TO CHANGE FOR TEMPLATE ------------------------------ */ /* ------------------------------ OTHER STANDARD ELEMENTS FOR TEMPLATE ------------------------------ */ /*Grayed Buttons*/ #PageContent1_ctl00_CONTROL_PaymentMethods_Btn_Cancel, #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_UpdateContactInfo, #btnReviseAccount, #lbtnShowDetails, #PageContent1_ctl00_CONTROL_CustomerProfile_btnSubmitNewPhone, #PageContent1_ctl00_CONTROL_CustomerProfile_btnCancelAddNewPhone, #PageContent1_ctl00_CONTROL_CustomerProfile_btnRegister, #PageContent1_ctl00_CONTROL_CustomerProfile_btnCancelRegistartion {margin-top:30px;padding-bottom:2px;cursor: pointer;background-color: #999999;color:#fff;border-color: #666;border:1px solid transparent;vertical-align: middle;padding:10px 16px;line-height: 1.33;border-radius: 6px;} /*Grayed Button Hover*/ #PageContent1_ctl00_CONTROL_PaymentMethods_Btn_Cancel:hover, #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_UpdateContactInfo:hover, #btnReviseAccount:hover, #lbtnShowDetails:hover, #PageContent1_ctl00_CONTROL_CustomerProfile_btnSubmitNewPhone:hover, #PageContent1_ctl00_CONTROL_CustomerProfile_btnCancelAddNewPhone:hover, #PageContent1_ctl00_CONTROL_CustomerProfile_btnRegister:hover, #PageContent1_ctl00_CONTROL_CustomerProfile_btnCancelRegistartion:hover{opacity:0.75;cursor: pointer;} /*Main CTA Buttons*/ #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Continue,#PageContent1_ctl00_CONTROL_LoginWidget_Btn_Login,#PageContent1_ctl00_CONTROL_CustomerAccount_Btn_MakePayment,#PageContent1_ctl00_CONTROL_PaymentMethods_Btn_Continue,#btnSubmitPayment,#PageContent1_ctl00_CONTROL_Response_Btn_Email_Address_Copy,#PageContent1_ctl00_CONTROL_PaymentHistory_Btn_View,#PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Update,#cancelout{margin-top:30px;padding-bottom:2px;cursor: pointer;border:1px solid transparent;vertical-align: middle;padding:10px 16px;line-height: 1.33;border-radius: 6px;} .printButton {margin-top:30px;padding-bottom:2px;cursor: pointer;border:1px solid transparent;vertical-align: middle;padding:10px 16px;line-height: 1.33;border-radius: 6px;} #makePayment{margin-top:30px;padding-bottom:2px;cursor: pointer;border:1px solid transparent;vertical-align: middle;padding:10px 16px;line-height: 1.33;border-radius: 6px;} /*Main CTA Button Hover*/ #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Continue:hover,#PageContent1_ctl00_CONTROL_LoginWidget_Btn_Login:hover,#PageContent1_ctl00_CONTROL_CustomerAccount_Btn_MakePayment:hover,#PageContent1_ctl00_CONTROL_PaymentMethods_Btn_Continue:hover,#btnSubmitPayment:hover,#PageContent1_ctl00_CONTROL_Response_Btn_Email_Address_Copy:hover,#PageContent1_ctl00_CONTROL_PaymentHistory_Btn_View:hover,#PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Update:hover,#cancelout:hover{opacity:0.75;cursor: pointer;} input[type="submit"]:hover {opacity:0.75;cursor: pointer;} input[type="button"]:hover {opacity:0.75;cursor: pointer;} /*Main Nav Menu*/ .menutable ul li{color: #666666;display:inline;font-weight: normal;font-size: 15px;padding: 10px 14px;text-decoration:none;} .menutable ul li a{color: #666666;font-size: 15px;text-decoration:none;padding-right: 0px;display:inline;margin-right:-13px;} /*Login Page Disclaimer Header*/ .payment_inner{font-size:16px;padding:10px;margin-top:5px;margin-bottom:5px;text-transform:uppercase;} /*Section Titles*/ .sectionTitle{font-size: 17px;font: Garamond, Georgia, "Times New Roman", Times, serif;font-weight: bold;padding: 0px 20px 5px 0px;/*font-style: italic;margin-left:-20px; background: #f6f2e6 url(../images/main_heading_bg_repeat3.png); */font-weight: bold;} /* ------------------------------ END OTHER STANDARD ELEMENTS FOR TEMPLATE ------------------------------ */ /* ----------------------------------------------- GENERAL DEFINITIONS ----------------------------------------------- */ html {height:100%;/*overflow-x: hidden;overflow-y: auto;*/font-family:Arial, Helvetica, sans-serif;/*IE7 Scroll Bar Bug Fix */} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} /*label { display: block;}*/ input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend, select{color:#464646;} del,ins{text-decoration:none;} ul, dl {list-style: none;} em {font-style: italic;} body{/*background: #323232; *//*margin-top: 5px;*/padding:0;color:#000;-webkit-text-size-adjust: 100%; text-align: center;background: #f8f9fb;} h1 {font: 30px/18px "Myriad Pro Bold Condensed", Verdana, Arial, sans-serif; color:#114779; text-transform:uppercase; padding-bottom: 10px;} h2 {font: 18px/18px "Myriad Pro Bold Condensed", Verdana, Arial, sans-serif; color:#114779; text-transform:uppercase;} h3 {font: bold 18px/18px "Myriad Pro Bold Condensed", Verdana, Arial, sans-serif; color:#114779; } h4 {font: bold 14px/18px Arial, sans-serif; color:#4646466;} h5 {font: 16px/18px Verdana, Arial, sans-serif; color:#464646;} h6 {font: 12px/18px Verdana, Arial, sans-serif; color:#464646;} /*p { font: normal 12px/18px Verdana, Arial, sans-serif; color:#464646;}*/ a {text-decoration:underline; color: #000000; } hr { border: none; border-bottom:1px solid #00457c;} /* ----------------------------------------------- PRINT STYLES ----------------------------------------------- */ @media print{ body{color:#919191;} .printButton{display:none;} .menutable{display:none;} .nav{display:none;} #confirmationEmail{display:none;} #OneTimePaymentBox, #ConvenienceFeeBox, #OneTimePaymentScheduleBox, #PaymentMethodBox{/*border: thin dotted #ffffff;*/width:625px;padding:5px 10px 10px 10px;} .content-wrapper-footer{display:none;} } /* ----------------------------------------------- CUSTOM FONTS ----------------------------------------------- */ @font-face {font-family: 'Myriad Pro';src: url('../fonts/myriadpro-bold-webfont.eot');src: local('?'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype');font-weight: bold;font-style: normal;} @font-face {font-family: 'Myriad Pro Bold Condensed';src: url('../fonts/myriadpro-boldcond-webfont.eot');src: local('?'), url('../fonts/myriadpro-boldcond-webfont.woff') format('woff'), url('../fonts/myriadpro-boldcond-webfont.ttf') format('truetype');font-weight: bold;font-style: normal;} @font-face {font-family: 'Myriad Pro Condensed';src: url('../fonts/myriadpro-cond-webfont.eot');src: local('?'), url('../fonts/myriadpro-cond-webfont.woff') format('woff'), url('../fonts/myriadpro-cond-webfont.ttf') format('truetype');font-weight: bold;font-style: normal;} /* ----------------------------------------------- GENERAL PAGE ELEMENTS ----------------------------------------------- */ #container{background:#f8f9fb;padding-top:5px;margin: 0 auto;width: 100%;} .content-wrapper {max-width: 962px; width:100%;z-index:2;margin: 0 auto;bgcolor:#ffffff;align:center; cellspacing:0px;cellpadding:0px;} #ParentDiv{cellspacing: 0px;cellpadding: 0px;max-width: 962px; width:100%;align: center;overflow:hidden;} .header-container{/*float: left;*/min-width: 962px;width: 100%;margin: 0 auto;bgcolor: #ffffff;align: center;cellspacing: 0px;cellpadding: 0px;} .header {/* width:100%; margin: 0 auto; height: 152px;*/ } .logo { float: left; margin: 10px 0 0 0; padding:10px 0;} .logo span { display: none; } .logoprint{text-align:left;/*margin-left: -674px;padding-top:12px;*/} #phone { position: absolute; right: 10px; bottom:0px; width: 96px; height: 17px; background: url(../images/phonenumber.png) no-repeat; } #phone span { } .main table td { vertical-align: top; } /* NAVIGATION */ .nav { text-align:right; width:-100px; font-size: 12px; margin-top:-75px; font-family:Verdana, Arial, Helvetica, sans-serif; color:Black; padding:10px 0;} .nav a { color: #C00; font-size: 12px; height: 12px; text-decoration: underline; font-weight:normal;} #navmenu ul li {display: inline} .nav h2{font-family: sans-serif, Verdana;font-weight:bold;color:black;margin-right:0px;} .nav span{margin-bottom:0;padding-bottom:0;font-size: 12px;} .content-wrapper-footer{width: 962px;z-index: 2;margin: 0 auto;align: center;clear:both;width: 100%;margin-top:-90px;float: left;/*background: url(../images/footer_container_bg_repeat.jpg) repeat-x;*/} .checkbox label, .radio label{font-size: 12px;} .paymentHistoryRow input, #dateRecordright input, #txtFirstPaymentDate,#txtEndDate {text-align: right;font-size: 12px;} #creditCardItems label,#bankAccountItems label{font-size:12px;} /* ----------------------------------------------- TOP NAVIGATION LINK STYLES ----------------------------------------------- */ #menu ul li {display:inline;} .menutable{float:right;z-index:2;/*margin-left:-10px;margin-top:-125px;*/ position:relative; top:-56px;font: Arial;font-weight:normal;font-size: 12px;padding: 10px 0px;color:#ffffff;display: inline;width:100%;} #navmenu {/*margin-right:-405px;*/ text-align:right} .navbar-collapse{padding-right:0 !important} #OneTimePayToAccountLeft, #OneTimePayToAccountRight, #RecurringPayToAccountLeft, #RecurringPayToAccountRight{/*display:none;*/} #MasterPageheader { height:3px;/*height:80px;*/} /* Div to change background color of top navigation link */ /*#MasterPageheader{background: #00FFFF;margin-top: 64px;height:31px;background-image: url('../images/menu_mid.jpg');}*/ #phheader {position: relative;} /* class file to move the top navigation links*/ /* .Menu_Layout_2{margin-top:-50px;background-color: #FF0000;}*/ /*.PageContent1_ctl00_Menu_Layout_1{color: #888888;font-size: 45px;}*/ .PageContent1_ctl00_Menu_Layout_1 a{font: Arial;font-size: 12px;padding: 10px 14px;color: #ffffff;font-weight:normal;} #PageContent1_ctl00_Menu_Layoutn0 a{font-size: 12px;padding: 10px 14px;color: #ffffff;font-weight:normal;text-decoration: none;} #PageContent1_ctl00_Menu_Layoutn0 a:link, #Menu_Layoutn0 a:visited{font-size: 12px;padding: 10px 14px;color: #ffffff;font-weight:normal;text-decoration: none;} #PageContent1_ctl00_Menu_Layoutn0 a:hover,#PageContent1_ctl00_Menu_Layoutn0 a.active{font-size: 12px;padding: 10px 14px;color: #ffffff;font-weight:normal;text-decoration:none;} #PageContent1_ctl00_Menu_Layoutn1 a{font-size: 12px;padding: 10px 14px;font-weight:normal;color:#ffffff;} #PageContent1_ctl00_Menu_Layoutn1 a:link,#PageContent1_ctl00_Menu_Layoutn1 a:visited{font-size: 12px;padding: 10px 14px;font-weight:normal;color:#ffffff;text-decoration:none;} #PageContent1_ctl00_Menu_Layoutn1 a:hover{font-size: 12px;padding: 10px 14px;color:#ffffff;font-weight:normal;text-decoration: none;} #PageContent1_ctl00_Menu_Layoutn1 a.active{font-size: 12px;padding: 10px 14px;color:#ffffff;font-weight:normal;text-decoration: none;} #PageContent1_ctl00_Menu_Layoutn2 a{font-size: 12px;font-weight:normal;padding:10px 14px;color:#ffffff;} #PageContent1_ctl00_Menu_Layoutn2 a:link,#PageContent1_ctl00_Menu_Layoutn2a:visited{font-size: 12px;font-weight:normal;padding: 10px 14px;color:#ffffff;text-decoration:none;} #PageContent1_ctl00_Menu_Layoutn2 a:hover,#PageContent1_ctl00_Menu_Layoutn2 a.active{font-size: 12px;padding: 10px 14px;color:#ffffff;font-weight:normal;text-decoration: none;} #PageContent1_ctl00_Menu_Layoutn3 a{font-size: 12px;font-weight:normal;padding: 10px 14px;color:#ffffff;} #PageContent1_ctl00_Menu_Layoutn3 a:link,#PageContent1_ctl00_Menu_Layoutn3 a:visited{font-size: 12px;padding: 10px 14px;color:#ffffff;font-weight:normal;text-decoration:none;} #PageContent1_ctl00_Menu_Layoutn3 a:hover,#PageContent1_ctl00_Menu_Layoutn3 a.active{font-size: 12px;font-weight:normal;padding: 10px 14px;color:#ffffff;text-decoration:none;} #PageContent1_ctl00_Menu_Layoutn4 a{font-size: 12px;padding: 10px 14px;color:#ffffff;font-weight:normal;} #PageContent1_ctl00_Menu_Layoutn4 a:link,#PageContent1_ctl00_Menu_Layoutn4 a:visited{font-size: 12px;font-weight:normal;padding: 10px 14px;color:#ffffff;text-decoration:none;} #PageContent1_ctl00_Menu_Layoutn4 a:hover,#PageContent1_ctl00_Menu_Layoutn4 a.active{font-size: 12px;padding: 10px 14px;color:#ffffff;font-weight:normal;text-decoration:none;} #totalsWithFeeLabel, #totalsNoFeeLabel{text-align:left;width: 19.5% !important;position:relative;} #installmentWithFeeFooterAmount{margin-left: 306px;width: 19.3% !important;text-align:right;margin-top:-18px;position:relative;} #installmentWithFeeFooterFee{margin-left: 340px;text-align:right;width: 21.5%;margin-top: -19px;} #installmentWithFeeFooterTotalAmount{margin-left: 450px;text-align:right;width: 88px;margin-top: -20px;} #installmentNoFeeFooter, #installmentWithFeeFooter{font-weight: bold;color: #919191; width:100%} .selectedMenuItem{color:Red;} .hr{align:center;margin-left:15px;margin-top:8px;display: none;} /* ----------------------------------------------- VIEW PAYMENT HISTORY PAGE STYLES ----------------------------------------------- */ .ui-datepicker-trigger{padding-left: 5px;} .gridPaymentHistoryPager{border-style: solid none solid none;border-width: 1px;border-color: #CCC;font-size: 12px;color: #FF0000;font-weight:bold;} .gridPaymentHistoryPager td{padding-right: 4px;padding-left: 4px;font-size: 12px;color: #FF0000;background-color:#F6F6F6;font-weight:bold;text-align:right;} .gridPaymentHistoryPager a{color: #FF0000;font-size: 12px;padding-right: 4px;padding-left: 4px;font-weight: bold;text-align: right;} .gridPaymentHistoryPager a:link,.gridPaymentHistoryPager a:visited,.gridPaymentHistoryPager a:hover{color: #000000;text-decoration: none;padding-right: 4px;padding-left: 4px;text-align:right;} .row td{padding: 2px 2px 2px 4px;} #PageContent1_ctl00_CONTROL_PaymentHistory_ddlAccountNumber{margin-left: 10px;} #MasterPageheader .nav {float:right;margin-top:0px;height:29px;margin-right:-1px;} #MasterPageheader .nav li {float: right;} #MasterPageheader .nav li a {font: Arial;font-size:15px;font-weight:bold;padding:0 6px 0 6px;color:#333333;display:block;cellspacing: 10px;} #MasterPageheader .nav li.active {padding-bottom: 9px;} #MasterPageheader .nav li.active a {font-weight:bold;white-space:nowrap;font-family : Arial;font-size:15px;text-decoration:none;color:#00457c;background-color:#ffffff;text-align:center;} #MasterPageheader .nav li.active a, x:-moz-any-link, x:default {padding: 4px 19px 5px 19px;/*ff*/} #MasterPageheader .nav li.nav-first a {font-weight:bold;white-space:nowrap;font-family : Arial;font-size:15px;text-decoration:none;color:#333333;background-color:#ffffff;text-align:center;} #MasterPageheader .nav li.nav-first a.active {color:#00457c;} #MasterPageheader .nav li a:hover {text-decoration: none;} #home-content{padding:0px 5% 20px 5%;text-align: left;margin-top: 15px;background-color: White;/*border-bottom: 5px solid #cc0000;*/border: 1px solid #999;font-size: 12px;/*background: url(../images/bg_sub_content.gif);background-repeat: repeat-x;*/} .content-container {width: 860px;margin-top: 50px;padding: 0 40px;} .payment-progress {padding-left: 50px;} .payment-progress li {float: left;font-size: 16px;} .payment-progress li.active {font-weight: bold;} .payment-progress li.item-1 {width: 260px;background: url(../images/forward-arrow.png) no-repeat 195px bottom;} .payment-progress li.item-2 {width: 290px;background: url(../images/forward-arrow.png) no-repeat 220px bottom;} .payment-progress li.item-3 {width: 220px;} .payment-progress li span {background: url(../images/sprite.png) no-repeat;width: 143px; height: 54px;display: block;margin-bottom: 20px;} .payment-progress li.item-1 span {background-position: 0 -250px;margin-left: 55px;} .payment-progress li.item-2 span {background-position: 0 -609px;margin-left: 58px;} .payment-progress li.item-3 span {background-position: 0 -996px; margin-left: 40px;} .payment-progress li.item-1 span.active {background-position: 0 -147px;margin-left: 55px;} .payment-progress li.item-2 span.active {background-position: 0 -511px; margin-left: 58px;} .payment-progress li.item-3 span.active {background-position: 0 -893px;margin-left: 40px;} .content {width: 735px;padding: 50px 25px 25px 25px;clear: left;} .content h2 {background: url(../images/dark-gradient-bg-big.png) no-repeat;padding:8px 0 5px 10px;} .content form {border: 1px solid #eee;} .content form div {margin: 25px;} .content h4 {background: url(../images/light-gradient-bg-big.png) no-repeat;padding:8px 0 5px 10px;} .content form fieldset {border: 1px solid #eee;padding: 25px;} .content form p {padding-bottom: 25px;} .content form label {padding: 0 25px 0 5px;font:12px/18px Verdana,Arial,sans-serif;} .content form input[type=text] {width: 75px;height: 18px;padding: 2px;margin-right: 30px;} .content .calendar {background: url(../images/sprite.png) 0 -353px;width: 23px;height: 23px; display: inline-block;text-indent: -9999px;cursor: pointer;margin-left:-25px;vertical-align: 6px;} .content fieldset.payment-schedule ul {margin-left: 5px;} .content fieldset.payment-schedule li {float:left;padding-right: 30px;font:12px/18px Verdana,Arial,sans-serif;} .content fieldset.payment-schedule li+li {padding: 0 30px;border-left: 1px solid #ccc;} .content .payment-plan div{margin: 15px;} .content .monthly-options {margin: 50px 0;} .content .monthly-options legend {padding: 0 5px;} .content .monthly-options legend {font:bold 14px/18px Arial,sans-serif;} .content .monthly-options input[type=text] {width: 22px;height: 18px;padding: 2px;margin: 0 5px 0 5px;} .content .monthly-options br + input[type=radio] {margin: 0 5px 0 73px;} .content .monthly-options select {padding: 2px;width: 96px;margin-right: 5px;} .content .end-date {width: 325px;float: left;border: none;padding: 0;} .content .end-date input {margin-left:45px;} .content .end-date p {padding-top: 10px;} .content div.message {width: 270px;float: left;margin: 0;} .content .message p {padding: 15px;border: 1px solid #eee;} .continue-btn {background: url(../images/sprite.png) 0 -426px;width: 143px;height: 35px;border: 0;cursor: pointer;text-indent: -9999px;margin:0 0 30px 295px;} .content .payment-method {margin-left: 50px;} .content .payment-method label{padding-right: 100px;} .content .payment-message p {padding-bottom: 0;} .content .payment-message p span {text-decoration: underline;} .content .bank-account {position: relative;} .content .bank-account input[type=text] {width: 150px;} .content .bank-account span {position: absolute;left: 370px;top: 45px;} .content .bank-account span, x:-moz-any-link, x:default {position: absolute;left: 340px;top: 25px;} .content .bank-account span a {text-decoration: underline;font-size: 11px;} .content .bank-account span a:hover {text-decoration: none;} .bank-account-btn {background: url(../images/sprite.png) 0 -62px;width: 143px;height: 35px;border: 0;cursor: pointer;text-indent: -9999px;float: right;margin-top: 20px;} .account-overview, .payment-history, .payment-message {border:1px solid #EEEEEE;padding: 20px;overflow: auto;} .account-overview, .payment-history {margin-bottom: 30px;position: relative;} .account-overview dl {width: 280px;float: left;margin-left: 40px;padding: 10px 0;} .account-overview dt {padding-right: 30px;} .account-overview p {margin-bottom: 20px;} .account-overview dt, .account-overview dd {display: inline-block;} .account-overview .payment {background: url(../images/sprite.png) 0 -1099px;width: 143px;height: 35px;border: 0;cursor: pointer;text-indent: -9999px;margin: 20px 0 0 70px;float: left;} .account-overview .payment + a {position: absolute;bottom:25px;right: 80px;text-decoration: underline;} .account-overview .payment + a:hover {text-decoration: none;} .payment-history {font-size: 11px;} .payment-history th {padding: 10px 15px;color: #fff;background: #8a8a8a;text-align: center;border-right: 1px solid #fff;} .payment-history tbody td {padding: 10px 15px;color: #464646;background: #fff;text-align: center;border: 1px solid #eee;} .payment-history tr.alt td {background: #ecebeb;} .payment-history td a {text-decoration: none;font-size: 13px;color: #919191;font-weight: bold;} .payment-history td a:hover {text-decoration: none;} .payment-history tfoot tr {background: #8a8a8a;height: 10px;border: 1px solid #8a8a8a;} /* ----------------------------------------------- FOOTER ----------------------------------------------- */ #MasterPagefooter {margin:-10px auto 0;max-width:1200px; width:100%;height:100px;} .footer {margin:0 auto;max-width:920px; width:100%;padding: 10px;font-size: 11px;padding-bottom:12px;} .footer p {font-size:8px;margin:12px;padding:10px;} /* ----------------------------------------------- IE SPECIFIC ----------------------------------------------- */ .ie8 .content .monthly-options {margin: 25px 0;} .ie8 .content .monthly-options legend {margin-bottom: 20px;} .ie7 #MasterPageheader .nav {bottom: -33px;} /* ----------------------------------------------- CUSTOM CLASSES ----------------------------------------------- */ .clear {clear:both;} .float-left {float: left} .float-right {float: right} .align-center {text-align: center;} .all-caps {text-transform: uppercase} .bold {font-weight: bold;} .medium-text {font-size: 1.3em} /*.border {border: 1px solid #eee;}*/ .no-margin {margin: 0 !important ;} .no-margin-left {margin-left: 0 !important ;} html .no-border {border: none !important ;} html .no-border-top {border-top: none !important;} html .no-border-right {border-right: none !important;} html .no-border-bottom {border-bottom: none !important ;} html .no-border-left {border-left: none !important; } html .no-padding {padding: 0} html .no-padding-top {padding-top: 0 !important; } html .no-padding-right {padding-right: 0 !important; } html .no-padding-bottom {padding-bottom: 0 !important; } html .no-padding-left {padding-left: 0 !important; } /* page level class */ .section{color: #000;font-size: 12px;line-height: 160%;border;=:1px solid #ccc;} .subSectionTitle{padding-top: 15px;font-size: 13px;font-weight: bold;} .subsubSectionTitle{padding-top: 10px;font-size: 13px;font-weight: bold;} /* Login page pop up screen css*/ #HomeLink{color:White;width:40px;position:absolute;float:right;margin-left:760px;padding-top:10px;padding-right:24px;font-size:14px;} #ContactLink{float:right;padding-right:24px;font-size:14px;padding-top:10px;} #HomeLink a:link,#HomeLink a:visited,#HomeLink a:hover,#HomeLink a:active{color:White;text-decoration:none;} #ContactLink a:link,#ContactLink a:visited,#ContactLink a:hover,#ContactLink a:active{color:White;text-decoration:none;} .version{text-align: left;font-size: 12px;margin-right:90px;margin-bottom:-10px;margint-top:10px;} .simplemodal-wrap{text-align:left;color:White;} .simplemodal-data p{font-size:14px;padding-bottom:10px; color:#1d283c; line-height:20px;} .popupheading{font-size:22px; color:#1d283c} #basic-modal-content {display:none; zindex:99999999999999999999999999999999999999999999 !important; } /* for transparent login page screen filter:alpha....*/ #simplemodal-overlay{background-color: #666666;filter: alpha(opacity=120);} #simplemodal-container {height:64%; width:50%; background-color:#fff; padding:12px;} #simplemodal-container .simplemodal-data {padding:8px;} .noticeaccept{background-color: #d2dfe7;/*background-image:url(../images/payment-input-bg.jpg);*/color:#1d283c;font-size:14px;padding:20px 5px 5px 20px;width:400px;height:30px;margin-bottom:10px;} /*#makePayment{height: 54px;width: 81px;color:#2671ab;font-size:0.1px;background-image: url(../images/ok-btn.jpg);cursor: pointer;text-decoration:none;border:none;}*/ .LoginErrorMessage{border-style: double;width: 500px;} #PopWindowModelError{border: thin dotted #C0C0C0;height: 99%;text-align: left;} #PopWindowModelErrorTitle{font-size: 14px;font-weight: bold;text-align: left;} .RedTextPopup {text-align: left;font-size: smaller;font-weight: normal;color: red;} .Background{background-color: black;} #AlertDiv{display:block;/*set the div in the center of the screen*/position:absolute;top:20%;left:35%;width:350px;padding: 12px; border: #000000 1px solid;background-color: white; text-align: left;visibility: hidden;} #AlertButtons{position: absolute;right: 5%;bottom: 5%;} .WaitCentered{width:100%;position:fixed;top:50%;left:45%;} /* ----------------------------------------------- LOGIN PAGE STYLES ----------------------------------------------- */ #PageContent1_ctl00_CONTROL_LoginWidget_lblUserNameOptional{float: left;width: 100%;} #PageContent1_ctl00_CONTROL_LoginWidget_lblPasswordOptional{float: left;width: 100%;} .TextBelowSectionTitle{padding-bottom:20px;font-size: 12px;} /*.LoginTitle, .contactInfoTitle, .PaymentOptionsPageTitle, .PaymentVerificationTitle, .paymentHistoryTitle{font-size: 13px;font-weight: bold;}*/ .paymentHistoryRow{margin-top:20px;} .paymenthistoryGrid{margin-top:10px;} /*.gridLabel{background-color: #000000;}*/ #addCreditCardFooter, .paymentPlanFooter{padding-bottom:15px;} .viewContactInfoFooter .button {/*margin-right:100px;*/} #AddBankAccountFooter, #VerifyFooter, #PaymentMethodFooter, #btnSubmitPayment, .viewContactInfoFooter, #scheduledPaymentFooter, .contactInfoFooter, #addCreditCardFooter, .PaymentHistoryFooter {font-size:12px;font-family:Arial, Helvetica, sans-serif;} .loginFooter{font-size:12px;font-family:Arial, Helvetica, sans-serif;/*background: url(../images/DigiCert-logo2.png);*/background-repeat: no-repeat;height:77px;max-width:937px; width:100%;} .viewContactInfoRecord{/*margin-left:-10px;*/} #customerProfileFooter{/*margin-top:-10px;*/font-size:12px;font-family:Arial, Helvetica, sans-serif;} .VerticalRadios input[type="radio"]{/*margin-top: 10px;margin-right:2px;*/} .HorizontalRadios input[type="radio"]{margin-right:2px;} #creditCardItems{height:auto;} .PaymentOptionRadio input[type="radio"], .balanceRecord input[type="radio"], #PaymentMethodBankAccount input[type="radio"], #PaymemtMethodBox input[type="radio"]{margin-right:2px; margin-top:3px; vertical-align:sub;} #Rbl_AccountType_0,#Rbl_AccountType_1,#Rbl_AccountType2_0,#Rbl_AccountType2_1{vertical-align: baseline !important;} #CheckingRadioButton{position:relative;with:120px;} #SavingRadioButton{margin-left:130px;margin-top:-18px;} #paymentDetailRecordReview{border: thin solid #C0C0C0;width: 240px;} .wrapper{overflow-y:scroll;height:82px;} .PaymentPlan{ } .wrapperPaymentPlan{overflow:auto; height:102px;} #OneTimePaymentScheduleBox .control-label{padding-bottom:10px} /*#PaymentPlanPaymentDate, #PaymentDateTitle, #SinglePaymentDateTitle, #singlePaymentDate, #paymentdate{position:relative;text-align:left;width:100px;} #PaymentPlanPayee, #singlePayee, #payee{margin-left:110px;width:300px;text-align:left;word-wrap: break-word;margin-top:-18px;} #PayeeTitle, #SinglePayeeTitle{margin-left:110px;width:100px;text-align:left;word-wrap: break-word;margin-top:-18px;} #PaymentPlanAmount, #PaymentAmountTitle, #singlePaymentAmount, #totalAmount{margin-left:305px;width:100px;text-align:right;margin-top:-18px;} #totalAmount{margin-left:297px;width:100px;text-align:right;margin-top:-18px;} #SinglePaymentAmountTitle, #PaymentAmountTitle{margin-left:300px;width:100px;text-align:right;margin-top:-18px;} #PaymentPlanFee, #singleFee{margin-left:340px;width:100px;text-align:right;margin-top:-18px;} #FeeTitle, #SingleFeeTitle{margin-left:340px;width:100px;text-align:right;margin-top:-18px;} #PaymentPlanTotalAmount, #singleTotalAmount{margin-left:450px;width:100px;text-align:right;margin-top:-18px;} #TotalAmountTitle, #SingleTotalAmountTitle{margin-left:450px;width:100px;text-align:right;margin-top:-18px;} #paymentamount{width: 50px;vertical-align: top;margin-left: 90px;margin-top:-20px;text-align:right;}*/ #customerAccountProfile{width: 80%;vertical-align: top;} #scheduledPayments{/*margin-left: 470px;*/width: 80%;vertical-align: top;} #BankAccountErrorMessage{margin-bottom: 20px;} .PaymentPlanPaymentDate{width: 100px;} #PaymentPlanPaymentDatepopup{width: 100px; position:relative; margin-left:20px;} #PaymentPlanPaymentAmountpopup{margin-left: 152px;margin-top: -20px;text-align: right;width: 60px;} #TotalAmount{width: 100px;margin-left:20px;position:relative;} #TotalPaymentPlanPaymentAmount{margin-left: 152px;margin-top: -20px;text-align: right;width: 60px;} #topnblackbar{width:950px;height:36px;align:center;background-color:#333333;} #HomeLink{color:White;width:40px;position:absolute;float:right;margin-left:760px;padding-top:10px;padding-right:24px;font-size:14px;} #ContactLink{float:right;padding-right:24px;font-size:14px;padding-top:10px;} #HomeLink a:link,#HomeLink a:visited,#HomeLink a:hover,#HomeLink a:active{color:White;text-decoration:none;} #ContactLink a:link,#ContactLink a:visited,#ContactLink a:hover,#ContactLink a:active{color:White;text-decoration:none;} .EnteredOn{width:85px;border-style: solid none solid none;border-width: 1px;border-color: #CCC;background-color:#F6F6F6;font-weight:bold;padding: 4px 0 4px 2px;} .SettledOn{width: 85px;border-style: solid none solid none;border-width: 1px;background-color:#F6F6F6;font-weight:bold;border-color: #CCC;padding: 4px 0 4px 3px;} .Amount{width:60px;border-style: solid none solid none;border-width: 1px;background-color:#F6F6F6;font-weight:bold;border-color: #CCC;padding: 4px 0 4px 2px;} .Account{width:165px;border-style: solid none solid none;border-width: 1px;background-color:#F6F6F6;border-color: #CCC;font-weight:bold;padding: 4px 0 4px 2px;} .ConfirmationNumber{width: 150px;background-color:#F6F6F6;border-style: solid none solid none;border-width: 1px;border-color: #CCC;font-weight:bold;padding: 4px 0 4px 2px;} .Status{border-style: solid none solid none;border-width: 1px;background-color:#F6F6F6;border-color: #CCC;width: 70px;font-weight:bold;padding: 4px 0 4px 2px;} .AccountRefCode{width:135px;border-style: solid none solid none;border-width: 1px;background-color:#F6F6F6;border-color: #CCC;font-weight:bold;padding: 4px 0 4px 2px;} .PartOfSeries{width:105px;border-style: solid none solid none;border-width: 1px;background-color:#F6F6F6;border-color: #CCC;font-weight:bold;padding: 4px 0 4px 2px;} .Cancel{width:80px;border-style: solid none solid none;border-width: 1px;background-color:#F6F6F6;border-color: #CCC;font-weight:bold;padding: 4px 0 4px 2px;text-decoration: underline;} .dynamic-table{max-width:890px; width:100%;color:#000000;border: 1px solid #CCC;} #Btn_MakePayment, #Btn_ViewPayment, #btn_AddBankAccount, .paymentPlan{/*padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;*/margin-top:30px;padding-bottom:2px;cursor: pointer;background-color: #999;color:#fff;border-color: #666;border:1px solid transparent;vertical-align: middle;padding:10px 16px;line-height: 1.33;border-radius: 6px;} /*.paymentPlanFooterReviewPaymentPlan{margin-top:-90px;}*/ .PaymentScheduleText, .sectionTitleDescription{font-size: 12px;color: #000;font-weight: bold;} .Subtitle{font-size: 13px;font-weight: bold;margin-top:2px;} .SubtitleParagraph{font-size: 13px;color: #919191;font-weight: normal;} #confirmationNumber, .PaymentConfirmationNumber{font-size: 16px; padding-top:26px;} .LoginTitle, .contactInfoTitle, .CustomerProfileTitle, .PaymentOptionsPageTitle, .PaymentVerificationTitle, .paymentHistoryTitle, .ScheduledPaymentsTitle{} .OneTimePaymentTitle, .PaymentStatusTitle, .PatternDescription, .ScheduledPaymentsTitle, .CustomerProfileTitle, .PaymentOptionsTitle, .Lbl_PastTimeMessageText, .confirmationErrorTitle, .confirmationEmailTitle, .confirmationPaymentScheduleTitle, .PaymentMethod, .BankAccountsTitle, .AddBankAccountTitle, .PaymentScheduleTitle, .addCreditCardTitle, .CreditCardsTitle, .RecurringPaymentTitle, #oneTimePaymentTitle, #paymentMethodTitle, #authorizeTitle, #paymentScheduleTitle, #paymentPlanTitle, .CustomerProfileTitle, .ScheduledPaymentsTitle{font-size: 13px;font-weight: bold;font-color:#000;} #PaymentMethodBankAccount{/*padding-top:10px;width:100px;*/ /*width:19%;*/position:relative; float:left; z-index:999} #PaymentMethodCreditCard{float:left; /*width:50%;*/margin-left:2%;/*margin-top:-18px;*/} #paymentMethod{padding-bottom:10px;} #PaymentMethodCheck{margin-left:260px;margin-top:-18px;} #paymentOptionsRecord{margin-top:5px;margin-bottom:10px;} #paymentOptionsRecordLeft{width:18%; float:left;/*position:relative;width:90px;float:left;*/} #PaymentOptionsRecordRight{width:50%; float:left;/*margin-left:100px;margin-top:-20px;*/} .OneTimePaymentMainTitle, .PaymentPlanMainTitle{font-size: 12px;font-weight:bold;margin-bottom:-5px;} #pnlCurrentPaymentAmountleft, #pnlPastDueBalanceleft, #pnlMinPayAmountleft, #pnlCurrentAmtandPastDueBalleft, #firstPaymentAmountleft, #firstPaymentDateleft{position: relative;/*width: 290px;*//*margin-top: 5px;*/marign-left: 5px;display:inline-block;width:50%;} #pnlCurrentPaymentAmountright, #pnlPastDueBalanceright, #pnlMinPayAmountright, #pnlOtherPayright, #firstPaymentAmountright, #pnlCurrentAmtandPastDueBalright{/*margin-left:252px;width:100px;margin-top:-22px;*/display:inline-block;text-align: right;} /*#firstPaymentDateright{width: 140px;text-align: right;margin-left: 237px;margin-top: -22px;}*/ .numericTextbox{width:113px;text-align: right;} #dtpEndDate{width:60px;text-align: right;} .TextBoxdPaymentDate{width:113px;text-align: left;} .k-formatted-value{width:110px} #CardNumberLeft, #ExpirationDateLeft, #CardSecurityCodeLeft{position:relative;width:120px;margin-top:10px;marign-left:5px;} #CardNumberRight, #ExpirationDateRight, #CardSecurityCodeRight {margin-left:130px;margin-top:-18px} #contentOnetimePaymentOptions{margin-top:10px;margin-left:10px;} #bankAccounts, #CreditCards, #addCreditCard, #AddBankAccounts{margin-top:10px;} #contactInfoRecordLeft, #FirstNameLeft, #LastNameLeft, #AddressLine1left, #AddressLine2Left, #CityLeft, #StateLeft, #ZipLeft, #EmailLeft,#userDefinedTwoLeft,#userDefinedOneLeft{position:relative;max-width:120px; width:100%; float:left;padding-top:12px;} #contactInfoRecordRight, #FirstNameRight, #LastNameRight, #AddressLine1Right, #AddressLine2Right, #CityRight, #StateRight, #ZipRight, #EmailRight,#userDefinedOneRight,#userDefinedTwoRight{width:60%; float:right;/*margin-left:130px;margin-top:-22px;*/padding-top:5px;} #convenienceFeeAmountLeft { position: relative;/*width: 600px;*/font-size: 12px;font-family: Arial, Helvetica, sans-serif; } #convenienceFeeAmountRight{margin-left: 290px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;margin-top: -22px;line-height: 160%;} #CustomerAccountStatusLeft, #NextDueDateLeft, #PaymentDueDateLeft, #OriginalCreditorLeft, #CurrentBalanceLeft, #CurrentPaymentAmountLeft, #PastDueBalanceLeft, #MinPayAmountLeft, #CurrentAmtandPastDueBalLeft, #OtherPayLeft, #NextPaymentDateLeft, #PaymentAmountLeft, #FrequencyLeft, #FulfillmentAmountLeft, #FulfillmentCreditLeft, #GoodUntilDateLeft, #CustomerAccountTypeLeft, #CustomerAccountFeeTotalLeft, #PastDueAmtandCustomerAccFeeTotalLeft, #ForwarderLeft, #CustomerAccountOriginationDateLeft, #CustomerAccountMessageLeft, #PaymentIntervalLeft{position: relative;/*width: 370px;*/width:50%; display:inline-block;font-size: 12px;font-family: Arial, Helvetica, sans-serif;clear:left;vertical-align:top;line-height:160%;} #CurrentBalanceRight, #CurrentAmtandPastDueBalRight, #OriginalCreditorLeft, #OriginalCreditorRight,{font-size: 12px;font-family: Arial, Helvetica, sans-serif;/*margin-top: -16px;*/width:50%; display:inline-block;text-align: left;line-height: 160%;} #pnlCurrentBalanceleft, #pnlOtherPayleft, #firstPaymentAmountleft, #firstPaymentDateleft{display:inline-block; width:50%; text-align:left} #pnlOtherPayLeft,#pnlOtherPayleft{display:inline-block; width: 49%;text-align: left;} #pnlOtherPayright,#firstPaymentAmountright,, #firstPaymentDateright{display:inline-block;} #dateRecordleft{display:inline-block; width:49%;/* margin:0;*/ text-align:left} #dateRecordright{display:inline-block; /*margin:0;*/ /*text-align:left*/width:35%;} #dateRecordright img, #firstPaymentDateright img, #txtEndDate, #paymentHistoryRow img{vertical-align:inherit} #pnlCurrentBalanceright{display:inline-block; /*width:50%;*/ /*padding-top:10px*/width:16%;text-align:right;} #CustomerAccountStatusRight, #NextDueDateRight, #PaymentDueDateRight, #CurrentPaymentAmountRight, #PastDueBalanceRight, #MinPayAmountRight, #OtherPayRight, #FrequencyRight, #FulfillmentAmountRight, #FulfillmentCreditRight, #GoodUntilDateRight, #CustomerAccountTypeRight, #CustomerAccountFeeTotalRight, #PastDueAmtandCustomerAccFeeTotalRight, #ForwarderRight, #CustomerAccountOriginationDateRight, #CustomerAccountMessageRight, #PaymentIntervalRight{font-size: 12px;font-family: Arial, Helvetica, sans-serif;/*margin-top: -16px;*//*width:50%;*/ display:inline-block;/*text-align: right;*/line-height: 160%;} #NextPaymentDateRight, #PaymentAmountRight{font-size: 12px;font-family: Arial, Helvetica, sans-serif; text-align: right;line-height: 160%;/*margin-right:330px;;margin-top: -16px;*//*width:50%;*/ display:inline-block;} .SchedulePaymentMessage{font-size: 12px;font-family: Arial, Helvetica, sans-serif;line-height: 160%;} .textAlignRight{text-align:left;/*width:100px;right:0*/display:inline-block;/*width:50%;*/} #oneTimePaymentBalances, #oneTimePaymentDate, #paymentMethod, #recurringPaymentBalances, #recurringPaymentOptions{/*width:900px;*/margin-top:5px;} #dateMessage{margin-top:10px;} #scheduleGrid{text-align: left;} .totalPaymentReview{background-color: #666666;color:White;text-align:left;margin-right:14px;} /*.PaymentPlanPaymentAmount{margin-right:100px;text-align:left;} .TotalPaymentPlanPaymentAmount{margin-left: 68px;text-align:left;}*/ .VerifytotalPaymentReview{text-align:left;font-weight:bold;} .VerifyPaymentPlanPaymentAmount{margin-left: 17px;} #LoginUserNameLeft, #LoginPasswordLeft { position:relative;font-weight:bold;width:140px; padding-top:5px; } #PageContent1_ctl00_CONTROL_CustomerProfile_lblUpdateContactInfoSubTitle { font-weight:normal; } #LoginUserNameRight, #LoginPasswordRight { margin-left:150px; margin-top:-20px; } .foot { height:180px; width: 954px; margin: 0 auto; position: relative; } .foot .left { width: 550px; } .foot .left ul { float: left; margin: 5px 0 0 0; padding: 0; } .foot .left ul li { float: left; list-style-type: none; margin: 10px 15px 0 0; } .foot .left ul li a{color: #c0c0c0;font-size: 11px;text-decoration: none;float: left;} .foot .left ul li a:hover { color: #ffffff; } #legal { float: left; font-size: 11px; color: #c0c0c0; margin: 20px 0 0 0; position:relative; width:740px;} #legal P{ float: left; font-size: 11px; color: #c0c0c0; margin: 10 0 0 -340px; font-weight: bold; left:10px; } #legal a { color: #c0c0c0; text-decoration:none; float: right; } #legal strong { float: right; color: #ffffff; font-weight: normal; } #quoteContainer { margin-left:742px;} #quoteContainer .quote a{ line-height: 20px; text-align: right; padding: 10px 0 0 25px; font-size: 11px; color: #c0c0c0; font-style: italic; } #quoteContainer .quote { line-height: 20px; text-align: right; padding: 10px 0 0 25px; font-size: 11px; color: #c0c0c0; font-style: italic; } .version{display: none;text-align: left;font-size: 12px;margin-right:-20px;margin-bottom:50px;} #Address { width:640px; position:relative; text-align:right; font-size:12px; } /*#Phone { margin-left:640px; text-align:right;margin-right:10px; margin-top:-16px; font-size:12px; z-index:2; }*/ #errorMessage { padding-top:20px; width:700px; } #AddBankAccountRecordLeft, #AccountNumberLeft, #RoutingNumberLeft { width:140px; position:relative; margin-top:5px; } #AddBankAccountRecordRight, #AccountNumberRight, #RoutingNumberRight { margin-left:150px; margin-top:-18px; } #AccountTypeLeft{width:280px;position:relative; margin-top:5px;} #AccountTypeRight{margin-left:300px; margin-top:-18px;} #ConvenienceFeeleft, #Payeeleft, #PayeePlanleft, #ConvenienceFeePlanleft, #RecurringPayToAccountLeft, #OneTimePayToAccountLeft, #OneTimePaymentAmountLeft, #RecurringFirstPaymentAmountLeft, #RecurringFirstPaymentDateLeft, #VerifyPaymentAmountLeft, #PaymentDateLeft, #BankAccountTypeLeft, #BankAccountNumberLeft, #BankRoutingNumberLeft, #PaymentDateLeft, #RecurringAmountLeft, #PaymentFrequencyLeft, #NumberOfPaymentsLeft, #RecurringLastPaymentAmountLeft, #RecurringLastPaymentDateLeft, #VerifyLoginNameLeft, #VerifyLoginPasswordLeft, #AuthorizeCheckBoxLeft, #VerifyCardTypeLeft, #VerifyCardNumberLeft, #VerifyCardExpdateLeft, #PaymentAmountFeeIncludedLeft, #ConvenienceFeeleft{width: 130px;padding-top: 5px;} #PayeeRight, #PayeePlanright, #ConvenienceFeeRight, #ConvenienceFeePlanright, #RecurringPayToAccountRight, #OneTimePayToAccountRight, #OneTimePaymentAmountRight, #RecurringFirstPaymentAmountRight, #RecurringFirstPaymentDateRight, #VerifyPaymentAmountRight, #PaymentDateRight, #BankAccountTypeRight, #BankAccountNumberRight, #BankRoutingNumberRight, #PaymentDateRight, #RecurringAmountRight, #PaymentFrequencyRight, #NumberOfPaymentsRight, #RecurringLastPaymentAmountRight, #RecurringLastPaymentDateRight, #VerifyLoginNameRight, #VerifyLoginPasswordRight, #VerifyCardTypeRight, #VerifyCardNumberRight, #VerifyCardExpdateRight, #ConvenienceFeeRight, #PaymentAmountFeeIncludedRight{margin-left:135px; margin-top:-18px;} #AuthorizeCheckBoxRight{margin-bottom:0.5%;margin-top:-18px;margin-left:141px;} #FirstPaymentAmountLeft{width:220px;margin-top:5px;} #FirstPaymentAmountRight{margin-left:225px; margin-top:-18px;} #AccountHomeBox{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:870px;padding:5px 10px 10px 10px;} #EmailConfirmationBox, #PaymentOptionBox, #PaymentOptionBoxBorder, #OneTimePaymentoptionBox, #PaymentdateBox, #PaymemtMethodBox, #TotalAmountBox, #FirstPaymentBox, #VerifyInformationBox, #RecurringScheduleBox, #ContactInfoBox, #viewContactInfoBox, #PaymentConfirmBox, #confirmationErrorRecordBox, #PhoneNumbersBox, #SubscriptionsBox{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:650px;height:auto;padding:5px 10px 10px 10px;} #PaymentMethodConfirmBox, #viewContactInfoBox, #ContactInfoBox {border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:650px;padding:5px 10px 10px 10px;margin-top:15px;} #PaymentHistoryBox {border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:96%;padding: 5px 2% 10px 2%;margin-top:15px;} #loginbox{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:72%;padding: 5px 2% 10px 2%;margin-top: 25px;} #CreditCardsBox{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:96%;padding: 5px 2% 10px 2%;} #EmailConfirmationBox, #BankAccountBox, #SemiMonthlyOptionBox, #BiWeeklyOptionBox, #QuartelyOptionsBox, #WeeklyOptionBox {border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:72%;padding: 5px 2% 10px 2%;/*max-width:625px; width:100%;padding:5px 10px 10px 10px;*/} #OneTimePaymentScheduleBox, #ConvenienceFeeBox, #PaymentMethodBox, #OneTimePaymentBox, #AuthorizeBox,#ConvenienceFeePlanBox,#RecurringPaymentBox,#PaymentScheduleBox{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:78%;padding: 5px 2% 10px 2%;} #MonthlyOptionsBox{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:95%;padding: 5px 2% 10px 2%;/*max-width:625px; width:100%;padding:5px 10px 10px 10px;*/} #AddCreditCardBox{/*border: thin dotted #C0C0C0;width:600px;*/padding:5px 10px 10px 10px;} #AccountOverviewBox{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;width:96%;padding:5px 2% 10px 2%;/*min-height:446px;*/height:auto;} #SchedulePaymentsBox {border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f6f6f6;/*width:76%;*/padding:20px 4% 20px 20px;} #PanelBoxNumber0{width:96%;padding:5px 2% 10px 2%;} #PanelBoxNumber1, #PanelBoxNumber2, #PanelBoxNumber3 {/*border: thin dotted #C0C0C0;*/max-width:96%; width:100%;padding:5px 10px 10px 10px;} #monthlyDayOfMonth1, #semiMonthlyDayOfMonthOption1, #quarterlyOption1{margin-left:65px;} #monthlyDayOfMonth2, #semiMonthlyDayOfMonthOption2Row1, #quarterlyOption2{margin-left:104px;margin-top:5px;} #semiMonthlyDayOfMonthOption2Row2{margin-left:120px;margin-top:5px;} .WeeklyOptionRadioButton, .PaymentScheduleOption{margin-top:5px;} #endDate{margin-top:10px;} .printButton{display:block; margin-top:10px; /*padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;*/} .LoginErrorMessage{border-style: double;width: 500px;} #PopWindowModelError{ border: thin dotted #C0C0C0; height: 99%; text-align: left;} #PopWindowModelErrorTitle{font-size: 14px;font-weight: bold;text-align: left;} .RedTextPopup { text-align: left; font-size: smaller; font-weight: normal; color: red; } #LeftShadow{display:none;} #LeftCorner{background-image: url('../images/transparent-corner-image.png');} #RightShadow{display:none;} #RightCorner{background-image: url('../images/transparent-corner-image.png');} #BottomShadow{display:none;} .Background{ background-color: black;} #AlertDiv{display:block; /*set the div in the center of the screen*/ position:absolute; top:20%; left:35%; width:350px; padding: 12px; border: #000000 1px solid; background-color: white; text-align: left; visibility: hidden; } #AlertButtons{ position: absolute; right: 5%; bottom: 5%;} .WaitCentered{ width:100%; position:fixed; top:50%; left:45%;} #PageContent1_ctl00_CONTROL_Response_Div_GUD{/*color: #439639;font-weight:bold;*/display:none;} #confirmationNumber{color: #439639;font-weight:bold;} /*#PageContent1_ctl00_CONTROL_Response_Div_FulfillmentGatewayMessage{display:none;}*/ /*BEGIN @group FOOTER*/ #footer {/*background-color: #333333;*/color:#666;text-align: left;/*padding: 10px 0 10px 0;*/padding: 25px 0 10px 0;font-size:12px;vertical-align: text-top;/*border-top: 5px solid #CC0000;*/} #footer P{/*color:#ffffff;*/color:#666;/*padding:10px 0px;*/padding: 25px 0;text-align: left;font-size:10px;} #footer a {/*background-color: #333333;*//*color:#FFFFFF;*/color:#666;} #footer ul li a {/*color: #FFFFFF;*/color:#666;padding-right:10px;} #footer ul {margin: 0;padding:0;} #footer ul li {display:inline;margin: 0;padding:0 11px;} #footer ul li.active {color:#fffffff;} #footer ul li.border {/*border-left: 1px solid #CCCCCC;*/} /*END @group FOOTER*/ #AccountHomeTable{float:left; width:100%/*margin-bottom:90px;margin-right: 20px;*/ } #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Continue{/*margin-bottom:90px;margin-right: 20px;*/ float:left;margin-right: 20px;} #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_UpdateContactInfo{/*margin-top:-60px;*/float:left} .horizontal-separator{display:none;} #Rbl_AccountType li,#Rbl_AccountType2 li{display:inline;} #Rbl_AccountType_1{margin-left:20px;} .loginRecord{padding-top:15px;} #PageContent1_ctl00_CONTROL_CustomerAccount_lastUpdated, #PageContent1_ctl00_CONTROL_PaymentOptions_lastUpdated{font-size: 13px;color: #000;} #convenienceFees{padding-top:20px;} /*-- AccountHome page CSS-*/ .customerAccountFieldContainer_1{width: 25%;position: relative;line-height: 160%;display: inline-block;} .customerAccountFieldContainer_2 {width: 29%;position: relative;line-height: 160%;display: inline-block;vertical-align: middle;margin-top: 30px;} .customerAccountFieldContainer_3{width: 30%;position: relative;line-height: 160%;display: inline-block;vertical-align: middle;margin-top: 30px;} input[disabled]{color:#000;font-size: 12px;} .customerAccountFieldContainer_4{position: relative;line-height: 160%;display: inline-block;vertical-align: middle;margin-top: 30px;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_1{width:25%;position: relative;line-height: 160%;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_2{width: 29%;position: relative;line-height: 160%;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_3{width: 30%;position: relative;line-height: 160%;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_4{display:inline-block;position: relative;line-height: 160%;} .linkedAccountBalance{margin-left:229px;font-weight:bold;} #Rbl_AccountType li, #Rbl_AccountType2 li{display:inline;} #Rbl_AccountType li{margin-right:-1%;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 70%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-20px;margin-right:65px;text-align:right;} .SchedulePaymentMessage{font-size: 12px;font-family: Arial, Helvetica, sans-serif;line-height: 160%;width: 100%;} #LinkedAccounts{font-size: 12px;font-family: Arial, Helvetica, sans-serif;line-height: 160%;width: 96.5%;border:1px solid #ccc;background-color:#f6f6f6;padding:17px 10px 0px 10px;} .accountRef{margin-top:30px;padding-bottom:2px;cursor: pointer;background-color: #999;color:#fff;border-color: #666;border:1px solid transparent;vertical-align: middle;padding:10px 16px;line-height: 1.33;border-radius: 6px;} .selectedAccountRef{margin-top:30px;padding-bottom:2px;cursor: pointer;background-color: #999;color:#fff;border-color: #666;border:1px solid transparent;vertical-align: middle;padding:10px 16px;line-height: 1.33;border-radius: 6px;} /*-- LINKED ACCOUNTS CSS-*/ #pnlCurrentPaymentAmountleft, #pnlPastDueBalanceleft, #pnlMinPayAmountleft, #pnlCurrentAmtandPastDueBalleft, #dateRecordleft,{position: relative;/*width: 290px;*/margin-top: 5px;marign-left: 5px;display:inline-block;width:50%;} #pnlCurrentPaymentAmountright, #pnlPastDueBalanceright, #pnlMinPayAmountright, #pnlCurrentAmtandPastDueBalright{/*margin-left:252px;width:100px;margin-top:-22px;*/display:inline-block;text-align: right;width:16%; vertical-align:top;} #PayeeNameleft,#CustomerReferenceCodeLeft, #accountReferenceCodeLeft{float:left;font-family: sans-serif;font-size: 12px;position: relative;width: 52%;} #PayeeNameRight,#accountReferenceCodeRight,#CustomerReferenceCodeRight{float:left;font-family: sans-serif;font-size: 12px;position: relative;width: 16%; text-align:right} #PageContent1_ctl00_CONTROL_PaymentOptions_payTo_PayToBox, #EmailConfirmationBox, #PaymentOptionBox, #PaymentOptionBoxBorder, #OneTimePaymentoptionBox, #PaymentdateBox, #PaymemtMethodBox, #TotalAmountBox, #FirstPaymentBox, #VerifyInformationBox, #RecurringScheduleBox, #ContactInfoBox, #viewContactInfoBox, #PaymentConfirmBox, #confirmationErrorRecordBox{border: thin solid #C0C0C0;/*max-width:650px; width:100%;*/height:auto;padding:5px 2% 10px 2%; width:78%;background-color:#f6f6f6;margin-bottom:20px;} #tableLinkedAccounts{/*margin-top:-61px;*/width:100%;} .AccountInfoValue{text-align:right;margin-top:-10px;} #customerReferenceCode{display:none;} #footer img{margin-top:-20px !important} #pnlFulfillmentAmountleft{display:inline-block;width:50%;} #pnlFulfillmentAmountright{display:inline-block !important;width:16%;text-align:right;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal{margin-right:2%;margin-top:-1%;} #firstPaymentDateright{display:inline-block;width:35%;} #CurrentBalanceRight,#OriginalCreditorRight{display:inline-block;line-height:160%;} #CurrentAmtandPastDueBalRight{display:inline-block;line-height:160%;} #SinglePaymentDateTitle,#SinglePayeeTitle,#SinglePaymentAmountTitle,#SinglePaymentAmountTitle,#SingleTotalAmountTitle,#SingleFeeTitle{font-weight:bold;} .radio{ margin-bottom:2px !important;} #PaymentScheduleBox #PaymentPlanPaymentDate, #PaymentScheduleBox #SinglePaymentDateTitle, #PaymentScheduleBox #singlePaymentDate, #PaymentScheduleBox #paymentdate, #PaymentScheduleBox #PaymentPlanPayee, #PaymentScheduleBox #SinglePayeeTitle, #PaymentScheduleBox #singlePayee, #PaymentScheduleBox #payee, #PaymentScheduleBox #PaymentPlanAmount, #PaymentScheduleBox #SinglePaymentAmountTitle, #PaymentScheduleBox #singlePaymentAmount, #PaymentScheduleBox #totalAmount, #PaymentScheduleBox #PaymentPlanFee, #PaymentScheduleBox #SingleFeeTitle, #PaymentScheduleBox #singleFee, #PaymentScheduleBox #PaymentPlanTotalAmount, #PaymentScheduleBox #SingleTotalAmountTitle, #PaymentScheduleBox #singleTotalAmount{ display:table-cell; width:20%} #PaymentScheduleBox #PaymentDateTitle{ display:table-cell; width:19.8%} #PaymentScheduleBox #PayeeTitle{ display:table-cell; width:20.5%} #PaymentScheduleBox #PaymentAmountTitle{ display:table-cell; width:20%} #PaymentScheduleBox #FeeTitle{ display:table-cell; width:21%} #PaymentScheduleBox #TotalAmountTitle{ display:table-cell; width:20%} #installmentWithFeeFooter #totalsWithFeeLabel, #installmentWithFeeFooter .payee_content, #installmentWithFeeFooter #installmentWithFeeFooterAmount, #installmentWithFeeFooter #installmentWithFeeFooterFee, #installmentWithFeeFooter #installmentWithFeeFooterTotalAmount, #installmentNoFeeFooter #totalsNoFeeLabel, #installmentNoFeeFooter .payee_content1, #installmentNoFeeFooter #installmentNoFeeFooterTotalAmount{ display:inline-block;/* width:19% !important;*/ margin-left:0 !important; margin-top:0; text-align:left} #installmentNoFeeFooter #installmentNoFeeFooterTotalAmount{} #installmentWithFeeFooterAmount{display:inline-blockwidth: 8% !important;} .payee_content { width: 19.75% !important;} #installmentWithFeeFooterFee {width:20.3% !important;} #installmentWithFeeFooterTotalAmount {width:10% !important; text-align:left !important; padding-right:0% !important;} #PaymentScheduleBox .wrapper{/*height:auto*/} .payee_content{width:23.5%;} .payee_content1{width: 22%;} #installmentWithFeeFooterTotalAmount{text-align:center} #PaymentScheduleBox #PaymentPlanPaymentDate,#PaymentScheduleBox #PaymentPlanAmount{ width:20% !important; display:table-cell} #PaymentScheduleBox #PaymentPlanPayee{ width:21% !important;display:table-cell} #PaymentScheduleBox #PaymentPlanTotalAmount{ width:17% !important;display:table-cell} #PaymentScheduleBox #PaymentPlanFee{ width:21% !important;display:table-cell} @media only screen and (min-width:260px) and (max-width:708px){ #installmentNoFeeFooter, #installmentWithFeeFooter{font-weight: bold;color: #919191; /*width:93%*/} } @media only screen and (min-width:401px) and (max-width:495px){ /*.payee_content,#installmentWithFeeFooterFee{ width:21.5%;} #installmentWithFeeFooterAmount, #installmentNoFeeFooterTotalAmount { width:19.5%;}*/ } @media only screen and (min-width:260px) and (max-width:600px){ #installmentWithFeeFooterAmount, #installmentNoFeeFooterTotalAmount { width: 20.5%;} } @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) { input[type=radio] { margin-top:0 !important;} } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { input[type=radio] { margin-top:0 !important;} } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { input[type=radio] { margin-top:0 !important;} } /* ----------- Galaxy S4 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { input[type=radio] { margin-top:0 !important;} } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { input[type=radio] { margin-top:0 !important;} #PaymentHistoryBox select{ width:48%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount {margin-right: 6px !important;} } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { input[type=radio] { margin-top:0 !important;} } /* ----------- Galaxy S5 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { input[type=radio] { margin-top:0 !important;} ::-webkit-scrollbar {width: 12px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;} ::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { input[type=radio] { margin-top:0 !important;} #PaymentHistoryBox select{ width:48%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount {margin-right: 6px !important;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { input[type=radio] { margin-top:3px !important;} } /* 6*/ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) { input[type=radio] { margin-top:0 !important;} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) { input[type=radio] { margin-top:0 !important;} #PaymentHistoryBox select{ width:48%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount {margin-right: 6px !important;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { input[type=radio] { margin-top:0 !important;} } /*7*/ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 5) { input[type=radio] { margin-top:0 !important;} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 5) and (orientation: portrait) { input[type=radio] { margin-top:0 !important;} #PaymentHistoryBox select{ width:48%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount {margin-right: 6px !important;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { input[type=radio] { margin-top:0 !important;} } @media only screen and (min-width:260px) and (max-width:400px){ #PaymentScheduleBox #PaymentDateTitle, #PaymentScheduleBox #PaymentPlanPaymentDate{width:20%} #PaymentScheduleBox #PayeeTitle, #PaymentScheduleBox #PaymentPlanPayee{width:23%} #PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #PaymentPlanFee{width:16%} .payee_content { width:27.5%;} #installmentWithFeeFooterAmount, #installmentNoFeeFooterTotalAmount { width:20.5%;} #installmentWithFeeFooterFee{ width:20.5%;} #installmentWithFeeFooterTotalAmount{ padding-right:3%;} } /*@media only screen and (min-width:260px) and (max-width:400px){ #PaymentScheduleBox #PaymentPlanPaymentDate, #PaymentScheduleBox #PaymentDateTitle, #PaymentScheduleBox #SinglePaymentDateTitle, #PaymentScheduleBox #singlePaymentDate, #PaymentScheduleBox #paymentdate, #PaymentScheduleBox #PaymentPlanPayee, #PaymentScheduleBox #PayeeTitle, #PaymentScheduleBox #SinglePayeeTitle, #PaymentScheduleBox #singlePayee, #PaymentScheduleBox #payee, #PaymentScheduleBox #PaymentPlanAmount, #PaymentScheduleBox #PaymentAmountTitle, #PaymentScheduleBox #SinglePaymentAmountTitle, #PaymentScheduleBox #singlePaymentAmount, #PaymentScheduleBox #totalAmount, #PaymentScheduleBox #PaymentPlanFee, #PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #SingleFeeTitle, #PaymentScheduleBox #singleFee, #PaymentScheduleBox #PaymentPlanTotalAmount, #PaymentScheduleBox #TotalAmountTitle, #PaymentScheduleBox #SingleTotalAmountTitle, #PaymentScheduleBox #singleTotalAmount{display:table-cell; width:13%} #PaymentScheduleBox #PaymentDateTitle, #PaymentScheduleBox #PaymentPlanPaymentDate{width:20%} #PaymentScheduleBox #PayeeTitle, #PaymentScheduleBox #PaymentPlanPayee{width:23%} #PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #PaymentPlanFee{width:16%} }*/ .clear{clear:both} .control-group span{font-weight:bold} #loginbox .control-group{margin-top:15px} #loginbox .control-label, #AuthorizeBox .control-label, #AddBankAccountBox .control-label, #addCreditCard label, #AddCreditCardBox .control-label{float:left;width:146px;padding-top:5px;text-align:left;} #loginbox .controls, #AddBankAccountBox .controls, #addCreditCard .controls { margin-left: 140px;} #loginbox input[type="text"]{margin-top:5px} .mob_clear{display:none} #EmailConfirmationBox input[type="email"]{ margin-top:5px;} #EmailConfirmationBox input[type="submit"]{ margin-top:0px;} .row::before, .row::after { content: none !important;} #Rbl_AccountType label, #Rbl_AccountType2 label{font-weight:normal} #Rbl_AccountType input, #Rbl_AccountType2 input{ margin-top: -1px; margin-right: 2%;} #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress input{float:none !important; margin-right: 1%; margin-top: 7px;} #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress label{font-weight:normal; float:none; width:auto} .paymentHistoryRow input, .paymentHistoryRow select{margin-top:8px !important} .permonth_txtbox input{/*margin-left:7.5%*/} #footer .col-lg-6{float:left !important; width:70% !important} #footer .col-lg-6+.col-lg-6{width:37% !important; float:right !important; text-align:right} #footer .col-lg-6+.col-lg-6 img{width:24.8%;} .checkbox, .radio{margin-top:0 !important;} #addCreditCard label {vertical-align: -webkit-baseline-middle;} #PageContent1_ctl00_CONTROL_Response_paymentConfirmationAnotherPaymentMessage,#makeAnotherPayment{display:none;} #TotalAmountBox label{font-weight:normal !important;} #RecurringScheduleBox select{width:auto !important;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount,#PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance,#PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount{margin-right: 7px; margin-top: -1px;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_rbtnMonthlyOption1{margin-top:-6px;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_rbtnMonthlyOption2{margin-top:-11px;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_rdbtnUntilDate,#PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_rdbtnRecurringAmount{margin-top:-1px;} @media screen and (max-width:1024px) and (orientation:landscape){ .paymentHistoryRow input, #dateRecordright input, #Txt_StartDate input, #Txt_EndDate input,#txtEndDate {text-align: left !important;} #txtFirstPaymentDate, #txtEndDate{vertical-align: middle !important;height:auto;} .PaymentOptionRadio input[type="radio"], .balanceRecord input[type="radio"], #PaymentMethodBankAccount input[type="radio"], #PaymemtMethodBox input[type="radio"]{margin-right:2px; margin-top:3px; vertical-align:sub;} } @media screen and (max-width: 768px){ #PageContent1_ctl00_CONTROL_CustomerProfile_Pnl_NotificationSubscriptions{ padding-top: 20px !important; } .paymentHistoryRow input, #dateRecordright input, #Txt_StartDate input, #Txt_EndDate input {text-align: left !important;} #PageContent1_ctl00_CONTROL_PaymentOptions_payTo_PayToBox{width: 95.5%;} #LinkedAccounts{width:116.5% !important;} .customerAccountFieldContainer_1{width: 25%;margin-top:0px;position: relative;line-height: 160%;display: inline-block;} .customerAccountFieldContainer_2 {width: 25%;margin-top:28px;position: relative;line-height: 160%;display: inline-block;} .customerAccountFieldContainer_3{width: 22%;margin-top:28px;position: relative;line-height: 160%;display: inline-block;} .customerAccountFieldContainer_4{margin-top:28px;position: relative;line-height: 160%;display: inline-block;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_1{width:25%;position: relative;line-height: 160%;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_2{width: 25%;position: relative;line-height: 160%;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_3{width: 22%;position: relative;line-height: 160%;} #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_4{display:inline-block;position: relative;line-height: 160%;} .logoprint{position:relative; z-index:1} .navbar-toggle{z-index:2} #loginbox .control-label, #AuthorizeBox .control-label, #AddBankAccountBox .control-label, #addCreditCard label{float:none;width:auto;padding-top:0;text-align:left;} #loginbox .controls, #AddBankAccountBox .controls, #addCreditCard .controls {margin-left:0px;} #footer{text-align:center;margin-right:40px;} #footer img{float:none !important; margin:auto !important} #menu>li{position:relative;display:block} #menu>li>a{position:relative;display:block;padding:10px 15px;text-align:center;} #menu>li>a:hover,#menu>li>a:focus{text-decoration:none;background-color:#eee} #navmenu{position:absolute; width:100%; top:0} .menutable{top:0 !important; padding:0;background:#FFF} .navbar-collapse.in{overflow-y:visible !important; } #navmenu ul li{padding:0} #navmenu ul li a{border-bottom:1px solid #ddd} .horizontal-separator{display:none} .viewContactInfoFooter, #customerAccountProfile{width:100% !important} #loginbox, #viewContactInfoBox, #EmailConfirmationBox,#OneTimePaymentBox, #ConvenienceFeeBox, #OneTimePaymentScheduleBox, #PaymentMethodBox, #AuthorizeBox, #PaymentOptionBoxBorder, #PaymemtMethodBox, #OneTimePaymentoptionBox, #PaymentdateBox,viewNotificationSubscriptionsBox, #PhoneNumbersBox, #SubscriptionsBox{width:95.5%} .printButton{margin:10px 0 0 0 !important; width:100% !important} /*#CurrentBalanceLeft, #CurrentBalanceRight, #OriginalCreditorLeft, #OriginalCreditorRight{float:none; width:98%; margin:10px auto 0 auto; text-align:left;}*/ #contactInfoRecordLeft, #FirstNameLeft, #LastNameLeft, #AddressLine1left, #AddressLine2Left, #CityLeft, #StateLeft, #ZipLeft, #EmailLeft,#userDefinedTwoLeft,#userDefinedOneLeft{position:relative;width:100%; float:none; text-align:left;max-width:100%;padding-top:5px; margin:10px 0 0 0} #contactInfoRecordRight, #FirstNameRight, #LastNameRight, #AddressLine1Right, #AddressLine2Right, #CityRight, #StateRight, #ZipRight, #EmailRight,#userDefinedOneRight,#userDefinedTwoRight{/*width:150px;*/ float:none; margin:auto;width:100%;/*margin-left:130px;margin-top:-22px;*/padding-top:5px;} #ContactInfoBox{width:96%} .contactInfoRecord input, #RecurringScheduleBox{width:97%} .contactInfoRecord select, .contactInfoFooter input{width:100%} /*#NextPaymentDateLeft, #NextPaymentDateRight, #PaymentAmountLeft, #PaymentAmountRight{float:none; width:100%}*/ #RadioButtonListSingleUse_0,#RadioButtonListSingleUse_1{width:14px !important;vertical-align:middle !important;} #loginbox, #viewContactInfoBox, #customerAccountProfile, ##SchedulePaymentsBox, #viewNotificationSubscriptionsBox{width:96%} .loginFooter .button, #VerifyFooterRight .button, #VerifyFooterLeft .button{width:100% !important} #PaymentMethodFooter input, #customerProfileFooter input, #EmailConfirmationBox input[type="submit"], #scheduledPaymentFooter input, .PaymentHistoryFooter input, #lbtnShowDetails, #scheduledPayments{width:100% !important} #Txt_CardNumber, #Txt_SecurityCode, #paymentOptionPanels{width:100% !important} #PaymentHistoryBox input, #TotalAmountBox, #FirstPaymentBox{width:97% !important} #PaymentHistoryBox select{/*width:97% !important;min-width:40% !importantwidth:48%;*/ width:48%;} #EmailConfirmationBox input[type="email"]{width:96.5% !important} #PanelBoxNumber0{padding:10px 0 !important; width:100% !important} #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_Continue{ float:none; margin-right:0; width:100% !important} #PageContent1_ctl00_CONTROL_CustomerProfile_Btn_UpdateContactInfo{float:none; width:100% !important} /*#PaymentMethodBankAccount{float:none; width:100%}*/ /*#dateRecordright{float:none; margin:0; text-align:left}*/ #BankAccountBox, #ConvenienceFeePlanBox, #CreditCardsBox, #SemiMonthlyOptionBox, #BiWeeklyOptionBox, #QuartelyOptionsBox, #WeeklyOptionBox, #RecurringPaymentBox, #PaymentScheduleBox{width:94%} #MonthlyOptionsBox{width:95%} #OneTimePaymentScheduleBox .control-label{float:left !important; width:50%} .mob_clear{display:block; clear:both} #PageContent1_ctl00_CONTROL_PaymentHistory_Lbl_Range{width:100% !important; clear:both !important} /*#AccountHomeTable{float:none !important}*/ #home-content{min-height:450px; padding-top:20px} /* Force table to not be like tables anymore */ .dynamic-table table, .dynamic-table thead, .dynamic-table tbody, .dynamic-table th, .dynamic-table td, .dynamic-table tr { display: block; } .dynamic-table thead tr { position: absolute;top: -9999px;left: -9999px;} .dynamic-table tr { border: 1px solid #ccc; } .dynamic-table td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; } .dynamic-table td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;} .dynamic-table td:nth-of-type(1):before { content: "Settle Date"; } .dynamic-table td:nth-of-type(2):before { content: "Entered On"; } .dynamic-table td:nth-of-type(3):before { content: "Amount"; } .dynamic-table td:nth-of-type(4):before { content: "Account"; } .dynamic-table td:nth-of-type(5):before { content: "Status"; } .dynamic-table td:nth-of-type(6):before { content: "Confirmation Number"; } .dynamic-table td:nth-of-type(7):before { content: "Account Ref Code"; } .dynamic-table td:nth-of-type(8):before { content: "Part Of Series"; } .dynamic-table td:nth-of-type(9):before { content: "Cancel?"; } .dynamic-table td:nth-of-type(9):after { content: "\00a0"; } .dynamic-table td:nth-of-type(10):before { content: ""; } .dynamic-table .row{margin:0 !important} .gridPaymentHistoryPager td table tbody tr td{display:inline-table !important} .SettledOn, .EnteredOn, .Amount, .Status, .ConfirmationNumber, .AccountRefCode, .PartOfSeries, .Account,.Cancel,#PageContent1_ctl00_CONTROL_PaymentHistory_sortDescription{display:none !important} .gridPaymentHistoryPager td:nth-of-type(1)::before,.gridPaymentHistoryPager td:nth-of-type(2)::before,.gridPaymentHistoryPager td:nth-of-type(3)::before,.gridPaymentHistoryPager td:nth-of-type(4)::before,.gridPaymentHistoryPager td:nth-of-type(5)::before,.gridPaymentHistoryPager td:nth-of-type(6)::before,.gridPaymentHistoryPager td:nth-of-type(7)::before,.gridPaymentHistoryPager td:nth-of-type(8)::before,.gridPaymentHistoryPager td:nth-of-type(9)::before,.gridPaymentHistoryPager td:nth-of-type(10)::before{content: none !important;} .gridPaymentHistoryPager td{display:inline-table !important} .gridPaymentHistoryPager td:nth-of-type(9)::after{content: none !important;} #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress input{width:auto !important; margin-top:3px;margin-right: 2%;} .menutable ul li a{margin-right:0 !important} #dateRecordleft{width:40%} #Txt_PaymentDate, #txtFirstPaymentDate, #txtEndDate{width:112px; text-align:left;} .paymentHistoryRow input, #Txt_StartDate, .paymentHistoryRow, .paymentHistoryRow span{width:100% !important;min-width:95% !important;} #footer .col-lg-6{float:none !important; width:100% !important} #footer .col-lg-6 + .col-lg-6{width:100% !important; float:none !important; margin:0; text-align:center} #footer .col-lg-6 + .col-lg-6 img{width:102px} #PanelBoxNumber1, #PanelBoxNumber2, #PanelBoxNumber3 {max-width:none;} /*#AccountOverviewBox {min-height:474px;}*/ #pnlCurrentPaymentAmountright, #pnlPastDueBalanceright, #pnlMinPayAmountright, #pnlCurrentAmtandPastDueBalright,#pnlCurrentBalanceright,#pnlFulfillmentAmountright{width:28%;text-align:right;} #PayeeNameleft,#CustomerReferenceCodeLeft, #accountReferenceCodeLeft{float:left;font-family: sans-serif;font-size: 12px;position: relative;width: 52%;} #PayeeNameRight,#accountReferenceCodeRight,#CustomerReferenceCodeRight{float:left;font-family: sans-serif;font-size: 12px;position: relative;width: 48%; text-align:right} #dateRecordright { width: 56%; text-align: right;} #ConvenienceFeeleft, #Payeeleft, #PayeePlanleft, #ConvenienceFeePlanleft, #RecurringPayToAccountLeft, #OneTimePayToAccountLeft, #OneTimePaymentAmountLeft, #RecurringFirstPaymentAmountLeft, #RecurringFirstPaymentDateLeft, #VerifyPaymentAmountLeft, #PaymentDateLeft, #BankAccountTypeLeft, #BankAccountNumberLeft, #BankRoutingNumberLeft, #PaymentDateLeft, #RecurringAmountLeft, #PaymentFrequencyLeft, #NumberOfPaymentsLeft, #RecurringLastPaymentAmountLeft, #RecurringLastPaymentDateLeft, #VerifyLoginNameLeft, #VerifyLoginPasswordLeft, #AuthorizeCheckBoxLeft, #VerifyCardTypeLeft, #VerifyCardNumberLeft, #VerifyCardExpdateLeft, #PaymentAmountFeeIncludedLeft, #ConvenienceFeeleft{display:inline-block;width:49%;} #PayeeRight, #PayeePlanright, #ConvenienceFeeRight, #ConvenienceFeePlanright, #RecurringPayToAccountRight, #OneTimePayToAccountRight, #OneTimePaymentAmountRight, #RecurringFirstPaymentAmountRight, #RecurringFirstPaymentDateRight, #VerifyPaymentAmountRight, #PaymentDateRight, #BankAccountTypeRight, #BankAccountNumberRight, #BankRoutingNumberRight, #PaymentDateRight, #RecurringAmountRight, #PaymentFrequencyRight, #NumberOfPaymentsRight, #RecurringLastPaymentAmountRight, #RecurringLastPaymentDateRight, #VerifyLoginNameRight, #VerifyLoginPasswordRight, #VerifyCardTypeRight, #VerifyCardNumberRight, #VerifyCardExpdateRight, #ConvenienceFeeRight, #PaymentAmountFeeIncludedRight {display:inline-block;margin-left:0;margin-right:0;margin-top:0;} #AuthorizeCheckBoxRight{ margin-left:59px; margin-bottom:0 !important; margin-top:-20px;} #OneTimePaymentScheduleBox .control-label {padding-bottom:5px;} #paymentOptionsRecordLeft,#paymentOptionsRecordLeft{width:auto;float:none;} #firstPaymentAmountright{width:47%;} #firstPaymentDateleft{ width:42%;vertical-align:top;} #firstPaymentDateright{width:55%;text-align:right;} #CustomerAccountStatusLeft, #NextDueDateLeft, #PaymentDueDateLeft, #OriginalCreditorLeft, #CurrentBalanceLeft, #CurrentPaymentAmountLeft, #PastDueBalanceLeft, #MinPayAmountLeft, #CurrentAmtandPastDueBalLeft, #OtherPayLeft, #NextPaymentDateLeft, #PaymentAmountLeft, #FrequencyLeft, #FulfillmentAmountLeft, #FulfillmentCreditLeft, #GoodUntilDateLeft, #CustomerAccountTypeLeft, #CustomerAccountFeeTotalLeft, #PastDueAmtandCustomerAccFeeTotalLeft, #ForwarderLeft, #CustomerAccountOriginationDateLeft, #CustomerAccountMessageLeft, #PaymentIntervalLeft{width:70%;} #CurrentBalanceRight, #OriginalCreditorRight { width: 30%;} #pnlCurrentPaymentAmountleft, #pnlPastDueBalanceleft, #pnlMinPayAmountleft, #pnlCurrentAmtandPastDueBalleft{ width:70%;} #pnlCurrentBalanceleft, #pnlFulfillmentAmountleft { width:70%;} #pnlOtherPayright{ width:48%;} #PaymentMethodBankAccount,#PaymentMethodCreditCard{ width:auto; float:none; margin-left:0;} #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleLeft,#cboxMiddleRight{display:none;} #cboxLoadedContent{ width:100% !important; height:100% !important; min-height:150px;} #cboxContent{ width:95% !important; /*word-break: break-all;*/ border: 6px solid #003; height:100% !important; min-height:150px;} #cboxWrapper{ width:100% !important; height:100% !important;} #colorbox{padding-bottom: 57px; padding-right: 28px; top: 1719.56px; margin:auto auto !important; left:0px !important; right:0px; position: absolute; width:70% !important;height:100% !important;} .control-save{margin-left:0px;} .PaymentOptionRadio input[type="radio"], .balanceRecord input[type="radio"], #PaymentMethodBankAccount input[type="radio"], #PaymemtMethodBox input[type="radio"] {margin-top: 3px !important;} #creditCardItems .radio input[type="radio"], #bankAccountItems .radio input[type="radio"] {transform: none !important;} #RadioButtonListSingleUse_0, #RadioButtonListSingleUse_1 {width: 14px !important; vertical-align: sub !important;} #Rbl_AccountType_0, #Rbl_AccountType_1, #Rbl_AccountType2_0, #Rbl_AccountType2_1 {vertical-align: sub !important;} } @media screen and (max-width: 768px) and (orientation:landscape){ #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_2{width: 33% !important;} .customerAccountFieldContainer_2{width:33% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_LinkedAccountsPanel{width:103% !important;} .PaymentOptionRadio input[type="radio"], .balanceRecord input[type="radio"], #PaymentMethodBankAccount input[type="radio"], #PaymemtMethodBox input[type="radio"] {margin-top: 3px !important;} #creditCardItems .radio input[type="radio"], #bankAccountItems .radio input[type="radio"] {transform: none !important;} #RadioButtonListSingleUse_0, #RadioButtonListSingleUse_1 {width: 14px !important; vertical-align: sub !important;} #Rbl_AccountType_0, #Rbl_AccountType_1, #Rbl_AccountType2_0, #Rbl_AccountType2_1 {vertical-align: sub !important;} } @media only screen and (min-width:230px) and (max-width:350px) { } @media only screen and (min-width:220px) and (max-width:335px) { #AccountOverviewBox {min-height:auto;} } @media only screen and (min-width:220px) and (max-width:383px) { #AddCreditCardBox label{display: inline-block; width: auto; } #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_0{ display: inline-block; vertical-align: top; margin-top: 5px !important;} } @media only screen and (min-width:220px) and (max-width:899px) { #TotalAmountBox label{display:inherit;} } #ddlExpMonth,#ddlExpYear{ width:150px;} #MonthlyOptionsBox input, #QuartelyOptionsBox input,#SemiMonthlyOptionBox input{ vertical-align:inherit;} #PaymentHistoryBox input{ widdth:23%;} @media screen and (max-width: 768px){ #ddlExpMonth,#ddlExpYear{ width:102%;} } @media screen and (max-width: 767px){ #ddlExpMonth,#ddlExpYear{ width:100%;} } /*For Ie*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_0, #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_1{margin-top: 0 !important ; } #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_0, #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_1{vertical-align: sub !important; } #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-bottom:15px;} } @-moz-document url-prefix() { /*#Rbl_AccountType_0,#Rbl_AccountType_1,#Rbl_AccountType2_0,#Rbl_AccountType2_1{vertical-align: sub !important;}*/ #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-bottom:15px;} #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_0, #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_1{vertical-align: sub !important; } } #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_0, #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress_1{ margin-top: 0px \9 ; } @media only screen and (min-width:401px) and (max-width:471px) { #monthlyDayOfMonth2{ margin-left:62px; } #monthlyDayOfMonth1{ margin-left:24px; } } @media only screen and (min-width:400px) and (max-width:454px) { #semiMonthlyDayOfMonthOption1{ margin-left:20px; } #semiMonthlyDayOfMonthOption2Row1{ margin-left:59px; } #semiMonthlyDayOfMonthOption2Row2{ margin-left:75px; } } @media screen and (max-width: 399px){ #semiMonthlyDayOfMonthOption1,#semiMonthlyDayOfMonthOption2Row1,#semiMonthlyDayOfMonthOption2Row2{margin-left:0} } @media screen and (max-width: 400px){ #monthlyDayOfMonth1, #monthlyDayOfMonth2, #quarterlyOption1, #quarterlyOption2{margin-left:0} } /* for iphone*/ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal {margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal {margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-20px;text-align:right;width: 90.5% !important;} } /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount {margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.7% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount {margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount {margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* For ipad*/ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ #PaymentScheduleBox #PaymentPlanPaymentDate, #PaymentScheduleBox #PaymentDateTitle, #PaymentScheduleBox #SinglePaymentDateTitle, #PaymentScheduleBox #singlePaymentDate, #PaymentScheduleBox #paymentdate, #PaymentScheduleBox #PaymentPlanPayee, #PaymentScheduleBox #PayeeTitle, #PaymentScheduleBox #SinglePayeeTitle, #PaymentScheduleBox #singlePayee, #PaymentScheduleBox #payee, #PaymentScheduleBox #PaymentPlanAmount, #PaymentScheduleBox #PaymentAmountTitle, #PaymentScheduleBox #SinglePaymentAmountTitle, #PaymentScheduleBox #singlePaymentAmount, #PaymentScheduleBox #totalAmount, #PaymentScheduleBox #PaymentPlanFee, #PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #SingleFeeTitle, #PaymentScheduleBox #singleFee, #PaymentScheduleBox #PaymentPlanTotalAmount, #PaymentScheduleBox #TotalAmountTitle, #PaymentScheduleBox #SingleTotalAmountTitle, #PaymentScheduleBox #singleTotalAmount {display: table-cell; width: 19% !important; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ #PaymentScheduleBox #PaymentPlanPaymentDate, #PaymentScheduleBox #PaymentDateTitle, #PaymentScheduleBox #SinglePaymentDateTitle, #PaymentScheduleBox #singlePaymentDate, #PaymentScheduleBox #paymentdate, #PaymentScheduleBox #PaymentPlanPayee, #PaymentScheduleBox #PayeeTitle, #PaymentScheduleBox #SinglePayeeTitle, #PaymentScheduleBox #singlePayee, #PaymentScheduleBox #payee, #PaymentScheduleBox #PaymentPlanAmount, #PaymentScheduleBox #PaymentAmountTitle, #PaymentScheduleBox #SinglePaymentAmountTitle, #PaymentScheduleBox #singlePaymentAmount, #PaymentScheduleBox #totalAmount, #PaymentScheduleBox #PaymentPlanFee, #PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #SingleFeeTitle, #PaymentScheduleBox #singleFee, #PaymentScheduleBox #PaymentPlanTotalAmount, #PaymentScheduleBox #TotalAmountTitle, #PaymentScheduleBox #SingleTotalAmountTitle, #PaymentScheduleBox #singleTotalAmount {display: table-cell; width: 19% !important;} /*#AddBankAccountBox .controls, #addCreditCard .controls { margin-left: auto;} #AddBankAccountBox .control-label, #addCreditCard label, #AddCreditCardBox .control-label{float:left;width:100%;padding-top:5px;text-align:left;}*/ } @media only screen and (min-width:240px) and (max-width:400px) { #installmentWithFeeFooter #installmentWithFeeFooterAmount{ width:19.5% !important;} #installmentWithFeeFooter #totalsWithFeeLabel{ width:21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee{ width:21% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width:89% !important;} #installmentWithFeeFooter .payee_content{ width:20% !important;} } @media only screen and (min-width:567px) and (max-width:684px) { #PaymentScheduleBox #PaymentDateTitle {width: 19.4%} #PaymentScheduleBox #FeeTitle{width:20.2%;} } @media only screen and (min-width:671px) and (max-width:768px) { #installmentWithFeeFooter #totalsWithFeeLabel{width:21.25% !important; } #installmentWithFeeFooter .payee_content{width:21.2% !important; } #installmentWithFeeFooter #installmentWithFeeFooterAmount{width:21.4% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee{width:21.4% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter{width:91%;} } @media only screen and (min-width:601px) and (max-width:670px) { #installmentWithFeeFooter #totalsWithFeeLabel{width:21% !important;} #installmentWithFeeFooter .payee_content{width:17.6% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount{width:19.5% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee{width:19.3% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter{width:92%;} } @media only screen and (min-width:401px) and (max-width:600px) { #installmentWithFeeFooter #totalsWithFeeLabel{width:20.5% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount{ width:20.4% !important; } #installmentWithFeeFooter #installmentWithFeeFooterFee{width:21.6% !important; } #installmentWithFeeFooter .payee_content{width:21.2% !important; } } @media only screen and (max-width:600px) and (min-width:565px){ #installmentNoFeeFooter, #installmentWithFeeFooter{ width:92.5%; } } @media only screen and (max-width:564px) and (min-width:501px){ #installmentNoFeeFooter, #installmentWithFeeFooter{width:91.5%; } } @media only screen and (max-width:500px) and (min-width:461px){ #installmentNoFeeFooter, #installmentWithFeeFooter{ width:90.5%; } } @media only screen and (max-width:460px) and (min-width:401px){ #installmentNoFeeFooter, #installmentWithFeeFooter{ width:89%; } } @media only screen and (max-width:485px) and (min-width:769px){ #installmentWithFeeFooter .payee_content { width: 21.2% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount{ width:21.5%;} #installmentWithFeeFooter #installmentWithFeeFooterFee{ width:19%;} } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 21.5% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 16.5% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PaymentDateTitle { display: table-cell; width: 20% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 20.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-20px;text-align:right;width: 88.5% !important;} } /*ipad*/ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ .payee_content { width: 19.25% !important; } #installmentWithFeeFooterAmount { width: 19.5% !important; } #installmentWithFeeFooterFee { width: 19.5% !important; } } /*android*/ @media only screen and (min-device-width: 20em) and (max-device-width: 30em){ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Android Tablet (portrait and landscape) ----------- */ @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) { /* Styles */ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Android Tablet (landscape) ----------- */ @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : landscape) { /* Styles */ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Android Tablet (portrait) ----------- */ @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) { /* Styles */ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Desire + Galaxy S2 (portrait and landscape) ----------- */ @media only screen and (min-device-width : 480px) and (max-device-width : 800px) { /* Styles */ } /* Desire + Galaxy S2 (landscape) ----------- */ @media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : landscape) { /* Styles */ } /* Desire + Galaxy S2 (portrait) ----------- */ @media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : portrait) { /* Styles */ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } @charset "utf-8"; /* CSS Document */ /* For Android*/ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) { } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- Galaxy S4 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { } /* ----------- Galaxy S5 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-19px;text-align:right;margin-right: 41px;} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { } /* 6*/ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio : 4) and (-webkit-device-pixel-ratio: 4) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio : 4) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-19px;margin-right: 41px;text-align:right;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-19px;margin-right: 108px !important;text-align:right;} } /*7*/ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 5) { # #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 5) and (orientation: portrait) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { } input[type=checkbox], input[type=radio] { margin: 0px 0 0;} @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:portrait) { /* For iPad portrait layouts only */ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important; } #PaymentScheduleBox #PaymentDateTitle { display: table-cell; width: 20% !important; } #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 19.75% !important; } #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 19.75% !important; } #PaymentScheduleBox #FeeTitle { display: table-cell; width: 20% !important; } #PaymentScheduleBox #TotalAmountTitle { display: table-cell; width: 20% !important; } #installmentWithFeeFooter .payee_content { width: 21.25% !important; } #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 19.45% !important; } #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19.5% !important; } #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important; } #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-20px;text-align:right;width:78.5% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_LinkedAccountsPanel{width:104% !important;} } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 21.2% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 19% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19.8% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} #PaymentScheduleBox #PaymentDateTitle { display: table-cell; width: 20% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-19px;text-align:right;width:86% !important;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 22.25% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 19.4% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 20.5% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.2% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-19px;text-align:right;margin-right: 53px;} #PageContent1_ctl00_CONTROL_CustomerAccount_LinkedAccountsPanel{width:103% !important;} } /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ /* Landscape */ @media only screen and (device-height: 375px) and (device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 18.5% !important;} #installmentWithFeeFooter .payee_content { width: 21.5% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 19.5% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 20.75% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PaymentDateTitle { display: table-cell; width: 20% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 20.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21% !important;} } /* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 17.5% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 21% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 19% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentAmtandPastDueBal { margin-right: 4%;} #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} #installmentWithFeeFooter #totalsWithFeeLabel { width: 19.4% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 19.2% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 20.3% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PaymentDateTitle { display: table-cell; width: 20% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.5% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } /* Landscape */ @media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_CurrentPaymentAmount, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_PastDueBalance, #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_Rdo_MinPayAmount { margin-right: 9px;} /*#PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;}*/ #installmentWithFeeFooter #totalsWithFeeLabel { width: 20.2% !important;} #installmentWithFeeFooter .payee_content { width: 20% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 19.6% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 20.7% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.3% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20% !important;} #PaymentScheduleBox #PaymentDateTitle { display: table-cell; width: 20% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} } @media only screen and (device-width:414px) and (device-height:736px) and (orientation:landscape){ #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-20px;text-align:right;width:87% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_LinkedAccountsPanel{width:104% !important;} } @media screen and (min-device-width: 361px) and (max-width: 420px){ #PaymentScheduleBox #PayeeTitle,#PaymentScheduleBox #PaymentDateTitle,#PaymentScheduleBox #PaymentAmountTitle,#PaymentScheduleBox #FeeTitle{ width:19% !important} #PaymentScheduleBox #TotalAmountTitle{ width:21% !important;} } @media screen and (max-width: 568px){ #PaymentScheduleBox #PaymentPlanPaymentDate, #PaymentScheduleBox #SinglePaymentDateTitle, #PaymentScheduleBox #singlePaymentDate, #PaymentScheduleBox #paymentdate, #PaymentScheduleBox #PaymentPlanPayee, #PaymentScheduleBox #SinglePayeeTitle, #PaymentScheduleBox #singlePayee, #PaymentScheduleBox #payee, #PaymentScheduleBox #PaymentPlanAmount, #PaymentScheduleBox #SinglePaymentAmountTitle, #PaymentScheduleBox #singlePaymentAmount, #PaymentScheduleBox #totalAmount, #PaymentScheduleBox #PaymentPlanFee, #PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #singleFee, #PaymentScheduleBox #PaymentPlanTotalAmount, #PaymentScheduleBox #SingleTotalAmountTitle, #PaymentScheduleBox #singleTotalAmount{ width:19%; } #PaymentScheduleBox #PaymentDateTitle{ display:table-cell; width:19%} #PaymentScheduleBox #PayeeTitle{ display:table-cell; width:19.8%} #PaymentScheduleBox #PaymentAmountTitle{ display:table-cell; width:19.7%} #PaymentScheduleBox #FeeTitle{ display:table-cell; width:20.5%} #PaymentScheduleBox #TotalAmountTitle{ display:table-cell; width:20%} } /* ----------- iPhone 6+ ----------- */ /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #installmentWithFeeFooter #totalsWithFeeLabel { width: 18.5% !important;} #installmentWithFeeFooter .payee_content { width: 20.5% !important;} #installmentWithFeeFooter #installmentWithFeeFooterAmount { width: 19.25% !important;} #installmentWithFeeFooter #installmentWithFeeFooterFee { width: 20.25% !important;} #installmentNoFeeFooter, #installmentWithFeeFooter { width: 100% !important;} #PaymentScheduleBox #PayeeTitle { display: table-cell; width: 21.8% !important;} #PaymentScheduleBox #PaymentAmountTitle { display: table-cell; width: 20.7% !important;} #PaymentScheduleBox #FeeTitle { display: table-cell; width: 21.5% !important;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel{width: 60%;position:relative;text-align:right;margin-top:16px;} #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{margin-top:-20px;text-align:right;width: 84.5% !important;} } @media screen and (max-width: 768px){ #loginbox, #viewContactInfoBox, #customerAccountProfile, #SchedulePaymentsBox, #viewNotificationSubscriptionsBox { width: 96% } #cboxClose{bottom: 0px;} #viewNotificationSubscriptionsBox, #PhoneNumbersBox, #SubscriptionsBox { width: 95.5% } } /* Updated CSS */ #RadioButtonListSingleUse { display: flex; } #RadioButtonListSingleUse label { padding-top: 0px; } #PageContent1_ctl00_CONTROL_PaymentMethods_Uc_CreditCard_Uc_AddCreditCard_Rbl_BillingAddress label { padding-top: 0px; } @media screen and (max-width: 550px) { .ui-dialog { width: 98% !important; } } /* Radio Button CSS fix */ #AddBankAccountBox .control-label { padding-top: 0px !important; } /* CSS for Linked Accounts -- This Makes column width 1/3 or 33% and alings text center -- This also make login input boxes full screen */ @media screen and (max-width: 768px){ #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_1, #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_2, #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_3, .customerAccountFieldContainer_1, .customerAccountFieldContainer_2, .customerAccountFieldContainer_3 { width: 33%; text-align: center;} #PageContent1_ctl00_CONTROL_LoginWidget_Txt_UserName, #PageContent1_ctl00_CONTROL_LoginWidget_Txt_Password{ width:98%;} } /*custom css*/ /* Fee linked accounts*/ #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel { width: 66% !important; } /* non fee linked accounts */ @media screen and (min-width: 990px){ #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{ width: 61% !important; } #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel { width: 36% !important; }} #PageContent1_ctl00_CONTROL_LoginWidget_Txt_UserName { margin-bottom: 0px !important; } #PageContent1_ctl00_CONTROL_LoginWidget_lblUserNameOptional { margin-bottom: 7px !important; } #scheduledPayments{display: none;} #billingAddress{display:none;} /*controls for inputs and makes them un-clickable*/ #contactInfoRecordRight, #FirstNameRight, #LastNameRight, #AddressLine1Right, #AddressLine2Right, #CityRight, #StateRight, #ZipRight{width:60%; float:right;/*margin-left:130px;margin-top:-22px;*/padding-top:5px; } /* Adding ADA Compliance CSS*/ .payment_inner {background-color: #d2dfe7; color: #000;} #okButton { margin-top: 30px; padding-bottom: 2px; cursor: pointer; border: 1px solid transparent; vertical-align: middle; padding: 10px 16px; line-height: 1.33; border-radius: 6px; background-color: #304a30 !important; color: #fff; border-color: #304a30; } .show-menu {color:#000000;} .menutable ul li a:hover {color:#597297 !important;} #loginbox {border-top:1px solid #6E6E6E; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; border-left:1px solid #6E6E6E;} input:focus { box-shadow: 0 0 0 2px #FFFFFF, 0 0 3px 5px #3A97F9; outline: 2px dotted transparent; outline-offset: 2px; } #viewContactInfoBox { border-top:1px solid #6E6E6E; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; border-left:1px solid #6E6E6E; } #LinkedAccounts {border:1px solid #6E6E6E; } #AccountHomeBox, #AccountOverviewBox, #SchedulePaymentsBox {border-top:1px solid #6E6E6E; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; border-left:1px solid #6E6E6E; } #PaymentHistoryBox { border-top:1px solid #6E6E6E; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; border-left:1px solid #6E6E6E } #ddlExpMonth { float: left; } #ddlExpYear { float: left; margin-left: -35px; } #lbl_ExpirationDateYear { padding-top: 5px; margin-left: 10px; } .PaymentPlanPaymentAmountpopup { margin-left: 152px; margin-top: -20px; text-align: right; width: 60px; } .fieldsetWithLegend { margin-top: -18px; } #CreditCardsBox, #BankAccountBox,#MonthlyOptionsBox, #ConvenienceFeeBox, #PageContent1_ctl00_CONTROL_PaymentOptions_payTo_PayToBox, #PaymentOptionBox, #PaymentOptionBoxBorder, #OneTimePaymentoptionBox, #PaymentdateBox, #PaymemtMethodBox, #TotalAmountBox, #FirstPaymentBox, #RecurringScheduleBox, #ContactInfoBox, #viewContactInfoBox, #PaymentConfirmBox, #confirmationErrorRecordBox, #SemiMonthlyOptionBox, #BiWeeklyOptionBox, #QuartelyOptionsBox, #WeeklyOptionBox {border-top:1px solid #6E6E6E; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; border-left:1px solid #6E6E6E;} .content fieldset.payment-schedule li+li { border-left: 1px solid #6E6E6E;} table.dataTable { margin-bottom:15px; } table.dataTable thead th { border: none; } table.dataTable.display tbody td { border: none; } #Date { text-align:left; padding: 0px 0px 0px 10px; } #Payee { text-align:left; padding: 0px 0px 0px 10px; } #Amount { text-align:right; padding: 0px 0px 0px 10px; } #Fee { text-align:right; } #Total { text-align:right; } #Total_footer_label { text-align:left; padding: 8px 0px 0px 10px; } #Amount_footer { text-align:right; padding: 8px 10px 0px 0px; } #Fee_footer { text-align:right; padding: 8px 10px 0px 0px; } #Total_footer { text-align:right; padding: 8px 10px 0px 0px; } select[name="verifyInfoInstallmentsTable_length"] { width: 80px; } .InstallmentsHeaderStyle, .InstallmentsFooterStyle { font-weight: bold; font-size: 12px; } .InstallmentsItemStyle { background: #f6f6f6; font-size: 12px; } #VerifyInformationBox, #AuthorizeBox, #OneTimePaymentScheduleBox, #PaymentMethodBox, #ConvenienceFeePlanBox, #RecurringPaymentBox, #PaymentScheduleBox {border-top:1px solid #6E6E6E; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; border-left:1px solid #6E6E6E;} .RedTextPopup {color: Maroon;} #EmailConfirmationBox, #ConvenienceFeePlanBox, #RecurringPaymentBox, #PaymentScheduleBox {border-top:1px solid #6E6E6E; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; border-left:1px solid #6E6E6E; } textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {border:1px solid #888888;} a:focus {outline:thin dotted #333;outline:5px auto #005580;outline-offset:-2px;} /*please note that this color may vary depending on the theme of the site*/ .section {border;=:1px solid #6E6E6E;} /*End ADA CSS addition*/ /* Fixing Make Changes Button from ADA */ #btnMakeChanges{ margin-top: 30px; cursor: pointer; border: 1px solid transparent; vertical-align: middle; padding: 10px 16px; line-height: 1.33; border-radius: 6px; background-color: #999999; } #viewContactInfoBox { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f6f6f6; width: 650px; padding: 5px 10px 10px 10px; margin-top: 15px; } @media only screen and (min-width:260px) and (max-width:708px) { #viewContactInfoBox { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f6f6f6; width: auto; padding: 5px 10px 10px 10px; margin-top: 15px; } #PageContent1_ctl00_CONTROL_VerifyInformation_chkDuplicateAuthorize{ float: right; } } @media print { .navbar-toggle{display: none;} } /*custom css*/ /* Fee linked accounts #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel { width: 66% !important; }*/ /* non fee linked accounts */ @media screen and (min-width: 990px){ #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceValue{ width: 61% !important; } #PageContent1_ctl00_CONTROL_CustomerAccount_linkedAccountTotalBalanceLabel { width: 36% !important; }} #PageContent1_ctl00_CONTROL_LoginWidget_Txt_UserName { margin-bottom: 0px !important; } #PageContent1_ctl00_CONTROL_LoginWidget_lblUserNameOptional { margin-bottom: 7px !important; } /* Split PAyment Css for prettier box */ #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_OnetimePayment_OneTimeSplitPaymentoptionBox{ border: thin solid #C0C0C0; padding: 5px 2% 10px 2%; width: 78%; background-color: #f6f6f6; margin-bottom: 20px; } #pnlTotalAggregateBalanceright,#pnlTotalAggregateCurrentPaymentright{ display: inline-block; width: 16%; text-align: right; position: relative; }#pnlTotalAggregateBalanceleft,#pnlTotalAggregateCurrentPaymentleft { display: inline-block; width: 50%; text-align: left; position: relative; } #pnlOtherSplitPayright{ display: inline-block; width: 16%; text-align: right; } #pnlOtherSplitPayleft{ display: inline-block; width: 50%; text-align: left; } /*hiding ADA addition of customer? */ #PageContent1_ctl00_CONTROL_CustomerProfile_viewCustomer{ display: none; } /*media query to fix authbox on verify page*/ @media screen and (max-width:768px){ #AuthorizeBox .control-label { float:left !important; width: auto !important; padding-right: 10px !important; } #PageContent1_ctl00_CONTROL_VerifyInformation_chkAuthorizePayment .control-label { margin-right: 66% !important; width:auto !important; } } /*media query to fix linked accounts*/ #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_1 { text-align: left !important; } #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_2 { text-align: left !important; } #PageContent1_ctl00_CONTROL_CustomerAccount_dynamicHeaderField_3 { text-align: end !important; } /*Fixiing some payment plan issues */ #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_lblEndDateLabel,#PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_lblReurringFrequencyLabel{ padding-right: 5px; } #PageContent1_ctl00_CONTROL_PaymentOptions_Uc_PaymentPlans_lblRecurringAmountLabel{ display: none; } #PageContent1_ctl00_CONTROL_CustomerProfile_Pnl_NotificationSubscriptions{ padding-top: 75px; } #viewNotificationSubscriptionsBox, #PhoneNumbersBox, #SubscriptionsBox { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f6f6f6; width: 650px; padding: 5px 10px 10px 10px; margin-top: 15px; } #ReceiveInfoLeft { position: relative; margin-left: 0px; display: inline-block; width: 5%; } #TextPaymentLeft { position: relative; margin-left: 25px; display: inline-block; width: 6%; } #ReceiveInfoRight, #TextPaymentRight { display: inline-block; text-align: left; width: 85%; vertical-align: top; } #PhoneNumberLeft { width: 30%; float: left; padding-top: 4%; } #PhoneNumberRight { margin-left: 31%; padding-top: 3%; } #SMSRight { margin-left: 6%; padding-top: 3%; } #SMSLeft { width: 5%; float: left; padding-top: 3%; } .AddNewPhoneBox { width: 96%; } #SubscriptionsBox,#PhoneNumbersBox{ max-width: 600px; } .ImageInfo { max-width: 4%; margin-left: 5px; } #container{ display: block !important; }