13 background-color: #000000;
15 .modal-backdrop.fade {
19 .modal-backdrop.fade.in {
21 filter: alpha(opacity=80);
23 #reg-sessionModalPopupWindow.modal {
29 background-color: #ffffff;
30 border: 1px solid #999;
31 border: 1px solid rgba(0, 0, 0, 0.3);
32 *border: 1px solid #999;
35 -webkit-border-radius: 6px;
36 -moz-border-radius: 6px;
38 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
39 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
40 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
41 -webkit-background-clip: padding-box;
42 -moz-background-clip: padding-box;
43 background-clip: padding-box;
49 #reg-sessionModalPopupWindow.modal.fade {
50 -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
51 -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
52 -o-transition: opacity 0.3s linear, top 0.3s ease-out;
53 transition: opacity 0.3s linear, top 0.3s ease-out;
56 #reg-sessionModalPopupWindow.modal.fade.in {
59 #reg-sessionModalPopupWindow .modal-header {
61 border-bottom: 1px solid #eee;
63 #reg-sessionModalPopupWindow .modal-header .close {
66 #reg-sessionModalPopupWindow .modal-header h3 {
70 #reg-sessionModalPopupWindow .modal-body {
76 #reg-sessionModalPopupWindow .modal-form {
79 #reg-sessionModalPopupWindow .modal-footer {
80 padding: 14px 15px 15px;
83 background-color: #f5f5f5;
84 border-top: 1px solid #ddd;
85 -webkit-border-radius: 0 0 6px 6px;
86 -moz-border-radius: 0 0 6px 6px;
87 border-radius: 0 0 6px 6px;
88 -webkit-box-shadow: inset 0 1px 0 #ffffff;
89 -moz-box-shadow: inset 0 1px 0 #ffffff;
90 box-shadow: inset 0 1px 0 #ffffff;
93 #reg-sessionModalPopupWindow .modal-footer:before,
94 #reg-sessionModalPopupWindow .modal-footer:after {
99 #reg-sessionModalPopupWindow .modal-footer:after {
102 #reg-sessionModalPopupWindow .modal-footer .btn + .btn {
106 #reg-sessionModalPopupWindow .modal-footer .btn-group .btn + .btn {
109 #reg-sessionModalPopupWindow .modal-footer .btn-block + .btn-block {
115 font-family: clearviewattregular;
120 background: none repeat scroll 0 0 #FFFFFF;
124 border:1px solid #199ddf!important;
125 //box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
127 box-shadow:none!important;
130 border:1px solid #BBBBBB;
131 //box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
133 box-shadow:none!important;
138 /*-webkit-transition: background 0.3s ease-in-out 0s;
139 -moz-transition: background 0.3s ease-in-out 0s;
140 transition: background 0.3s ease-in-out 0s;*/
144 -webkit-border-radius: 6px;
145 -moz-border-radius: 6px;
147 font-family: clearviewattregular;
153 border: none!important;
155 #reg-sessionModalPopupWindow {
159 box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
160 -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
161 -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
163 #reg-sessionModalPopupWindow form {
164 margin: 0px !important;
166 #reg-sessionModalPopupWindow .reg-sessionModalRectangle1 {
168 background-color: #067ab4;
171 box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
172 -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
173 -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
175 #reg-sessionModalPopupWindow .reg-sessionModalRectangle1 .reg-info-sprite {
176 background-image: url("../images/common/session-timeout/information_spritesheet.png");
177 background-position: 0 0;
178 background-repeat: no-repeat;
185 text-decoration: underline;
187 #reg-sessionModalPopupWindow .reg-login-error-msg-box {
190 display: block !important;
199 #reg-sessionModalPopupWindow .reg-login-error-msg-box a {
202 text-decoration: underline;
204 #reg-sessionModalPopupWindow .reg-custom-errorIcon {
205 background: url('../images/common/form-validation/red-error-icon.png') no-repeat !important;
210 margin: 10px 10px 0px 10px;
214 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 {
218 background-color: #ffffff;
221 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut {
225 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionTimeOut {
231 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionTimeOut .reg-TimeOut {
234 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionLoggedOut {
243 line-height: initial;
245 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionLoggedOut .reg-LogOut {
247 text-transform: none;
248 font-family: clearviewatt_ltbold;
252 /*line-height: 20px;*/
255 line-height: initial;
257 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionExpired {
262 line-height: initial;
264 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionExpired .reg-Expired {
266 text-transform: none;
267 font-family: clearviewattregular;
272 line-height: initial;
274 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-valid {
278 padding: 0px 0px 0px 0px;
280 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-valid .error-msg-box {
281 background-color: #FF4539;
282 border-radius: 3px 3px 3px 3px;
291 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login {
295 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-username {
298 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-username #reg-emailLogin {
299 background: url("../images/icon-username.png") no-repeat scroll 10px center #fafafa ! important;
300 font-size: 12px !important;
301 background: none repeat scroll 0 0 #FAFAFA;
302 border: 1px solid #D3D3D3 !important;
305 font-family: clearviewattregular;
306 -ms-transition: all 0.3s ease-in-out;
307 transition: border 0.3s ease-in-out;
308 box-shadow: none !important;
312 padding: 8px 10px 10px 36px;
315 border-radius: 0px !important;
317 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-username #reg-emailLogin:hover {
318 border: 1px solid #BBBBBB !important;
321 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-username #reg-emailLogin:focus {
322 border: 1px solid #199DDF !important;
324 -webkit-box-shadow: none;
328 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-password {
331 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-password #reg-userPassword {
332 background: url("../images/icon-password.png") no-repeat scroll 10px center #fafafa ! important;
333 background: none repeat scroll 0 0 #FAFAFA;
334 border: 1px solid #D3D3D3 !important;
337 font-family: clearviewattregular;
338 -ms-transition: all 0.3s ease-in-out;
339 transition: border 0.3s ease-in-out;
340 box-shadow: none !important;
343 font-size: 12px !important;
347 padding: 8px 10px 10px 36px;
349 border-radius: 0px !important;
351 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-password #reg-userPassword:hover {
352 border: 1px solid #BBBBBB !important;
355 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-password #reg-userPassword:focus {
356 border: 1px solid #199DDF !important;
358 -webkit-box-shadow: none;
362 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login {
367 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-cancelBtn {
371 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-cancelBtn .button-black {
372 /*-webkit-transition: background 0.3s ease-in-out 0s;
373 -moz-transition: background 0.3s ease-in-out 0s;
374 transition: background 0.3s ease-in-out 0s;*/
382 padding: 8px 17px !important;
383 box-sizing: border-box;
384 -moz-box-sizing: border-box;
387 color: #FFFFFF !important;
389 display: inline-block;
394 transition: background-color 0.3s ease-out 0s;
395 vertical-align: middle;
396 padding: 8px 20px 8px 20px;
398 text-decoration: none !important;
401 background-color: #666666;
404 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-cancelBtn .button-black:hover {
405 background-color: #BBBBBB;
407 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-cancelBtn .button-black:active {
408 background-color: #666666;
410 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn {
413 /* .button-active:hover{
414 -webkit-transition: background 0.3s ease-in-out 0s;
415 -moz-transition: background 0.3s ease-in-out 0s;
416 transition: background 0.3s ease-in-out 0s;
420 -webkit-border-radius:6px;
421 -moz-border-radius:6px;
423 font-family: clearviewattregular;
431 .button-active:active{
432 -webkit-transition: background 0.3s ease-in-out 0s;
433 -moz-transition: background 0.3s ease-in-out 0s;
434 transition: background 0.3s ease-in-out 0s;
438 -webkit-border-radius:6px;
439 -moz-border-radius:6px;
441 font-family: clearviewattregular;
450 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-disable {
454 pointer-events: none;
456 padding: 8px 17px !important;
457 box-sizing: border-box;
458 -moz-box-sizing: border-box;
459 background-color: #666666;
462 color: #FFFFFF !important;
463 display: inline-block;
468 transition: background-color 0.3s ease-out 0s;
469 vertical-align: middle;
470 padding: 8px 20px 8px 20px;
472 text-decoration: none !important;
475 background-color: #DDDDDD;
476 color: #999 !important;
479 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-disable:hover {
480 background-color: #DDDDDD;
482 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-disable:active {
483 background-color: #DDDDDD;
485 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-active {
491 padding: 8px 17px !important;
492 box-sizing: border-box;
493 -moz-box-sizing: border-box;
494 background-color: #666666;
498 display: inline-block;
503 transition: background-color 0.3s ease-out 0s;
504 vertical-align: middle;
505 padding: 8px 20px 8px 20px;
507 text-decoration: none !important;
510 background-color: #067AB4;
511 border-color: #3580BD;
512 color: #FFFFFF !important;
514 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-active:hover {
515 background-color: #199DDF;
517 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-active:active {
518 background-color: #3278B1;
519 border-color: #28618D;
522 padding: 0px ! important;
531 .top-sub-menu-border {
532 border-width: 0 0.1em 0 0;
533 border-color: #e7e5e6;
538 font-family: clearviewatt_ltregular ! important;
551 //background-image: url("/registration/web/images/sprite_20px.png");
552 background-image: url("../images/sprite_20px.png");
553 background-position: 43px 1px;
554 display: inline-block;
556 vertical-align: middle;
561 background-image: none;
562 display: inline-block;
563 vertical-align: middle;
566 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
567 filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0 )";
568 filter: alpha(opacity = 0);
573 background-color: #f8f8f8;
574 border-color: #f8f8f8;
578 .business-center-sprite-account-balance {
579 background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
580 background-position: -1px 1px;
581 display: inline-block;
583 vertical-align: middle;
587 text-transform: none;
591 font-family: clearviewattregular ! important;
600 background: url("../images/common/session-timeout/exclamation-error.png") no-repeat scroll 266px #ffffff ! important;
601 border: 1px solid #AAAAAA;
602 border-radius: 4px 4px 4px 4px;
603 background-color: #E7E5E6 ! important;
605 font-family: 'clearviewattregular';
610 padding: 4px 4px 4px 5px;
612 vertical-align: middle;
613 border-color: #b10b3b ! important;
614 -webkit-box-shadow: inset 0px 0px 3px #b10b3b, 0px 0px 3px #b10b3b ! important;
615 -moz-box-shadow: inset 0px 0px 3px #b10b3b, 0px 0px 3px #b10b3b ! important;
616 box-shadow: inset 0px 0px 3px #b10b3b, 0px 0px 3px #b10b3b ! important;
617 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s ! important;
618 -moz-transition: border linear 0.2s, box-shadow linear 0.2s ! important;
619 -o-transition: border linear 0.2s, box-shadow linear 0.2s ! important;
620 transition: border linear 0.2s, box-shadow linear 0.2s ! important;
622 input:-webkit-autofill {
623 color: #E7E5E6 ! important;
626 background: none repeat scroll 0 0 #E7E5E6;
638 background-color: #F7E6EC;
639 border: 1px solid #D6A7B7;
646 border-radius: 3px 3px 3px 3px;
651 .login-error-msg-box {
655 background-color: #ff4539;
658 margin: -1px 0px 0px 3px;
659 border-radius: 0 0 4px 4px;
661 padding: 12px 9px 10px 8px!important;
665 .login-error-msg-box a {
668 text-decoration: underline;
670 .center-error-msg-box {
674 background-color: #ff4539;
679 border-radius: 0px 0px 4px 4px;
681 padding: 7px 10px 5px 10px;
686 .login-warning-msg-box {
690 background-color: #fcb134;
695 border-radius: 0 0 4px 4px;
697 padding: 8px 9px 7px 8px!important;
701 .login-warning-msg-box a {
704 text-decoration: underline;
707 background: url(../common/images/common/form-validation/red-error-icon.png) no-repeat !important;
716 .custom-warningIcon {
717 background: url(../common/images/common/form-validation/orange-LockedOut-icon.png) no-repeat !important;
725 .header_login_field_border_warning {
726 border: 1px solid #fcb134!important;
728 .header_login_field_3sides_warning {
729 border: 1px solid #fcb134!important;
731 .header_login_field_border_error {
732 border: 1px solid #ff4539!important;
734 #ajaxLoaderLoginPage {
737 /* Registration Input Login Text and Password */
738 .regFormInputLoginText,
739 .regFormInputLoginPassword {
741 /* this breaks relative positioning */
748 background: no-repeat scroll 100% -22px #fafafa;
750 .header-login-button {
752 min-width: 10px !important;
754 /* width:65px !important; */
757 #formID #header_login_title {
758 font-family: omnes_attlight;
763 #formID #emailLogin {
765 /* this breaks relative positioning */
771 background: no-repeat scroll 100% -22px #fafafa;
772 background: none repeat scroll 0 0 #FAFAFA;
773 border: 1px solid #D3D3D3;
776 font-family: clearviewattregular;
777 -ms-transition: all 0.3s ease-in-out;
778 transition: border 0.3s ease-in-out;
779 box-shadow: none !important;
780 border-radius: 3px 3px 0px 0px ! important;
783 height: 14px!important;
784 width: 165px!important;
785 background: url("../images/icon-username.png") no-repeat scroll 7px 9px #fafafa ! important;
787 line-height: 13px !important;
789 #formID #emailLogin:hover {
790 border: 1px solid #BBBBBB;
793 #formID #emailLogin:focus {
794 border: 1px solid #199DDF !important;
796 -webkit-box-shadow: none;
800 #formID #userPassword {
802 /* this breaks relative positioning */
808 background: no-repeat scroll 100% -22px #fafafa;
809 background: none repeat scroll 0 0 #FAFAFA;
810 border: 1px solid #D3D3D3;
813 font-family: clearviewattregular;
814 -ms-transition: all 0.3s ease-in-out;
815 transition: border 0.3s ease-in-out;
816 box-shadow: none !important;
817 border-radius: 0px 0px 3px 3px ! important;
821 height: 14px!important;
822 width: 165px!important;
823 background: url("../images/common/session-timeout/icon-password.png") no-repeat scroll 7px 9px #fafafa ! important;
825 line-height: 13px !important;
827 #formID #userPassword:hover {
828 border: 1px solid #BBBBBB;
831 #formID #userPassword:focus {
832 border: 1px solid #199DDF !important;
834 -webkit-box-shadow: none;
838 #formID #login_block {
843 #formID #login_block #login-btn {
844 padding: 8px 17px !important;
845 box-sizing: border-box;
846 -moz-box-sizing: border-box;
847 background-color: #666666;
851 display: inline-block;
856 transition: background-color 0.3s ease-out 0s;
857 vertical-align: middle;
858 padding: 8px 20px 8px 20px;
860 text-decoration: none !important;
863 background-color: #067AB4;
864 border-color: #3580BD;
865 color: #FFFFFF !important;
866 height: 30px !important;
868 min-width: 80px!important;
869 padding: 8px 0px 8px 0px !important;
871 #formID #login_block #login-btn:hover {
872 background-color: #199DDF;
874 #formID #login_block #login-btn:active {
875 background-color: #3278B1;
876 border-color: #28618D;
878 #formID #remember_me_component {
882 #formID #remember_me_component #rememberme_header_label {
885 #formID #remember_me_component .text-input {
886 font-size: 12px !important;
890 #formID #remember_me_component #remember-me {
893 #formID #forgot_username_component {
897 padding-bottom: 30px;
900 #formID #forgot_username_component .regular {
901 font-family: clearviewattregular;
905 #formID #forgot_username_component .link {
906 font-family: clearviewattregular;
910 .login-top-backImage {
911 background-image: url('../images/bg-login-final.jpg');
913 background-position: 74% 104%;
918 font-family: omnes_attlight;
919 text-transform: none;
923 padding-bottom: 30px;
928 .login-userid-error {
931 border-radius: 0px 0px 0px 0px;
936 .login-password-error {
939 border-radius: 0px 0px 0px 0px;
947 width: 275px ! important;
951 font-family: omnes_attmedium_italic ! important;
953 .bui-reg-lowerDiv-right {
959 padding-bottom: 20px;
961 background-color: #f2f2f2;
963 .bui-reg-lowerDiv .bui-reg-lowerDiv-content {
996 .bui-reg-lowerDiv-right {
998 margin: -4px 29px 0px 0px;
1000 .bui-reg-new-customer {
1005 .bui-reg-new-customer-desc {
1009 font-family: 'clearviewattregular';
1013 margin: 0px 0px 0px 0px;
1017 .bui-reg-new-customer-label {
1021 margin: -3px 0px 0px 29px;
1024 .bui-reg-new-customer-label h3 {
1029 padding: 8px 17px !important;
1030 box-sizing: border-box;
1031 -moz-box-sizing: border-box;
1032 background-color: #666666;
1035 color: #FFFFFF !important;
1037 display: inline-block;
1042 transition: background-color 0.3s ease-out 0s;
1043 vertical-align: middle;
1044 padding: 8px 20px 8px 20px;
1045 text-decoration: none !important;
1048 background-color: #EF6F00;
1054 .bui-reg-btn-hero:hover {
1055 background-color: #FCB314;
1057 .bui-reg-btn-hero:active {
1058 background-color: #FF7200;
1061 margin-top: 35px !important;
1062 margin-left: 3px !important;
1065 padding: 8px 17px !important;
1073 .bui-reg-column-1 .bui-reg-account-balance .bui-reg-account-balance-pic {
1074 margin: 3px 0px 0px 2px;
1076 background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1077 background-position: -1px 1px;
1078 display: inline-block;
1080 vertical-align: middle;
1082 background-position: 107px -1px;
1083 height: 27px !important;
1084 width: 26px !important;
1086 .bui-reg-column-1 .bui-reg-account-balance .bui-reg-account-balance-desc {
1088 font-family: clearviewattregular ! important;
1092 line-height: 15px !important;
1094 .bui-reg-column-1 .bui-reg-account-balance .att-global-fonts-content-copy {
1095 line-height: 15px !important;
1097 .bui-reg-column-1 .bui-reg-changeTV {
1100 .bui-reg-column-1 .bui-reg-changeTV .bui-reg-changeTV-pic {
1103 background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1104 background-position: -1px 1px;
1105 display: inline-block;
1107 vertical-align: middle;
1109 background-position: 82px 0px;
1110 height: 28px !important;
1111 width: 30px !important;
1113 .bui-reg-column-1 .bui-reg-changeTV .bui-reg-changeTV-desc {
1115 font-family: clearviewattregular ! important;
1120 line-height: 15px !important;
1122 .bui-reg-column-1 .bui-reg-changeTV .att-global-fonts-content-copy {
1123 line-height: 15px !important;
1130 .bui-reg-column-2 .bui-reg-networkManagement .bui-reg-networkManagement-pic {
1131 margin: 5px 0px 0px -1px;
1133 background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1134 background-position: -1px 1px;
1135 display: inline-block;
1137 vertical-align: middle;
1139 background-position: 52px 0px;
1140 height: 28px !important;
1141 width: 27px !important;
1143 .bui-reg-column-2 .bui-reg-networkManagement .bui-reg-networkManagement-desc {
1145 font-family: clearviewattregular ! important;
1147 padding: 2px 0px 0px 54px;
1149 line-height: 15px !important;
1151 .bui-reg-column-2 .bui-reg-networkManagement .att-global-fonts-content-copy {
1152 line-height: 15px !important;
1154 .bui-reg-column-2 .bui-reg-minutes-text-data {
1157 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic {
1158 margin: 3px 0px 0px -1px;
1160 background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1161 background-position: -1px 1px;
1162 display: inline-block;
1164 vertical-align: middle;
1166 background-position: 24px 0px;
1167 height: 28px !important;
1168 width: 25px !important;
1170 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .clearfix {
1173 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-custom-errorIcon {
1174 background: url(../common/images/common/form-validation/red-error-icon.png) no-repeat !important;
1183 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-custom-warningIcon {
1184 background: url(../images/common/form-validation/orange-LockedOut-icon.png) no-repeat !important;
1189 margin: 10px 10px 0px 10px;
1193 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-login-error-msg-box {
1197 background-color: #ff4539;
1201 border-radius: 0 0 4px 4px;
1203 padding: 8px 5px 7px 5px!important;
1209 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-login-error-msg-box a {
1212 text-decoration: underline;
1213 vertical-align: 3px;
1215 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-login-warning-msg-box {
1228 display: inline-block !important;
1230 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-fields-req-msg-box {
1234 background-color: #ff4539;
1238 border-radius: 0 0 4px 4px;
1240 padding: 8px 5px 7px 5px!important;
1246 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-desc {
1248 font-family: clearviewattregular ! important;
1250 padding: 1px 0px 0px 55px;
1252 line-height: 15px !important;
1254 .bui-reg-column-2 .bui-reg-minutes-text-data .att-global-fonts-content-copy {
1255 line-height: 15px !important;
1260 .header-custom-errorIcon {
1261 background: url(../common/images/common/form-validation/red-error-icon.png) no-repeat !important;
1270 .header-custom-warningIcon {
1271 background: url(../images/common/form-validation/orange-warning-icon.png) no-repeat !important;
1276 margin: 10px 10px 0px 10px;
1280 .header-login-error-msg-box {
1284 background-color: #ff4539;
1288 border-radius: 0 0 4px 4px;
1290 padding: 8px 5px 7px 5px!important;
1296 .header-login-error-msg-box a {
1299 text-decoration: underline;
1301 .header-login-warning-msg-box {
1304 display: block !important;
1313 .header-fields-req-msg-box {
1317 background-color: #ff4539;
1321 border-radius: 0 0 4px 4px;
1323 padding: 8px 5px 7px 5px!important;
1330 box-sizing: border-box;
1331 -moz-box-sizing: border-box;
1332 background-color: #666666;
1335 color: #FFFFFF !important;
1337 display: inline-block;
1342 transition: background-color 0.3s ease-out 0s;
1343 vertical-align: middle;
1344 padding: 8px 20px 8px 20px;
1346 text-decoration: none !important;
1350 .bui-global-btn-small {
1351 height: 30px !important;
1354 .bui-global-btn-primary {
1355 background-color: #067AB4;
1356 border-color: #3580BD;
1357 color: #FFFFFF !important;
1359 .bui-global-btn-primary:hover {
1360 background-color: #199DDF;
1362 .bui-global-btn-primary:active {
1363 background-color: #3278B1;
1364 border-color: #28618D;
1366 .bui-global-btn-hero {
1367 background-color: #EF6F00;
1370 .bui-global-btn-hero:hover {
1371 background-color: #FCB314;
1373 .bui-global-btn-hero:active {
1374 background-color: #FF7200;
1376 .bui-global-btn-secondary {
1377 background-color: #666666;
1380 .bui-global-btn-secondary:hover {
1381 background-color: #BBBBBB;
1383 .bui-global-btn-secondary:active {
1384 background-color: #666666;
1386 .bui-global-btn-disabled {
1387 background-color: #DDDDDD;
1388 color: #999 !important;
1391 .bui-global-btn-disabled:hover {
1392 background-color: #DDDDDD;
1394 .bui-global-btn-disabled:active {
1395 background-color: #DDDDDD;
1398 background-image: url('../images/common/session-timeout/LazyScrollPlaceholder.gif');
1399 background-repeat: no-repeat;
1400 /* make the background image appear only once */
1402 background-position: center 4px;
1403 /* equivalent to 'top left' */
1405 background-size: 24px 24px;
1406 vertical-align: middle;
1407 /* align the text vertically centered */
1409 display: inline-block;
1411 .loadingIconImage:hover {
1412 background-color: #067AB4 !important;
1414 /* ***** Global Fonts ******* */
1415 .att-global-fonts-common {
1417 text-transform: none;
1419 h2.att-global-fonts {
1421 text-transform: none;
1422 font-family: omnes_attlight;
1426 letter-spacing: -1px;
1428 .att-global-fonts-modal-header {
1430 text-transform: none;
1431 font-family: clearviewatt_ltbold;
1435 .att-global-fonts-modal-content {
1437 text-transform: none;
1438 font-family: clearviewattregular;
1443 /* ***** Global Transitions ******* */
1444 .bui-global-transitions-focus {
1445 border: 1px solid #199DDF !important;
1447 -webkit-box-shadow: none;
1451 .bui-global-transitions-hover {
1452 border: 1px solid #BBBBBB;
1455 .bui-global-transitions-hover-important {
1456 border: 1px solid #BBBBBB !important;
1459 .bui-global-transitions-login-page {
1460 background: none repeat scroll 0 0 #FAFAFA;
1461 border: 1px solid #D3D3D3;
1464 font-family: clearviewattregular;
1465 -ms-transition: all 0.3s ease-in-out;
1466 transition: border 0.3s ease-in-out;
1467 box-shadow: none !important;
1469 .bui-global-transitions-login-page:hover {
1470 border: 1px solid #BBBBBB;
1473 .bui-global-transitions-login-page:focus {
1474 border: 1px solid #199DDF !important;
1476 -webkit-box-shadow: none;
1480 .bui-global-transitions {
1481 background: none repeat scroll 0 0 #FAFAFA;
1482 border: 1px solid #D3D3D3 !important;
1485 font-family: clearviewattregular;
1486 -ms-transition: all 0.3s ease-in-out;
1487 transition: border 0.3s ease-in-out;
1488 box-shadow: none !important;
1490 .bui-global-transitions:hover {
1491 border: 1px solid #BBBBBB !important;
1494 .bui-global-transitions:focus {
1495 border: 1px solid #199DDF !important;
1497 -webkit-box-shadow: none;
1501 .bui-global-transitions-disabled {
1502 background: none repeat scroll 0 0 #F2F2F2;
1503 border: 1px solid #D3D3D3 !important;
1506 font-family: clearviewattregular;
1507 box-shadow: none !important;
1509 .bui-global-form-fields {
1510 background: none repeat scroll 0 0 #FAFAFA;
1511 border: 1px solid #D3D3D3 !important;
1514 font-family: clearviewattregular;
1515 -ms-transition: all 0.3s ease-in-out;
1516 transition: border 0.3s ease-in-out;
1517 box-shadow: none !important;
1520 .bui-global-form-fields:hover {
1521 border: 1px solid #BBBBBB !important;
1524 .bui-global-form-fields:focus {
1525 border: 1px solid #199DDF !important;
1527 -webkit-box-shadow: none;
1531 .bui-global-form-fields-disabled {
1532 background: none repeat scroll 0 0 #F2F2F2;
1533 border: 1px solid #D3D3D3 !important;
1536 font-family: clearviewattregular;
1537 box-shadow: none !important;
1540 .custom-button-top-warning {
1543 .custom-button-top-locked {
1550 .custom-button-top-pending {
1554 .custom-button-top-deactivate {
1557 .reg-sessionTimeOut-custom {
1558 padding-top: 20px !important;
1560 .reg-message-border-custom {
1561 margin-top: -20px !important;