#accountDefault, #accountEditDefault, #addressBookDefault, #accountPassword, #accountHistoryDefault, #accountHistoryInfo, #logoffDefault, #passwordForgotten, #createAcctSuccess, #timeOutDefault, #cookieUsageDefault { max-width: none; margin: 0 auto 45px; padding: 0 15px; color: #333; } #accountDefault h1, #accountEditDefault h1, #addressBookDefault h1, #accountPassword h1, #accountHistoryDefault h1, #accountHistoryInfo h1, #logoffDefault h1, #passwordForgotten h1, #createAcctSuccess h1, #timeOutDefault h1, #cookieUsageDefault h1 { margin: 18px 0 24px; padding: 0 0 12px; border-bottom: 1px solid #e5e5e5; color: #222; font-size: 28px; font-weight: 600; line-height: 1.3; } /* Match production sign-out heading presentation */ #logoffDefault h1, #logoffDefaultHeading { margin: 0 -10px 10px -10px; padding: 2px 0 3px 19px; border-bottom: 0; color: #2d2d2d; font-size: 16px; line-height: 32px; font-family: 'Sora', sans-serif; text-transform: uppercase; background: url(../images/title-bg.jpg) repeat-x left top; text-shadow: 1px 1px #fff; } #accountDefault h2, #accountEditDefault h2, #addressBookDefault h2, #accountPassword h2, #accountHistoryDefault h2, #accountHistoryInfo h2, #logoffDefault h2, #passwordForgotten h2, #createAcctSuccess h2, #timeOutDefault h2, #cookieUsageDefault h2, #accountDefault h3, #accountEditDefault h3, #addressBookDefault h3, #accountPassword h3, #accountHistoryDefault h3, #accountHistoryInfo h3, #logoffDefault h3, #passwordForgotten h3, #createAcctSuccess h3, #timeOutDefault h3, #cookieUsageDefault h3 { margin: 22px 0 12px; color: #222; font-size: 18px; font-weight: 600; line-height: 1.35; } #accountDefault .content, #accountEditDefault .content, #addressBookDefault .content, #accountPassword .content, #accountHistoryDefault .content, #accountHistoryInfo .content, #logoffDefault .content, #passwordForgotten .content, #createAcctSuccess .content, #timeOutDefault .content, #cookieUsageDefault .content, #accountDefault fieldset, #accountEditDefault fieldset, #addressBookDefault fieldset, #accountPassword fieldset, #passwordForgotten fieldset { margin: 0 0 18px; padding: 18px; border: 1px solid #e1e1e1; background: #fff; } /* Remove bordered text box on sign-out page */ #logoffDefault .content, #logoffDefaultMainContent { border: 0 !important; background: transparent !important; padding: 0 !important; } #accountDefault legend, #accountEditDefault legend, #addressBookDefault legend, #accountPassword legend, #passwordForgotten legend { width: auto; margin: 0 0 10px; padding: 0 8px; border: 0; color: #222; font-size: 17px; font-weight: 600; } #accountDefault .back, #accountEditDefault .back, #addressBookDefault .back, #accountPassword .back, #accountHistoryDefault .back, #accountHistoryInfo .back, #logoffDefault .back, #passwordForgotten .back, #createAcctSuccess .back, #timeOutDefault .back, #cookieUsageDefault .back { float: none; margin: 18px 0 0; } #accountDefault .buttonRow, #accountEditDefault .buttonRow, #addressBookDefault .buttonRow, #accountPassword .buttonRow, #accountHistoryDefault .buttonRow, #accountHistoryInfo .buttonRow, #logoffDefault .buttonRow, #passwordForgotten .buttonRow, #createAcctSuccess .buttonRow, #timeOutDefault .buttonRow, #cookieUsageDefault .buttonRow { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 20px 0 0; } #accountDefault .buttonRow.forward, #accountEditDefault .buttonRow.forward, #addressBookDefault .buttonRow.forward, #accountPassword .buttonRow.forward, #accountHistoryDefault .buttonRow.forward, #accountHistoryInfo .buttonRow.forward, #logoffDefault .buttonRow.forward, #passwordForgotten .buttonRow.forward, #createAcctSuccess .buttonRow.forward, #timeOutDefault .buttonRow.forward, #cookieUsageDefault .buttonRow.forward { justify-content: flex-end; } #accountDefault input[type="text"], #accountDefault input[type="email"], #accountDefault input[type="password"], #accountEditDefault input[type="text"], #accountEditDefault input[type="email"], #accountEditDefault input[type="password"], #addressBookDefault input[type="text"], #addressBookDefault input[type="email"], #addressBookDefault input[type="password"], #accountPassword input[type="text"], #accountPassword input[type="email"], #accountPassword input[type="password"], #passwordForgotten input[type="text"], #passwordForgotten input[type="email"], #passwordForgotten input[type="password"] { width: 100%; max-width: 420px; height: 42px; padding: 8px 12px; border: 1px solid #ccc; border-radius: 3px; background: #fff; color: #333; font-size: 14px; } #accountDefault label, #accountEditDefault label, #addressBookDefault label, #accountPassword label, #passwordForgotten label { display: block; margin: 0 0 6px; color: #333; font-weight: 600; } #accountDefault table, #accountEditDefault table, #addressBookDefault table, #accountPassword table, #accountHistoryDefault table, #accountHistoryInfo table, #logoffDefault table, #passwordForgotten table, #createAcctSuccess table, #timeOutDefault table, #cookieUsageDefault table { width: 100%; margin: 0 0 20px; border-collapse: collapse; background: #fff; } #accountDefault th, #accountDefault td, #accountEditDefault th, #accountEditDefault td, #addressBookDefault th, #addressBookDefault td, #accountPassword th, #accountPassword td, #accountHistoryDefault th, #accountHistoryDefault td, #accountHistoryInfo th, #accountHistoryInfo td, #logoffDefault th, #logoffDefault td, #passwordForgotten th, #passwordForgotten td, #createAcctSuccess th, #createAcctSuccess td, #timeOutDefault th, #timeOutDefault td, #cookieUsageDefault th, #cookieUsageDefault td { padding: 11px 12px; border: 1px solid #e1e1e1; vertical-align: top; } #accountDefault th, #accountEditDefault th, #addressBookDefault th, #accountPassword th, #accountHistoryDefault th, #accountHistoryInfo th, #logoffDefault th, #passwordForgotten th, #createAcctSuccess th, #timeOutDefault th, #cookieUsageDefault th, #accountDefault .tableHeading, #accountHistoryDefault .tableHeading, #accountHistoryInfo .tableHeading { background: #f5f5f5; color: #222; font-weight: 600; } #accountDefault ul, #accountEditDefault ul, #addressBookDefault ul, #accountPassword ul, #accountHistoryDefault ul, #accountHistoryInfo ul, #logoffDefault ul, #passwordForgotten ul, #createAcctSuccess ul, #timeOutDefault ul, #cookieUsageDefault ul { margin: 0 0 18px 18px; padding: 0; } #accountDefault li, #accountEditDefault li, #addressBookDefault li, #accountPassword li, #accountHistoryDefault li, #accountHistoryInfo li, #logoffDefault li, #passwordForgotten li, #createAcctSuccess li, #timeOutDefault li, #cookieUsageDefault li { margin: 0 0 8px; } #accountDefault .accountLinkList { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; } #accountDefault .accountLinkList li { margin: 0; } #accountDefault .accountLinkList a { display: block; min-height: 44px; padding: 12px 14px; border: 1px solid #e1e1e1; background: #fff; color: #333; text-decoration: none; } #accountDefault .accountLinkList a:hover, #accountDefault .accountLinkList a:focus { border-color: #c8c8c8; background: #f8f8f8; color: #111; } #accountDefault:after, #accountEditDefault:after, #addressBookDefault:after, #accountPassword:after, #accountHistoryDefault:after, #accountHistoryInfo:after, #logoffDefault:after, #passwordForgotten:after, #createAcctSuccess:after, #timeOutDefault:after, #cookieUsageDefault:after { clear: both; content: ""; display: table; } @media (max-width: 767px) { #accountDefault, #accountEditDefault, #addressBookDefault, #accountPassword, #accountHistoryDefault, #accountHistoryInfo, #logoffDefault, #passwordForgotten, #createAcctSuccess, #timeOutDefault, #cookieUsageDefault { margin-bottom: 30px; padding: 0 12px; } #accountDefault h1, #accountEditDefault h1, #addressBookDefault h1, #accountPassword h1, #accountHistoryDefault h1, #accountHistoryInfo h1, #logoffDefault h1, #passwordForgotten h1, #createAcctSuccess h1, #timeOutDefault h1, #cookieUsageDefault h1 { font-size: 24px; } #accountDefault .content, #accountEditDefault .content, #addressBookDefault .content, #accountPassword .content, #accountHistoryDefault .content, #accountHistoryInfo .content, #logoffDefault .content, #passwordForgotten .content, #createAcctSuccess .content, #timeOutDefault .content, #cookieUsageDefault .content, #accountDefault fieldset, #accountEditDefault fieldset, #addressBookDefault fieldset, #accountPassword fieldset, #passwordForgotten fieldset { padding: 14px; } #accountDefault table, #accountEditDefault table, #addressBookDefault table, #accountPassword table, #accountHistoryDefault table, #accountHistoryInfo table, #logoffDefault table, #passwordForgotten table, #createAcctSuccess table, #timeOutDefault table, #cookieUsageDefault table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } #accountDefault .buttonRow, #accountEditDefault .buttonRow, #addressBookDefault .buttonRow, #accountPassword .buttonRow, #accountHistoryDefault .buttonRow, #accountHistoryInfo .buttonRow, #logoffDefault .buttonRow, #passwordForgotten .buttonRow, #createAcctSuccess .buttonRow, #timeOutDefault .buttonRow, #cookieUsageDefault .buttonRow { justify-content: flex-start; } }