/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */ .bui-global-btn { padding: 8px 20px; border-radius: 6px; border: 0px currentColor; transition:background-color 0.3s ease-out; height: auto; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-size: 14px; text-decoration: none !important; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; background-color:; } .bui-global-btn-small { height: 30px !important; min-width: 60px; } .bui-global-btn-primary { border-color: rgb(53, 128, 189); color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180); } .bui-global-btn-primary:hover { background-color: rgb(25, 157, 223); } .bui-global-btn-primary:active { border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177); } .bui-global-btn-hero { color: rgb(255, 255, 255); background-color: rgb(239, 111, 0); } .bui-global-btn-hero:hover { background-color: rgb(252, 179, 20); } .bui-global-btn-hero:active { background-color: rgb(255, 114, 0); } .bui-global-btn-secondary { color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); } .bui-global-btn-secondary:hover { background-color: rgb(187, 187, 187); } .bui-global-btn-secondary:active { background-color: rgb(102, 102, 102); } .bui-global-btn-disabled { color: rgb(153, 153, 153) !important; cursor: pointer; background-color: rgb(221, 221, 221); } .bui-global-btn-disabled:hover { background-color: rgb(221, 221, 221); } .bui-global-btn-disabled:active { background-color: rgb(221, 221, 221); } .bui-global-links { transition:0.3s ease-in-out; color: rgb(6, 122, 180); text-decoration: none; } .bui-global-links:hover { color: rgb(25, 157, 223); text-decoration: underline; } .bui-global-links:active { text-decoration: none; coloe: #199ddf; } .att-global-fonts-common { margin: 0px; text-transform: none; } .att-global-fonts-popup-header { margin: 0px; text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; } .att-global-fonts-popup-content { margin: 0px; text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; } a.reg-logout-btn { padding: 8px 20px; border-radius: 6px; border: currentColor !important; transition:background-color 0.3s ease-out; width: 94px !important; height: auto; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-family: clearviewattregular; font-size: 14px; text-decoration: none !important; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; background-color: rgb(102, 102, 102); -moz-box-sizing: border-box; valign: middle; } a.reg-logout-btn:hover { background-color: rgb(187, 187, 187); } a.reg-logout-btn:active { background-color: rgb(102, 102, 102); } ul.reg-Details-table > li { line-height: 0px !important; } ul.reg-Details-table { margin: 0px; padding: 0px; } #reg-header-snippet { width: inherit; height: auto; overflow: hidden; clear: both; background-color: rgb(250, 250, 250); } #reg-header-snippet .reg-profilePicture { padding: 20px 20px 17px; width: 109px; margin-bottom: 0px; border-right-color: rgb(211, 211, 211); border-right-width: 1px; border-right-style: solid; float: left; background-color: rgb(250, 250, 250); } #reg-header-snippet .reg-profilePicture #reg-profileImage { width: 100%; clear: both; margin-left: 15px; } #reg-header-snippet .reg-profilePicture #reg-myprofile-link { text-align: left; margin-top: 18px; } #reg-header-snippet .reg-profilePicture #reg-myprofile-link a { transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; padding-left: 21px; font-size: 14px; text-decoration: none; } #reg-header-snippet .reg-profilePicture #reg-myprofile-link a:hover { color: rgb(25, 157, 223); text-decoration: underline; } #reg-header-snippet .reg-profilePicture #reg-myprofile-link a:active { text-decoration: none; coloe: #199ddf; } #reg-header-snippet .reg-profilePicture #reg-companyProfile-link { margin-top: 14px; } #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a { transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; font-size: 14px; text-decoration: none; } #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:hover { color: rgb(25, 157, 223); text-decoration: underline; } #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:active { text-decoration: none; coloe: #199ddf; } #reg-header-snippet .reg-profilePicture #reg-logout-div { margin-top: 38px; } #reg-header-snippet .reg-profilePicture #reg-logout-div form.reg-logoutForm { margin: 0px; } #reg-header-snippet .reg-profileDetails { padding: 11px 20px 20px; width: 199px; margin-bottom: 0px; border-bottom-width: 0px; float: left; min-height: 220px; background-color: rgb(255, 255, 255); } #reg-header-snippet .reg-profileDetails .reg-userName-table { height: 70px; display: table; min-height: 70px; } #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row { text-align: left; clear: both; display: table-row; min-height: inherit; } #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell { height: inherit; vertical-align: middle; display: table-cell; -ms-word-wrap: break-word; min-height: inherit; } #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell #reg-userName { width: 8em; color: rgb(68, 68, 68); overflow: hidden; font-weight: normal; float: left; white-space: normal; } #reg-header-snippet .reg-profileDetails .reg-userEmail-label { text-align: left; clear: both; margin-top: 21px; } #reg-header-snippet .reg-profileDetails .reg-userEmail-label .reg-userEmail-label-spn { margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; } #reg-header-snippet .reg-profileDetails .reg-userEmail-value { text-align: left; clear: both; margin-top: 5px; } #reg-header-snippet .reg-profileDetails .reg-userEmail-value .reg-userEmail-value-spn { margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; } #reg-header-snippet .reg-profileDetails .reg-userRole-label { text-align: left; clear: both; margin-top: 20px; } #reg-header-snippet .reg-profileDetails .reg-userRole-label .reg-userRole-label-spn { margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; } #reg-header-snippet .reg-profileDetails .reg-userRole-value { text-align: left; clear: both; margin-top: 6px; } #reg-header-snippet .reg-profileDetails .reg-userRole-value .reg-userRole-value-spn { margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; } #reg-header-snippet .reg-profileDetails .reg-userCompany-label { text-align: left; clear: both; margin-top: 19px; } #reg-header-snippet .reg-profileDetails .reg-userCompany-label .reg-userCompany-spn { margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; } #reg-header-snippet .reg-profileDetails .reg-userCompany-value { text-align: left; clear: both; margin-top: 5px; } #reg-header-snippet .reg-profileDetails .reg-userCompany-value .reg-userCompany-spn { margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; -ms-word-wrap: break-word; } .bui-global-transitions-hover { border: 1px solid rgb(187, 187, 187); z-index: 90; } .bui-global-transitions-focus { outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; } .bui-global-transitions-login-page { background: 0px 0px rgb(250, 250, 250); border-radius: 3px; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; color: rgb(68, 68, 68); font-family: clearviewattregular; box-shadow: none !important; } .bui-global-transitions-login-page:hover { border: 1px solid rgb(187, 187, 187); z-index: 90; } .bui-global-transitions-login-page:focus { outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; } li#anchor ul.column { display: none; } li#anchor:hover ul.column { display: block; } .login-icon { width: 27px; height: 27px; vertical-align: middle; display: inline-block; background-image: url("../images/common/header/login-icon.png"); background-repeat: no-repeat; } .bui-reg-one-line-layout * { display: inline-block; } .popbox { margin: 0px auto; text-align: center; position: relative; } .collapse { position: relative; } .box { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); width: auto; height: auto; display: none; position: relative; z-index: 0; min-width: 260px; } .box * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .box ::after { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .box ::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .box a.close { color: red; font-family: arial; font-size: 12px; text-decoration: underline; } .box .arrow { left: 1px; top: -8px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1001; } .standard-input-error-msg-class { background: url("../images/common/header/exclamation-error.png") no-repeat 337px rgb(231, 229, 230) !important; } .box-form { padding-top: 10px; padding-bottom: 0px; padding-left: 16px; } .control-text-popup { border-radius: 3px 3px 0px 0px !important; width: 200px !important; } .control-label-password { line-height: 10px !important; padding-top: 3px !important; } .control-label-checkbox { line-height: 15px; padding-top: 5px; } .placeholder-class { color: rgb(139, 139, 139) !important; } .forgot-userid-password { font-size: 10px !important; font-weight: normal !important; } .header-login-label { color: rgb(255, 255, 255); font-size: 13px; maxlength: 10; } .ellipsis-header-name { overflow: hidden; padding-top: 0px; margin-top: 0px; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100px; ms-text-overflow: ellipsis; } #generic-image { padding: 100px; background-image: url("../images/common/header/placerimage.jpg"); background-repeat: no-repeat; } .bui-reg-horizontal-rule { width: 100%; height: 1.25px; clear: both; background-color: rgb(231, 230, 230); } .bui-reg-horizontal-rule-margin { margin-top: 20px; margin-bottom: 20px; } .password-horizontal-rule-margin { margin-top: 5px; margin-bottom: 5px; } .requiredInformation { font-size: 11px; } .header-login-window { height: 100px; } .header-login-window-image { padding: 18px; } .header-login-window-name { line-height: 1.5em; overflow: hidden; padding-top: 18px; padding-right: 18px; font-family: clearviewatt_ltbold; font-size: 16px; } .header-login-window-role { font-family: clearviewattregular; font-size: 12px; } .header-login-window-logout { background: rgb(231, 229, 230); height: 27px; line-height: 27px; font-family: clearviewatt_ltbold; font-size: 11px; z-index: 10001; } .header-login-window-logout a { color: rgb(103, 103, 103); } .header-login-name { width: auto; line-height: 50px; padding-right: 23px; padding-left: 3px; float: left; cursor: pointer; } .error-msg-box { border-radius: 3px; width: 200px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; font-size: 12px; margin-top: 15px; margin-left: 30px; background-color: rgb(255, 69, 57); } .header_login_field_border_error { background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; border: 1px solid rgb(255, 69, 57) !important; z-index: 100; } .header_login_field_border_error:hover { border: 1px solid rgb(255, 69, 57) !important; } .header_login_field_3sides_error { background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; border-right-color: rgb(255, 69, 57) !important; border-bottom-color: rgb(255, 69, 57) !important; border-left-color: rgb(255, 69, 57) !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; } .header_login_field_3sides_error:hover { border: 1px solid rgb(255, 69, 57) !important; } .header_login_field_wrapper_border_error { background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; } .error-msg-class { background: url("../images/common/header/exclamation-error.png") no-repeat 178px rgb(255, 255, 255) !important; border-color: rgb(177, 11, 59) !important; color: rgb(179, 10, 60) !important; font-size: 10px; box-shadow: inset 0px 0px 3px #b10b3b, 0px 0px 3px #b10b3b !important; } .regFormInputLoginText { background: no-repeat 100% -22px rgb(250, 250, 250); padding: 10px; width: 200px; height: 20px; color: rgb(68, 68, 68); font-size: 12px; display: block; } .regFormInputLoginPassword { background: no-repeat 100% -22px rgb(250, 250, 250); padding: 10px; width: 200px; height: 20px; color: rgb(68, 68, 68); font-size: 12px; display: block; } .header-login-button { height: 20px; min-width: 10px !important; box-shadow: none; } #headerLoginFormID #header_login_title { color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 14px; margin-top: 25px; } #headerLoginFormID #header_login_id { background: url("../images/common/header/icon-username.png") no-repeat 10px rgb(250, 250, 250) !important; padding: 10px 10px 10px 36px; border-radius: 3px 3px 0px 0px !important; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; width: 200px; height: 32px; color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; margin-top: 15px; margin-bottom: 10px !important; margin-left: 30px; display: block; box-shadow: none !important; } #headerLoginFormID #header_login_id:hover { border: 1px solid rgb(187, 187, 187); z-index: 90; } #headerLoginFormID #header_login_id:focus { outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; } #headerLoginFormID #header_password { background: url("../images/common/header/icon-password.png") no-repeat 10px rgb(250, 250, 250) !important; padding: 10px 10px 10px 36px; border-radius: 0px 0px 3px 3px !important; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; width: 200px; height: 32px; color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; margin-top: -11px; margin-bottom: 0px; margin-left: 30px; display: block; box-shadow: none !important; } #headerLoginFormID #header_password:hover { border: 1px solid rgb(187, 187, 187); z-index: 90; } #headerLoginFormID #header_password:focus { outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; } #headerLoginFormID #header_login_block { height: 30px; margin-top: 15px; } #headerLoginFormID #header_login_block #header_login_button { padding: 8px 20px; border-radius: 6px; border: 0px rgb(53, 128, 189); transition:background-color 0.3s ease-out; width: 80px; height: 30px !important; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-size: 14px; text-decoration: none !important; margin-left: 25px; vertical-align: middle; float: left; display: inline-block; position: relative; cursor: pointer; min-width: 60px; box-sizing: border-box; background-color: rgb(6, 122, 180); -moz-box-sizing: border-box; valign: middle; } #headerLoginFormID #header_login_block #header_login_button:hover { background-color: rgb(25, 157, 223); } #headerLoginFormID #header_login_block #header_login_button:active { border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177); } #headerLoginFormID #remember_me_component { padding-left: 30px; margin-top: 11px; } #headerLoginFormID #remember_me_component #rememberme_header_label { margin-top: 4px; } #headerLoginFormID #remember_me_component #remember-me { color: rgb(102, 102, 102); font-family: clearviewattregular; font-size: 12px; font-weight: normal; } #headerLoginFormID #forgot_username_component { text-align: left; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; clear: both; } #headerLoginFormID #forgot_username_component .regular { color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; } #headerLoginFormID #forgot_username_component .link { color: rgb(6, 122, 180); font-family: clearviewattregular; font-size: 12px; } .footerContainer { background: 0px 0px rgb(6, 122, 180); margin: 0px auto; width: 100%; } .footerContainer .footerWrapper { margin: 0px auto; width: 100%; padding-bottom: 25px; background-color: rgb(6, 122, 180); } .footerContainer .footerWrapper .footerItem { margin: auto; width: 100%; height: 60px; color: rgb(255, 255, 255); line-height: 1; overflow: hidden; font-family: clearview_att_regular; font-size: 12px; } .footerContainer .footerWrapper .footerItem .divider { width: 100px; margin-top: 10px; margin-bottom: 10px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; } .footerContainer .footerWrapper .footerItem .customerSupport { width: 160px; margin-left: 30px; float: left; } .footerContainer .footerWrapper .footerItem .customerSupport .customerHelp { font-size: 14px; margin-top: 45px; margin-bottom: 20px; } .footerContainer .footerWrapper .footerItem .customerSupport a { color: rgb(255, 255, 255) !important; } .footerContainer .footerWrapper .footerItem .customerSupport a:hover { text-decoration: none; } .footerContainer .footerWrapper .footerItem .legalInfo { width: 160px; float: left; } .footerContainer .footerWrapper .footerItem .legalInfo .legal { font-size: 14px; margin-top: 45px; margin-bottom: 20px; } .footerContainer .footerWrapper .footerItem .legalInfo a { color: rgb(255, 255, 255) !important; } .footerContainer .footerWrapper .footerItem .legalInfo a:hover { text-decoration: none; } .footerContainer .footerWrapper .footerItem .subscribeSection { width: 295px; float: left; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave { font-size: 14px; margin-top: 45px; margin-bottom: 20px; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection { overflow: hidden; margin-top: 15px; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress { width: 170px; float: left; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input { padding: 5px 10px 5px 5px; width: 152px; color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180); } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn { border-radius: 1px 5px 5px 1px; top: 1px; width: 95px; height: 30px; text-align: center; right: 7px; color: rgb(6, 122, 180); font-size: 14px; vertical-align: middle; float: left; position: relative; cursor: pointer; background-color: rgb(255, 255, 255); } .footerContainer .footerWrapper .footerItem .socialMedia { margin-left: 0px; float: left; } .footerContainer .footerWrapper .footerItem .socialMedia .followAtt { font-size: 14px; margin-top: 45px; margin-bottom: 20px; } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds { margin-top: 20px; margin-left: -8px; } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span { margin: 0px; padding: 5px; font-size: 30px; } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a { margin: 0px; padding: 0px; color: rgb(255, 255, 255); } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover { text-decoration: none; } .footerContainer .footerWrapper .dividerBottom { margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; } .footerContainer .footerWrapper .feedbackSection { margin: auto; width: 920px; display: none; } .footerContainer .footerWrapper .feedbackSection .dividerTop { margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; } .footerContainer .footerWrapper .feedbackSection .feedbackContent { margin: 30px auto; } .footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm { height: 120px; } .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo { width: 270px; color: rgb(255, 255, 255); font-family: clearview_att_regular; font-size: 12px; margin-top: -5px; margin-right: 30px; float: left; } .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText { padding: 10px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); width: 500px; height: 100px; color: rgb(255, 255, 255); font-family: clearview_att_regular; font-size: 14px; float: left; cursor: text; background-color: rgb(6, 122, 180); resize: none; } .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton { padding: 5px; border-radius: 5px; border: currentColor; width: 82px; color: rgb(6, 122, 180); font-family: clearview_att_regular; font-size: 14px; margin-top: 92px; margin-left: 16px; cursor: pointer; background-color: rgb(255, 255, 255); } .footerContainer .footerWrapper .feedbackResultMsg { margin: 0px auto; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 70px; font-family: clearview_att_regular; font-size: 18px; display: none; } .footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck { font-size: 20px; margin-right: 20px; } .footerContainer .footerWrapper #feedbackResultDivider { display: none; } .footerContainer .footerWrapper .feedbackButtonDiv { margin: auto; max-width: 110px; } .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton { background: rgb(255, 255, 255); margin: -1px auto auto; padding: 5px 10px; border-radius: 0px 0px 5px 5px; border: currentColor; color: rgb(6, 122, 180); font-family: clearview_att_regular; font-size: 14px; cursor: pointer; } .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton { background: rgb(255, 255, 255); margin: -1px auto auto; padding: 5px 10px; border-radius: 0px 0px 5px 5px; border: currentColor; color: rgb(6, 122, 180); font-family: clearview_att_regular; font-size: 14px; cursor: pointer; } .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span { padding-left: 10px; background-image: none; } .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span { padding-left: 10px; background-image: none; } .footerContainer .footerWrapper .attFooterInfo { margin: auto; width: 100%; color: rgb(255, 255, 255); overflow: hidden; font-family: clearview_att_regular; font-size: 12px; } .footerContainer .footerWrapper .attFooterInfo a { margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-decoration: underline; } .footerContainer .footerWrapper .attFooterInfo .footerLastSection { overflow: hidden; margin-top: 40px; } .footerContainer .footerWrapper .attFooterInfo span { padding-right: 5px; padding-left: 3px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; } .footerContainer .footerWrapper .attFooterInfo span:last-child { border: currentColor; } .footerContainer .footerWrapper .attFooterInfo .attLogo { width: 150px; height: 77px; margin-right: 0px; margin-left: 17px; float: left; } .footerContainer .footerWrapper .attFooterInfo .attQuality { background: url("../images/common/footer/footer-consumerinfo.png") repeat-x 0px 0px; top: -5px; width: 79px; height: 82px; margin-right: 103px; float: left; position: relative; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise { width: 64%; float: right; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy { margin-top: 17px; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a { text-decoration: underline; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span { padding: 0px; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover { text-decoration: underline; } [data-icon]::before { text-transform: none; line-height: 1; font-family: "atticons"; font-variant: normal; font-weight: normal; content: attr(data-icon); speak: none; -webkit-font-smoothing: antialiased; } [class^='icon-'] { text-transform: none; line-height: 1; font-family: "atticons"; font-style: normal; font-variant: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=' icon-'] { text-transform: none; line-height: 1; font-family: "atticons"; font-style: normal; font-variant: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-wireless-outline::before { content: "\e600"; } .icon-wireless-dashboard::before { content: "\e601"; } .icon-website-hosting-outline::before { content: "\e602"; } .icon-volume-up::before { content: "\e603"; } .icon-volume-mute::before { content: "\e604"; } .icon-volume-down::before { content: "\e605"; } .icon-video::before { content: "\e606"; } .icon-video-tutorials::before { content: "\e607"; } .icon-video-tutorials-outline::before { content: "\e608"; } .icon-video-outline::before { content: "\e609"; } .icon-user::before { content: "\e60a"; } .icon-user-small::before { content: "\e60b"; } .icon-user-outline::before { content: "\e60c"; } .icon-user-large-outline::before { content: "\e60d"; } .icon-upgrades::before { content: "\e60e"; } .icon-upgrades-outline::before { content: "\e60f"; } .icon-unlimited-nights-weekends-outline::before { content: "\e610"; } .icon-unlimited-minutes-outline::before { content: "\e611"; } .icon-unlimited-messaging-outline::before { content: "\e612"; } .icon-unlimited-m2m-outline::before { content: "\e613"; } .icon-unlimited-calling::before { content: "\e614"; } .icon-tv-packages-outline::before { content: "\e615"; } .icon-travel-minutes-outline::before { content: "\e616"; } .icon-trash::before { content: "\e617"; } .icon-tollfree-outline::before { content: "\e618"; } .icon-tiles::before { content: "\e619"; } .icon-tiles-small::before { content: "\e61a"; } .icon-tickets::before { content: "\e61b"; } .icon-tickets-returned::before { content: "\e61c"; } .icon-tickets-referred::before { content: "\e61d"; } .icon-tickets-outline::before { content: "\e61e"; } .icon-tickets-open::before { content: "\e61f"; } .icon-tickets-escalate::before { content: "\e620"; } .icon-tickets-contested::before { content: "\e621"; } .icon-tickets-closed::before { content: "\e622"; } .icon-tickets-cleared::before { content: "\e623"; } .icon-tickets-arquived::before { content: "\e624"; } .icon-tickets-active::before { content: "\e625"; } .icon-technical-specifications::before { content: "\e626"; } .icon-tech-support::before { content: "\e627"; } .icon-tech-support-outline::before { content: "\e628"; } .icon-tablet::before { content: "\e629"; } .icon-tablet-outline::before { content: "\e62a"; } .icon-support::before { content: "\e62b"; } .icon-support-outline::before { content: "\e62c"; } .icon-star::before { content: "\e62d"; } .icon-sort::before { content: "\e62e"; } .icon-social-outline::before { content: "\e62f"; } .icon-smartphone::before { content: "\e630"; } .icon-smartphone-outline::before { content: "\e631"; } .icon-signout-outline::before { content: "\e632"; } .icon-sign-out::before { content: "\e633"; } .icon-shop::before { content: "\e634"; } .icon-shop-outline::before { content: "\e635"; } .icon-shared-outline::before { content: "\e636"; } .icon-shared-minutes-outline::before { content: "\e637"; } .icon-share::before { content: "\e638"; } .icon-settings::before { content: "\e639"; } .icon-send-invoice-outline::before { content: "\e63a"; } .icon-see-more::before { content: "\e63b"; } .icon-see-less::before { content: "\e63c"; } .icon-search::before { content: "\e63d"; } .icon-search-small::before { content: "\e63e"; } .icon-screen-calls-outline::before { content: "\e63f"; } .icon-save-time-outline::before { content: "\e640"; } .icon-saas-enablement-outline::before { content: "\e641"; } .icon-s-beam::before { content: "\e642"; } .icon-s-beam-outline::before { content: "\e643"; } .icon-rollover-outline::before { content: "\e644"; } .icon-rollover-minutes::before { content: "\e645"; } .icon-reviews-outline::before { content: "\e646"; } .icon-reports::before { content: "\e647"; } .icon-reports-outline::before { content: "\e648"; } .icon-recommendation-tool::before { content: "\e649"; } .icon-receivers-outline::before { content: "\e64a"; } .icon-productivity-outline::before { content: "\e64b"; } .icon-print::before { content: "\e64c"; } .icon-plus::before { content: "\e64d"; } .icon-plus-outline::before { content: "\e64e"; } .icon-play::before { content: "\e64f"; } .icon-platform-as-service-outline::before { content: "\e650"; } .icon-plans::before { content: "\e651"; } .icon-plans-outline::before { content: "\e652"; } .icon-pie-chart::before { content: "\e653"; } .icon-photos::before { content: "\e654"; } .icon-photos-outline::before { content: "\e655"; } .icon-phone-data-outline::before { content: "\e656"; } .icon-payments::before { content: "\e657"; } .icon-payments-outline::before { content: "\e658"; } .icon-pause::before { content: "\e659"; } .icon-password::before { content: "\e65a"; } .icon-password-outline::before { content: "\e65b"; } .icon-overview::before { content: "\e65c"; } .icon-overview-small::before { content: "\e65d"; } .icon-overages::before { content: "\e65e"; } .icon-overages-outline::before { content: "\e65f"; } .icon-outage-outline::before { content: "\e660"; } .icon-orders::before { content: "\e661"; } .icon-orders-outline::before { content: "\e662"; } .icon-optional-applications-outline::before { content: "\e663"; } .icon-office-at-hand-outline::before { content: "\e664"; } .icon-offers::before { content: "\e665"; } .icon-offers-outline::before { content: "\e666"; } .icon-notifications::before { content: "\e667"; } .icon-notifications-outline::before { content: "\e668"; } .icon-normal-screen::before { content: "\e669"; } .icon-nights-weekends-outline::before { content: "\e66a"; } .icon-new-requests-outline::before { content: "\e66b"; } .icon-network::before { content: "\e66c"; } .icon-network-dashboard::before { content: "\e66d"; } .icon-netbook::before { content: "\e66e"; } .icon-netbook-outline::before { content: "\e66f"; } .icon-music::before { content: "\e670"; } .icon-music-video::before { content: "\e671"; } .icon-music-video-outline::before { content: "\e672"; } .icon-music-outline::before { content: "\e673"; } .icon-modem::before { content: "\e674"; } .icon-modem-outline::before { content: "\e675"; } .icon-mobile-insurance::before { content: "\e676"; } .icon-mobile-insurance-outline::before { content: "\e677"; } .icon-mobile-2-mobile-outline::before { content: "\e678"; } .icon-missed-calls-outline::before { content: "\e679"; } .icon-minutes::before { content: "\e67a"; } .icon-minutes-outline::before { content: "\e67b"; } .icon-messaging::before { content: "\e67c"; } .icon-messaging-toolkit-outline::before { content: "\e67d"; } .icon-messaging-outline::before { content: "\e67e"; } .icon-messaging-email::before { content: "\e67f"; } .icon-messaging-email-outline::before { content: "\e680"; } .icon-message-small::before { content: "\e681"; } .icon-maintenance::before { content: "\e682"; } .icon-location-pin::before { content: "\e683"; } .icon-location-pin-small::before { content: "\e684"; } .icon-local-search::before { content: "\e685"; } .icon-local-long-distance-outline::before { content: "\e686"; } .icon-list::before { content: "\e687"; } .icon-learn::before { content: "\e688"; } .icon-learn-outline::before { content: "\e689"; } .icon-laptop::before { content: "\e68a"; } .icon-landline::before { content: "\e68b"; } .icon-landline-outline::before { content: "\e68c"; } .icon-invoices::before { content: "\e68d"; } .icon-invoices-outline::before { content: "\e68e"; } .icon-inventory::before { content: "\e68f"; } .icon-intranet-outline::before { content: "\e690"; } .icon-interpreter::before { content: "\e691"; } .icon-interpreter-outline::before { content: "\e692"; } .icon-internet::before { content: "\e693"; } .icon-internet-outline::before { content: "\e694"; } .icon-internet-24-outline::before { content: "\e695"; } .icon-internet-18-outline::before { content: "\e696"; } .icon-international-outline::before { content: "\e697"; } .icon-international-long-distance-outline::before { content: "\e698"; } .icon-international-data-outline::before { content: "\e699"; } .icon-installation-outline::before { content: "\e69a"; } .icon-information::before { content: "\e69b"; } .icon-info-success::before { content: "\e69c"; } .icon-info-alert::before { content: "\e69d"; } .icon-info-alert-outline::before { content: "\e69e"; } .icon-included-checkmark::before { content: "\e69f"; } .icon-included-checkmark-outline::before { content: "\e6a0"; } .icon-hotspot::before { content: "\e6a1"; } .icon-hotspot-outline::before { content: "\e6a2"; } .icon-hotspot-access-outline::before { content: "\e6a3"; } .icon-home::before { content: "\e6a4"; } .icon-help::before { content: "\e6a5"; } .icon-help-outline::before { content: "\e6a6"; } .icon-hd::before { content: "\e6a7"; } .icon-hd-outline::before { content: "\e6a8"; } .icon-hamburger::before { content: "\e6a9"; } .icon-group-outline::before { content: "\e6aa"; } .icon-gps::before { content: "\e6ab"; } .icon-gps-outline::before { content: "\e6ac"; } .icon-go-paperless-email-outline::before { content: "\e6ad"; } .icon-global-messaging-outline::before { content: "\e6ae"; } .icon-gamepad-outline::before { content: "\e6af"; } .icon-game-devices::before { content: "\e6b0"; } .icon-full-screen::before { content: "\e6b1"; } .icon-forward-calls-outline::before { content: "\e6b2"; } .icon-forum::before { content: "\e6b3"; } .icon-forum-outline::before { content: "\e6b4"; } .icon-filter::before { content: "\e6b5"; } .icon-extras::before { content: "\e6b6"; } .icon-extras-outline::before { content: "\e6b7"; } .icon-erase::before { content: "\e6b8"; } .icon-envelope::before { content: "\e6b9"; } .icon-envelope-outline::before { content: "\e6ba"; } .icon-enterprise-messaging-outline::before { content: "\e6bb"; } .icon-edit::before { content: "\e6bc"; } .icon-duplicate::before { content: "\e6bd"; } .icon-dropdown-up::before { content: "\e6be"; } .icon-dropdown-down::before { content: "\e6bf"; } .icon-download::before { content: "\e6c0"; } .icon-download-outline::before { content: "\e6c1"; } .icon-disputes::before { content: "\e6c2"; } .icon-detailed-billing::before { content: "\e6c3"; } .icon-detailed-billing-outline::before { content: "\e6c4"; } .icon-desktop-outline::before { content: "\e6c5"; } .icon-data::before { content: "\e6c6"; } .icon-data-outline::before { content: "\e6c7"; } .icon-data-additional-outline::before { content: "\e6c8"; } .icon-compare::before { content: "\e6c9"; } .icon-cloud-storage-outline::before { content: "\e6ca"; } .icon-cloud-outline::before { content: "\e6cb"; } .icon-cloud-computing-outline::before { content: "\e6cc"; } .icon-cloud-backup::before { content: "\e6cd"; } .icon-cloud-backup-outline::before { content: "\e6ce"; } .icon-circle-information-outline::before { content: "\e6cf"; } .icon-circle-action-plus-outline::before { content: "\e6d0"; } .icon-circle-action-minus-outline::before { content: "\e6d1"; } .icon-circle-action-empty::before { content: "\e6d2"; } .icon-circle-action-delete-outline::before { content: "\e6d3"; } .icon-circle-action-close::before { content: "\e6d4"; } .icon-circle-action-check-outline::before { content: "\e6d5"; } .icon-circle-action-remove::before { content: "\e6d6"; } .icon-circle-action-add::before { content: "\e6d7"; } .icon-chip-outline::before { content: "\e6d8"; } .icon-chevron-up::before { content: "\e6d9"; } .icon-chevron-right::before { content: "\e6da"; } .icon-chevron-left::before { content: "\e6db"; } .icon-chevron-down::before { content: "\e6dc"; } .icon-checkbox-checkmark::before { content: "\e6dd"; } .icon-chat::before { content: "\e6de"; } .icon-chat-small::before { content: "\e6df"; } .icon-case-studies::before { content: "\e6e0"; } .icon-cart::before { content: "\e6e1"; } .icon-cart-small::before { content: "\e6e2"; } .icon-camera::before { content: "\e6e3"; } .icon-camera-outline::before { content: "\e6e4"; } .icon-calendar-outline::before { content: "\e6e5"; } .icon-business::before { content: "\e6e6"; } .icon-business-tv::before { content: "\e6e7"; } .icon-business-tv-outline::before { content: "\e6e8"; } .icon-business-tv-additional-packs-outline::before { content: "\e6e9"; } .icon-business-outline::before { content: "\e6ea"; } .icon-business-center::before { content: "\e6eb"; } .icon-business-center-outline::before { content: "\e6ec"; } .icon-bundles::before { content: "\e6ed"; } .icon-bundles-outline::before { content: "\e6ee"; } .icon-billing::before { content: "\e6ef"; } .icon-billing-history-outline::before { content: "\e6f0"; } .icon-billing-dashboard::before { content: "\e6f1"; } .icon-bd-maps::before { content: "\e6f2"; } .icon-basicphone::before { content: "\e6f3"; } .icon-basicphone-outline::before { content: "\e6f4"; } .icon-barcode-outline::before { content: "\e6f5"; } .icon-bar-chart-vertical::before { content: "\e6f6"; } .icon-bar-chart-horizontal::before { content: "\e6f7"; } .icon-arrow-up::before { content: "\e6f8"; } .icon-arrow-up-right::before { content: "\e6f9"; } .icon-arrow-up-left::before { content: "\e6fa"; } .icon-arrow-up-circle::before { content: "\e6fb"; } .icon-arrow-right::before { content: "\e6fc"; } .icon-arrow-right-circle::before { content: "\e6fd"; } .icon-arrow-left::before { content: "\e6fe"; } .icon-arrow-left-circle::before { content: "\e6ff"; } .icon-arrow-down::before { content: "\e700"; } .icon-arrow-down-right::before { content: "\e701"; } .icon-arrow-down-left::before { content: "\e702"; } .icon-arrow-down-circle::before { content: "\e703"; } .icon-arrow-double-right::before { content: "\e704"; } .icon-arrow-double-left::before { content: "\e705"; } .icon-apps-media::before { content: "\e706"; } .icon-apps-media-outline::before { content: "\e707"; } .icon-apps-marketplace::before { content: "\e708"; } .icon-apps-marketplace-outline::before { content: "\e709"; } .icon-analytics::before { content: "\e70a"; } .icon-alt-media-subscription-outline::before { content: "\e70b"; } .icon-all-locations::before { content: "\e70c"; } .icon-all-devices::before { content: "\e70d"; } .icon-all-devices-outline::before { content: "\e70e"; } .icon-alarms::before { content: "\e70f"; } .icon-alarms-outline::before { content: "\e710"; } .icon-address-ip-outline::before { content: "\e711"; } .icon-addons::before { content: "\e712"; } .icon-addons-outline::before { content: "\e713"; } .icon-additional-services::before { content: "\e714"; } .icon-additional-minutes-outline::before { content: "\e715"; } .icon-add-widget::before { content: "\e716"; } .icon-activity-feed::before { content: "\e717"; } .icon-accessories::before { content: "\e718"; } .icon-accessories-outline::before { content: "\e719"; } .icon-foundation-account::before { content: "\e71a"; } .icon-billing-account::before { content: "\e71b"; } .headerContainer { left: 0px; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 50px; position: fixed; z-index: 999; background-color: rgb(6, 122, 180); height: 55px; } .icon-infinite::before { content: "\e71c"; } .headerContentContainer .primaryMenuContainer { font-family: clearview_att_regular; font-size: 18px; } .icon-social-business-community::before { content: "\e71d"; } .icon-social-facebook::before { content: "\e71e"; } .icon-social-feed::before { content: "\e71f"; } .icon-social-google-plus::before { content: "\e720"; } .icon-social-linkedin::before { content: "\e721"; } .icon-social-network-exchange::before { content: "\e722"; } .icon-social-twitter-bird::before { content: "\e723"; } .icon-social-twitter::before { content: "\e724"; } .icon-social-youtube::before { content: "\e725"; } .icon-blocked::before { content: "\e726"; } .icon-talk-text::before { content: "\e727"; } .icon-blocked::before { content: "\e726"; } .icon-group::before { content: "\e72c"; } .icon-group-create::before { content: "\e72b"; } .headerContentContainer { margin: auto; width: 100%; height: 50px; margin-top:5px; } .headerContentContainer .primaryMenuContainer .linkToRegistration { color: rgb(255, 255, 255); float: right; } .headerContentContainer .primaryMenuContainer .ATTLogo { background: url("../images/common/header/attLogo.png") no-repeat -10px -10px; width: 36px; height: 36px; margin-top: 7px; margin-right: 35px; margin-left: 10px; float: left; } .headerContentContainer .primaryMenuContainer .attHomeContainer { float: left; cursor: pointer; } .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR { font-family: clearviewatt_ltbold; margin-right: 4px; margin-left: 2px; float: left; } .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a { color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none; } .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:hover { color: rgb(191, 231, 251); text-decoration: none; } .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:active { color: rgb(191, 231, 251); text-decoration: none; } .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:hover { margin-top: -2px; } .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:active { margin-top: -2px; } .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink { color: rgb(255, 255, 255); font-family: clearviewatt; font-size: 18px; text-decoration: none; margin-left: 20px; float: left; cursor: pointer; } /* .primaryMenuOptionLink { */ /* width: 8em; text-overflow: clip; text-overflow: ellipsis; text-overflow: "…"; white-space: nowrap; */ /* } */ .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:hover { color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; } .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:focus { color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; } .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:active { color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; } .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName { color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none; margin-left: 30px; float: left; cursor: pointer; } .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:hover { color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; } .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:active { color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; } .headerContentContainer .primaryMenuContainer .selectedOptionIndicator { border-width: 0px 8px 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); width: 0px; height: 0px; margin-top: 43px; position: absolute; } .headerContentContainer .primaryMenuContainer .loginIcon { background: url("") no-repeat -10px -41px; width: 16px; height: 21px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-top: 14px; margin-right: 10px; float: left; position: relative; cursor: pointer; } .headerContentContainer .primaryMenuContainer .loginIcon:hover { background-position: -10px -10px; margin-top: 12px; } .headerContentContainer .primaryMenuContainer .loginIcon:focus { background-position: -10px -10px; margin-top: 12px; } .headerContentContainer .primaryMenuContainer .icon-cart { background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-right: 34px; float: left; position: relative; cursor: pointer; } .headerContentContainer .primaryMenuContainer .icon-cart:hover { color: rgb(191, 231, 251); margin-top: -2px; } .headerContentContainer .primaryMenuContainer .headerIconContainer { height: 50px; float: right; position: relative; } .headerContentContainer .primaryMenuContainer .headerIconContainer .loginName { line-height: 50px; font-family: clearviewatt; font-size: 12px; margin-right: 31px; float: left; position: relative; } .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon { background: url("../images/headerChatIcon.png") no-repeat -3px -3px; width: 18px; height: 19px; color: rgb(255, 255, 255); line-height: 50px; margin-top: 16px; margin-right: 32px; float: left; position: relative; cursor: pointer; } .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:hover { background-position: -3px -4px; margin-top: 14px; } .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:focus { background-position: -3px -4px; margin-top: 14px; } .headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon { background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; margin-right: 31px; float: left; position: relative; cursor: pointer; } .headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon:hover { color: rgb(191, 231, 251); margin-top: -2px; } .selectedPrimaryMenuOption { color: rgb(255, 255, 255); font-family: clearviewatt_ltbold !important; } .secondaryTopMenuContainer .secondaryMenuContentContainer .thirdMenuContainer .thirdFourthMenuContainer { } .secondaryTopMenuContainer { color: rgb(102, 102, 102); line-height: 50px; font-family: clearviewatt; font-size: 16px; float: left; background-color: rgb(255, 255, 255); z-index: 1000; top: 57px; margin: 0 auto 10; height: auto; margin-left: 201px; padding-right: 10px; /* width: 100%; margin-top: 50px; margin-bottom: 50px; */ } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { overflow: hidden; float: left; cursor: pointer; } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .selectionDiv { top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180); } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink { outline: 0px; color: rgb(102, 102, 102); text-decoration: none; } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:hover { font-weight: bold; font-size: 16px; text-decoration: none; } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:focus { font-weight: bold; font-size: 16px; text-decoration: none; } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { outline: 0px; color: rgb(102, 102, 102); text-decoration: none; } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none; } .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none; } .selectedSecondaryMenuOption { font-family: clearviewatt_ltbold; font-size: 16px; } .secondThirdFourthContainer { display: block; } .thirdSubmenuOptionLink a:hover:after, .headerMenus selected { outline: 0; font-weight: bold; !important; } .thirdSubmenuContainer { font-family: clearviewatt; font-size: 14px; float: left; background-color: rgb(255, 255, 255); left: 0; /* top: 90px; */ /* margin-left: 201px; */ padding-right: 10px; display: inline-flex; width: auto; position: relative; } .fourthMenuContainer { font-family: clearviewatt; font-size: 14px; float: left; background-color: rgb(255, 255, 255); width: auto; margin-top: -20px; margin-bottom: 30px; position: relative; } .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { cursor: pointer; } .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption .selectionThirdDiv { !important; top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180); } .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { !important; outline: 0px; color: rgb(102, 102, 102); text-decoration: none; !important; } .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { !important; font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; font-weight: bold; !important; } .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { !important; font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; !important; } .selectedThirdMenuOption { /* font-family: clearviewatt_ltbold; font-size: 14px; */ } .fourthMenuContainer .fourthMenuContentContainer { margin: auto; width: 100%; } .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption { overflow: hidden; float: left; cursor: pointer; } .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .selectionFourthDiv { top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180); } .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink { outline: 0px; color: rgb(102, 102, 102); text-decoration: none; } .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink:hover { font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; } .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink:focus { font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; } .selectedfourthMenuOption { /* font-family: clearviewatt_ltbold; font-size: 14px; */ } .homePageNameHighlight { font-family: clearviewatt_ltbold; font-size: 16px; } .megaMenuContainer { width: 100%; overflow: auto; margin-top: 101px; position: fixed; z-index: 3000; height: 55px; max-height: 500px; opacity: 1; background-color: rgb(255, 255, 255); } .megaMenuContentContainer { margin: auto; width: 100%; } .megaMenuContentContainer .megaMenuTable { width: 100%; } .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn { vertical-align: top; } .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer { margin-bottom: 32px; float: left; } .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryTitle { color: rgb(68, 68, 68); font-family: clearviewatt_ltbold; font-size: 14px; margin-top: 36px; margin-bottom: 22px; } .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink { outline: 0px; color: rgb(68, 68, 68); font-family: clearviewatt; font-size: 12px; text-decoration: none; margin-bottom: 13px; } .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:hover { color: rgb(25, 157, 223); text-decoration: none; } .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:focus { color: rgb(25, 157, 223); text-decoration: none; } .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:active { color: rgb(25, 157, 223); text-decoration: none; } .megaMenuContentContainer .megaMenuTable .megaMenuSecondRow .categoryTitle { margin-top: 4px !important; } .addMargin { margin-top: 50px; } .contents { padding-top: 100px; } .megaMenuContentContainer .megaMenuTable li { float: left; } .megaMenuContentContainer ul { margin: 0px; } .unselectable { -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -khtml-user-select: none; } .chatBox { background: rgb(242, 242, 242); border: 1px solid rgb(187, 187, 187); top: 50px; width: 250px; right: 30px; display: none; position: absolute; z-index: 1000; min-height: 145px; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .chatBox .arrow { left: 233px; top: -8px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1001; } .chatBox-header { padding: 0px 25px; width: 250px; height: 85px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .chatBox-heading { left: 25px; top: 18px; color: rgb(68, 68, 68); line-height: 28px; font-family: omnes_attlight; font-size: 24px; position: absolute; } .chatBox-question { left: 25px; top: 53px; color: rgb(68, 68, 68); line-height: 16.8px; font-family: clearviewatt; font-size: 13px; position: absolute; } .circle_close_chat { top: 22px; right: 20px; color: rgb(68, 68, 68); font-size: 14px; position: absolute; cursor: pointer; } .chatBox-body { padding: 0px 15px; width: 250px; color: rgb(68, 68, 68); font-size: 12px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .chat-option { height: 35px; line-height: 45px; margin-bottom: 10px; position: relative; } .chat-option .hr-chatbox { margin: 10px 0px; padding: 0px; border: 0px currentColor !important; width: inherit; height: 1px; display: block; } .chat-icon-info { top: 15px; right: 6px; font-size: 16px; position: absolute; } .chat-option > span { left: 10px; top: 0px; position: absolute; cursor: pointer; } .chat-option > span { left: 10px; top: 0px; position: absolute; } .chat-option > span:hover { color: rgb(6, 122, 180); } .box1 { min-width: 260px; /* min-height:165px; */ height: auto; width: auto; z-index: 1000; display: none; background: #FFF; border: solid 1px #BBBBBB; /* border-radius:5px; */ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); position: relative; } .box1 *, .box1 :after, .box1 :before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .box1 a.close { color: red; font-size: 12px; font-family: arial; text-decoration: underline; } .box1 .arrow { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFF; position: absolute; left: 1px; top: -8px; z-index: 1001; } .headerContentContainer .primaryMenuContainer .headerIconContainer .popbox .box1 ul { margin-left: 0px; } .logo-image { .att-logo; display: inline-block; vertical-align: middle; margin-top: -3px; } .megamenu-tabs .megamenu__item { padding: 0 0; } .megamenu-tabs .megamenu__item span { font-size: 18px; } .submenu-tabs { line-height:50px; } .submenu-tabs .sub__menu{ top:54px; } .top-megamenu .megamenu-tabs ul{ width:98%; list-style: none; } .top-megamenu .megamenu-tabs ul li { display: inline-block; text-align: left; } .favorites-icon-active { color: #fbb313; } .favorites-icon-inactive { color: #666666; } .favorites-window { width: 100%; height: auto; //margin: auto; font-size: 14px !important; display: flex; font-family: clearview_att_regular; margin-top: 25px; margin-left: 25px; z-index: 1000; a:link, a:active, a:hover { margin-left: 3px; margin-right: 20px; text-decoration: none; } } .favoritesLargeText { font-weight: 400; font-family: Arial !important; font-size: 18px; text-align: center; } .favorites-window-empty { width: 100%; height: auto; display:flex; justify-content:center; align-items:center; margin: auto; text-align: center; } .favoritesNormalText { font-size: 14px; text-align: center; color: #666666 } .columns{ column-count: 5; line-height: 15px; column-gap: 40px; column-rule: 2px outset #666666; } .columns-div { min-width: 90%; margin-top: -5px; }