ecomp-portal-BE/war/static/ebz/attSessionTimeoutModal.css

   1 .hide {
   2   display: none;
   3 }
   4 .show {
   5   display: block;
   6 }
   7 .modal-backdrop {
   8   position: fixed;
   9   top: 0;
  10   right: 0;
  11   bottom: 0;
  12   left: 0;
  13   background-color: #000000;
  14 }
  15 .modal-backdrop.fade {
  16   opacity: 0;
  17 }
  18 .modal-backdrop,
  19 .modal-backdrop.fade.in {
  20   opacity: 0.8;
  21   filter: alpha(opacity=80);
  22 }
  23 #reg-sessionModalPopupWindow.modal {
  24   position: fixed;
  25   top: 10%;
  26   left: 50%;
  27   width: 400px;
  28   margin-left: -200px;
  29   background-color: #ffffff;
  30   border: 1px solid #999;
  31   border: 1px solid rgba(0, 0, 0, 0.3);
  32   *border: 1px solid #999;
  33   /* IE6-7 */
  34
  35   -webkit-border-radius: 6px;
  36   -moz-border-radius: 6px;
  37   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;
  44   outline: none;
  45   bottom: auto;
  46   overflow: visible;
  47   overflow-y: visible;
  48 }
  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;
  54   top: -25%;
  55 }
  56 #reg-sessionModalPopupWindow.modal.fade.in {
  57   top: 10%;
  58 }
  59 #reg-sessionModalPopupWindow .modal-header {
  60   padding: 9px 15px;
  61   border-bottom: 1px solid #eee;
  62 }
  63 #reg-sessionModalPopupWindow .modal-header .close {
  64   margin-top: 2px;
  65 }
  66 #reg-sessionModalPopupWindow .modal-header h3 {
  67   margin: 0;
  68   line-height: 30px;
  69 }
  70 #reg-sessionModalPopupWindow .modal-body {
  71   position: relative;
  72   overflow-y: auto;
  73   max-height: 400px;
  74   padding: 15px;
  75 }
  76 #reg-sessionModalPopupWindow .modal-form {
  77   margin-bottom: 0;
  78 }
  79 #reg-sessionModalPopupWindow .modal-footer {
  80   padding: 14px 15px 15px;
  81   margin-bottom: 0;
  82   text-align: right;
  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;
  91   *zoom: 1;
  92 }
  93 #reg-sessionModalPopupWindow .modal-footer:before,
  94 #reg-sessionModalPopupWindow .modal-footer:after {
  95   display: table;
  96   content: "";
  97   line-height: 0;
  98 }
  99 #reg-sessionModalPopupWindow .modal-footer:after {
 100   clear: both;
 101 }
 102 #reg-sessionModalPopupWindow .modal-footer .btn + .btn {
 103   margin-left: 5px;
 104   margin-bottom: 0;
 105 }
 106 #reg-sessionModalPopupWindow .modal-footer .btn-group .btn + .btn {
 107   margin-left: -1px;
 108 }
 109 #reg-sessionModalPopupWindow .modal-footer .btn-block + .btn-block {
 110   margin-left: 0;
 111 }
 112 /*
 113 input{
 114         color: #444444;
 115     font-family: clearviewattregular;
 116     font-size: 12px;
 117     //line-height: 48px;
 118         width: 190px;
 119         height: 22px;
 120         background: none repeat scroll 0 0 #FFFFFF;
 121
 122 }
 123 input:focus {
 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);
 126     outline: 0 none;
 127         box-shadow:none!important;
 128  }
 129  input:hover{
 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);
 132     outline: 0 none;
 133         box-shadow:none!important;
 134  }
 135 */
 136 .button-black {
 137   border-radius: 6px;
 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;*/
 141
 142   width: 94px;
 143   height: 30px;
 144   -webkit-border-radius: 6px;
 145   -moz-border-radius: 6px;
 146   background: #444444;
 147   font-family: clearviewattregular;
 148   font-size: 14px;
 149   line-height: 15px;
 150   color: #FFFFFF;
 151   margin-top: 40px;
 152   margin-left: 14px;
 153   border: none!important;
 154 }
 155 #reg-sessionModalPopupWindow {
 156   min-height: 492px;
 157   height: auto;
 158   width: 400px;
 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);
 162 }
 163 #reg-sessionModalPopupWindow form {
 164   margin: 0px !important;
 165 }
 166 #reg-sessionModalPopupWindow .reg-sessionModalRectangle1 {
 167   height: 150px;
 168   background-color: #067ab4;
 169   clear: both;
 170   width: 400px;
 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);
 174 }
 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;
 179   display: block;
 180   height: 56px;
 181   width: 56px;
 182   margin-top: 47px;
 183   float: left;
 184   margin-left: 172px;
 185   text-decoration: underline;
 186 }
 187 #reg-sessionModalPopupWindow .reg-login-error-msg-box {
 188   color: #ff4539;
 189   cursor: default;
 190   display: block !important;
 191   font-size: 12px;
 192   height: auto;
 193   line-height: 20px;
 194   padding: 10px;
 195   text-align: left;
 196   width: auto;
 197   z-index: 100;
 198 }
 199 #reg-sessionModalPopupWindow .reg-login-error-msg-box a {
 200   cursor: pointer;
 201   color: #FFFFFF;
 202   text-decoration: underline;
 203 }
 204 #reg-sessionModalPopupWindow .reg-custom-errorIcon {
 205   background: url('../images/common/form-validation/red-error-icon.png') no-repeat !important;
 206   clear: both;
 207   display: block;
 208   float: left;
 209   height: 14px;
 210   margin: 10px 10px 0px 10px;
 211   width: 15px;
 212   z-index: 100;
 213 }
 214 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 {
 215   min-height: 342px;
 216   width: 400px;
 217   height: auto;
 218   background-color: #ffffff;
 219   clear: both;
 220 }
 221 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut {
 222   clear: both;
 223   height: auto;
 224 }
 225 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionTimeOut {
 226   clear: both;
 227   padding-top: 42px;
 228   width: 100%;
 229   padding-left: 50px;
 230 }
 231 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionTimeOut .reg-TimeOut {
 232   color: #444444;
 233 }
 234 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionLoggedOut {
 235   clear: both;
 236   margin: 0 auto;
 237   padding-top: 6px;
 238   padding-left: 0px;
 239   padding-right: 0px;
 240   text-align: center;
 241   padding-bottom: 6px;
 242   white-space: nowrap;
 243   line-height: initial;
 244 }
 245 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionLoggedOut .reg-LogOut {
 246   margin: 0px;
 247   text-transform: none;
 248   font-family: clearviewatt_ltbold;
 249   font-size: 14px;
 250   font-weight: 100;
 251   color: #444444;
 252   /*line-height: 20px;*/
 253
 254   white-space: nowrap;
 255   line-height: initial;
 256 }
 257 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionExpired {
 258   clear: both;
 259   margin-top: 0px;
 260   padding-left: 50px;
 261   padding-right: 40px;
 262   line-height: initial;
 263 }
 264 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-sessionModalTimeOut .reg-sessionExpired .reg-Expired {
 265   margin: 0px;
 266   text-transform: none;
 267   font-family: clearviewattregular;
 268   font-size: 14px;
 269   line-height: 10px;
 270   font-weight: 100;
 271   color: #444444;
 272   line-height: initial;
 273 }
 274 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-valid {
 275   clear: both;
 276   text-align: center;
 277   height: auto;
 278   padding: 0px 0px 0px 0px;
 279 }
 280 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-valid .error-msg-box {
 281   background-color: #FF4539;
 282   border-radius: 3px 3px 3px 3px;
 283   color: #FFFFFF;
 284   font-size: 12px;
 285   height: 35px;
 286   line-height: 35px;
 287   margin-left: 100px;
 288   margin-top: 15px;
 289   width: 200px;
 290 }
 291 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login {
 292   float: left;
 293   padding-left: 99px;
 294 }
 295 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-username {
 296   clear: both;
 297 }
 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;
 303   border-radius: 3px;
 304   color: #444444;
 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;
 309   padding-left: 10px;
 310   height: 35px;
 311   margin-top: 15px;
 312   padding: 8px 10px 10px 36px;
 313   width: 300px;
 314   margin-bottom: 0px;
 315   border-radius: 0px !important;
 316 }
 317 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-username #reg-emailLogin:hover {
 318   border: 1px solid #BBBBBB !important;
 319   z-index: 90;
 320 }
 321 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-username #reg-emailLogin:focus {
 322   border: 1px solid #199DDF !important;
 323   box-shadow: none;
 324   -webkit-box-shadow: none;
 325   outline: 0;
 326   z-index: 100;
 327 }
 328 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-password {
 329   clear: both;
 330 }
 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;
 335   border-radius: 3px;
 336   color: #444444;
 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;
 341   padding-left: 10px;
 342   display: block;
 343   font-size: 12px !important;
 344   height: 35px;
 345   margin-bottom: 0px;
 346   margin-top: -10px;
 347   padding: 8px 10px 10px 36px;
 348   width: 300px;
 349   border-radius: 0px !important;
 350 }
 351 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-password #reg-userPassword:hover {
 352   border: 1px solid #BBBBBB !important;
 353   z-index: 90;
 354 }
 355 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 #reg-login .reg-password #reg-userPassword:focus {
 356   border: 1px solid #199DDF !important;
 357   box-shadow: none;
 358   -webkit-box-shadow: none;
 359   outline: 0;
 360   z-index: 100;
 361 }
 362 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login {
 363   width: 100%;
 364   clear: both;
 365   height: 130px;
 366 }
 367 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-cancelBtn {
 368   float: left;
 369   margin-left: 65px;
 370 }
 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;*/
 375
 376   width: 97px;
 377   height: 30px;
 378   line-height: 15px;
 379   margin-top: 40px;
 380   margin-left: 17px;
 381   float: left;
 382   padding: 8px 17px !important;
 383   box-sizing: border-box;
 384   -moz-box-sizing: border-box;
 385   border: 0 none;
 386   border-radius: 6px;
 387   color: #FFFFFF !important;
 388   cursor: pointer;
 389   display: inline-block;
 390   font-size: 14px;
 391   line-height: 1;
 392   position: relative;
 393   text-align: center;
 394   transition: background-color 0.3s ease-out 0s;
 395   vertical-align: middle;
 396   padding: 8px 20px 8px 20px;
 397   height: auto;
 398   text-decoration: none !important;
 399   valign: middle;
 400   outline: none;
 401   background-color: #666666;
 402   color: #FFFFFF;
 403 }
 404 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-cancelBtn .button-black:hover {
 405   background-color: #BBBBBB;
 406 }
 407 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-cancelBtn .button-black:active {
 408   background-color: #666666;
 409 }
 410 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn {
 411   float: left;
 412   margin-left: 25px;
 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;
 417                         border-radius:6px;
 418                         width:94px;
 419                         height:30px;
 420                         -webkit-border-radius:6px;
 421                         -moz-border-radius:6px;
 422                         background:#199DDF;
 423                         font-family: clearviewattregular;
 424                                 font-size: 14px;
 425                         line-height: 15px;
 426                         color: #FFFFFF;
 427                         margin-top: 48px;
 428                                 margin-left: 14px;
 429                                 border:none;
 430                         }
 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;
 435                         border-radius:6px;
 436                         width:94px;
 437                         height:30px;
 438                         -webkit-border-radius:6px;
 439                         -moz-border-radius:6px;
 440                         background:#069ab4;
 441                         font-family: clearviewattregular;
 442                                 font-size: 14px;
 443                         line-height: 15px;
 444                         color: #7cc6ff;
 445                         margin-top: 48px;
 446                                 margin-left: 14px;
 447                                 border:none;
 448                                 }       */
 449 }
 450 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-disable {
 451   width: 94px;
 452   height: 30px;
 453   line-height: 15px;
 454   pointer-events: none;
 455   margin-top: 40px;
 456   padding: 8px 17px !important;
 457   box-sizing: border-box;
 458   -moz-box-sizing: border-box;
 459   background-color: #666666;
 460   border: 0 none;
 461   border-radius: 6px;
 462   color: #FFFFFF !important;
 463   display: inline-block;
 464   font-size: 14px;
 465   line-height: 1;
 466   position: relative;
 467   text-align: center;
 468   transition: background-color 0.3s ease-out 0s;
 469   vertical-align: middle;
 470   padding: 8px 20px 8px 20px;
 471   height: auto;
 472   text-decoration: none !important;
 473   valign: middle;
 474   outline: none;
 475   background-color: #DDDDDD;
 476   color: #999 !important;
 477   cursor: pointer;
 478 }
 479 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-disable:hover {
 480   background-color: #DDDDDD;
 481 }
 482 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-disable:active {
 483   background-color: #DDDDDD;
 484 }
 485 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-active {
 486   width: 94px;
 487   height: 30px;
 488   line-height: 15px;
 489   margin-top: 40px;
 490   border: none;
 491   padding: 8px 17px !important;
 492   box-sizing: border-box;
 493   -moz-box-sizing: border-box;
 494   background-color: #666666;
 495   border: 0 none;
 496   border-radius: 6px;
 497   cursor: pointer;
 498   display: inline-block;
 499   font-size: 14px;
 500   line-height: 1;
 501   position: relative;
 502   text-align: center;
 503   transition: background-color 0.3s ease-out 0s;
 504   vertical-align: middle;
 505   padding: 8px 20px 8px 20px;
 506   height: auto;
 507   text-decoration: none !important;
 508   valign: middle;
 509   outline: none;
 510   background-color: #067AB4;
 511   border-color: #3580BD;
 512   color: #FFFFFF !important;
 513 }
 514 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-active:hover {
 515   background-color: #199DDF;
 516 }
 517 #reg-sessionModalPopupWindow .reg-sessionModalRectangle2 .reg-cancel-login #reg-loginBtn .button-active:active {
 518   background-color: #3278B1;
 519   border-color: #28618D;
 520 }
 521 form#formID {
 522   padding: 0px ! important;
 523 }
 524 .top-sub-menu {
 525   width: 24.9%;
 526   float: left;
 527   height: 50px;
 528   background: #ffffff;
 529   text-align: center;
 530 }
 531 .top-sub-menu-border {
 532   border-width: 0 0.1em 0 0;
 533   border-color: #e7e5e6;
 534   border-style: solid;
 535 }
 536 .top-sub-menu-span {
 537   color: #067AB4;
 538   font-family: clearviewatt_ltregular ! important;
 539   font-size: 18px;
 540   position: relative;
 541   top: 16px;
 542   left: 80px;
 543 }
 544 .inputCheckBox {
 545   float: left;
 546   margin-top: 14px;
 547   margin-right: 10px;
 548 }
 549 /*
 550 .labelBeforeClick {
 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;
 555         height: 20px;
 556         vertical-align: middle;
 557         width: 23px;
 558 }
 559 */
 560 .labelAfterClick {
 561   background-image: none;
 562   display: inline-block;
 563   vertical-align: middle;
 564 }
 565 .global-checkbox {
 566   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 567   filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0 )";
 568   filter: alpha(opacity = 0);
 569   -moz-opacity: 0;
 570   -khtml-opacity: 0;
 571   opacity: 0;
 572   position: relative;
 573   background-color: #f8f8f8;
 574   border-color: #f8f8f8;
 575   outline-width: 0px;
 576   outline: none;
 577 }
 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;
 582   height: 20px;
 583   vertical-align: middle;
 584   width: 30px;
 585 }
 586 .font-format {
 587   text-transform: none;
 588   clear: both;
 589   height: 45px;
 590   color: #067AB4;
 591   font-family: clearviewattregular ! important;
 592   font-size: 25px;
 593 }
 594 .login-label {
 595   width: 88px;
 596   font-size: 10px;
 597   color: #444;
 598 }
 599 .login-textBox {
 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;
 604   color: #676767;
 605   font-family: 'clearviewattregular';
 606   font-size: 12px;
 607   height: 18px;
 608   line-height: 18px;
 609   margin: 1px 0;
 610   padding: 4px 4px 4px 5px;
 611   position: relative;
 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;
 621 }
 622 input:-webkit-autofill {
 623   color: #E7E5E6 ! important;
 624 }
 625 .horizontal-border {
 626   background: none repeat scroll 0 0 #E7E5E6;
 627   float: left;
 628   height: 1.25px;
 629   margin-bottom: 5px;
 630   margin-top: 5px;
 631   width: 157px;
 632 }
 633 .error-class {
 634   font-size: 10px;
 635   color: #b30a3c;
 636 }
 637 .server-side-error {
 638   background-color: #F7E6EC;
 639   border: 1px solid #D6A7B7;
 640   color: #B30A3C;
 641   font-size: 10px;
 642   height: 23px;
 643   padding-left: 15px;
 644   margin-bottom: 15px;
 645   padding-top: 10px;
 646   border-radius: 3px 3px 3px 3px;
 647 }
 648 .login-placeholder {
 649   position: relative;
 650 }
 651 .login-error-msg-box {
 652   position: relative;
 653   font-size: 12px;
 654   color: #FFFFFF;
 655   background-color: #ff4539;
 656   height: auto;
 657   width: 190px;
 658   margin: -1px 0px 0px 3px;
 659   border-radius: 0 0 4px 4px;
 660   z-index: 100;
 661   padding: 12px 9px 10px 8px!important;
 662   line-height: 15px;
 663   cursor: default;
 664 }
 665 .login-error-msg-box a {
 666   cursor: pointer;
 667   color: #FFFFFF;
 668   text-decoration: underline;
 669 }
 670 .center-error-msg-box {
 671   position: relative;
 672   font-size: 12px;
 673   color: #FFFFFF;
 674   background-color: #ff4539;
 675   height: auto;
 676   width: 187px;
 677   margin-top: -2px;
 678   margin-left: 3px;
 679   border-radius: 0px 0px 4px 4px;
 680   z-index: 100;
 681   padding: 7px 10px 5px 10px;
 682   text-align: center;
 683   line-height: 15px;
 684   cursor: default;
 685 }
 686 .login-warning-msg-box {
 687   position: relative;
 688   font-size: 12px;
 689   color: #444444;
 690   background-color: #fcb134;
 691   height: auto;
 692   width: 190px;
 693   margin-top: -1px;
 694   margin-left: 3px;
 695   border-radius: 0 0 4px 4px;
 696   z-index: 100;
 697   padding: 8px 9px 7px 8px!important;
 698   line-height: 15px;
 699   cursor: default;
 700 }
 701 .login-warning-msg-box a {
 702   cursor: pointer;
 703   color: #444444;
 704   text-decoration: underline;
 705 }
 706 .custom-errorIcon {
 707   background: url(../common/images/common/form-validation/red-error-icon.png) no-repeat !important;
 708   height: 14px;
 709   width: 15px;
 710   position: absolute;
 711   top: 10px;
 712   left: 182px;
 713   z-index: 100;
 714   padding-top: 12px;
 715 }
 716 .custom-warningIcon {
 717   background: url(../common/images/common/form-validation/orange-LockedOut-icon.png) no-repeat !important;
 718   height: 14px;
 719   width: 15px;
 720   position: absolute;
 721   top: 8px;
 722   left: 182px;
 723   z-index: 100;
 724 }
 725 .header_login_field_border_warning {
 726   border: 1px solid #fcb134!important;
 727 }
 728 .header_login_field_3sides_warning {
 729   border: 1px solid #fcb134!important;
 730 }
 731 .header_login_field_border_error {
 732   border: 1px solid #ff4539!important;
 733 }
 734 #ajaxLoaderLoginPage {
 735   padding-left: 100px;
 736 }
 737 /* Registration Input Login Text and Password */
 738 .regFormInputLoginText,
 739 .regFormInputLoginPassword {
 740   display: block;
 741   /* this breaks relative positioning */
 742
 743   width: 162px;
 744   height: 15px;
 745   color: #444444;
 746   padding: 10px;
 747   font-size: 12px;
 748   background: no-repeat scroll 100% -22px #fafafa;
 749 }
 750 .header-login-button {
 751   height: 20px;
 752   min-width: 10px !important;
 753   box-shadow: none;
 754   /* width:65px !important; */
 755
 756 }
 757 #formID #header_login_title {
 758   font-family: omnes_attlight;
 759   font-size: 18px;
 760   color: #444;
 761   margin-top: 25px;
 762 }
 763 #formID #emailLogin {
 764   display: block;
 765   /* this breaks relative positioning */
 766
 767   width: 162px;
 768   height: 15px;
 769   padding: 10px;
 770   font-size: 12px;
 771   background: no-repeat scroll 100% -22px #fafafa;
 772   background: none repeat scroll 0 0 #FAFAFA;
 773   border: 1px solid #D3D3D3;
 774   border-radius: 3px;
 775   color: #444444;
 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;
 781   margin-top: 13px;
 782   margin-left: 3px;
 783   height: 14px!important;
 784   width: 165px!important;
 785   background: url("../images/icon-username.png") no-repeat scroll 7px 9px #fafafa ! important;
 786   padding-left: 30px;
 787   line-height: 13px !important;
 788 }
 789 #formID #emailLogin:hover {
 790   border: 1px solid #BBBBBB;
 791   z-index: 90;
 792 }
 793 #formID #emailLogin:focus {
 794   border: 1px solid #199DDF !important;
 795   box-shadow: none;
 796   -webkit-box-shadow: none;
 797   outline: 0;
 798   z-index: 100;
 799 }
 800 #formID #userPassword {
 801   display: block;
 802   /* this breaks relative positioning */
 803
 804   width: 162px;
 805   height: 15px;
 806   padding: 10px;
 807   font-size: 12px;
 808   background: no-repeat scroll 100% -22px #fafafa;
 809   background: none repeat scroll 0 0 #FAFAFA;
 810   border: 1px solid #D3D3D3;
 811   border-radius: 3px;
 812   color: #444444;
 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;
 818   margin-top: -9px;
 819   margin-left: 3px;
 820   margin-bottom: 0px;
 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;
 824   padding-left: 30px;
 825   line-height: 13px !important;
 826 }
 827 #formID #userPassword:hover {
 828   border: 1px solid #BBBBBB;
 829   z-index: 90;
 830 }
 831 #formID #userPassword:focus {
 832   border: 1px solid #199DDF !important;
 833   box-shadow: none;
 834   -webkit-box-shadow: none;
 835   outline: 0;
 836   z-index: 100;
 837 }
 838 #formID #login_block {
 839   margin-top: 14px;
 840   height: 30px;
 841   margin-left: 3px;
 842 }
 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;
 848   border: 0 none;
 849   border-radius: 6px;
 850   cursor: pointer;
 851   display: inline-block;
 852   font-size: 14px;
 853   line-height: 1;
 854   position: relative;
 855   text-align: center;
 856   transition: background-color 0.3s ease-out 0s;
 857   vertical-align: middle;
 858   padding: 8px 20px 8px 20px;
 859   height: auto;
 860   text-decoration: none !important;
 861   valign: middle;
 862   outline: none;
 863   background-color: #067AB4;
 864   border-color: #3580BD;
 865   color: #FFFFFF !important;
 866   height: 30px !important;
 867   min-width: 60px;
 868   min-width: 80px!important;
 869   padding: 8px 0px 8px 0px !important;
 870 }
 871 #formID #login_block #login-btn:hover {
 872   background-color: #199DDF;
 873 }
 874 #formID #login_block #login-btn:active {
 875   background-color: #3278B1;
 876   border-color: #28618D;
 877 }
 878 #formID #remember_me_component {
 879   margin-top: 14px;
 880   margin-left: 4px;
 881 }
 882 #formID #remember_me_component #rememberme_header_label {
 883   margin-top: 4px;
 884 }
 885 #formID #remember_me_component .text-input {
 886   font-size: 12px !important;
 887   padding: 0px;
 888   margin-left: 6px;
 889 }
 890 #formID #remember_me_component #remember-me {
 891   color: #666;
 892 }
 893 #formID #forgot_username_component {
 894   clear: both;
 895   text-align: left;
 896   padding-top: 48px;
 897   padding-bottom: 30px;
 898   padding-left: 3px;
 899 }
 900 #formID #forgot_username_component .regular {
 901   font-family: clearviewattregular;
 902   font-size: 12px;
 903   color: #444444;
 904 }
 905 #formID #forgot_username_component .link {
 906   font-family: clearviewattregular;
 907   font-size: 12px;
 908   color: #067ab4;
 909 }
 910 .login-top-backImage {
 911   background-image: url('../images/bg-login-final.jpg');
 912   height: 648px;
 913   background-position: 74% 104%;
 914   padding-left: 18px;
 915   padding-top: 0px;
 916 }
 917 .login-buss-center {
 918   font-family: omnes_attlight;
 919   text-transform: none;
 920   clear: both;
 921   line-height: 50px;
 922   padding-top: 80px;
 923   padding-bottom: 30px;
 924   font-size: 48px;
 925   text-align: start;
 926   color: #444444;
 927 }
 928 .login-userid-error {
 929   height: 70px;
 930   width: 180px;
 931   border-radius: 0px 0px 0px 0px;
 932   position: relative;
 933   left: 113px;
 934   top: -110px;
 935 }
 936 .login-password-error {
 937   height: 70px;
 938   width: 182px;
 939   border-radius: 0px 0px 0px 0px;
 940   display: none;
 941   position: relative;
 942   left: 112px;
 943   top: -110px;
 944 }
 945 .login-submit {
 946   height: 25px;
 947   width: 275px ! important;
 948 }
 949 .bui-reg-font {
 950   font-size: 25px;
 951   font-family: omnes_attmedium_italic ! important;
 952 }
 953 .bui-reg-lowerDiv-right {
 954   float: right;
 955   width: 70%;
 956 }
 957 .bui-reg-lowerDiv {
 958   padding-top: 60px;
 959   padding-bottom: 20px;
 960   height: 230px;
 961   background-color: #f2f2f2;
 962 }
 963 .bui-reg-lowerDiv .bui-reg-lowerDiv-content {
 964   height: inherit;
 965   width: 980px;
 966   margin: 0 auto;
 967 }
 968 .bui-reg-row-1-1 {
 969   float: left;
 970   width: 100%;
 971 }
 972 .bui-reg-f-12 {
 973   font-size: 12px;
 974 }
 975 .bui-reg-fr {
 976   float: right;
 977 }
 978 .bui-reg-w-75p {
 979   width: 75%;
 980 }
 981 .bui-reg-fl {
 982   float: left;
 983 }
 984 .bui-reg-login-btn {
 985   height: 25px;
 986   width: 230px;
 987   font-size: 11px;
 988   font-style: bold;
 989 }
 990 .bui-reg-err-popup {
 991   float: left;
 992   margin-left: 100px;
 993   margin-top: -27px;
 994   height: 40px;
 995 }
 996 .bui-reg-lowerDiv-right {
 997   width: 610px;
 998   margin: -4px 29px 0px 0px;
 999 }
1000 .bui-reg-new-customer {
1001   float: left;
1002   width: 260px;
1003   padding-left: 30px;
1004 }
1005 .bui-reg-new-customer-desc {
1006   margin-left: 2px;
1007   padding-top: 20px;
1008   line-height: 18px;
1009   font-family: 'clearviewattregular';
1010   font-size: 12px;
1011 }
1012 #reg_button_temp {
1013   margin: 0px 0px 0px 0px;
1014   width: 250px;
1015 }
1016 .bui-reg-fast,
1017 .bui-reg-new-customer-label {
1018   font-family: arial;
1019   font-size: 24px;
1020   color: #067ab4;
1021   margin: -3px 0px 0px 29px;
1022 }
1023 .bui-reg-fast h3,
1024 .bui-reg-new-customer-label h3 {
1025   color: #067ab4;
1026   margin-left: -28px;
1027 }
1028 .bui-reg-btn-hero {
1029   padding: 8px 17px !important;
1030   box-sizing: border-box;
1031   -moz-box-sizing: border-box;
1032   background-color: #666666;
1033   border: 0 none;
1034   border-radius: 6px;
1035   color: #FFFFFF !important;
1036   cursor: pointer;
1037   display: inline-block;
1038   font-size: 14px;
1039   line-height: 1;
1040   position: relative;
1041   text-align: center;
1042   transition: background-color 0.3s ease-out 0s;
1043   vertical-align: middle;
1044   padding: 8px 20px 8px 20px;
1045   text-decoration: none !important;
1046   valign: middle;
1047   outline: none;
1048   background-color: #EF6F00;
1049   color: #FFFFFF;
1050   margin-left: 1px;
1051   width: 200px;
1052   height: auto;
1053 }
1054 .bui-reg-btn-hero:hover {
1055   background-color: #FCB314;
1056 }
1057 .bui-reg-btn-hero:active {
1058   background-color: #FF7200;
1059 }
1060 .bui-m-t-25 {
1061   margin-top: 35px !important;
1062   margin-left: 3px !important;
1063 }
1064 .bui-global-btn {
1065   padding: 8px 17px !important;
1066 }
1067 .bui-reg-column-1 {
1068   float: left;
1069   margin-top: 31px;
1070   margin-right: 72px;
1071   width: 240px;
1072 }
1073 .bui-reg-column-1 .bui-reg-account-balance .bui-reg-account-balance-pic {
1074   margin: 3px 0px 0px 2px;
1075   float: left;
1076   background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1077   background-position: -1px 1px;
1078   display: inline-block;
1079   height: 20px;
1080   vertical-align: middle;
1081   width: 30px;
1082   background-position: 107px -1px;
1083   height: 27px !important;
1084   width: 26px !important;
1085 }
1086 .bui-reg-column-1 .bui-reg-account-balance .bui-reg-account-balance-desc {
1087   color: #444444;
1088   font-family: clearviewattregular ! important;
1089   font-size: 12px;
1090   padding-left: 57px;
1091   width: 220px;
1092   line-height: 15px !important;
1093 }
1094 .bui-reg-column-1 .bui-reg-account-balance .att-global-fonts-content-copy {
1095   line-height: 15px !important;
1096 }
1097 .bui-reg-column-1 .bui-reg-changeTV {
1098   margin-top: 25px;
1099 }
1100 .bui-reg-column-1 .bui-reg-changeTV .bui-reg-changeTV-pic {
1101   margin-top: 5px;
1102   float: left;
1103   background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1104   background-position: -1px 1px;
1105   display: inline-block;
1106   height: 20px;
1107   vertical-align: middle;
1108   width: 30px;
1109   background-position: 82px 0px;
1110   height: 28px !important;
1111   width: 30px !important;
1112 }
1113 .bui-reg-column-1 .bui-reg-changeTV .bui-reg-changeTV-desc {
1114   color: #444444;
1115   font-family: clearviewattregular ! important;
1116   font-size: 12px;
1117   padding-left: 58px;
1118   width: 210px;
1119   margin-top: -3px;
1120   line-height: 15px !important;
1121 }
1122 .bui-reg-column-1 .bui-reg-changeTV .att-global-fonts-content-copy {
1123   line-height: 15px !important;
1124 }
1125 .bui-reg-column-2 {
1126   float: left;
1127   margin-top: 29px;
1128   width: 240px;
1129 }
1130 .bui-reg-column-2 .bui-reg-networkManagement .bui-reg-networkManagement-pic {
1131   margin: 5px 0px 0px -1px;
1132   float: left;
1133   background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1134   background-position: -1px 1px;
1135   display: inline-block;
1136   height: 20px;
1137   vertical-align: middle;
1138   width: 30px;
1139   background-position: 52px 0px;
1140   height: 28px !important;
1141   width: 27px !important;
1142 }
1143 .bui-reg-column-2 .bui-reg-networkManagement .bui-reg-networkManagement-desc {
1144   color: #444444;
1145   font-family: clearviewattregular ! important;
1146   font-size: 12px;
1147   padding: 2px 0px 0px 54px;
1148   width: 190px;
1149   line-height: 15px !important;
1150 }
1151 .bui-reg-column-2 .bui-reg-networkManagement .att-global-fonts-content-copy {
1152   line-height: 15px !important;
1153 }
1154 .bui-reg-column-2 .bui-reg-minutes-text-data {
1155   margin-top: 37px;
1156 }
1157 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic {
1158   margin: 3px 0px 0px -1px;
1159   float: left;
1160   background-image: url("../images/common/session-timeout/sprite_businesscenter_benefits.png");
1161   background-position: -1px 1px;
1162   display: inline-block;
1163   height: 20px;
1164   vertical-align: middle;
1165   width: 30px;
1166   background-position: 24px 0px;
1167   height: 28px !important;
1168   width: 25px !important;
1169 }
1170 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .clearfix {
1171   clear: both;
1172 }
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;
1175   height: 14px;
1176   width: 14px;
1177   position: absolute;
1178   top: 10px;
1179   left: 200px;
1180   z-index: 100;
1181   padding-top: 12px;
1182 }
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;
1185   clear: both;
1186   display: block;
1187   float: left;
1188   height: 14px;
1189   margin: 10px 10px 0px 10px;
1190   width: 15px;
1191   z-index: 100;
1192 }
1193 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-login-error-msg-box {
1194   position: relative;
1195   font-size: 13px;
1196   color: #FFF;
1197   background-color: #ff4539;
1198   height: auto;
1199   width: 190px;
1200   margin-top: -1px;
1201   border-radius: 0 0 4px 4px;
1202   z-index: 100;
1203   padding: 8px 5px 7px 5px!important;
1204   line-height: 15px;
1205   cursor: default;
1206   margin-left: 25px;
1207   text-align: left;
1208 }
1209 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-login-error-msg-box a {
1210   cursor: pointer;
1211   color: #FFF;
1212   text-decoration: underline;
1213   vertical-align: 3px;
1214 }
1215 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-login-warning-msg-box {
1216   position: relative;
1217   font-size: 12px;
1218   color: #fcb134;
1219   height: 60px;
1220   width: 190px;
1221   margin-top: 0px;
1222   z-index: 100;
1223   line-height: 15px;
1224   cursor: default;
1225   margin-left: 25px;
1226   text-align: left;
1227   margin-left: 76px;
1228   display: inline-block !important;
1229 }
1230 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-pic .header-fields-req-msg-box {
1231   position: relative;
1232   font-size: 12px;
1233   color: #FFF;
1234   background-color: #ff4539;
1235   height: auto;
1236   width: 190px;
1237   margin-top: -1px;
1238   border-radius: 0 0 4px 4px;
1239   z-index: 100;
1240   padding: 8px 5px 7px 5px!important;
1241   line-height: 15px;
1242   cursor: default;
1243   margin-left: 25px;
1244   text-align: center;
1245 }
1246 .bui-reg-column-2 .bui-reg-minutes-text-data .bui-reg-minutes-text-data-desc {
1247   color: #444444;
1248   font-family: clearviewattregular ! important;
1249   font-size: 12px;
1250   padding: 1px 0px 0px 55px;
1251   width: 210px;
1252   line-height: 15px !important;
1253 }
1254 .bui-reg-column-2 .bui-reg-minutes-text-data .att-global-fonts-content-copy {
1255   line-height: 15px !important;
1256 }
1257 .clearfix {
1258   clear: both;
1259 }
1260 .header-custom-errorIcon {
1261   background: url(../common/images/common/form-validation/red-error-icon.png) no-repeat !important;
1262   height: 14px;
1263   width: 14px;
1264   position: absolute;
1265   top: 10px;
1266   left: 200px;
1267   z-index: 100;
1268   padding-top: 12px;
1269 }
1270 .header-custom-warningIcon {
1271   background: url(../images/common/form-validation/orange-warning-icon.png) no-repeat !important;
1272   clear: both;
1273   display: block;
1274   float: left;
1275   height: 14px;
1276   margin: 10px 10px 0px 10px;
1277   width: 14px;
1278   z-index: 100;
1279 }
1280 .header-login-error-msg-box {
1281   position: relative;
1282   font-size: 13px;
1283   color: #FFF;
1284   background-color: #ff4539;
1285   height: auto;
1286   width: 190px;
1287   margin-top: -1px;
1288   border-radius: 0 0 4px 4px;
1289   z-index: 100;
1290   padding: 8px 5px 7px 5px!important;
1291   line-height: 15px;
1292   cursor: default;
1293   margin-left: 25px;
1294   text-align: left;
1295 }
1296 .header-login-error-msg-box a {
1297   cursor: pointer;
1298   color: #FFF;
1299   text-decoration: underline;
1300 }
1301 .header-login-warning-msg-box {
1302   color: #fcb134;
1303   cursor: default;
1304   display: block !important;
1305   font-size: 12px;
1306   height: auto;
1307   line-height: 20px;
1308   padding: 10px;
1309   text-align: left;
1310   width: auto;
1311   z-index: 100;
1312 }
1313 .header-fields-req-msg-box {
1314   position: relative;
1315   font-size: 12px;
1316   color: #FFF;
1317   background-color: #ff4539;
1318   height: auto;
1319   width: 190px;
1320   margin-top: -1px;
1321   border-radius: 0 0 4px 4px;
1322   z-index: 100;
1323   padding: 8px 5px 7px 5px!important;
1324   line-height: 15px;
1325   cursor: default;
1326   margin-left: 25px;
1327   text-align: center;
1328 }
1329 .bui-global-btn {
1330   box-sizing: border-box;
1331   -moz-box-sizing: border-box;
1332   background-color: #666666;
1333   border: 0 none;
1334   border-radius: 6px;
1335   color: #FFFFFF !important;
1336   cursor: pointer;
1337   display: inline-block;
1338   font-size: 14px;
1339   line-height: 1;
1340   position: relative;
1341   text-align: center;
1342   transition: background-color 0.3s ease-out 0s;
1343   vertical-align: middle;
1344   padding: 8px 20px 8px 20px;
1345   height: auto;
1346   text-decoration: none !important;
1347   valign: middle;
1348   outline: none;
1349 }
1350 .bui-global-btn-small {
1351   height: 30px !important;
1352   min-width: 60px;
1353 }
1354 .bui-global-btn-primary {
1355   background-color: #067AB4;
1356   border-color: #3580BD;
1357   color: #FFFFFF !important;
1358 }
1359 .bui-global-btn-primary:hover {
1360   background-color: #199DDF;
1361 }
1362 .bui-global-btn-primary:active {
1363   background-color: #3278B1;
1364   border-color: #28618D;
1365 }
1366 .bui-global-btn-hero {
1367   background-color: #EF6F00;
1368   color: #FFFFFF;
1369 }
1370 .bui-global-btn-hero:hover {
1371   background-color: #FCB314;
1372 }
1373 .bui-global-btn-hero:active {
1374   background-color: #FF7200;
1375 }
1376 .bui-global-btn-secondary {
1377   background-color: #666666;
1378   color: #FFFFFF;
1379 }
1380 .bui-global-btn-secondary:hover {
1381   background-color: #BBBBBB;
1382 }
1383 .bui-global-btn-secondary:active {
1384   background-color: #666666;
1385 }
1386 .bui-global-btn-disabled {
1387   background-color: #DDDDDD;
1388   color: #999 !important;
1389   cursor: pointer;
1390 }
1391 .bui-global-btn-disabled:hover {
1392   background-color: #DDDDDD;
1393 }
1394 .bui-global-btn-disabled:active {
1395   background-color: #DDDDDD;
1396 }
1397 .loadingIconImage {
1398   background-image: url('../images/common/session-timeout/LazyScrollPlaceholder.gif');
1399   background-repeat: no-repeat;
1400   /* make the background image appear only once */
1401
1402   background-position: center 4px;
1403   /* equivalent to 'top left' */
1404
1405   background-size: 24px 24px;
1406   vertical-align: middle;
1407   /* align the text vertically centered */
1408
1409   display: inline-block;
1410 }
1411 .loadingIconImage:hover {
1412   background-color: #067AB4 !important;
1413 }
1414 /* ***** Global Fonts ******* */
1415 .att-global-fonts-common {
1416   margin: 0px;
1417   text-transform: none;
1418 }
1419 h2.att-global-fonts {
1420   margin: 0px;
1421   text-transform: none;
1422   font-family: omnes_attlight;
1423   font-size: 36px;
1424   line-height: 36px;
1425   font-weight: 100;
1426   letter-spacing: -1px;
1427 }
1428 .att-global-fonts-modal-header {
1429   margin: 0px;
1430   text-transform: none;
1431   font-family: clearviewatt_ltbold;
1432   font-size: 14px;
1433   font-weight: 100;
1434 }
1435 .att-global-fonts-modal-content {
1436   margin: 0px;
1437   text-transform: none;
1438   font-family: clearviewattregular;
1439   font-size: 14px;
1440   line-height: 10px;
1441   font-weight: 100;
1442 }
1443 /* ***** Global Transitions ******* */
1444 .bui-global-transitions-focus {
1445   border: 1px solid #199DDF !important;
1446   box-shadow: none;
1447   -webkit-box-shadow: none;
1448   outline: 0;
1449   z-index: 100;
1450 }
1451 .bui-global-transitions-hover {
1452   border: 1px solid #BBBBBB;
1453   z-index: 90;
1454 }
1455 .bui-global-transitions-hover-important {
1456   border: 1px solid #BBBBBB !important;
1457   z-index: 90;
1458 }
1459 .bui-global-transitions-login-page {
1460   background: none repeat scroll 0 0 #FAFAFA;
1461   border: 1px solid #D3D3D3;
1462   border-radius: 3px;
1463   color: #444444;
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;
1468 }
1469 .bui-global-transitions-login-page:hover {
1470   border: 1px solid #BBBBBB;
1471   z-index: 90;
1472 }
1473 .bui-global-transitions-login-page:focus {
1474   border: 1px solid #199DDF !important;
1475   box-shadow: none;
1476   -webkit-box-shadow: none;
1477   outline: 0;
1478   z-index: 100;
1479 }
1480 .bui-global-transitions {
1481   background: none repeat scroll 0 0 #FAFAFA;
1482   border: 1px solid #D3D3D3 !important;
1483   border-radius: 3px;
1484   color: #444444;
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;
1489 }
1490 .bui-global-transitions:hover {
1491   border: 1px solid #BBBBBB !important;
1492   z-index: 90;
1493 }
1494 .bui-global-transitions:focus {
1495   border: 1px solid #199DDF !important;
1496   box-shadow: none;
1497   -webkit-box-shadow: none;
1498   outline: 0;
1499   z-index: 100;
1500 }
1501 .bui-global-transitions-disabled {
1502   background: none repeat scroll 0 0 #F2F2F2;
1503   border: 1px solid #D3D3D3 !important;
1504   border-radius: 3px;
1505   color: #444444;
1506   font-family: clearviewattregular;
1507   box-shadow: none !important;
1508 }
1509 .bui-global-form-fields {
1510   background: none repeat scroll 0 0 #FAFAFA;
1511   border: 1px solid #D3D3D3 !important;
1512   border-radius: 3px;
1513   color: #444444;
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;
1518   padding-left: 10px;
1519 }
1520 .bui-global-form-fields:hover {
1521   border: 1px solid #BBBBBB !important;
1522   z-index: 90;
1523 }
1524 .bui-global-form-fields:focus {
1525   border: 1px solid #199DDF !important;
1526   box-shadow: none;
1527   -webkit-box-shadow: none;
1528   outline: 0;
1529   z-index: 100;
1530 }
1531 .bui-global-form-fields-disabled {
1532   background: none repeat scroll 0 0 #F2F2F2;
1533   border: 1px solid #D3D3D3 !important;
1534   border-radius: 3px;
1535   color: #444444;
1536   font-family: clearviewattregular;
1537   box-shadow: none !important;
1538   padding-left: 10px;
1539 }
1540 .custom-button-top-warning {
1541   padding-top: 10px;
1542 }
1543 .custom-button-top-locked {
1544   margin-top: 60px;
1545   padding-top: 45px;
1546 }
1547 .custom-top-modal {
1548   margin-top: -65px;
1549 }
1550 .custom-button-top-pending {
1551   margin-top: 100px;
1552   padding-top: 25px;
1553 }
1554 .custom-button-top-deactivate {
1555   padding-top: 40px;
1556 }
1557 .reg-sessionTimeOut-custom {
1558   padding-top: 20px !important;
1559 }
1560 .reg-message-border-custom {
1561   margin-top: -20px !important;
1562 }