CoCalc -- hsa.css

GitHub Repository: thewickedkarma/blackeye-im
Path: blob/master/sites/apple/images/hsa.css
⁷⁷⁷ views
1
/* Begin HSA CSS */
2

3
.myappleid #enableSecurityLinkDiv.formrow a,
4
.myappleid .hsa .formrow a {
5
  display: inline-block;
6
  margin-top: 5px;
7
  margin-left: 5%;
8
}
9

10
.myappleid .lock-image {
11
  background: url('hsa.png') no-repeat;
12
  width: 36px;
13
  height: 36px;
14
  float: left;
15
  margin: 5px 5px 0 0;
16
}
17

18
.myappleid .hsa-description {
19
  margin-top: 5px;
20
}
21

22
.myappleid .hsa {
23
  font-size: 12px;
24
  line-height: 1.5em;
25
}
26

27
.myappleid .hsa h4 {
28
  position: relative;
29
}
30

31
.myappleid .hsa .refresh-link {
32
  position: absolute;
33
  right: 18px;
34
  top: 2px;
35
  font-weight: normal;
36
  font-size: 12px;
37
}
38

39
.myappleid .hsa .iphone-check-image {
40
  background: url('iphone.png') no-repeat;
41
  width: 60px;
42
  height: 60px;
43
  float: left;
44
}
45

46
.myappleid .hsa .two-locks-image {
47
  background: url('locks_chrome.png') no-repeat;
48
  width: 60px;
49
  height: 60px;
50
  float: left;
51
}
52

53
.myappleid .hsa .key-document-image {
54
  background: url('key_document.png') no-repeat;
55
  width: 60px;
56
  height: 60px;
57
  float: left;
58
}
59

60
.myappleid .hsa .unknown-image {
61
  background: url('phone.png') no-repeat;
62
  width: 44px;
63
  height: 55px;
64
  float: left;
65
}
66

67
.myappleid .instructional-steps {
68
  border-bottom: 1px solid #e3e3e3;
69
  padding-bottom: 15px;
70
  min-height: 148px;
71
}
72

73
.myappleid .instructional-steps > div {
74
  width: 153px;
75
  float: left;
76
}
77

78
.myappleid .instructional-steps .caption {
79
  font-size: 12px;
80
  line-height: 14px;
81
  text-align: center;
82
  margin-top: 5px;
83
  padding-left:5px;
84
  padding-right:5px;
85
}
86

87
.myappleid .hsa .device-list .row {
88
  padding: 5px 15px;
89
  margin: 5px 0 ;
90
  border-top: 1px solid #e3e3e3;
91
  position: relative;
92
  font-size: 12px;
93
  clear: both;
94
  min-height: 55px;
95
}
96

97
.myappleid .hsa .device-list .row:last-child {
98
  border-bottom: 1px solid #e3e3e3;
99
}
100

101
.myappleid .hsa .device-list .row img {
102
  vertical-align: middle;
103
  margin-right: 5px;
104
  float: left;
105
}
106

107
.myappleid .hsa .device-list .row .device-info {
108
  float: left;
109
  margin-top: 12px;
110
  width: 230px;
111
}
112

113
.myappleid .hsa .device-list .row .device-info.not-verified {
114
  width: 175px;
115
}
116

117
.myappleid .hsa .device-list .row .device-info.sms {
118
  margin-top: 20px;
119
}
120

121
.myappleid .hsa .device-list .row .device-name {
122
  font-weight: bold;
123
  font-size: 14px;
124
  white-space: nowrap;
125
  overflow: hidden;
126
  text-overflow: ellipsis;
127
  width:168px;
128
}
129

130
.myappleid .hsa .device-list .row .device-type {
131
  color: #929292;
132
  font-size: 12px;
133
  float: left;
134
  margin-right: 0.2em;
135
}
136

137
.myappleid .hsa .device-list .row.offline .device-info .status-text-container {
138
  float:left;
139
  position:relative;
140
  display: inline-block;
141
}
142

143
.myappleid .hsa .device-list .row .not-verified-text {
144
  position: absolute;
145
  top: 25px;
146
  right: 140px;
147
  width:90px;
148
  overflow: hidden; 
149
  text-overflow: ellipsis; 
150
  white-space: normal;
151
}
152

153
.myappleid .hsa .device-list .row .verify-link {
154
  position: absolute;
155
  right: 84px;
156
  top: 25px;
157
}
158

159
.myappleid .hsa .device-list .row .verify-text,
160
.verify-text 
161
{
162
  position: absolute;
163
  right: 68px;
164
  top: 25px;
165
  color: #929292;
166
  font-weight: bold;
167
}
168

169
.myappleid .hsa .device-list .row .try-again-text {
170
  position: absolute;
171
  right: 60px;
172
  top: 25px;
173
  width:80px;
174
}
175

176
.myappleid .hsa .device-list .row .remove-link {
177
  position: absolute;
178
  right: 0px;
179
  top: 25px;
180
}
181

182
.myappleid .hsa .device-list .row .no-devices {
183
  text-align: center;
184
  margin: 20px 0;
185
  color: #929292;
186
}
187

188
.myappleid .hsa .device-list .row .add-device {
189
  text-align: center;
190
  /*  line-height: 60px; */
191
  margin: 17px 0;
192
  font-size: 14px;
193
}
194

195
.myappleid .hsa .device-list .row .add-device img {
196
  vertical-align: baseline;
197
  margin: auto;
198
  float: none;
199
}
200

201
.myappleid .hsa .note {
202
  text-align: center;
203
  font-size: 12px;
204
  line-height: 1.2em;
205
  margin: 10px 0;
206
  clear: both;
207
  line-height: 16px;
208
}
209

210
.myappleid .hsa div.callout {
211
  background-color: #f8fbfe;
212
  border: 1px solid #d6d6d6;
213
  border-radius: 5px;
214
  font-size: 12px !important;
215
  line-height: 12px;
216
  padding: 15px;
217
  margin-top: 15px
218
}
219

220
.myappleid .hsa div.callout .callout-section {
221
  padding: 15px 0 15px 0;
222
  border-bottom: 1px solid #e6e8e9;
223
  min-height: 36px;
224
}
225

226
.myappleid .hsa div.callout.mini .callout-section {
227
  padding: 5px 0;
228
  border: none;
229
  min-height: 0;
230
}
231

232
.myappleid .hsa div.callout .callout-section:first-child {
233
  padding-top: 0;
234
  font-weight: bold;
235
}
236

237
.myappleid .hsa div.callout.mini .callout-section:first-child {
238
  font-weight: normal;
239
}
240

241
.myappleid .hsa div.callout .callout-section:last-child {
242
  border-bottom: 0;
243
  padding-bottom: 0;
244
}
245

246
.myappleid .hsa div.callout .callout-section img {
247
  float: left;
248
  margin-top: 2px;
249
}
250

251
.myappleid .hsa div.callout .callout-section > div {
252
  margin-left: 42px;
253
}
254

255
.myappleid .hsa div.callout.mini .callout-section > div {
256
  margin-left: 25px;
257
}
258

259
.myappleid .birthdate > select {
260
  margin-right: 20px;
261
}
262

263
.myappleid .no-margin {
264
  margin: 0px !important;
265
}
266

267
.myappleid.edit .hsa .formwrap {
268
  margin-left: 10px;
269
}
270

271
.myappleid .hsa .input-msg {
272
  margin-left: 5px
273
}
274

275
.hsa .password-validation-wrapper {
276
  right: -150px;
277
}
278

279
.myappleid.edit div.verify-form {
280
  width: 100%;
281
  margin-right: 0px;
282
}
283

284
.myappleid.edit div.verify-form > div {
285
  clear: both;
286
  text-align: center;
287
}
288

289
.myappleid div.verify-form input {
290
  width: 25px;
291
  height: 35px;
292
  font-size: 30px;
293
  text-align: center;
294
}
295

296
.myappleid div.verify-form label {
297
  font-weight: bold;
298
  font-size: 14px;
299
  width: 100%;
300
  text-align: center;
301
}
302

303
.myappleid a.btn.disabled {
304
  pointer-events: none;
305
  background: #ffffff; /* Old browsers */
306
  background: -moz-linear-gradient(top,  #ffffff 5%, #ededed 100%); /* FF3.6+ */
307
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
308
  background: -webkit-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Chrome10+,Safari5.1+ */
309
  background: -o-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Opera 11.10+ */
310
  background: -ms-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* IE10+ */
311
  background: linear-gradient(top,  #ffffff 5%,#ededed 100%); /* W3C */
312
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
313
}
314

315
.myappleid a.btn.disabled:hover {
316
  pointer-events: none;
317
  background: #ffffff; /* Old browsers */
318
  background: -moz-linear-gradient(top,  #ffffff 5%, #ededed 100%); /* FF3.6+ */
319
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
320
  background: -webkit-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Chrome10+,Safari5.1+ */
321
  background: -o-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Opera 11.10+ */
322
  background: -ms-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* IE10+ */
323
  background: linear-gradient(top,  #ffffff 5%,#ededed 100%); /* W3C */
324
  cursor:default;
325
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
326
}
327

328
.myappleid a.btn.disabled span {
329
  text-shadow: none;
330
  color: #6f6f6f;
331
  opacity: 0.5;
332
}
333

334
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {
335
  padding: 18px 14px 30px 24px;
336
}
337

338
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content.short-content {
339
  padding: 58px 40px 24px 62px;
340
}
341
.myappleid.edit .formwrap input.credit-card-number {
342
  width: 160px;
343
}
344
.myappleid.edit .formwrap input.security-code  {
345
  outline-style:none;
346
  width: 80px;
347
}
348

349
#cvvField {
350
  width:140px;
351
} 
352

353
.myappleid .info-icon {
354
  background-image: url("info.png");
355
  clear: both;
356
  display: inline-block;
357
  height: 14px;
358
  width: 14px;
359
  margin: 0 0 -4px 5px;
360
  position: relative;
361
}
362
.myappleid .credit-card-error {
363
  clear: both;
364
  display: inline-block;
365
  height: 17px;
366
  width: 17px;
367
  margin: 0 0 -4px 5px;
368
  position: relative;
369
  top: 0;
370
  right: 0;
371
}
372
.myappleid .credit-card-msg {
373
  margin-left: 0;
374
  margin-top: 4px;
375
}
376

377
#credit-card-code-validation-wrapper {
378
  left: 12px;
379
}
380
#credit-card-code-validation-wrapper .info-dialog p {
381
  font-weight: normal;
382
  margin: 0 0 5px -12px;
383
  padding: 0;
384
}
385
#credit-card-code-validation-wrapper .info-dialog {
386
  padding-top: 10px;
387
  padding-bottom: 10px;
388
}
389
#credit-card-code-validation-wrapper .topcap,
390
#credit-card-code-validation-wrapper .bottomcap {
391
  right: 6px;
392
}
393

394
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 {
395
  font-size: 20px;
396
}
397

398
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select {
399
  width: 293px;
400
  margin-left: 10px;
401
  margin-top: 6px;
402
}
403

404
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code {
405
  width: 100px;
406
}
407

408
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number {
409
  width: 155px;
410
}
411

412
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number-alt {
413
  width: 278px;
414
}
415

416
#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note {
417
  font-size: 12px;
418
  margin-left: 20px;
419
  color: #999;
420
  margin-bottom: 1em;
421
}
422

423
.myappleid.edit .hsa .formrow {
424
  margin-left: 3em;
425
  width: 449px;
426
}
427

428
#OverlayPanel #bot-nav {
429
  position: relative;
430
  height: 50px;
431
}
432

433
#OverlayPanel #bot-nav .send-code {
434
  position: absolute;
435
  left: 0px;
436
  padding-top: 12px;
437
}
438

439
#OverlayPanel #bot-nav .send-code img {
440
  vertical-align: bottom;
441
}
442

443
#OverlayPanel #bot-nav .send-code.disabled {
444
  text-align: left;
445
  color: #999;
446
  background: url('resend-disabled.png') 0 50% no-repeat;
447
  padding: 0 0 0 22px;
448
}
449

450
#OverlayPanel #bot-nav .buttons {
451
  /*width: 245px;*/
452
  position: absolute;
453
  right: 0px;
454
  height: 40px;
455
}
456

457
#OverlayPanel.short-height {
458
  height: 225px;
459
}
460

461
#OverlayPanel #support-pin-container {
462
  text-align: center;
463
  width: 230px;
464
  margin: 0 auto;
465
  font-size: 11px;
466
}
467

468
#OverlayPanel #support-pin {
469
  background: #ebebeb;
470
  border: 1px solid #cbcbcb;
471
  font-size: 16px;
472
  font-weight: bold;
473
  padding: 10px 0;
474
  margin-bottom: 5px;
475
  width: 100%;
476
}
477

478
.myappleid #bot-nav a,
479
.myappleid #bot-nav1 a {
480
  margin-left: 7px;
481
}
482

483
#step-2-print {
484
  display: none;
485
}
486

487
.hsa #step-3 {
488
  display: none;
489
}
490

491
.hsa #step-3 ul {
492
  list-style: disc inside;
493
  padding-left: 20px;
494
}
495

496
.hsa #step-3 ul li {
497
  padding: 5px 5px 5px 25px;
498
  text-indent: -1em;
499
}
500

501
.hsa #step-3 ul li.severe-warning {
502
  color: #ff230e;
503
  font-weight: bold;
504
  border: 1px solid #ff230e;
505
}
506

507
.hsa #step-3 .formwrap {
508
  display: inline-block;
509
}
510

511
.hsa #step-3 .formwrap input {
512
  text-transform: uppercase;
513
  width: 430px;
514
}
515

516
.hsa #step-4 label {
517
  display: block;
518
  margin-top: 20px;
519
  text-indent: -18px;
520
  padding-left: 18px;
521
}
522

523
.hsa #step-4 label input {
524
  margin-right: 5px;
525
}
526

527
.hsa h3 {
528
  font-size: 14px;
529
  text-align: left;
530
  margin: 30px 0 10px 0;
531
}
532

533
.hsa .recovery-key {
534
  font-size: 24px;
535
  line-height: 24px;
536
  padding: 10px;
537
  border: 1px solid #d6d6d6;
538
  background: url('key.png') no-repeat 0px 50% #ebebeb;
539
  text-align: center;
540
  font-family: "Andale Mono";
541
}
542

543
#recovery-key-container .invalid-icon
544
{
545
  background-image: url('input_fail.png');
546
  width: 17px;
547
  height: 17px;
548
}
549

550
#verification-code-form.invalid > div {
551
  padding-left: 20px;
552
}
553

554
.hsa #recovery-key-container .pass-fail-icon,
555
#verification-code-form .invalid-icon,
556
#phone-number-form .invalid-icon
557
{
558
  width: 17px;
559
  height: 17px;
560
  display: inline-block;
561
}
562

563
#phone-number-form {
564
  margin-top: 3px;  
565
}
566

567
#phone-number-form .invalid-icon {
568
  float: right;
569
  margin-top: 5px;
570
  margin-left: 5px;
571
  position: absolute;
572
}
573

574
.hsa #recovery-key-container.match-pass .pass-fail-icon {
575
  background-image: url('input_pass.png');
576
}
577

578
.hsa #recovery-key-container.match-fail .pass-fail-icon,
579
#verification-code-form .invalid-icon,
580
#phone-number-form .invalid-icon
581
{
582
  background-image: url('input_fail.png');
583
}
584

585
.hsa #recovery-key-container .pass-fail-copy,
586
.invalid-copy
587
{
588
  color: #ff230e;
589
  text-align: center;
590
  font-size: 11px;
591
  margin-top: 3px;
592
  font-weight: bold;
593
  display: none;
594
}
595

596
.hsa #recovery-key-container.match-fail .pass-fail-copy,
597
.invalid-copy.show {
598
  display: block;
599
}
600

601
.hsa .warning {
602
  background: url('alert.png') no-repeat 15px 50% #f8fbfe;
603
  border: 1px solid #d6d6d6;
604
  border-radius: 5px;
605
  font-size: 12px;
606
  font-weight: bold;
607
  padding: 15px 10px 15px 75px;
608
  margin: 30px 0 25px;
609
  color: #ff230e;
610
}
611

612
.left-align, .hsa #bot-nav .buttons .left-align {
613
  float: left;
614
}
615

616
.hsa .center-align {
617
  text-align: center;
618
}
619

620
.hsa .right-align, .hsa .right-float {
621
  float: right;
622
}
623

624
.hsa .lock {
625
  margin-top: 50px;
626
}
627

628
.hsa .success-copy {
629
  margin: 10px 0 50px 0;
630
}
631

632
.hsa .hsa-enabled-lock {
633
  float: left;
634
}
635

636
.hsa .hsa-enabled-copy {
637
  float: right;
638
  width: 375px;
639
}
640

641
.hsa .notification {
642
  margin-bottom: 30px;
643
  height: 31px;
644
}
645

646
.hsa .notification img {
647
  float: left;
648
}
649

650
.hsa .notification h2 {
651
   margin: 0 0 0 40px;
652
}
653

654
#applecare-support {
655
  position: absolute;
656
  bottom: 30px;
657
  left: 30px;
658
  font-size: 12px;
659
  line-height: 25px;
660
}
661

662
#applecare-support #applecare-support-icon {
663
  width: 25px;
664
  height: 25px;
665
  background: url('applecaresupporticon.png');
666
  float: left;
667
  margin-right: 5px;
668
}
669

670
/* Begin iForgot CSS */
671

672
.myappleid.reset.step1 .column.last #bot-nav.hsa {
673
  margin-top: 7.2em;
674
  position: absolute;
675
  right: 73px;
676
}
677

678
h3.hsa.heading {
679
  font-weight: normal;
680
  font-size: 14px;
681
  line-height: 1.25em;
682
  margin-top: 10px;
683
}
684

685
h3.recovery-label {
686
  text-align: center;
687
  font-weight: bold;
688
  font-size: 14px;
689
}
690

691
.myappleid.reset.step1 .column.last .formrow.hsa {
692
  margin-top: 0.5em;
693
}
694

695
.myappleid .column.last .formrow.hsa input[type="radio"] {
696
  margin-right: 6px;
697
}
698

699
.myappleid .column.last .hsa input[type="radio"] {
700
  margin-right: 6px;
701
}
702

703
.myappleid.reset.step1 .column.last span.formwrap input.recovery-key,
704
.hsa #verifyRecoveryKeyInput.recovery-key {
705
  font-size: 21px;
706
  font-weight: normal;
707
  font-family: "Andale Mono";
708
  padding: 6px 34px;
709
  background: #fff url(key.png) center left no-repeat;
710
}
711

712
.myappleid.reset.step1 .column.last span.formwrap input.recovery-key {
713
  width: 424px;
714
}
715

716
.hsa #verifyRecoveryKeyInput.recovery-key {
717
  width: 409px;
718
}
719

720
.myappleid.reset.step1 .column.last span.formwrap input.recovery-key:-moz-placeholder,
721
.hsa #verifyRecoveryKeyInput.recovery-key:-moz-placeholder {
722
  color: #a9aaad;
723
}
724

725
.myappleid.reset.steps.step1 span.formwrap.hsa {
726
  margin-left: 0;
727
}
728

729
.myappleid.reset.step1 .column.last #question.hsa {
730
  text-align: left;
731
}
732

733
.myappleid.reset.step1 .column.last .formrow.hsa.send {
734
  margin-top: 1.5em;
735
}
736

737
.myappleid.reset.step1 .column.last .formrow.confirm {
738
  margin-right: 84px;
739
}
740

741
.myappleid.reset.step1 .column.last span.formwrap.hsa.confirm {
742
  margin-top: 5px;
743
}
744

745
.formrow.hsa select {
746
  margin-left: 0;
747
  width: 230px;
748
}
749

750
a.send-button {
751
  padding: ;
752
  background: #469edc;
753
  font-size: 13px;
754
  padding: 6px 25px;
755
  margin-left: 10px;
756
  color: #ffffff;
757
  -webkit-border-radius: 20px;
758
  -moz-border-radius: 20px;
759
  border-radius: 20px;
760
  text-shadow: 0px -1px #256ac0;
761
  background: -webkit-linear-gradient(top, #52a8e7 5%, #2b70c3 100%);
762
  text-decoration: none;
763
}
764

765
a.send-button:hover {
766
  text-decoration: none;
767
}
768

769
p.new-password-text {
770
  color: #a4a4a4;
771
}
772

773
#OverlayPanel #bot-nav .buttons.continue {
774
  width: 245px;
775
}
776

777

778
#refreshing {
779
  background: url('spinner_16px_ffffff.gif') 0% 50% no-repeat;
780
  padding-left: 18px;
781
  color: #929292;
782
  height: 16px;
783
  line-height: 16px; 
784
  display: none;
785
  background-size:16px 16px;
786
}
787

788
#refreshing.show {
789
  display: inline-block;
790
}
791

792
#refreshingDeviceList {
793
  color: #929292;
794
  height: 16px;
795
  line-height: 16px; 
796
  display: none;
797
}
798

799
#refreshingDeviceList.show {
800
  display: inline-block;
801
}
802

803
#refreshingPin {
804
  background: url('spinner_16px_ffffff.gif') 0% 50% no-repeat;
805
  padding-left: 18px;
806
  color: #929292;
807
  height: 16px;
808
  line-height: 16px; 
809
  display: none;
810
  background-size:16px 16px;
811
}
812

813
#refreshingPin.show {
814
  display: inline-block;
815
}
816

817
.hsa #confirm-recovery-key.recovery-key {
818
  width: 409px;
819
  font-size: 21px;
820
  font-weight: normal;
821
  font-family: "Andale Mono";
822
  background: #fff url(key.png) center left no-repeat;
823
}
824

825
.myappleid.edit .hsa #oldPassDiv.formrow, .myappleid.edit .hsa #newPassDiv.formrow, .myappleid.edit .hsa #confPassDiv.formrow, .myappleid.edit .hsa #oldPassDiv .formwrap, .myappleid.edit .hsa #newPassDiv .formwrap, .myappleid.edit .hsa #confPassDiv .formwrap {
826
  margin-left: 0;
827
}
828

829
.hsa p.sub-heading {
830
  font-size: 14px;  
831
}
832

833

834
/* overlays email */
835
#OverlayRemoveDevice.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
836
#OverlayRemoveDevice.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
837
#OverlayRemoveDevice.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
838
#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px; }
839
#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
840
#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
841
#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
842
#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
843
#OverlayRemoveDevice.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
844
#OverlayRemoveDevice.popped { display: block; }
845
#OverlayRemoveDevice.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
846
#OverlayRemoveDevice.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
847
#OverlayRemoveDevice.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
848
#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
849
#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
850

851
/*added to get the buttons alignment correct*/
852
#OverlayRemoveDevice #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
853
#OverlayRemoveDevice #bot-nav {  position: relative;  height: 50px;}
854
#OverlayRemoveDevice.short-height {height: 225px;}
855

856
/* overlays VerifyCode overlay */
857
#OverlayVerifyCode.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed; }
858
#OverlayVerifyCode.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
859
#OverlayVerifyCode.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
860
#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding: 17px 15px 34px 24px; }
861
#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
862
#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
863
#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:right; }
864
#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
865
#OverlayVerifyCode.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
866
#OverlayVerifyCode.popped { display: block; }
867
#OverlayVerifyCode.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
868
#OverlayVerifyCode.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
869
#OverlayVerifyCode.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
870
#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;max-width: 280px;height: 54px;}
871
#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
872
/*added to get the buttons alignment correct*/
873
#OverlayVerifyCode #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
874
#OverlayVerifyCode #bot-nav {position: relative; height: 50px;}
875
#OverlayVerifyCode.short-height {height: 225px;}
876
#OverlayVerifyCode #bot-nav .send-code.disabled {  text-align: left; color: #999; background: url('resend-disabled.png') 0 30% no-repeat; background-size:14px 17px; padding: 0 0 0 22px;}
877

878
/* overlays AddPhone overlay */
879
#OverlayAddPhone.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;position: fixed;}
880
#OverlayAddPhone.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
881
#OverlayAddPhone.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
882
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding: 17px 14px 34px 24px; }
883
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
884
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
885
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number-alt {width: 278px;}
886
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 22px; color: #999; margin-bottom: 1em; margin-top: 0;}
887
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
888
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
889
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:right; }
890
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
891
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select { width: 293px; margin-left: 10px; margin-top: 6px;}
892
#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
893
#OverlayAddPhone.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
894
#OverlayAddPhone.popped { display: block; }
895
#OverlayAddPhone.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
896
#OverlayAddPhone.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
897
#OverlayAddPhone.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
898
#OverlayAddPhone #bot-nav {position: relative; height: 50px;}
899
#OverlayAddPhone #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
900
#OverlayAddPhone #bot-nav .send-code img {vertical-align: bottom;}
901
#OverlayAddPhone #bot-nav .send-code.disabled {text-align: left; color: #999; background: url('resend-disabled.png') 0 50% no-repeat; padding: 0 0 0 22px;}
902
#OverlayAddPhone #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
903
#OverlayAddPhone.short-height {height: 225px;}
904

905

906

907
/* Support overlay */
908
#OverlaySupport.overlaypanel { top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; position: fixed;}
909
#OverlaySupport.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
910
#OverlaySupport.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
911
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:20px 15px 50px 24px; }
912
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
913
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
914
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
915
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
916
#OverlaySupport.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
917
#OverlaySupport.popped { display: block; }
918
#OverlaySupport.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
919
#OverlaySupport.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
920
#OverlaySupport.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
921
#OverlaySupport #bot-nav {position: relative; height: 50px;}
922

923
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select {
924
  width: 293px;
925
  margin-left: 10px;
926
  margin-top: 6px;
927
}
928

929
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code {
930
  width: 100px;
931
}
932

933
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number {
934
  width: 155px;
935
}
936

937
#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note {
938
  font-size: 12px;
939
  margin-left: 20%;
940
  color: #999;
941
  margin-bottom: 1em;
942
}
943
#OverlaySupport #bot-nav .send-code {
944
  position: absolute;
945
  left: 0px;
946
  padding-top: 12px;
947
}
948

949
#OverlaySupport #bot-nav .send-code img {
950
  vertical-align: bottom;
951
}
952

953
#OverlaySupport #bot-nav .buttons {
954
  /*width: 245px;*/
955
  position: absolute;
956
  right: 0px;
957
  height: 40px;
958
}
959

960
#OverlaySupport.short-height {
961
  height: 225px;
962
}
963

964
#OverlaySupport #support-pin-container {
965
  text-align: center;
966
  width: 230px;
967
  margin: 0 auto;
968
  font-size: 11px;
969
}
970

971
#OverlaySupport #support-pin {
972
  background: #ebebeb;
973
  border: 1px solid #cbcbcb;
974
  font-size: 16px;
975
  font-weight: bold;
976
  padding: 10px 0;
977
  margin-bottom: 5px;
978
  width: 100%;
979
}
980

981
/* Cancel enrollment overlay */
982
#OverlayCencelEnroll.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; }
983
#OverlayCencelEnroll.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
984
#OverlayCencelEnroll.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
985
#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 15px 31px 24px; }
986
#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
987
#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
988
#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
989
#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
990
#OverlayCencelEnroll.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
991
#OverlayCencelEnroll.popped { display: block; }
992
#OverlayCencelEnroll.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
993
#OverlayCencelEnroll.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
994
#OverlayCencelEnroll.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
995
#OverlayCencelEnroll #bot-nav {  position: relative;  height: 50px;}
996

997
#OverlayCencelEnrollGeneric.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; }
998
#OverlayCencelEnrollGeneric.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
999
#OverlayCencelEnrollGeneric.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1000
#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 15px 31px 24px; }
1001
#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1002
#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1003
#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:right; }
1004
#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1005
#OverlayCencelEnrollGeneric.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1006
#OverlayCencelEnrollGeneric.popped { display: block; }
1007
#OverlayCencelEnrollGeneric.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1008
#OverlayCencelEnrollGeneric.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1009
#OverlayCencelEnrollGeneric.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1010
#OverlayCencelEnrollGeneric #bot-nav {  position: relative;  height: 50px;}
1011

1012
/* Recovery Verify overlay */
1013
#OverlayRecoveryVerify.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
1014
#OverlayRecoveryVerify.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1015
#OverlayRecoveryVerify.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1016
#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 14px 28px 21px; }
1017
#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1018
#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1019
#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1020
#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1021
#OverlayRecoveryVerify.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1022
#OverlayRecoveryVerify.popped { display: block; }
1023
#OverlayRecoveryVerify.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1024
#OverlayRecoveryVerify.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1025
#OverlayRecoveryVerify.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1026
#OverlayRecoveryVerify #bot-nav .send-code {position: absolute; left: 0px; padding-top: 12px;}	
1027
#OverlayRecoveryVerify #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}
1028
#OverlayRecoveryVerify #bot-nav {position: relative; height: 50px;}
1029

1030
/* Manage Security UpdateOverlay */
1031
#ESAManageSecurityUpdateOverlay.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px;}
1032
#ESAManageSecurityUpdateOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1033
#ESAManageSecurityUpdateOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1034
#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:58px 40px 24px 62px; }
1035
#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1036
#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1037
#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1038
#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1039
#ESAManageSecurityUpdateOverlay.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1040
#ESAManageSecurityUpdateOverlay.popped { display: block; }
1041
#ESAManageSecurityUpdateOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1042
#ESAManageSecurityUpdateOverlay.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1043
#ESAManageSecurityUpdateOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1044
#ESAManageSecurityUpdateOverlay #bot-nav .buttons {position: absolute; right: 0px; height: 40px; }
1045
#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {padding: 30px;}
1046
#ESAManageSecurityUpdateOverlay #bot-nav {position: relative; height: 50px;}
1047

1048

1049
/* ESASetupConfirmOverlay */
1050
#ESASetupConfirmOverlay.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; }
1051
#ESASetupConfirmOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1052
#ESASetupConfirmOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1053
#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:58px 40px 24px 62px; }
1054
#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1055
#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1056
#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1057
#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1058
#ESASetupConfirmOverlay.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1059
#ESASetupConfirmOverlay.popped { display: block; }
1060
#ESASetupConfirmOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1061
#ESASetupConfirmOverlay.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1062
#ESASetupConfirmOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1063
#ESASetupConfirmOverlay #bot-nav .buttons {position: absolute; right: 0px; height: 40px; }
1064
#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {padding: 30px;}
1065
#ESASetupConfirmOverlay #bot-nav {position: relative; height: 50px;}
1066

1067

1068

1069
/* Are you still there overlay */
1070
#OverlayPanelAreUStil.short-height {  height: 225px;}
1071
#OverlayPanelAreUStil.overlaypanel { top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px;position: fixed;}
1072
#OverlayPanelAreUStil.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1073
#OverlayPanelAreUStil.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1074
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px 30px 30px 30px; }
1075
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
1076
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
1077
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 20%; color: #999; }
1078
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1079
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1080
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; top: 0px;}
1081
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1082
#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
1083
#OverlayPanelAreUStil.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1084
#OverlayPanelAreUStil.popped { display: block; }
1085
#OverlayPanelAreUStil.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1086
#OverlayPanelAreUStil.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1087
#OverlayPanelAreUStil.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1088
#OverlayPanelAreUStil #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}	
1089
#OverlayPanelAreUStil #bot-nav {position: relative;  height: 50px;}
1090

1091
/*  Overlay for Reset HSA */
1092

1093
#OverlayResetHSA.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
1094
#OverlayResetHSA.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1095
#OverlayResetHSA.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1096
#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:25px; }
1097
#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1098
#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1099
#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1100
#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1101
#OverlayResetHSA.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1102
#OverlayResetHSA.popped { display: block; }
1103
#OverlayResetHSA.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1104
#OverlayResetHSA.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1105
#OverlayResetHSA.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1106
#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
1107
#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
1108
#OverlayResetHSA #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
1109
#OverlayResetHSA #bot-nav {  position: relative;  height: 50px;}
1110
#OverlayResetHSA.short-height {height: 225px;}
1111

1112
 #OverlayPanelVerifySendCode.overlaypanel { top:50%; left:50%; width:636px; height:320px; margin-top:-160px; margin-left:-318px; }
1113
  #OverlayPanelVerifySendCode.overlaypanel.popped .closeButtonContainer { top:-22px; left:-24px; }
1114
  #OverlayPanelVerifySendCode.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1115
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px 30px 30px 30px; }
1116
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
1117
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
1118
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 23%; color: #999; }
1119
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:22px; }
1120
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1121
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1122
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1123
  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
1124
  #OverlayPanelVerifySendCode.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1125
  #OverlayPanelVerifySendCode.popped { display: block; }
1126
  #OverlayPanelVerifySendCode.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1127
  #OverlayPanelVerifySendCode.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1128
  #OverlayPanelVerifySendCode.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1129
  #OverlayPanelVerifySendCode #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}	
1130

1131

1132
/* Overly for Two Step Verification Leave Page */
1133

1134
#OverlayLeaveTurnOff2SV.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
1135
#OverlayLeaveTurnOff2SV.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1136
#OverlayLeaveTurnOff2SV.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1137
#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px; }
1138
#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1139
#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1140
#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1141
#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1142
#OverlayLeaveTurnOff2SV.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1143
#OverlayLeaveTurnOff2SV.popped { display: block; }
1144
#OverlayLeaveTurnOff2SV.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1145
#OverlayLeaveTurnOff2SV.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1146
#OverlayLeaveTurnOff2SV.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1147
#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
1148
#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
1149
#OverlayLeaveTurnOff2SV #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
1150
#OverlayLeaveTurnOff2SV #bot-nav {  position: relative;  height: 50px;}
1151
#OverlayLeaveTurnOff2SV.short-height {height: 225px;}
1152

1153

1154
/* Overly for Secondary Password User Enter */
1155

1156
#validatePassOverlay.overlaypanel { top:50%; left:50%; width:562px; height:265px; margin-top:-160px; margin-left:-290px;  position: fixed;}
1157
#validatePassOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1158
#validatePassOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1159
#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
1160
#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1161
#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1162
#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1163
#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1164
#validatePassOverlay.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1165
#validatePassOverlay.popped { display: block; }
1166
#validatePassOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1167
#validatePassOverlay.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1168
#validatePassOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1169
#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
1170
#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
1171
#validatePassOverlay #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
1172
#validatePassOverlay #bot-nav {  position: relative;  height: 50px;}
1173
#validatePassOverlay.short-height {height: 225px;}
1174

1175

1176
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:272px; margin-top:-160px; margin-left:-290px;  position: fixed;}
1177
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1178
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1179
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
1180
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1181
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; margin: 5px 0 16px 0;}
1182
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1183
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1184
#SecondaryPasswordGeneratedOverlayPanel.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1185
#SecondaryPasswordGeneratedOverlayPanel.popped { display: block; }
1186
#SecondaryPasswordGeneratedOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1187
#SecondaryPasswordGeneratedOverlayPanel.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1188
#SecondaryPasswordGeneratedOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1189
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
1190
#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
1191
#SecondaryPasswordGeneratedOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
1192
#SecondaryPasswordGeneratedOverlayPanel #bot-nav {  position: relative;  height: 50px;}
1193
#SecondaryPasswordGeneratedOverlayPanel.short-height {height: 225px;}
1194

1195
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:242px; margin-top:-160px; margin-left:-290px;  position: fixed;}
1196
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1197
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1198
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
1199
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1200
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
1201
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:1em; border:none; text-align:center; }
1202
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1203
#SecondaryPasswordRevokeAllOverlayPanel.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1204
#SecondaryPasswordRevokeAllOverlayPanel.popped { display: block; }
1205
#SecondaryPasswordRevokeAllOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1206
#SecondaryPasswordRevokeAllOverlayPanel.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1207
#SecondaryPasswordRevokeAllOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1208
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
1209
#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
1210
#SecondaryPasswordRevokeAllOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
1211
#SecondaryPasswordRevokeAllOverlayPanel #bot-nav {  position: relative;  height: 50px;}
1212
#SecondaryPasswordRevokeAllOverlayPanel.short-height {height: 225px;}
1213

1214
/* Secondary password limit overlay */
1215
#SecondaryPasswordLimitOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:254px; margin-top:-160px; margin-left:-290px;  position: fixed;}
1216
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
1217
#SecondaryPasswordLimitOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
1218
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
1219
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
1220
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; margin: 5px 0 10px 0;}
1221
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav { position:relative; bottom:0; right:8px; width:100%; margin-top:-1em; border:none; text-align:center; }
1222
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
1223
#SecondaryPasswordLimitOverlayPanel.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
1224
#SecondaryPasswordLimitOverlayPanel.popped { display: block; }
1225
#SecondaryPasswordLimitOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
1226
#SecondaryPasswordLimitOverlayPanel.popped a.close { position:relative; z-index:20001; display:block; width:30px; height:60px;  text-indent:-9999px; background:url(close_button.png) no-repeat; cursor:pointer; outline:none; background-image:expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../ssl.apple.com/global/elements/close_button.png', sizingMethod='crop');}
1227
#SecondaryPasswordLimitOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
1228
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
1229
#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
1230
#SecondaryPasswordLimitOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px; margin-top:12px;}
1231
#SecondaryPasswordLimitOverlayPanel #bot-nav {  position: relative;  height: 50px;}
1232
#SecondaryPasswordLimitOverlayPanel.short-height {height: 225px;}
1233

1234

1235
#iphoneLinkSpan{
1236
    clear:left;
1237
    margin-bottom:15px;
1238
}
1239

1240
.myappleid.edit.name-email.manage .grid2colc.wrap .column.last.hsa .verified {
1241
    background: url("myappleid_verified.png") no-repeat scroll 100% 56% transparent;
1242
    color: #5DA63F;
1243
    display: block;
1244
    float: left;
1245
    font-weight: bold;
1246
    margin: 0;
1247
    padding-right: 16px;
1248
}
1249

1250
.myappleid .hsa .device-list .row.offline img,
1251
.myappleid .hsa .device-list .row.offline .device-info .device-name,
1252
.myappleid .hsa .device-list .row.offline .status-text-container .status-text {
1253
  opacity:0.5;
1254
  filter:alpha(opacity=50); /* for IE8 or earlier */
1255
}
1256

1257
.myappleid .hsa .device-list .row.offline .status-text {
1258
  position:static;
1259
  //right:84px;
1260
  //top:25px;
1261
  display:inline-block;
1262
  display:block;
1263
  float:left;
1264
}
1265

1266
.myappleid.reset.step1 .column.last span.formwrap input#primary-password,
1267
.hsa #primary-password {
1268
  font-size: 14px;
1269
  font-weight: normal;
1270
  font-family: "Lucida Grande", Lucida, sans-serif;
1271
  padding: 6px 34px;
1272
  text-align: center;
1273
}
1274

1275
.overlaypanelSecPassword .overlayPanelContent .myappleid-overlay-content {
1276
  padding: 18px 14px 30px 24px;
1277
}
1278

1279
.overlaypanelSecPassword .overlayPanelContent .myappleid-overlay-content.short-content {
1280
  padding: 58px 40px 24px 62px;
1281
}
1282

1283
.hsa .recovery-key,
1284
.hsa .secondary-password {
1285
  font-size: 24px;
1286
  line-height: 24px;
1287
  padding: 5px 20px;
1288
  border: 1px solid #d6d6d6;
1289
  text-align: center;
1290
  font-family: "Andale Mono";
1291
}
1292

1293
.hsa .secondary-password {
1294
  width:278px;
1295
  background:#fff;
1296
  margin-left:98px;
1297
}
1298

1299
.hsa .secondary-password span {
1300
  background-color:#b3d4ff;
1301
}
1302
/* End HSA CSS */
1303

1304
Product

Resources

Company
