hsa.css 61 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302
  1. /* Begin HSA CSS */
  2. .myappleid #enableSecurityLinkDiv.formrow a,
  3. .myappleid .hsa .formrow a {
  4. display: inline-block;
  5. margin-top: 5px;
  6. margin-left: 5%;
  7. }
  8. .myappleid .lock-image {
  9. background: url('hsa.png') no-repeat;
  10. width: 36px;
  11. height: 36px;
  12. float: left;
  13. margin: 5px 5px 0 0;
  14. }
  15. .myappleid .hsa-description {
  16. margin-top: 5px;
  17. }
  18. .myappleid .hsa {
  19. font-size: 12px;
  20. line-height: 1.5em;
  21. }
  22. .myappleid .hsa h4 {
  23. position: relative;
  24. }
  25. .myappleid .hsa .refresh-link {
  26. position: absolute;
  27. right: 18px;
  28. top: 2px;
  29. font-weight: normal;
  30. font-size: 12px;
  31. }
  32. .myappleid .hsa .iphone-check-image {
  33. background: url('iphone.png') no-repeat;
  34. width: 60px;
  35. height: 60px;
  36. float: left;
  37. }
  38. .myappleid .hsa .two-locks-image {
  39. background: url('locks_chrome.png') no-repeat;
  40. width: 60px;
  41. height: 60px;
  42. float: left;
  43. }
  44. .myappleid .hsa .key-document-image {
  45. background: url('key_document.png') no-repeat;
  46. width: 60px;
  47. height: 60px;
  48. float: left;
  49. }
  50. .myappleid .hsa .unknown-image {
  51. background: url('phone.png') no-repeat;
  52. width: 44px;
  53. height: 55px;
  54. float: left;
  55. }
  56. .myappleid .instructional-steps {
  57. border-bottom: 1px solid #e3e3e3;
  58. padding-bottom: 15px;
  59. min-height: 148px;
  60. }
  61. .myappleid .instructional-steps > div {
  62. width: 153px;
  63. float: left;
  64. }
  65. .myappleid .instructional-steps .caption {
  66. font-size: 12px;
  67. line-height: 14px;
  68. text-align: center;
  69. margin-top: 5px;
  70. padding-left:5px;
  71. padding-right:5px;
  72. }
  73. .myappleid .hsa .device-list .row {
  74. padding: 5px 15px;
  75. margin: 5px 0 ;
  76. border-top: 1px solid #e3e3e3;
  77. position: relative;
  78. font-size: 12px;
  79. clear: both;
  80. min-height: 55px;
  81. }
  82. .myappleid .hsa .device-list .row:last-child {
  83. border-bottom: 1px solid #e3e3e3;
  84. }
  85. .myappleid .hsa .device-list .row img {
  86. vertical-align: middle;
  87. margin-right: 5px;
  88. float: left;
  89. }
  90. .myappleid .hsa .device-list .row .device-info {
  91. float: left;
  92. margin-top: 12px;
  93. width: 230px;
  94. }
  95. .myappleid .hsa .device-list .row .device-info.not-verified {
  96. width: 175px;
  97. }
  98. .myappleid .hsa .device-list .row .device-info.sms {
  99. margin-top: 20px;
  100. }
  101. .myappleid .hsa .device-list .row .device-name {
  102. font-weight: bold;
  103. font-size: 14px;
  104. white-space: nowrap;
  105. overflow: hidden;
  106. text-overflow: ellipsis;
  107. width:168px;
  108. }
  109. .myappleid .hsa .device-list .row .device-type {
  110. color: #929292;
  111. font-size: 12px;
  112. float: left;
  113. margin-right: 0.2em;
  114. }
  115. .myappleid .hsa .device-list .row.offline .device-info .status-text-container {
  116. float:left;
  117. position:relative;
  118. display: inline-block;
  119. }
  120. .myappleid .hsa .device-list .row .not-verified-text {
  121. position: absolute;
  122. top: 25px;
  123. right: 140px;
  124. width:90px;
  125. overflow: hidden;
  126. text-overflow: ellipsis;
  127. white-space: normal;
  128. }
  129. .myappleid .hsa .device-list .row .verify-link {
  130. position: absolute;
  131. right: 84px;
  132. top: 25px;
  133. }
  134. .myappleid .hsa .device-list .row .verify-text,
  135. .verify-text
  136. {
  137. position: absolute;
  138. right: 68px;
  139. top: 25px;
  140. color: #929292;
  141. font-weight: bold;
  142. }
  143. .myappleid .hsa .device-list .row .try-again-text {
  144. position: absolute;
  145. right: 60px;
  146. top: 25px;
  147. width:80px;
  148. }
  149. .myappleid .hsa .device-list .row .remove-link {
  150. position: absolute;
  151. right: 0px;
  152. top: 25px;
  153. }
  154. .myappleid .hsa .device-list .row .no-devices {
  155. text-align: center;
  156. margin: 20px 0;
  157. color: #929292;
  158. }
  159. .myappleid .hsa .device-list .row .add-device {
  160. text-align: center;
  161. /* line-height: 60px; */
  162. margin: 17px 0;
  163. font-size: 14px;
  164. }
  165. .myappleid .hsa .device-list .row .add-device img {
  166. vertical-align: baseline;
  167. margin: auto;
  168. float: none;
  169. }
  170. .myappleid .hsa .note {
  171. text-align: center;
  172. font-size: 12px;
  173. line-height: 1.2em;
  174. margin: 10px 0;
  175. clear: both;
  176. line-height: 16px;
  177. }
  178. .myappleid .hsa div.callout {
  179. background-color: #f8fbfe;
  180. border: 1px solid #d6d6d6;
  181. border-radius: 5px;
  182. font-size: 12px !important;
  183. line-height: 12px;
  184. padding: 15px;
  185. margin-top: 15px
  186. }
  187. .myappleid .hsa div.callout .callout-section {
  188. padding: 15px 0 15px 0;
  189. border-bottom: 1px solid #e6e8e9;
  190. min-height: 36px;
  191. }
  192. .myappleid .hsa div.callout.mini .callout-section {
  193. padding: 5px 0;
  194. border: none;
  195. min-height: 0;
  196. }
  197. .myappleid .hsa div.callout .callout-section:first-child {
  198. padding-top: 0;
  199. font-weight: bold;
  200. }
  201. .myappleid .hsa div.callout.mini .callout-section:first-child {
  202. font-weight: normal;
  203. }
  204. .myappleid .hsa div.callout .callout-section:last-child {
  205. border-bottom: 0;
  206. padding-bottom: 0;
  207. }
  208. .myappleid .hsa div.callout .callout-section img {
  209. float: left;
  210. margin-top: 2px;
  211. }
  212. .myappleid .hsa div.callout .callout-section > div {
  213. margin-left: 42px;
  214. }
  215. .myappleid .hsa div.callout.mini .callout-section > div {
  216. margin-left: 25px;
  217. }
  218. .myappleid .birthdate > select {
  219. margin-right: 20px;
  220. }
  221. .myappleid .no-margin {
  222. margin: 0px !important;
  223. }
  224. .myappleid.edit .hsa .formwrap {
  225. margin-left: 10px;
  226. }
  227. .myappleid .hsa .input-msg {
  228. margin-left: 5px
  229. }
  230. .hsa .password-validation-wrapper {
  231. right: -150px;
  232. }
  233. .myappleid.edit div.verify-form {
  234. width: 100%;
  235. margin-right: 0px;
  236. }
  237. .myappleid.edit div.verify-form > div {
  238. clear: both;
  239. text-align: center;
  240. }
  241. .myappleid div.verify-form input {
  242. width: 25px;
  243. height: 35px;
  244. font-size: 30px;
  245. text-align: center;
  246. }
  247. .myappleid div.verify-form label {
  248. font-weight: bold;
  249. font-size: 14px;
  250. width: 100%;
  251. text-align: center;
  252. }
  253. .myappleid a.btn.disabled {
  254. pointer-events: none;
  255. background: #ffffff; /* Old browsers */
  256. background: -moz-linear-gradient(top, #ffffff 5%, #ededed 100%); /* FF3.6+ */
  257. background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  258. background: -webkit-linear-gradient(top, #ffffff 5%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  259. background: -o-linear-gradient(top, #ffffff 5%,#ededed 100%); /* Opera 11.10+ */
  260. background: -ms-linear-gradient(top, #ffffff 5%,#ededed 100%); /* IE10+ */
  261. background: linear-gradient(top, #ffffff 5%,#ededed 100%); /* W3C */
  262. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  263. }
  264. .myappleid a.btn.disabled:hover {
  265. pointer-events: none;
  266. background: #ffffff; /* Old browsers */
  267. background: -moz-linear-gradient(top, #ffffff 5%, #ededed 100%); /* FF3.6+ */
  268. background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  269. background: -webkit-linear-gradient(top, #ffffff 5%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  270. background: -o-linear-gradient(top, #ffffff 5%,#ededed 100%); /* Opera 11.10+ */
  271. background: -ms-linear-gradient(top, #ffffff 5%,#ededed 100%); /* IE10+ */
  272. background: linear-gradient(top, #ffffff 5%,#ededed 100%); /* W3C */
  273. cursor:default;
  274. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  275. }
  276. .myappleid a.btn.disabled span {
  277. text-shadow: none;
  278. color: #6f6f6f;
  279. opacity: 0.5;
  280. }
  281. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {
  282. padding: 18px 14px 30px 24px;
  283. }
  284. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content.short-content {
  285. padding: 58px 40px 24px 62px;
  286. }
  287. .myappleid.edit .formwrap input.credit-card-number {
  288. width: 160px;
  289. }
  290. .myappleid.edit .formwrap input.security-code {
  291. outline-style:none;
  292. width: 80px;
  293. }
  294. #cvvField {
  295. width:140px;
  296. }
  297. .myappleid .info-icon {
  298. background-image: url("info.png");
  299. clear: both;
  300. display: inline-block;
  301. height: 14px;
  302. width: 14px;
  303. margin: 0 0 -4px 5px;
  304. position: relative;
  305. }
  306. .myappleid .credit-card-error {
  307. clear: both;
  308. display: inline-block;
  309. height: 17px;
  310. width: 17px;
  311. margin: 0 0 -4px 5px;
  312. position: relative;
  313. top: 0;
  314. right: 0;
  315. }
  316. .myappleid .credit-card-msg {
  317. margin-left: 0;
  318. margin-top: 4px;
  319. }
  320. #credit-card-code-validation-wrapper {
  321. left: 12px;
  322. }
  323. #credit-card-code-validation-wrapper .info-dialog p {
  324. font-weight: normal;
  325. margin: 0 0 5px -12px;
  326. padding: 0;
  327. }
  328. #credit-card-code-validation-wrapper .info-dialog {
  329. padding-top: 10px;
  330. padding-bottom: 10px;
  331. }
  332. #credit-card-code-validation-wrapper .topcap,
  333. #credit-card-code-validation-wrapper .bottomcap {
  334. right: 6px;
  335. }
  336. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 {
  337. font-size: 20px;
  338. }
  339. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select {
  340. width: 293px;
  341. margin-left: 10px;
  342. margin-top: 6px;
  343. }
  344. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code {
  345. width: 100px;
  346. }
  347. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number {
  348. width: 155px;
  349. }
  350. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number-alt {
  351. width: 278px;
  352. }
  353. #OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note {
  354. font-size: 12px;
  355. margin-left: 20px;
  356. color: #999;
  357. margin-bottom: 1em;
  358. }
  359. .myappleid.edit .hsa .formrow {
  360. margin-left: 3em;
  361. width: 449px;
  362. }
  363. #OverlayPanel #bot-nav {
  364. position: relative;
  365. height: 50px;
  366. }
  367. #OverlayPanel #bot-nav .send-code {
  368. position: absolute;
  369. left: 0px;
  370. padding-top: 12px;
  371. }
  372. #OverlayPanel #bot-nav .send-code img {
  373. vertical-align: bottom;
  374. }
  375. #OverlayPanel #bot-nav .send-code.disabled {
  376. text-align: left;
  377. color: #999;
  378. background: url('resend-disabled.png') 0 50% no-repeat;
  379. padding: 0 0 0 22px;
  380. }
  381. #OverlayPanel #bot-nav .buttons {
  382. /*width: 245px;*/
  383. position: absolute;
  384. right: 0px;
  385. height: 40px;
  386. }
  387. #OverlayPanel.short-height {
  388. height: 225px;
  389. }
  390. #OverlayPanel #support-pin-container {
  391. text-align: center;
  392. width: 230px;
  393. margin: 0 auto;
  394. font-size: 11px;
  395. }
  396. #OverlayPanel #support-pin {
  397. background: #ebebeb;
  398. border: 1px solid #cbcbcb;
  399. font-size: 16px;
  400. font-weight: bold;
  401. padding: 10px 0;
  402. margin-bottom: 5px;
  403. width: 100%;
  404. }
  405. .myappleid #bot-nav a,
  406. .myappleid #bot-nav1 a {
  407. margin-left: 7px;
  408. }
  409. #step-2-print {
  410. display: none;
  411. }
  412. .hsa #step-3 {
  413. display: none;
  414. }
  415. .hsa #step-3 ul {
  416. list-style: disc inside;
  417. padding-left: 20px;
  418. }
  419. .hsa #step-3 ul li {
  420. padding: 5px 5px 5px 25px;
  421. text-indent: -1em;
  422. }
  423. .hsa #step-3 ul li.severe-warning {
  424. color: #ff230e;
  425. font-weight: bold;
  426. border: 1px solid #ff230e;
  427. }
  428. .hsa #step-3 .formwrap {
  429. display: inline-block;
  430. }
  431. .hsa #step-3 .formwrap input {
  432. text-transform: uppercase;
  433. width: 430px;
  434. }
  435. .hsa #step-4 label {
  436. display: block;
  437. margin-top: 20px;
  438. text-indent: -18px;
  439. padding-left: 18px;
  440. }
  441. .hsa #step-4 label input {
  442. margin-right: 5px;
  443. }
  444. .hsa h3 {
  445. font-size: 14px;
  446. text-align: left;
  447. margin: 30px 0 10px 0;
  448. }
  449. .hsa .recovery-key {
  450. font-size: 24px;
  451. line-height: 24px;
  452. padding: 10px;
  453. border: 1px solid #d6d6d6;
  454. background: url('key.png') no-repeat 0px 50% #ebebeb;
  455. text-align: center;
  456. font-family: "Andale Mono";
  457. }
  458. #recovery-key-container .invalid-icon
  459. {
  460. background-image: url('input_fail.png');
  461. width: 17px;
  462. height: 17px;
  463. }
  464. #verification-code-form.invalid > div {
  465. padding-left: 20px;
  466. }
  467. .hsa #recovery-key-container .pass-fail-icon,
  468. #verification-code-form .invalid-icon,
  469. #phone-number-form .invalid-icon
  470. {
  471. width: 17px;
  472. height: 17px;
  473. display: inline-block;
  474. }
  475. #phone-number-form {
  476. margin-top: 3px;
  477. }
  478. #phone-number-form .invalid-icon {
  479. float: right;
  480. margin-top: 5px;
  481. margin-left: 5px;
  482. position: absolute;
  483. }
  484. .hsa #recovery-key-container.match-pass .pass-fail-icon {
  485. background-image: url('input_pass.png');
  486. }
  487. .hsa #recovery-key-container.match-fail .pass-fail-icon,
  488. #verification-code-form .invalid-icon,
  489. #phone-number-form .invalid-icon
  490. {
  491. background-image: url('input_fail.png');
  492. }
  493. .hsa #recovery-key-container .pass-fail-copy,
  494. .invalid-copy
  495. {
  496. color: #ff230e;
  497. text-align: center;
  498. font-size: 11px;
  499. margin-top: 3px;
  500. font-weight: bold;
  501. display: none;
  502. }
  503. .hsa #recovery-key-container.match-fail .pass-fail-copy,
  504. .invalid-copy.show {
  505. display: block;
  506. }
  507. .hsa .warning {
  508. background: url('alert.png') no-repeat 15px 50% #f8fbfe;
  509. border: 1px solid #d6d6d6;
  510. border-radius: 5px;
  511. font-size: 12px;
  512. font-weight: bold;
  513. padding: 15px 10px 15px 75px;
  514. margin: 30px 0 25px;
  515. color: #ff230e;
  516. }
  517. .left-align, .hsa #bot-nav .buttons .left-align {
  518. float: left;
  519. }
  520. .hsa .center-align {
  521. text-align: center;
  522. }
  523. .hsa .right-align, .hsa .right-float {
  524. float: right;
  525. }
  526. .hsa .lock {
  527. margin-top: 50px;
  528. }
  529. .hsa .success-copy {
  530. margin: 10px 0 50px 0;
  531. }
  532. .hsa .hsa-enabled-lock {
  533. float: left;
  534. }
  535. .hsa .hsa-enabled-copy {
  536. float: right;
  537. width: 375px;
  538. }
  539. .hsa .notification {
  540. margin-bottom: 30px;
  541. height: 31px;
  542. }
  543. .hsa .notification img {
  544. float: left;
  545. }
  546. .hsa .notification h2 {
  547. margin: 0 0 0 40px;
  548. }
  549. #applecare-support {
  550. position: absolute;
  551. bottom: 30px;
  552. left: 30px;
  553. font-size: 12px;
  554. line-height: 25px;
  555. }
  556. #applecare-support #applecare-support-icon {
  557. width: 25px;
  558. height: 25px;
  559. background: url('applecaresupporticon.png');
  560. float: left;
  561. margin-right: 5px;
  562. }
  563. /* Begin iForgot CSS */
  564. .myappleid.reset.step1 .column.last #bot-nav.hsa {
  565. margin-top: 7.2em;
  566. position: absolute;
  567. right: 73px;
  568. }
  569. h3.hsa.heading {
  570. font-weight: normal;
  571. font-size: 14px;
  572. line-height: 1.25em;
  573. margin-top: 10px;
  574. }
  575. h3.recovery-label {
  576. text-align: center;
  577. font-weight: bold;
  578. font-size: 14px;
  579. }
  580. .myappleid.reset.step1 .column.last .formrow.hsa {
  581. margin-top: 0.5em;
  582. }
  583. .myappleid .column.last .formrow.hsa input[type="radio"] {
  584. margin-right: 6px;
  585. }
  586. .myappleid .column.last .hsa input[type="radio"] {
  587. margin-right: 6px;
  588. }
  589. .myappleid.reset.step1 .column.last span.formwrap input.recovery-key,
  590. .hsa #verifyRecoveryKeyInput.recovery-key {
  591. font-size: 21px;
  592. font-weight: normal;
  593. font-family: "Andale Mono";
  594. padding: 6px 34px;
  595. background: #fff url(key.png) center left no-repeat;
  596. }
  597. .myappleid.reset.step1 .column.last span.formwrap input.recovery-key {
  598. width: 424px;
  599. }
  600. .hsa #verifyRecoveryKeyInput.recovery-key {
  601. width: 409px;
  602. }
  603. .myappleid.reset.step1 .column.last span.formwrap input.recovery-key:-moz-placeholder,
  604. .hsa #verifyRecoveryKeyInput.recovery-key:-moz-placeholder {
  605. color: #a9aaad;
  606. }
  607. .myappleid.reset.steps.step1 span.formwrap.hsa {
  608. margin-left: 0;
  609. }
  610. .myappleid.reset.step1 .column.last #question.hsa {
  611. text-align: left;
  612. }
  613. .myappleid.reset.step1 .column.last .formrow.hsa.send {
  614. margin-top: 1.5em;
  615. }
  616. .myappleid.reset.step1 .column.last .formrow.confirm {
  617. margin-right: 84px;
  618. }
  619. .myappleid.reset.step1 .column.last span.formwrap.hsa.confirm {
  620. margin-top: 5px;
  621. }
  622. .formrow.hsa select {
  623. margin-left: 0;
  624. width: 230px;
  625. }
  626. a.send-button {
  627. padding: ;
  628. background: #469edc;
  629. font-size: 13px;
  630. padding: 6px 25px;
  631. margin-left: 10px;
  632. color: #ffffff;
  633. -webkit-border-radius: 20px;
  634. -moz-border-radius: 20px;
  635. border-radius: 20px;
  636. text-shadow: 0px -1px #256ac0;
  637. background: -webkit-linear-gradient(top, #52a8e7 5%, #2b70c3 100%);
  638. text-decoration: none;
  639. }
  640. a.send-button:hover {
  641. text-decoration: none;
  642. }
  643. p.new-password-text {
  644. color: #a4a4a4;
  645. }
  646. #OverlayPanel #bot-nav .buttons.continue {
  647. width: 245px;
  648. }
  649. #refreshing {
  650. background: url('spinner_16px_ffffff.gif') 0% 50% no-repeat;
  651. padding-left: 18px;
  652. color: #929292;
  653. height: 16px;
  654. line-height: 16px;
  655. display: none;
  656. background-size:16px 16px;
  657. }
  658. #refreshing.show {
  659. display: inline-block;
  660. }
  661. #refreshingDeviceList {
  662. color: #929292;
  663. height: 16px;
  664. line-height: 16px;
  665. display: none;
  666. }
  667. #refreshingDeviceList.show {
  668. display: inline-block;
  669. }
  670. #refreshingPin {
  671. background: url('spinner_16px_ffffff.gif') 0% 50% no-repeat;
  672. padding-left: 18px;
  673. color: #929292;
  674. height: 16px;
  675. line-height: 16px;
  676. display: none;
  677. background-size:16px 16px;
  678. }
  679. #refreshingPin.show {
  680. display: inline-block;
  681. }
  682. .hsa #confirm-recovery-key.recovery-key {
  683. width: 409px;
  684. font-size: 21px;
  685. font-weight: normal;
  686. font-family: "Andale Mono";
  687. background: #fff url(key.png) center left no-repeat;
  688. }
  689. .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 {
  690. margin-left: 0;
  691. }
  692. .hsa p.sub-heading {
  693. font-size: 14px;
  694. }
  695. /* overlays email */
  696. #OverlayRemoveDevice.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; position: fixed;}
  697. #OverlayRemoveDevice.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  698. #OverlayRemoveDevice.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  699. #OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px; }
  700. #OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  701. #OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  702. #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; }
  703. #OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  704. #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);}
  705. #OverlayRemoveDevice.popped { display: block; }
  706. #OverlayRemoveDevice.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  707. #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');}
  708. #OverlayRemoveDevice.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  709. #OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  710. #OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  711. /*added to get the buttons alignment correct*/
  712. #OverlayRemoveDevice #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  713. #OverlayRemoveDevice #bot-nav { position: relative; height: 50px;}
  714. #OverlayRemoveDevice.short-height {height: 225px;}
  715. /* overlays VerifyCode overlay */
  716. #OverlayVerifyCode.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; position: fixed; }
  717. #OverlayVerifyCode.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
  718. #OverlayVerifyCode.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  719. #OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding: 17px 15px 34px 24px; }
  720. #OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  721. #OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  722. #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; }
  723. #OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  724. #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);}
  725. #OverlayVerifyCode.popped { display: block; }
  726. #OverlayVerifyCode.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  727. #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');}
  728. #OverlayVerifyCode.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  729. #OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;max-width: 280px;height: 54px;}
  730. #OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  731. /*added to get the buttons alignment correct*/
  732. #OverlayVerifyCode #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  733. #OverlayVerifyCode #bot-nav {position: relative; height: 50px;}
  734. #OverlayVerifyCode.short-height {height: 225px;}
  735. #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;}
  736. /* overlays AddPhone overlay */
  737. #OverlayAddPhone.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;position: fixed;}
  738. #OverlayAddPhone.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
  739. #OverlayAddPhone.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  740. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding: 17px 14px 34px 24px; }
  741. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
  742. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
  743. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number-alt {width: 278px;}
  744. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 22px; color: #999; margin-bottom: 1em; margin-top: 0;}
  745. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  746. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  747. #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; }
  748. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  749. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select { width: 293px; margin-left: 10px; margin-top: 6px;}
  750. #OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
  751. #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);}
  752. #OverlayAddPhone.popped { display: block; }
  753. #OverlayAddPhone.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  754. #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');}
  755. #OverlayAddPhone.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  756. #OverlayAddPhone #bot-nav {position: relative; height: 50px;}
  757. #OverlayAddPhone #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  758. #OverlayAddPhone #bot-nav .send-code img {vertical-align: bottom;}
  759. #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;}
  760. #OverlayAddPhone #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  761. #OverlayAddPhone.short-height {height: 225px;}
  762. /* Support overlay */
  763. #OverlaySupport.overlaypanel { top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; position: fixed;}
  764. #OverlaySupport.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
  765. #OverlaySupport.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  766. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:20px 15px 50px 24px; }
  767. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  768. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  769. #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; }
  770. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  771. #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);}
  772. #OverlaySupport.popped { display: block; }
  773. #OverlaySupport.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  774. #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');}
  775. #OverlaySupport.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  776. #OverlaySupport #bot-nav {position: relative; height: 50px;}
  777. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select {
  778. width: 293px;
  779. margin-left: 10px;
  780. margin-top: 6px;
  781. }
  782. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code {
  783. width: 100px;
  784. }
  785. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number {
  786. width: 155px;
  787. }
  788. #OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note {
  789. font-size: 12px;
  790. margin-left: 20%;
  791. color: #999;
  792. margin-bottom: 1em;
  793. }
  794. #OverlaySupport #bot-nav .send-code {
  795. position: absolute;
  796. left: 0px;
  797. padding-top: 12px;
  798. }
  799. #OverlaySupport #bot-nav .send-code img {
  800. vertical-align: bottom;
  801. }
  802. #OverlaySupport #bot-nav .buttons {
  803. /*width: 245px;*/
  804. position: absolute;
  805. right: 0px;
  806. height: 40px;
  807. }
  808. #OverlaySupport.short-height {
  809. height: 225px;
  810. }
  811. #OverlaySupport #support-pin-container {
  812. text-align: center;
  813. width: 230px;
  814. margin: 0 auto;
  815. font-size: 11px;
  816. }
  817. #OverlaySupport #support-pin {
  818. background: #ebebeb;
  819. border: 1px solid #cbcbcb;
  820. font-size: 16px;
  821. font-weight: bold;
  822. padding: 10px 0;
  823. margin-bottom: 5px;
  824. width: 100%;
  825. }
  826. /* Cancel enrollment overlay */
  827. #OverlayCencelEnroll.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; }
  828. #OverlayCencelEnroll.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  829. #OverlayCencelEnroll.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  830. #OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 15px 31px 24px; }
  831. #OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  832. #OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  833. #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; }
  834. #OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  835. #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);}
  836. #OverlayCencelEnroll.popped { display: block; }
  837. #OverlayCencelEnroll.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  838. #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');}
  839. #OverlayCencelEnroll.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  840. #OverlayCencelEnroll #bot-nav { position: relative; height: 50px;}
  841. #OverlayCencelEnrollGeneric.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; }
  842. #OverlayCencelEnrollGeneric.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
  843. #OverlayCencelEnrollGeneric.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  844. #OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 15px 31px 24px; }
  845. #OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  846. #OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  847. #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; }
  848. #OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  849. #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);}
  850. #OverlayCencelEnrollGeneric.popped { display: block; }
  851. #OverlayCencelEnrollGeneric.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  852. #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');}
  853. #OverlayCencelEnrollGeneric.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  854. #OverlayCencelEnrollGeneric #bot-nav { position: relative; height: 50px;}
  855. /* Recovery Verify overlay */
  856. #OverlayRecoveryVerify.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; position: fixed;}
  857. #OverlayRecoveryVerify.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  858. #OverlayRecoveryVerify.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  859. #OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 14px 28px 21px; }
  860. #OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  861. #OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  862. #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; }
  863. #OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  864. #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);}
  865. #OverlayRecoveryVerify.popped { display: block; }
  866. #OverlayRecoveryVerify.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  867. #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');}
  868. #OverlayRecoveryVerify.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  869. #OverlayRecoveryVerify #bot-nav .send-code {position: absolute; left: 0px; padding-top: 12px;}
  870. #OverlayRecoveryVerify #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}
  871. #OverlayRecoveryVerify #bot-nav {position: relative; height: 50px;}
  872. /* Manage Security UpdateOverlay */
  873. #ESAManageSecurityUpdateOverlay.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px;}
  874. #ESAManageSecurityUpdateOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  875. #ESAManageSecurityUpdateOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  876. #ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:58px 40px 24px 62px; }
  877. #ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  878. #ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  879. #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; }
  880. #ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  881. #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);}
  882. #ESAManageSecurityUpdateOverlay.popped { display: block; }
  883. #ESAManageSecurityUpdateOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  884. #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');}
  885. #ESAManageSecurityUpdateOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  886. #ESAManageSecurityUpdateOverlay #bot-nav .buttons {position: absolute; right: 0px; height: 40px; }
  887. #ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {padding: 30px;}
  888. #ESAManageSecurityUpdateOverlay #bot-nav {position: relative; height: 50px;}
  889. /* ESASetupConfirmOverlay */
  890. #ESASetupConfirmOverlay.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; }
  891. #ESASetupConfirmOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  892. #ESASetupConfirmOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  893. #ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:58px 40px 24px 62px; }
  894. #ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  895. #ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  896. #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; }
  897. #ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  898. #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);}
  899. #ESASetupConfirmOverlay.popped { display: block; }
  900. #ESASetupConfirmOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  901. #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');}
  902. #ESASetupConfirmOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  903. #ESASetupConfirmOverlay #bot-nav .buttons {position: absolute; right: 0px; height: 40px; }
  904. #ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {padding: 30px;}
  905. #ESASetupConfirmOverlay #bot-nav {position: relative; height: 50px;}
  906. /* Are you still there overlay */
  907. #OverlayPanelAreUStil.short-height { height: 225px;}
  908. #OverlayPanelAreUStil.overlaypanel { top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px;position: fixed;}
  909. #OverlayPanelAreUStil.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  910. #OverlayPanelAreUStil.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  911. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px 30px 30px 30px; }
  912. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
  913. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
  914. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 20%; color: #999; }
  915. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  916. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  917. #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;}
  918. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  919. #OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
  920. #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);}
  921. #OverlayPanelAreUStil.popped { display: block; }
  922. #OverlayPanelAreUStil.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  923. #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');}
  924. #OverlayPanelAreUStil.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  925. #OverlayPanelAreUStil #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}
  926. #OverlayPanelAreUStil #bot-nav {position: relative; height: 50px;}
  927. /* Overlay for Reset HSA */
  928. #OverlayResetHSA.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; position: fixed;}
  929. #OverlayResetHSA.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  930. #OverlayResetHSA.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  931. #OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:25px; }
  932. #OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  933. #OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  934. #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; }
  935. #OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  936. #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);}
  937. #OverlayResetHSA.popped { display: block; }
  938. #OverlayResetHSA.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  939. #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');}
  940. #OverlayResetHSA.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  941. #OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  942. #OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  943. #OverlayResetHSA #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  944. #OverlayResetHSA #bot-nav { position: relative; height: 50px;}
  945. #OverlayResetHSA.short-height {height: 225px;}
  946. #OverlayPanelVerifySendCode.overlaypanel { top:50%; left:50%; width:636px; height:320px; margin-top:-160px; margin-left:-318px; }
  947. #OverlayPanelVerifySendCode.overlaypanel.popped .closeButtonContainer { top:-22px; left:-24px; }
  948. #OverlayPanelVerifySendCode.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  949. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px 30px 30px 30px; }
  950. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
  951. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
  952. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 23%; color: #999; }
  953. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:22px; }
  954. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  955. #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; }
  956. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  957. #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
  958. #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);}
  959. #OverlayPanelVerifySendCode.popped { display: block; }
  960. #OverlayPanelVerifySendCode.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  961. #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');}
  962. #OverlayPanelVerifySendCode.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  963. #OverlayPanelVerifySendCode #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}
  964. /* Overly for Two Step Verification Leave Page */
  965. #OverlayLeaveTurnOff2SV.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; position: fixed;}
  966. #OverlayLeaveTurnOff2SV.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  967. #OverlayLeaveTurnOff2SV.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  968. #OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px; }
  969. #OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  970. #OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  971. #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; }
  972. #OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  973. #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);}
  974. #OverlayLeaveTurnOff2SV.popped { display: block; }
  975. #OverlayLeaveTurnOff2SV.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  976. #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');}
  977. #OverlayLeaveTurnOff2SV.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  978. #OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  979. #OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  980. #OverlayLeaveTurnOff2SV #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  981. #OverlayLeaveTurnOff2SV #bot-nav { position: relative; height: 50px;}
  982. #OverlayLeaveTurnOff2SV.short-height {height: 225px;}
  983. /* Overly for Secondary Password User Enter */
  984. #validatePassOverlay.overlaypanel { top:50%; left:50%; width:562px; height:265px; margin-top:-160px; margin-left:-290px; position: fixed;}
  985. #validatePassOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  986. #validatePassOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  987. #validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
  988. #validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  989. #validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  990. #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; }
  991. #validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  992. #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);}
  993. #validatePassOverlay.popped { display: block; }
  994. #validatePassOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  995. #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');}
  996. #validatePassOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  997. #validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  998. #validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  999. #validatePassOverlay #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  1000. #validatePassOverlay #bot-nav { position: relative; height: 50px;}
  1001. #validatePassOverlay.short-height {height: 225px;}
  1002. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:272px; margin-top:-160px; margin-left:-290px; position: fixed;}
  1003. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  1004. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  1005. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
  1006. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  1007. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; margin: 5px 0 16px 0;}
  1008. #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; }
  1009. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  1010. #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);}
  1011. #SecondaryPasswordGeneratedOverlayPanel.popped { display: block; }
  1012. #SecondaryPasswordGeneratedOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  1013. #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');}
  1014. #SecondaryPasswordGeneratedOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  1015. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  1016. #SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  1017. #SecondaryPasswordGeneratedOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  1018. #SecondaryPasswordGeneratedOverlayPanel #bot-nav { position: relative; height: 50px;}
  1019. #SecondaryPasswordGeneratedOverlayPanel.short-height {height: 225px;}
  1020. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:242px; margin-top:-160px; margin-left:-290px; position: fixed;}
  1021. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  1022. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  1023. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
  1024. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  1025. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
  1026. #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; }
  1027. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  1028. #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);}
  1029. #SecondaryPasswordRevokeAllOverlayPanel.popped { display: block; }
  1030. #SecondaryPasswordRevokeAllOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  1031. #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');}
  1032. #SecondaryPasswordRevokeAllOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  1033. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  1034. #SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  1035. #SecondaryPasswordRevokeAllOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
  1036. #SecondaryPasswordRevokeAllOverlayPanel #bot-nav { position: relative; height: 50px;}
  1037. #SecondaryPasswordRevokeAllOverlayPanel.short-height {height: 225px;}
  1038. /* Secondary password limit overlay */
  1039. #SecondaryPasswordLimitOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:254px; margin-top:-160px; margin-left:-290px; position: fixed;}
  1040. #SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
  1041. #SecondaryPasswordLimitOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
  1042. #SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
  1043. #SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
  1044. #SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; margin: 5px 0 10px 0;}
  1045. #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; }
  1046. #SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
  1047. #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);}
  1048. #SecondaryPasswordLimitOverlayPanel.popped { display: block; }
  1049. #SecondaryPasswordLimitOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
  1050. #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');}
  1051. #SecondaryPasswordLimitOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
  1052. #SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
  1053. #SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
  1054. #SecondaryPasswordLimitOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px; margin-top:12px;}
  1055. #SecondaryPasswordLimitOverlayPanel #bot-nav { position: relative; height: 50px;}
  1056. #SecondaryPasswordLimitOverlayPanel.short-height {height: 225px;}
  1057. #iphoneLinkSpan{
  1058. clear:left;
  1059. margin-bottom:15px;
  1060. }
  1061. .myappleid.edit.name-email.manage .grid2colc.wrap .column.last.hsa .verified {
  1062. background: url("myappleid_verified.png") no-repeat scroll 100% 56% transparent;
  1063. color: #5DA63F;
  1064. display: block;
  1065. float: left;
  1066. font-weight: bold;
  1067. margin: 0;
  1068. padding-right: 16px;
  1069. }
  1070. .myappleid .hsa .device-list .row.offline img,
  1071. .myappleid .hsa .device-list .row.offline .device-info .device-name,
  1072. .myappleid .hsa .device-list .row.offline .status-text-container .status-text {
  1073. opacity:0.5;
  1074. filter:alpha(opacity=50); /* for IE8 or earlier */
  1075. }
  1076. .myappleid .hsa .device-list .row.offline .status-text {
  1077. position:static;
  1078. //right:84px;
  1079. //top:25px;
  1080. display:inline-block;
  1081. display:block;
  1082. float:left;
  1083. }
  1084. .myappleid.reset.step1 .column.last span.formwrap input#primary-password,
  1085. .hsa #primary-password {
  1086. font-size: 14px;
  1087. font-weight: normal;
  1088. font-family: "Lucida Grande", Lucida, sans-serif;
  1089. padding: 6px 34px;
  1090. text-align: center;
  1091. }
  1092. .overlaypanelSecPassword .overlayPanelContent .myappleid-overlay-content {
  1093. padding: 18px 14px 30px 24px;
  1094. }
  1095. .overlaypanelSecPassword .overlayPanelContent .myappleid-overlay-content.short-content {
  1096. padding: 58px 40px 24px 62px;
  1097. }
  1098. .hsa .recovery-key,
  1099. .hsa .secondary-password {
  1100. font-size: 24px;
  1101. line-height: 24px;
  1102. padding: 5px 20px;
  1103. border: 1px solid #d6d6d6;
  1104. text-align: center;
  1105. font-family: "Andale Mono";
  1106. }
  1107. .hsa .secondary-password {
  1108. width:278px;
  1109. background:#fff;
  1110. margin-left:98px;
  1111. }
  1112. .hsa .secondary-password span {
  1113. background-color:#b3d4ff;
  1114. }
  1115. /* End HSA CSS */