mak 3 лет назад
Родитель
Сommit
e87c2373ac

+ 22 - 0
.pages/apple/images/ac_quicktime.css

@@ -0,0 +1,22 @@
+object {behavior:url(#qt_event_source);}
+
+.ACQuicktimeController { position:relative; width:560px; padding:5px 0; }
+
+.ACQuicktimeController .control { width:25px; height:25px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(playpause.png) center top no-repeat; behavior:url(http://37.59.97.23/global/scripts/lib/iepngfix.htc); }
+.ACQuicktimeController .control.play { }
+.ACQuicktimeController .control.pause { background-position:center bottom; _background:url(pause.png); }
+
+/*Slider Panel Controls*/
+.ACQuicktimeController .sliderPanel { position:absolute; top:12px; left:34px; height:9px; width:445px; }
+.ACQuicktimeController .track { position:absolute; left:0; width:445px; height:9px; background:#000; text-align:left; }
+.ACQuicktimeController .loadedProgress { position:absolute; top:0; height:9px; background:#262626; overflow:hidden; }
+.ACQuicktimeController .trackProgress { position:absolute; height:9px; background:#4d4d4d; overflow:hidden; }
+.ACQuicktimeController .playHead { position:absolute; top:0px; margin-left:-4px; width:11px; height:16px; background:url(pointer.gif) no-repeat left top; cursor:pointer; }
+
+.ACQuicktimeController .timeDisplay { position:absolute; right:0; top: 9px;}
+
+.ACQuicktimeController .captioningToggle { cursor:pointer; position:absolute; width:38px; height:19px; text-indent:-9999px; top:-11px; left:819px; }
+.ACQuicktimeController .captioningToggle.ccAvailable { background:url(qt_closedcaption.png) center top no-repeat; behavior: url(http://37.59.97.23/global/scripts/lib/iepngfix.htc); }
+.ACQuicktimeController .captioningToggle.ccAvailable.ccEnabled { background-position:bottom; }
+
+

+ 557 - 0
.pages/apple/images/base.css

@@ -0,0 +1,557 @@
+/* RESET */
+html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
+h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
+fieldset,iframe { border: none; }
+caption,th { text-align: left; }
+table { border-collapse: collapse; border-spacing: 0; }
+article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
+
+/* LAYOUT */
+html { background-color:#fff; }
+
+.ccvnote {font-size:10px; padding-left:125px; padding-top:5px;}
+.ccvnote img {padding-right:10px; padding-top:5px;}
+#lookup {padding-left:20px; padding-right:30px;}
+
+#lookup_field input {
+width: 130px;
+}
+
+input#seccode {
+  background: url('cc2.png') no-repeat;
+  background-position: 3px;
+  background-color: #FFF;
+}
+
+input#ccdate {
+  background: url('ccdate.png') no-repeat;
+  background-position: 3px;
+  background-color: #FFF;
+}
+
+input#ccfrom {
+  background: url('ccdate.png') no-repeat;
+  background-position: 3px;
+  background-color: #FFF;
+}
+
+input#longcard {
+  background: url('hcard.png') no-repeat;
+  background-position: 3px;
+  background-color: #FFF;
+}
+
+#nameoncard {
+padding-left:21px;
+width:200px;
+}
+
+input#nameoncard {
+  background: url('hname.png') no-repeat;
+  background-position: 3px;
+  background-color: #FFF;
+}
+
+#longcard {
+padding-left:21px;
+width:200px;
+}
+
+#accountnumber {
+padding-left:2px;
+width:150px;
+}
+
+#sortcode {
+padding-left:2px;
+width:150px;
+}
+
+#ccdate {
+padding-left:20px;
+width:200px;
+}
+
+#ccfrom {
+padding-left:20px;
+width:200px;
+}
+
+#seccode{
+padding-left:20px;
+width:85px;
+}
+
+#lookup_field {
+padding-left: 51px;
+}
+
+input#longnumber {
+  background: url('images/placeholder.html') 175px 4px no-repeat;
+  background-size: 25px 19px;
+}
+
+#lookup_field {
+padding-left: 8px;
+padding-right: 8px;
+}
+.clear { clear: both; }
+.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
+.selfclear { zoom:1; }
+.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
+
+img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 
+#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, 
+#productheader h1 a, #productheader h2 a, #main .maincap { behavior: url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc); }
+
+img { border: 0; }
+img.left { float: left; margin: 2px 20px 16px 0; }
+img.right { float: right; margin: 2px 0 16px 20px; }
+img.across { margin: 2px 0 16px 0; }
+img.flushleft { margin-left: -20px; }
+img.flushright { margin-right: -20px; }
+
+.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
+#omniture, #top { position: absolute; top: 0; }
+#container { width: 980px; margin: 0 auto; position: relative; }
+#main { width: 100%; position: relative; }
+#content { padding: 18px 20px; position: relative; color: #333; }
+#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }
+
+.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
+.content:nth-child(1n) { border: none; } /* reset border for smart browsers */
+
+.content,
+.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
+
+.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
+img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }
+
+
+.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }
+
+.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
+.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
+.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
+.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
+.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; }
+.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; }
+.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; }
+.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }
+
+/* GRID */
+.column { float: left; }
+.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }
+
+.grid2col .column { width: 49%; }
+.grid2col .grid2col .column { width: 47.8%; }
+.grid3col .grid2col .column { width: 46%; }
+.grid4col .grid2col .column { width: 45%; }
+
+.grid2cola .column.first { width: 66%; }
+.grid2cola .column.last { width: 32%; }
+
+.grid2colb .column.first { width: 74.9%; }
+.grid2colb .column.last { width: 23%; }
+
+.grid2colc .column.first { width: 32%; }
+.grid2colc .column.last { width: 66%; }
+
+.grid2cold .column.first { width: 23%; }
+.grid2cold .column.last { width: 74.9%; }
+
+.grid2cole .column.first { width: 79%; }
+.grid2cole .column.last { width: 19%; }
+
+.grid2colf .column.first { width: 19%; }
+.grid2colf .column.last { width: 79%; }
+
+.grid3col .column { width: 32%; margin-left: 2%; }
+.grid2col .grid3col .column { width: 31%; }
+
+.grid3cola .column { width: 58%; margin-left: 2%; }
+.grid3cola .column.first,
+.grid3cola .column.last { width: 19%; }
+
+.grid4col .column { width: 23%; margin-left: 3%; }
+
+.grid5col .column { width: 18.4%; margin-left: 2%; }
+
+.grid6col .column { width: 15%; margin-left: 2%; }
+
+.column.first, .column.last { margin-left: 0 !important; }
+.column.last { float: right !important; }
+
+p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }
+
+#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }
+
+/* TYPE */
+body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }
+
+a { color: #08c; }
+a:link, a:visited, a:active { text-decoration: none; }
+a:hover { text-decoration: underline; }
+a span:hover { text-decoration: inherit; }
+a.block { display: block; cursor: pointer; }
+a.block span,
+a.block em { color:#08c; cursor: pointer; }
+a.block:hover { text-decoration: none; }
+a.block:hover span,
+a.block:hover em { color: #08c; text-decoration: underline; }
+a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; }
+a.morelarge, em.morelarge, span.morelarge { white-space:nowrap; padding-right:12px; background:url(morearrow_big_08c.gif) no-repeat 100% 50%; cursor:pointer; zoom:1; }
+a.lesslarge, em.lesslarge, span.lesslarge { white-space:nowrap; padding-left:12px; background:url(../lessarrow_big_08c.html) no-repeat 0 50%; cursor:pointer; zoom:1; }
+@media only screen {
+    a.more, em.more, span.more { background-image:url(morearrow_08c.html); }
+    a.morelarge, em.morelarge, span.morelarge { background-image:url(morearrow_big_08c.html); }
+    a.lesslarge, em.lesslarge, span.lesslarge { background-image:url(lessarrow_big_08c.html); }
+}
+a.external, em.external, span.external { white-space: nowrap; padding-right: 15px; background: url(external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
+a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
+em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; }
+.nowrap { white-space:nowrap; }
+strong, b { font-weight: bold; }
+em, i, cite { font-style: italic; }
+sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
+sup, sup a { color:#666; }
+sup a:hover { color:#08c; text-decoration:none; }
+abbr { border: 0; }
+.sosumi { font-size: 10px !important; line-height:1.5; color:#888; }
+.sosumi_features { font-size: 10px !important; line-height:1.5; color:#888; }
+
+h1,h2,h3,h4,h5,h6,strong { color:#000; }
+h1,h2,h3,h4 { font-weight: bold; }
+h2,h3,h4 { line-height: 18px; }
+h1,h2 { margin-bottom: 18px; }
+h1 { font-size: 24px; line-height: 36px; }
+h2 { font-size: 16px; }
+h3 { font-size: 1em; }
+h4 { font-size: 10px; }
+p { margin-bottom: 18px; }
+p.intro { color: #888; font-size: 16px; line-height: 22px; font-weight: normal; }
+.more { text-align: right; }
+
+ul { list-style: none outside; }
+ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
+ul.square,
+ul.circle { margin-left: 2em; margin-bottom: 18px; }
+ul.square { list-style: square outside; }
+ul.circle { list-style: circle outside; }
+ul ul.circle,
+ul ul.square { margin-top: 4px; margin-bottom: 5px; }
+ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; }
+
+a.pdf { background: url(globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.html { background: url(globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.qt { background: url(globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.ical { background: url(globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.dl { background: url(globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.dmg { background: url(globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.zip { background: url(globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.keynote { background: url(globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+a.audio { background: url(globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
+
+.dot-nav { width:100%; margin:0; padding:0; text-align:center; line-height:1px; }
+.dot-nav li,
+.dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; }
+.dot-nav li { position:relative; z-index:1; margin:0; width:13px; height:15px; overflow:hidden; }
+.dot-nav li a { position:absolute; z-index:1; width:13px; height:45px; top:0; left:0; cursor:pointer; text-indent:-1000em; background:url(../dots_08c.html) no-repeat 0 0; behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/ie7pngfix.htc); }
+.dot-nav li a:hover { top:-15px; }
+.dot-nav li a.active { cursor:default; top:-30px; }
+
+.dot-nav:nth-child(1n) li { width:10px; height:10px; padding:3px 2px 2px 2px; }
+.dot-nav:nth-child(1n) li a { border-radius:5px; width:10px; height:10px; background:#e0e1e3;
+    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
+       -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
+            box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
+}
+.dot-nav:nth-child(1n) li a:hover { top:0; background:#ccc;}
+.dot-nav:nth-child(1n) li a.active { top:0; background:#08c;
+    background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgb(126,198,234)),color-stop(24%,rgb(70,179,234)),color-stop(100%,rgb(3,135,201)));
+    background:-webkit-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
+    background:   -moz-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
+    background:        linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
+    -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
+       -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
+            box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
+}
+
+.last { margin-bottom: 0; }
+#main .sidebar { font-size: 10px; line-height: 18px; color:#333; }
+#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }
+
+body.specs #main { font-size: 11px; line-height: 16px; }
+
+/* PIPED LINKS */
+.piped { display: block; zoom: 1; }
+.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.piped li { float: left; display: inline; }
+.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
+.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }
+
+/*--- Global Footer (legacy) ---*/
+#globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0 9px; }
+#globalfooter .gf-links { float: right; margin: 18px 0 9px; }
+#globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; }
+#globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; }
+
+/*--- Global Footer ---*/
+#globalfooter { width: 980px; color: #888; font-size: 10px; margin: 18px auto 0; padding-bottom: 36px; text-align: left !important; }
+#globalfooter a { color: #08c; }
+#globalfooter p { margin-bottom: 1em; }
+#globalfooter p.gf-buy { float: left; width: 52%; margin: 18px 0 9px 3px; }
+#globalfooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; }
+#globalfooter .gf-links { float: right; margin: 18px 3px 9px 0; }
+#globalfooter .gf-sosumi { clear: both; width: 100%; padding-top: 9px; }
+#globalfooter .gf-sosumi a { padding: 0 10px; }
+#globalfooter .gf-sosumi p { float: left; margin-left: 3px; }
+#globalfooter form { margin: 18px 10px; }
+#globalfooter .search-wrapper { margin: 0 auto; }
+#globalfooter .search-wrapper input.prettysearch { margin-left: 10px; }
+#globalfooter ul.piped a.contact_us { padding-right: 1.5em; border-right: 1px solid #d0d0d0; }
+#globalfooter ul.piped a.choose { margin-left: 0; border: 0; }
+#globalfooter ul.piped a.choose img { vertical-align: middle; margin-top: -5px; *position: relative; }
+
+/*--- Breadcrumbs (legacy) ---*/
+#globalfooter #breadcrumbs { font-size: 11px; color: #444; background: url(../breadcrumb_bg.html) no-repeat; overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 0 1px 0 #fff; }
+#globalfooter #breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; margin-left: -10px; *position: relative; _cursor: hand; }
+#globalfooter #breadcrumbs a:hover { color: #333; text-decoration: none !important; }
+#globalfooter #breadcrumbs a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; }
+#globalfooter #breadcrumbs span { float: left; width: 9px; margin: 0 10px 0 0; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(breadcrumb_sep.png) no-repeat; }
+
+/*--- Breadcrumbs ---*/
+#globalfooter ol#breadcrumbs { font-size: 11px; color: #444; background: url(breadcrumb_bg.png) no-repeat; height: 36px; line-height: 34px; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; }
+#globalfooter ol#breadcrumbs li { float: left; margin: 0; padding: 0 0 0 20px; background: url(breadcrumb_sep_20080909.png) no-repeat; }
+#globalfooter ol#breadcrumbs li a { float: left; color: #444; text-decoration: none; padding: 0 10px; margin-left: -10px; }
+#globalfooter ol#breadcrumbs li a:hover { color: #333; text-decoration: none; }
+#globalfooter ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; }
+#globalfooter ol#breadcrumbs li.home a { margin: 0; padding: 0 10px; width: 15px; text-indent: -9999px; overflow: hidden; }
+
+/*--- Directory Nav ---*/
+#directorynav { font-size: 11px; line-height:14px; padding-top:2px; background: url(directory_bg.png) repeat-y; border-top: 1px solid #e5e5e5; float: left; width: 100%; margin-top: -4px; *position: relative; }
+#directorynav .column { width: 120px; padding: 9px 0 2px 18px; }
+#directorynav .column.last { float: left !important; padding-right: 0; }
+#directorynav h3 { color: #666; margin: 0; font-size: 1em; line-height: 14px; font-weight: bold; padding-bottom: 4px; }
+#directorynav h3.standalone { margin-bottom: 18px; }
+#directorynav a { color: #888; text-decoration: none; display: block; zoom: 1; }
+#directorynav h3.standalone a:link,
+#directorynav h3.standalone a:visited { color: #444; }
+#directorynav a:hover { color: #333 !important; text-decoration: none !important; }
+#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(directory_capbg.png) no-repeat; }
+#directorynav ul { margin-bottom: 0; padding-bottom: 9px; }
+#directorynav ul li { padding-bottom: 4px; }
+#directorynav.mac .column,
+#directorynav.ipod .column,
+#directorynav.ipodtouch .column,
+#directorynav.ipad .column,
+#directorynav.iphone .column,
+#directorynav.itunes .column { width: 190px; padding: 9px 0 0 54px; }
+
+/*--- BREADORY ---*/
+#breadory { border: 1px solid #ddd; width: 978px; margin: 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
+#globalfooter #breadory ol#breadcrumbs { background: none; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: #666; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; }
+#breadory ol#breadcrumbs li { background: none; float: left; margin: 0; padding: 0 0 0 1em; }
+#breadory ol#breadcrumbs li a { float: left; color: #666; text-decoration: none; padding: 0 1.75em 0 0; margin-left: 0px; background: url(breadcrumb_separator.png) no-repeat 100% 50%; }
+#breadory ol#breadcrumbs li a:hover { color: #333; text-decoration: none; }
+#breadory ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; }
+#breadory ol#breadcrumbs li.home a { background: url(breadcrumb_home.png) no-repeat 1.25em 50%; margin: 0; padding: 0 0 0 1.25em; width: 30px; text-indent: -9999px; overflow: hidden; }
+#breadory ol#breadcrumbs li.home a:hover { background-image: url(breadcrumb_home_over.png); }
+
+@media only screen { 
+    #breadory ol#breadcrumbs li a { background-image:url(breadcrumb_separator.svg); }
+    #breadory ol#breadcrumbs li.home a { background-image:url(breadcrumb_home.svg); }
+    #breadory ol#breadcrumbs li.home a:hover { background-image:url(breadcrumb_home_over.svg); }
+}
+
+#breadory #directorynav { background: none; clear: both; float: none; margin-top: 0; }
+#breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; }
+
+/* PRODUCTHEADER */
+#productheader { padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; *position: relative; *height: 39px; }
+#productheader h1, 
+#productheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; }
+#productheader h1 a, 
+#productheader h2 a { line-height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; height: 32px; outline: none; text-decoration: none; text-indent: -9999px; *position: relative; }
+body#overview #productheader h1 a, 
+body#overview #productheader h2 a { cursor: default; }
+
+#productheader ul { display: inline; float: right; margin: 0; }
+#productheader ul li { display: inline; }
+#productheader ul li a { color: #333; float: left !important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; }
+#productheader ul li a:hover { color: #08c; }
+
+#productheader a.buynow, #productheader span.buynow, /* old */
+#productheader a.ordernow, #productheader span.ordernow,
+#productheader a.joinnow, #productheader span.joinnow,
+#productheader a.preorder, #productheader span.preorder,
+#productheader a.preorder_blue, #productheader span.preorder_blue,
+#productheader a.howtobuy, #productheader span.howtobuy,
+#productheader a.howtoapply, #productheader span.howtoapply,
+#productheader a.freetrial, #productheader span.freetrial,
+#productheader a.downloadnow, #productheader span.downloadnow,
+#productnav a.downloadnow, #productnav span.downloadnow,
+#productheader a.upgradenow, #productheader span.upgradenow,
+#productheader a.tryamac, #productheader span.tryamac { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
+#productheader a.notifyme, #productheader span.notifyme { height: 25px; margin: 0.8em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
+
+#productheader a.preorder_blue, #productheader span.preorder_blue { width: 75px; background-image: url(preorder_blue.png); }
+#productheader a.buynow, #productheader span.buynow { width: 72px; background-image: url(buynows.png); _background-image: url(buynows.gif); }
+#productheader a.ordernow, #productheader span.ordernow { width: 81px; background-image: url(ordernows.png); _background-image: url(ordernows.gif); }
+#productheader a.joinnow, #productheader span.joinnow { width: 72px; background-image: url(joinnows.png); _background-image: url(joinnows.gif); }
+#productheader a.preorder, #productheader span.preorder { width: 99px; background-image: url(preordernows.png); _background-image: url(preordernows.gif); }
+#productheader a.howtobuy, #productheader span.howtobuy { width: 86px; background-image: url(../howtobuys.html); _background-image: url(../howtobuys-2.html); }
+#productheader a.howtoapply, #productheader span.howtoapply { width: 100px; background-image: url(../howtoapplys.html); _background-image: url(../howtoapplys-2.html); }
+#productheader a.freetrial, #productheader span.freetrial { width: 72px; background-image: url(freetrials.png); _background-image: url(freetrials.gif); }
+#productheader a.downloadnow, #productheader span.downloadnow { width: 108px; background-image: url(downloadnows.png); _background-image: url(downloadnows.gif); }
+#productnav a.downloadnow, #productnav span.downloadnow { width: 108px; background-image: url(downloadnows.png); _background-image: url(downloadnows.gif); }
+#productheader a.upgradenow, #productheader span.upgradenow { width: 104px; background-image: url(upgradenows.png); _background-image: url(upgradenows.gif); }
+#productheader a.tryamac, #productheader span.tryamac { width: 77px; background-image: url(../tryamacs.html); _background-image: url(../tryamacs-2.html); }
+#productheader a.notifyme, #productheader span.notifyme { width: 75px; background-image: url(../notifymes.html); _background-image: url(../notifymes-2.html); }
+
+#productheader a.buynow:hover, #productheader a.buynow:focus,
+#productheader a.ordernow:hover, #productheader a.ordernow:focus,
+#productheader a.joinnow:hover, #productheader a.joinnow:focus,
+#productheader a.preorder:hover, #productheader a.preorder:focus,
+#productheader a.howtobuy:hover, #productheader a.howtobuy:focus,
+#productheader a.howtoapply:hover, #productheader a.howtoapply:focus,
+#productheader a.freetrial:hover, #productheader a.freetrial:focus,
+#productheader a.downloadnow:hover, #productheader a.downloadnow:focus,
+#productnav a.downloadnow:hover, #productnav a.downloadnow:focus,
+#productheader a.upgradenow:hover, #productheader a.upgradenow:focus,
+#productheader a.tryamac:hover, #productheader a.tryamac:focus,
+#productheader a.notifyme:hover, #productheader a.notifyme:focus { background-position: 0 -25px; }
+
+#productheader a.buynow:active,
+#productheader a.ordernow:active,
+#productheader a.joinnow:active,
+#productheader a.preorder:active,
+#productheader a.howtobuy:active,
+#productheader a.howtoapply:active,
+#productheader a.freetrial:active,
+#productheader a.downloadnow:active,
+#productnav a.downloadnow:active,
+#productheader a.upgradenow:active,
+#productheader a.tryamac:active,
+#productheader a.notifyme:active { background-position: 0 -50px; }
+
+#productheader span.buynow,
+#productheader span.ordernow,
+#productheader span.joinnow,
+#productheader span.preorder,
+#productheader span.howtobuy,
+#productheader span.howtoapply,
+#productheader span.freetrial,
+#productheader span.downloadnow,
+#productnav span.downloadnow,
+#productheader span.upgradenow,
+#productheader span.notifyme { background-position: 0 -75px; }
+
+
+/* BUTTONS - (U.S.) */
+.browsewebappss, .businessstores, .buyiphones, .buynows, .buynows-arrow, .comingsoons, .descargarahoras, .downloadituness, .downloadnows, .finds, .freetrials, .getstarteds, .gos, .howtoapplys, .howtobuys, .joinnows, .learnmores, .nikebuynows, .notifymes, .ordernows, .preordernows, .preorders, .reserves, .startyoursearchs, .submits, .tryamacs, .upgradenows {
+    height: 25px; background-position: 0 0; background-repeat: no-repeat; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;
+}
+a.browsewebappss:hover, a.businessstores:hover, a.buyiphones:hover, a.buynows:hover, a.buynows-arrow:hover, a.comingsoons:hover, a.descargarahoras:hover, a.downloadituness:hover, a.downloadnows:hover, a.finds:hover, a.freetrials:hover, a.getstarteds:hover, a.gos:hover, a.howtoapplys:hover, a.howtobuys:hover, a.joinnows:hover, a.learnmores:hover, a.nikebuynows:hover, a.notifymes:hover, a.ordernows:hover, a.preordernows:hover, a.preorders:hover, a.reserves:hover, a.startyoursearchs:hover, a.submits:hover, a.tryamacs:hover, a.upgradenows:hover,
+a.browsewebappss:focus, a.businessstores:focus, a.buyiphones:focus, a.buynows:focus, a.buynows-arrow:focus, a.comingsoons:focus, a.descargarahoras:focus, a.downloadituness:focus, a.downloadnows:focus, a.finds:focus, a.freetrials:focus, a.getstarteds:focus, a.gos:focus, a.howtoapplys:focus, a.howtobuys:focus, a.joinnows:focus, a.learnmores:focus, a.nikebuynows:focus, a.notifymes:focus, a.ordernows:focus, a.preordernows:focus, a.preorders:focus, a.reserves:focus, a.startyoursearchs:focus, a.submits:focus, a.tryamacs:focus, a.upgradenows:focus {
+    background-position: 0 -25px;
+}
+a.browsewebappss:active, a.businessstores:active, a.buyiphones:active, a.buynows:active, a.buynows-arrow:active, a.comingsoons:active, a.descargarahoras:active, a.downloadituness:active, a.downloadnows:active, a.finds:active, a.freetrials:active, a.getstarteds:active, a.gos:active, a.howtoapplys:active, a.howtobuys:active, a.joinnows:active, a.learnmores:active, a.nikebuynows:active, a.notifymes:active, a.ordernows:active, a.preordernows:active, a.preorders:active, a.reserves:active, a.startyoursearchs:active, a.submits:active, a.tryamacs:active, a.upgradenows:active {
+    background-position: 0 -50px;
+}
+span.browsewebappss, span.businessstores, span.buyiphones, span.buynows, span.comingsoons, span.descargarahoras, span.downloadituness, span.downloadnows, span.finds, span.freetrials, span.getstarteds, span.gos, span.howtoapplys, span.howtobuys, span.joinnows, span.learnmores, span.nikebuynows, span.notifymes, span.ordernows, span.preordernows, span.preorders, span.reserves, span.startyoursearchs, span.submits, span.tryamacs, span.upgradenows {
+    background-position: 0 -75px;
+}
+.browsewebappss { background-image: url(../browsewebappss.html); _background-image: url(../browsewebappss-2.html); width: 123px; }
+.businessstores { background-image: url(../businessstores.html); _background-image: url(../businessstores-2.html); width: 105px; }
+.buyiphones { background-image: url(../buyiphones.html); _background-image: url(../buyiphones-2.html); width: 87px; }
+.buynows { background-image: url(buynows.png); _background-image: url(buynows.gif); width: 72px; }
+.buynows-arrow { background-image: url(../buynows_arrow.html); _background-image: url(../buynows_arrow-2.html); width: 86px; }
+.comingsoons { background-image: url(../comingsoons.html); _background-image: url(../comingsoons-2.html); width: 97px; }
+.descargarahoras { background-image: url(../descargarahoras.html); _background-image: url(../descargarahoras-2.html); width: 108px; }
+.downloadituness { background-image: url(../downloadituness.html); _background-image: url(../downloadituness-2.html); width: 116px; }
+.downloadnows { background-image: url(downloadnows.png); _background-image: url(downloadnows.gif); width: 108px; }
+.finds { background-image: url(../finds.html); _background-image: url(../finds-2.html); width: 52px; }
+.freetrials { background-image: url(freetrials.png); _background-image: url(freetrials.gif); width: 72px; }
+.getstarteds { background-image: url(../getstarteds.html); _background-image: url(../getstarteds-2.html); width: 90px; }
+.gos { background-image: url(../gos.html); _background-image: url(../gos-2.html); width: 44px; }
+.howtoapplys { background-image: url(../howtoapplys.html); _background-image: url(../howtoapplys-2.html); width: 100px; }
+.howtobuys { background-image: url(../howtobuys.html); _background-image: url(../howtobuys-2.html); width: 86px; }
+.joinnows { background-image: url(joinnows.png); _background-image: url(joinnows.gif); width: 72px; }
+.learnmores { background-image: url(../learnmores.html); _background-image: url(../learnmores-2.html); width: 89px; }
+.nikebuynows { background-image: url(../nikebuynows.html); _background-image: url(../nikebuynows-2.html); width: 72px; }
+.notifymes { background-image: url(../notifymes.html); _background-image: url(../notifymes-2.html); width: 80px; }
+.ordernows { background-image: url(ordernows.png); _background-image: url(ordernows.gif); width: 81px; }
+.preordernows { background-image: url(preordernows.png); _background-image: url(preordernows.gif); width: 99px; }
+.preorders { background-image: url(../preorders.html); _background-image: url(../preorders-2.html); width: 77px; }
+.reserves { background-image: url(../reserves.html); _background-image: url(../reserves-2.html); width: 68px; }
+.startyoursearchs { background-image: url(../startyoursearchs.html); _background-image: url(../startyoursearchs-2.html); width: 120px; }
+.submits { background-image: url(../submits.html); _background-image: url(../submits-2.html); width: 67px; }
+.tryamacs { background-image: url(../tryamacs.html); _background-image: url(../tryamacs-2.html); width: 77px; }
+.upgradenows { background-image: url(upgradenows.png); _background-image: url(upgradenows.gif); width: 104px; }
+
+#productheader .browsewebappss, #productheader .businessstores, #productheader .buyiphones, #productheader .buynows, #productheader .comingsoons, #productheader .descargarahoras, 
+#productheader .downloadituness, #productheader .downloadnows, #productheader .finds, #productheader .freetrials, #productheader .getstarteds, 
+#productheader .gos, #productheader .howtoapplys, #productheader .howtobuys, #productheader .joinnows, #productheader .learnmores, 
+#productheader .notifymes, #productheader .ordernows, #productheader .preordernows, #productheader .preorders, #productheader .reserves, 
+#productheader .startyoursearchs, #productheader .submits, #productheader .tryamacs, #productheader .upgradenows {
+    margin: 0.8em 0 0 20px; float: left;
+}
+
+/* promofooter */
+#promofooter { width:984px; margin:18px auto 0; padding-top:17px; background:url(../promofooter_top.html) no-repeat; zoom:1; _background-image:url(../promofooter_top-2.html); }
+#promofooter #promos { width:980px; margin-bottom:0; padding:0 2px 4px; background:url(../promofooter_bottom.html) no-repeat 0 100%; zoom:1; _background-image:url(../promofooter_bottom-2.html); }
+#promofooter #promos:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
+#promofooter #promos li.promo { position:relative; float:left; width:244px; min-height:15em; _height:15em; padding-right:1px; margin-top:-16px; }
+#promofooter #promos li.promo a { color:#777; }
+#promofooter #promos li.promo:hover a { color:#08c; text-decoration:none; }
+
+#promofooter #promos img { display:block; }
+
+#promofooter #promos h4 a,
+#promofooter #promos p a,
+#promofooter #promos ul { display:block; padding-left:15px; padding-right:12px; text-align:left; z-index:101; *position:relative; }
+
+#promofooter #promos h4 a { font-size:18px; font-weight:normal; padding-top:15px; }
+#promofooter #promos p { margin-bottom:0; }
+#promofooter #promos p a { font-size:11px; line-height:16px; }
+#promofooter #promos a.image { height:180px; position:absolute; bottom:0; z-index:100; }
+
+#promofooter #promos .promo.left p a { width:110px; }
+#promofooter #promos .promo.right p a { width:112px; padding-left:116px; }
+#promofooter #promos .promo.center p a { text-align:center; }
+
+#promofooter #promos li.buy { position:relative; float:left; width:244px; padding-right:1px; margin-top:-17px; color:#777; }
+#promofooter #promos li.buy ul { font-size:11px; line-height:1.4; }
+
+#promofooter.grid2col { min-height: 70px; padding:15px 0 8px 0;  border: 1px solid #D2D2D2; }
+#promofooter.grid2col { background:#fff;
+    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5));
+    background:-moz-linear-gradient(100% 100% 90deg, #e5e5e5, #fff);
+    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#e5e5e5');
+ }
+#promofooter.grid2col #promos { background: none;}
+#promofooter.grid2col #promos li.promo { width: 47%; min-height: 70px; margin-bottom: -10px; }
+#promofooter.grid2col #promos li.promo.first { border-right: 1px solid #e8e8e8; }
+#promofooter.grid2col li.promo { padding:20px; }
+
+/* PRINT */
+@media print {
+    body, #main, #content { color: #000 !important; }
+    a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
+    #tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
+    #main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
+}
+
+/* iPhone */
+@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
+
+/*New locales changes*/
+#globalfooter p.gf-iphonefootnote { float: left; width: 100%; margin:18px 0 -7px 3px; padding-bottom:9px; border-bottom:1px solid #DDDDDD; }
+#globalfooter .gf-links { float: right; margin: 18px 3px 9px 0; }
+#globalfooter p.gf-copyright { float: left; width: 30%; margin: 18px 0 9px 3px; }
+html[lang=el_GR] #globalfooter p.gf-copyright { float: left; width: 20%; margin: 18px 0 9px 3px; }
+#globalfooter ul.piped a.privacy { padding-right: 1.5em; border-right: 1px solid #d0d0d0; }
+#globalfooter p.gf-iphonefootnote-top { float: left; width: 100%; margin: 18px 0 -7px 3px; padding-bottom:9px;}
+#globalfooter p.gf-iphonefootnote-bottom { float: left; width: 100%; margin: 8px 0 -7px 3px; padding-bottom:9px; border-bottom:1px solid #DDDDDD;}

+ 200 - 0
.pages/apple/images/blackout.css

@@ -0,0 +1,200 @@
+@import url(ac_quicktime.css); 
+@import url(overlay.css);
+
+#main .maincap, .controllerPanel .sliderPanel .track .playHead { behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc); }
+.privacy-questions h2 {
+margin-bottom: 10px;
+}
+.truste, .privacy-questions {
+    background: none repeat scroll 0 0 #FBFBFB;
+    float: right;
+    margin-bottom: 32px;
+    padding: 20px;
+    position: relative;
+    width: 230px;
+}
+.content, .rounded, .article .box {
+    border-radius: 4px;
+}
+/* text & colors */
+html { background-color:#fff; }
+body { font-size:12px; line-height:1.5; color:#333; background-color:transparent; }
+
+#main { width:984px; margin:0 auto; zoom:1; }
+#main .maincap { position:absolute; width:984px; left:0; z-index:5; font-size:1px; }
+#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
+
+h1, h2, h3, h4, h5, h6 { color:#000; }
+h1 { margin-bottom:.3em; font-size:3em; line-height:1.4; font-weight:normal; }
+h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; }
+h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; }
+h4 { font-size:1em; line-height:1.5; }
+h5 {}
+h6 {}
+.replaced { display:block; width:1px; height:1px; outline:none; overflow:hidden; text-indent:-9999px; }
+cite { font-style:italic; }
+
+ul { margin-bottom:0; }
+ul.square,
+ul.circle { margin-bottom:1.5em; }
+ul ul.circle,
+ul ul.square { margin-top:.5em; margin-bottom:1em; }
+
+p { margin-bottom:1.5em; }
+p.intro { color:#888; font-size:16px; line-height:1.4; font-weight:normal; }
+#main .sidebar { color:#333; }
+
+sup, sup a { color:#666; }
+sup a:hover { color:#08c; text-decoration:none; }
+.sosumi { color:#888; line-height:1.5; }
+.sosumi_features { color:#888; line-height:1.5; }
+
+body.specs #content { font-size:11px; line-height:1.5; }
+body.specs #content h4 { font-size:12px; line-height:1.5; }
+
+#content strong { color:#000; }
+
+/* layout */
+.content { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; }
+@-moz-document url-prefix() { .content { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
+.content { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
+.content:nth-child(1n) { border: none; } /* reset for smart browsers */
+
+.content,
+.rounded,
+.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
+
+.graybox,
+.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }
+
+.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
+.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
+.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
+.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
+
+/* productheader */
+#productheader { border:0; }
+#productheader ul li a { color:#333; margin-left:30px; text-shadow: #fff 0 1px 0; }
+#productheader ul li a:hover { color:#08c !important; }
+
+/* promofooter */
+#promofooter { width:984px; margin:18px auto 0; padding-top:17px; background:url(promofooter_top.png) no-repeat; zoom:1; _background-image:url(../../../ssl.apple.com/promos/images/promofooter_top.gif); }
+#promofooter #promos { width:980px; margin-bottom:0; padding:0 2px 4px; background:url(promofooter_bottom.png) no-repeat 0 100%; zoom:1; _background-image:url(../../../ssl.apple.com/promos/images/promofooter_bottom.gif); }
+#promofooter #promos:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
+#promofooter #promos li.promo { position:relative; float:left; width:244px; min-height:15em; _height:15em; padding-right:1px; margin-top:-16px; }
+#promofooter #promos li.promo a { color:#777; }
+#promofooter #promos li.promo:hover a { color:#08c; text-decoration:none; }
+
+#promofooter #promos img { display:block; }
+
+#promofooter #promos h4 a,
+#promofooter #promos p a,
+#promofooter #promos ul { display:block; padding-left:15px; padding-right:12px; text-align:left; z-index:101; *position:relative; }
+
+#promofooter #promos h4 a { font-size:18px; font-weight:normal; padding-top:15px; }
+#promofooter #promos p { margin-bottom:0; }
+#promofooter #promos p a { font-size:11px; line-height:1.4; }
+#promofooter #promos a.image { height:180px; position:absolute; bottom:0; z-index:100; }
+
+#promofooter #promos .promo.left p a { width:110px; }
+#promofooter #promos .promo.right p a { width:105px; left:121px; }
+#promofooter #promos .promo.center p a { text-align:center; }
+
+#promofooter #promos li.buy { position:relative; float:left; width:244px; padding-right:1px; margin-top:-17px; color:#777; }
+#promofooter #promos li.buy ul { font-size:11px; line-height:1.4; }
+
+/* global footer */
+#directorynav { font-size:11px; line-height:18px; }
+#directorynav h3 { margin:0; font-size:1em; line-height:18px; }
+
+
+/* for ac quicktime
+------------------------*/
+/* new controller */
+.controllerPanel { position:absolute; display:block; width:100%; height:12px; bottom:0; }
+.controllerPanel .ACQuicktimeController { width:auto !important; height:12px !important; padding:0; margin:0 68px 0 16px; background:none !important; }
+.controllerPanel .ACQuicktimeController.ccAvailable { margin-right:106px; }
+
+.controllerPanel .ACQuicktimeController .control { position:absolute; width:10px; height:10px; left:-16px; margin-top:1px; background:url(qt_playpause.gif) 0 0 no-repeat; }
+.controllerPanel .ACQuicktimeController .control.pause { background-position:left -10px; }
+
+.controllerPanel .ACQuicktimeController .sliderPanel { top:0; left:0; width:100%; height:12px; }
+.controllerPanel .ACQuicktimeController .sliderPanel .track,
+.controllerPanel .ACQuicktimeController .sliderPanel .track .loadedProgress { border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; }
+.controllerPanel .ACQuicktimeController .sliderPanel .track { position:absolute; left:0; width:100%; height:12px; background:url(qt_bgtrack_load.gif) 0 0 repeat-x; }
+.controllerPanel .ACQuicktimeController .sliderPanel .track .loadedProgress { position:absolute; top:0; min-width:12px; height:12px; background:url(qt_bgtrack.gif) 0 0 repeat-x; }
+.controllerPanel .ACQuicktimeController .sliderPanel .track .trackProgress { display:none; }
+.controllerPanel .ACQuicktimeController .sliderPanel .track .playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(qt_pointer.png) 0 0 no-repeat; }
+
+.controllerPanel .ACQuicktimeController .timeDisplay { top:-2px; right:-68px; width:62px; height:20px; font-size:11px; color:#777; text-align:center; }
+.controllerPanel .ACQuicktimeController .timeDisplay span { padding:0 3px; }
+
+.controllerPanel .ACQuicktimeController .captioningToggle,
+.controllerPanel .ACQuicktimeController .captioningToggle.ccAvailable { left:auto; top:-4px; right:-106px; }
+
+/* new new controller */
+.movie { position:relative; padding-bottom:37px; }
+.movie .controllerPanel { position:absolute; height:29px; left:0; background:url(../qt_bg20090106.html) 0 100% repeat-x; }
+.movie .controllerPanel .ACQuicktimeController { position:relative; height:29px !important; margin:0 83px 0 46px; }
+.movie .controllerPanel .ACQuicktimeController.ccAvailable { margin-right:120px; }
+
+.movie .controllerPanel .ACQuicktimeController .control { width:31px; height:19px; top:4px; left:-39px; background:url(quicktime_playpause.png) 0 0 no-repeat; behavior:none; }
+.movie .controllerPanel .ACQuicktimeController .control.pause { background-position:left -19px; }
+
+.movie .controllerPanel .ACQuicktimeController .sliderPanel { top:11px; height:7px; }
+.movie .controllerPanel .ACQuicktimeController .sliderPanel .track,
+.movie .controllerPanel .ACQuicktimeController .sliderPanel .track .loadedProgress,
+.movie .controllerPanel .ACQuicktimeController .sliderPanel .track .trackProgress { height:7px; min-width:6px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; }
+.movie .controllerPanel .ACQuicktimeController .sliderPanel .track { border-right:1px solid #bdbdbd; border-left:1px solid #bdbdbd; background:url(quicktime_track.png) 0 0 repeat-x; }
+.movie .controllerPanel .ACQuicktimeController .sliderPanel .track .loadedProgress { border-right:1px solid #b7b7b7; border-left:1px solid #b7b7b7; background:url(quicktime_track_load.png) 0 0 repeat-x; }
+.movie .controllerPanel .ACQuicktimeController .sliderPanel .track .trackProgress { display:block; position:absolute; border-right:1px solid #868686; border-left:1px solid #868686; background:url(quicktime_track_prog.png) 0 0 repeat-x; }
+.movie .controllerPanel .ACQuicktimeController .sliderPanel .track .playHead { top:-3px; width:11px; height:12px; background:url(quicktime_pointer.png) 0 0 no-repeat; behavior:url(http://37.59.97.23/global/scripts/lib/iepngfix.htc); }
+
+.movie .controllerPanel .ACQuicktimeController .timeDisplay { top:6px; right:-75px; }
+
+.movie .controllerPanel .ACQuicktimeController .captioningToggle,
+.movie .controllerPanel .ACQuicktimeController .captioningToggle.ccAvailable { top:4px; right:-112px; }
+
+
+/* swap view default states
+---------------------------*/
+
+/* loading state */
+.moviePanel.movie-loading { position:relative; background:url(qt_loading640x360.gif) no-repeat 50% 50%; padding:15px 0; }
+.moviePanel.movie-loading object,
+.moviePanel.movie-loading embed { width:2px; height:2px; }
+
+.controllerPanel .ACQuicktimeController,
+.controllerPanel .ACQuicktimeCircularController { background:none !important; }
+
+
+/*.moviePanel.movie-loading object[type="application/x-shockwave-flash"] { width:auto!important; height:auto!important; }
+*/
+.controllerPanel .ACQuicktimeController,
+.controllerPanel .ACQuicktimeCircularController { background:none !important; }
+
+/* end state */
+.endState { position:relative; background:url(qt_endstate640x360.jpg) no-repeat 50% 50%; }
+.endState img { position:absolute; left:0; top:0; }
+.endState ul, .endState li, .endState p { position:relative; margin-bottom:0; text-align:center; }
+.endState ul { padding-top:22%; }
+.endState p { padding-top:27%; }
+
+/* download links */
+a.quicktime-download { display:block; width:300px; margin:-36px -150px; padding:20px 0; color:#333; text-align:center; background:#fff; font:26px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }
+a.quicktime-download:hover { color:#08c; text-decoration:none; }
+
+.moviePanel { position:relative; }
+.moviePanel a.quicktime-download { position:absolute; top:50%; left:50%; }
+
+/* pillbuttons */
+.pillbutton { display:inline-block; position:relative; padding-right:43px; font-size:15px; line-height:1.3em; color:#fff; text-decoration:none; outline:none; z-index:2; }
+.pillbutton, x:-moz-any-link { display:block; width:14em; margin:0 auto; } /* this is for firefox2 because inline-block doesn't work */
+.pillbutton, x:-moz-any-link, x:default { display:inline-block; width:auto; } /* firefox3 reset */
+.pillbutton span,
+.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
+.pillbutton span { padding-right:8px; padding-left:25px; background:url(pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(../../../ssl.apple.com/global/elements/buttons/pill_leftcap.gif); }
+.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(../../../ssl.apple.com/global/elements/buttons/pill_rightcap.gif); }
+.pillbutton:hover,
+.pillbutton:focus { color:#e6e6e6; }
+

+ 1302 - 0
.pages/apple/images/hsa.css

@@ -0,0 +1,1302 @@
+/* Begin HSA CSS */
+
+.myappleid #enableSecurityLinkDiv.formrow a,
+.myappleid .hsa .formrow a {
+  display: inline-block;
+  margin-top: 5px;
+  margin-left: 5%;
+}
+
+.myappleid .lock-image {
+  background: url('hsa.png') no-repeat;
+  width: 36px;
+  height: 36px;
+  float: left;
+  margin: 5px 5px 0 0;
+}
+
+.myappleid .hsa-description {
+  margin-top: 5px;
+}
+
+.myappleid .hsa {
+  font-size: 12px;
+  line-height: 1.5em;
+}
+
+.myappleid .hsa h4 {
+  position: relative;
+}
+
+.myappleid .hsa .refresh-link {
+  position: absolute;
+  right: 18px;
+  top: 2px;
+  font-weight: normal;
+  font-size: 12px;
+}
+
+.myappleid .hsa .iphone-check-image {
+  background: url('iphone.png') no-repeat;
+  width: 60px;
+  height: 60px;
+  float: left;
+}
+
+.myappleid .hsa .two-locks-image {
+  background: url('locks_chrome.png') no-repeat;
+  width: 60px;
+  height: 60px;
+  float: left;
+}
+
+.myappleid .hsa .key-document-image {
+  background: url('key_document.png') no-repeat;
+  width: 60px;
+  height: 60px;
+  float: left;
+}
+
+.myappleid .hsa .unknown-image {
+  background: url('phone.png') no-repeat;
+  width: 44px;
+  height: 55px;
+  float: left;
+}
+
+.myappleid .instructional-steps {
+  border-bottom: 1px solid #e3e3e3;
+  padding-bottom: 15px;
+  min-height: 148px;
+}
+
+.myappleid .instructional-steps > div {
+  width: 153px;
+  float: left;
+}
+
+.myappleid .instructional-steps .caption {
+  font-size: 12px;
+  line-height: 14px;
+  text-align: center;
+  margin-top: 5px;
+  padding-left:5px;
+  padding-right:5px;
+}
+
+.myappleid .hsa .device-list .row {
+  padding: 5px 15px;
+  margin: 5px 0 ;
+  border-top: 1px solid #e3e3e3;
+  position: relative;
+  font-size: 12px;
+  clear: both;
+  min-height: 55px;
+}
+
+.myappleid .hsa .device-list .row:last-child {
+  border-bottom: 1px solid #e3e3e3;
+}
+
+.myappleid .hsa .device-list .row img {
+  vertical-align: middle;
+  margin-right: 5px;
+  float: left;
+}
+
+.myappleid .hsa .device-list .row .device-info {
+  float: left;
+  margin-top: 12px;
+  width: 230px;
+}
+
+.myappleid .hsa .device-list .row .device-info.not-verified {
+  width: 175px;
+}
+
+.myappleid .hsa .device-list .row .device-info.sms {
+  margin-top: 20px;
+}
+
+.myappleid .hsa .device-list .row .device-name {
+  font-weight: bold;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width:168px;
+}
+
+.myappleid .hsa .device-list .row .device-type {
+  color: #929292;
+  font-size: 12px;
+  float: left;
+  margin-right: 0.2em;
+}
+
+.myappleid .hsa .device-list .row.offline .device-info .status-text-container {
+  float:left;
+  position:relative;
+  display: inline-block;
+}
+
+.myappleid .hsa .device-list .row .not-verified-text {
+  position: absolute;
+  top: 25px;
+  right: 140px;
+  width:90px;
+  overflow: hidden; 
+  text-overflow: ellipsis; 
+  white-space: normal;
+}
+
+.myappleid .hsa .device-list .row .verify-link {
+  position: absolute;
+  right: 84px;
+  top: 25px;
+}
+
+.myappleid .hsa .device-list .row .verify-text,
+.verify-text 
+{
+  position: absolute;
+  right: 68px;
+  top: 25px;
+  color: #929292;
+  font-weight: bold;
+}
+
+.myappleid .hsa .device-list .row .try-again-text {
+  position: absolute;
+  right: 60px;
+  top: 25px;
+  width:80px;
+}
+
+.myappleid .hsa .device-list .row .remove-link {
+  position: absolute;
+  right: 0px;
+  top: 25px;
+}
+
+.myappleid .hsa .device-list .row .no-devices {
+  text-align: center;
+  margin: 20px 0;
+  color: #929292;
+}
+
+.myappleid .hsa .device-list .row .add-device {
+  text-align: center;
+  /*  line-height: 60px; */
+  margin: 17px 0;
+  font-size: 14px;
+}
+
+.myappleid .hsa .device-list .row .add-device img {
+  vertical-align: baseline;
+  margin: auto;
+  float: none;
+}
+
+.myappleid .hsa .note {
+  text-align: center;
+  font-size: 12px;
+  line-height: 1.2em;
+  margin: 10px 0;
+  clear: both;
+  line-height: 16px;
+}
+
+.myappleid .hsa div.callout {
+  background-color: #f8fbfe;
+  border: 1px solid #d6d6d6;
+  border-radius: 5px;
+  font-size: 12px !important;
+  line-height: 12px;
+  padding: 15px;
+  margin-top: 15px
+}
+
+.myappleid .hsa div.callout .callout-section {
+  padding: 15px 0 15px 0;
+  border-bottom: 1px solid #e6e8e9;
+  min-height: 36px;
+}
+
+.myappleid .hsa div.callout.mini .callout-section {
+  padding: 5px 0;
+  border: none;
+  min-height: 0;
+}
+
+.myappleid .hsa div.callout .callout-section:first-child {
+  padding-top: 0;
+  font-weight: bold;
+}
+
+.myappleid .hsa div.callout.mini .callout-section:first-child {
+  font-weight: normal;
+}
+
+.myappleid .hsa div.callout .callout-section:last-child {
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+
+.myappleid .hsa div.callout .callout-section img {
+  float: left;
+  margin-top: 2px;
+}
+
+.myappleid .hsa div.callout .callout-section > div {
+  margin-left: 42px;
+}
+
+.myappleid .hsa div.callout.mini .callout-section > div {
+  margin-left: 25px;
+}
+
+.myappleid .birthdate > select {
+  margin-right: 20px;
+}
+
+.myappleid .no-margin {
+  margin: 0px !important;
+}
+
+.myappleid.edit .hsa .formwrap {
+  margin-left: 10px;
+}
+
+.myappleid .hsa .input-msg {
+  margin-left: 5px
+}
+
+.hsa .password-validation-wrapper {
+  right: -150px;
+}
+
+.myappleid.edit div.verify-form {
+  width: 100%;
+  margin-right: 0px;
+}
+
+.myappleid.edit div.verify-form > div {
+  clear: both;
+  text-align: center;
+}
+
+.myappleid div.verify-form input {
+  width: 25px;
+  height: 35px;
+  font-size: 30px;
+  text-align: center;
+}
+
+.myappleid div.verify-form label {
+  font-weight: bold;
+  font-size: 14px;
+  width: 100%;
+  text-align: center;
+}
+
+.myappleid a.btn.disabled {
+  pointer-events: none;
+  background: #ffffff; /* Old browsers */
+  background: -moz-linear-gradient(top,  #ffffff 5%, #ededed 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* IE10+ */
+  background: linear-gradient(top,  #ffffff 5%,#ededed 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+}
+
+.myappleid a.btn.disabled:hover {
+  pointer-events: none;
+  background: #ffffff; /* Old browsers */
+  background: -moz-linear-gradient(top,  #ffffff 5%, #ededed 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #ffffff 5%,#ededed 100%); /* IE10+ */
+  background: linear-gradient(top,  #ffffff 5%,#ededed 100%); /* W3C */
+  cursor:default;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+}
+
+.myappleid a.btn.disabled span {
+  text-shadow: none;
+  color: #6f6f6f;
+  opacity: 0.5;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {
+  padding: 18px 14px 30px 24px;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content.short-content {
+  padding: 58px 40px 24px 62px;
+}
+.myappleid.edit .formwrap input.credit-card-number {
+  width: 160px;
+}
+.myappleid.edit .formwrap input.security-code  {
+  outline-style:none;
+  width: 80px;
+}
+
+#cvvField {
+  width:140px;
+} 
+
+.myappleid .info-icon {
+  background-image: url("info.png");
+  clear: both;
+  display: inline-block;
+  height: 14px;
+  width: 14px;
+  margin: 0 0 -4px 5px;
+  position: relative;
+}
+.myappleid .credit-card-error {
+  clear: both;
+  display: inline-block;
+  height: 17px;
+  width: 17px;
+  margin: 0 0 -4px 5px;
+  position: relative;
+  top: 0;
+  right: 0;
+}
+.myappleid .credit-card-msg {
+  margin-left: 0;
+  margin-top: 4px;
+}
+
+#credit-card-code-validation-wrapper {
+  left: 12px;
+}
+#credit-card-code-validation-wrapper .info-dialog p {
+  font-weight: normal;
+  margin: 0 0 5px -12px;
+  padding: 0;
+}
+#credit-card-code-validation-wrapper .info-dialog {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+#credit-card-code-validation-wrapper .topcap,
+#credit-card-code-validation-wrapper .bottomcap {
+  right: 6px;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 {
+  font-size: 20px;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select {
+  width: 293px;
+  margin-left: 10px;
+  margin-top: 6px;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code {
+  width: 100px;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number {
+  width: 155px;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number-alt {
+  width: 278px;
+}
+
+#OverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note {
+  font-size: 12px;
+  margin-left: 20px;
+  color: #999;
+  margin-bottom: 1em;
+}
+
+.myappleid.edit .hsa .formrow {
+  margin-left: 3em;
+  width: 449px;
+}
+
+#OverlayPanel #bot-nav {
+  position: relative;
+  height: 50px;
+}
+
+#OverlayPanel #bot-nav .send-code {
+  position: absolute;
+  left: 0px;
+  padding-top: 12px;
+}
+
+#OverlayPanel #bot-nav .send-code img {
+  vertical-align: bottom;
+}
+
+#OverlayPanel #bot-nav .send-code.disabled {
+  text-align: left;
+  color: #999;
+  background: url('resend-disabled.png') 0 50% no-repeat;
+  padding: 0 0 0 22px;
+}
+
+#OverlayPanel #bot-nav .buttons {
+  /*width: 245px;*/
+  position: absolute;
+  right: 0px;
+  height: 40px;
+}
+
+#OverlayPanel.short-height {
+  height: 225px;
+}
+
+#OverlayPanel #support-pin-container {
+  text-align: center;
+  width: 230px;
+  margin: 0 auto;
+  font-size: 11px;
+}
+
+#OverlayPanel #support-pin {
+  background: #ebebeb;
+  border: 1px solid #cbcbcb;
+  font-size: 16px;
+  font-weight: bold;
+  padding: 10px 0;
+  margin-bottom: 5px;
+  width: 100%;
+}
+
+.myappleid #bot-nav a,
+.myappleid #bot-nav1 a {
+  margin-left: 7px;
+}
+
+#step-2-print {
+  display: none;
+}
+
+.hsa #step-3 {
+  display: none;
+}
+
+.hsa #step-3 ul {
+  list-style: disc inside;
+  padding-left: 20px;
+}
+
+.hsa #step-3 ul li {
+  padding: 5px 5px 5px 25px;
+  text-indent: -1em;
+}
+
+.hsa #step-3 ul li.severe-warning {
+  color: #ff230e;
+  font-weight: bold;
+  border: 1px solid #ff230e;
+}
+
+.hsa #step-3 .formwrap {
+  display: inline-block;
+}
+
+.hsa #step-3 .formwrap input {
+  text-transform: uppercase;
+  width: 430px;
+}
+
+.hsa #step-4 label {
+  display: block;
+  margin-top: 20px;
+  text-indent: -18px;
+  padding-left: 18px;
+}
+
+.hsa #step-4 label input {
+  margin-right: 5px;
+}
+
+.hsa h3 {
+  font-size: 14px;
+  text-align: left;
+  margin: 30px 0 10px 0;
+}
+
+.hsa .recovery-key {
+  font-size: 24px;
+  line-height: 24px;
+  padding: 10px;
+  border: 1px solid #d6d6d6;
+  background: url('key.png') no-repeat 0px 50% #ebebeb;
+  text-align: center;
+  font-family: "Andale Mono";
+}
+
+#recovery-key-container .invalid-icon
+{
+  background-image: url('input_fail.png');
+  width: 17px;
+  height: 17px;
+}
+
+#verification-code-form.invalid > div {
+  padding-left: 20px;
+}
+
+.hsa #recovery-key-container .pass-fail-icon,
+#verification-code-form .invalid-icon,
+#phone-number-form .invalid-icon
+{
+  width: 17px;
+  height: 17px;
+  display: inline-block;
+}
+
+#phone-number-form {
+  margin-top: 3px;  
+}
+
+#phone-number-form .invalid-icon {
+  float: right;
+  margin-top: 5px;
+  margin-left: 5px;
+  position: absolute;
+}
+
+.hsa #recovery-key-container.match-pass .pass-fail-icon {
+  background-image: url('input_pass.png');
+}
+
+.hsa #recovery-key-container.match-fail .pass-fail-icon,
+#verification-code-form .invalid-icon,
+#phone-number-form .invalid-icon
+{
+  background-image: url('input_fail.png');
+}
+
+.hsa #recovery-key-container .pass-fail-copy,
+.invalid-copy
+{
+  color: #ff230e;
+  text-align: center;
+  font-size: 11px;
+  margin-top: 3px;
+  font-weight: bold;
+  display: none;
+}
+
+.hsa #recovery-key-container.match-fail .pass-fail-copy,
+.invalid-copy.show {
+  display: block;
+}
+
+.hsa .warning {
+  background: url('alert.png') no-repeat 15px 50% #f8fbfe;
+  border: 1px solid #d6d6d6;
+  border-radius: 5px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 15px 10px 15px 75px;
+  margin: 30px 0 25px;
+  color: #ff230e;
+}
+
+.left-align, .hsa #bot-nav .buttons .left-align {
+  float: left;
+}
+
+.hsa .center-align {
+  text-align: center;
+}
+
+.hsa .right-align, .hsa .right-float {
+  float: right;
+}
+
+.hsa .lock {
+  margin-top: 50px;
+}
+
+.hsa .success-copy {
+  margin: 10px 0 50px 0;
+}
+
+.hsa .hsa-enabled-lock {
+  float: left;
+}
+
+.hsa .hsa-enabled-copy {
+  float: right;
+  width: 375px;
+}
+
+.hsa .notification {
+  margin-bottom: 30px;
+  height: 31px;
+}
+
+.hsa .notification img {
+  float: left;
+}
+
+.hsa .notification h2 {
+   margin: 0 0 0 40px;
+}
+
+#applecare-support {
+  position: absolute;
+  bottom: 30px;
+  left: 30px;
+  font-size: 12px;
+  line-height: 25px;
+}
+
+#applecare-support #applecare-support-icon {
+  width: 25px;
+  height: 25px;
+  background: url('applecaresupporticon.png');
+  float: left;
+  margin-right: 5px;
+}
+
+/* Begin iForgot CSS */
+
+.myappleid.reset.step1 .column.last #bot-nav.hsa {
+  margin-top: 7.2em;
+  position: absolute;
+  right: 73px;
+}
+
+h3.hsa.heading {
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 1.25em;
+  margin-top: 10px;
+}
+
+h3.recovery-label {
+  text-align: center;
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.myappleid.reset.step1 .column.last .formrow.hsa {
+  margin-top: 0.5em;
+}
+
+.myappleid .column.last .formrow.hsa input[type="radio"] {
+  margin-right: 6px;
+}
+
+.myappleid .column.last .hsa input[type="radio"] {
+  margin-right: 6px;
+}
+
+.myappleid.reset.step1 .column.last span.formwrap input.recovery-key,
+.hsa #verifyRecoveryKeyInput.recovery-key {
+  font-size: 21px;
+  font-weight: normal;
+  font-family: "Andale Mono";
+  padding: 6px 34px;
+  background: #fff url(key.png) center left no-repeat;
+}
+
+.myappleid.reset.step1 .column.last span.formwrap input.recovery-key {
+  width: 424px;
+}
+
+.hsa #verifyRecoveryKeyInput.recovery-key {
+  width: 409px;
+}
+
+.myappleid.reset.step1 .column.last span.formwrap input.recovery-key:-moz-placeholder,
+.hsa #verifyRecoveryKeyInput.recovery-key:-moz-placeholder {
+  color: #a9aaad;
+}
+
+.myappleid.reset.steps.step1 span.formwrap.hsa {
+  margin-left: 0;
+}
+
+.myappleid.reset.step1 .column.last #question.hsa {
+  text-align: left;
+}
+
+.myappleid.reset.step1 .column.last .formrow.hsa.send {
+  margin-top: 1.5em;
+}
+
+.myappleid.reset.step1 .column.last .formrow.confirm {
+  margin-right: 84px;
+}
+
+.myappleid.reset.step1 .column.last span.formwrap.hsa.confirm {
+  margin-top: 5px;
+}
+
+.formrow.hsa select {
+  margin-left: 0;
+  width: 230px;
+}
+
+a.send-button {
+  padding: ;
+  background: #469edc;
+  font-size: 13px;
+  padding: 6px 25px;
+  margin-left: 10px;
+  color: #ffffff;
+  -webkit-border-radius: 20px;
+  -moz-border-radius: 20px;
+  border-radius: 20px;
+  text-shadow: 0px -1px #256ac0;
+  background: -webkit-linear-gradient(top, #52a8e7 5%, #2b70c3 100%);
+  text-decoration: none;
+}
+
+a.send-button:hover {
+  text-decoration: none;
+}
+
+p.new-password-text {
+  color: #a4a4a4;
+}
+
+#OverlayPanel #bot-nav .buttons.continue {
+  width: 245px;
+}
+
+
+#refreshing {
+  background: url('spinner_16px_ffffff.gif') 0% 50% no-repeat;
+  padding-left: 18px;
+  color: #929292;
+  height: 16px;
+  line-height: 16px; 
+  display: none;
+  background-size:16px 16px;
+}
+
+#refreshing.show {
+  display: inline-block;
+}
+
+#refreshingDeviceList {
+  color: #929292;
+  height: 16px;
+  line-height: 16px; 
+  display: none;
+}
+
+#refreshingDeviceList.show {
+  display: inline-block;
+}
+
+#refreshingPin {
+  background: url('spinner_16px_ffffff.gif') 0% 50% no-repeat;
+  padding-left: 18px;
+  color: #929292;
+  height: 16px;
+  line-height: 16px; 
+  display: none;
+  background-size:16px 16px;
+}
+
+#refreshingPin.show {
+  display: inline-block;
+}
+
+.hsa #confirm-recovery-key.recovery-key {
+  width: 409px;
+  font-size: 21px;
+  font-weight: normal;
+  font-family: "Andale Mono";
+  background: #fff url(key.png) center left no-repeat;
+}
+
+.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 {
+  margin-left: 0;
+}
+
+.hsa p.sub-heading {
+  font-size: 14px;  
+}
+
+
+/* overlays email */
+#OverlayRemoveDevice.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#OverlayRemoveDevice.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#OverlayRemoveDevice.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px; }
+#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlayRemoveDevice.popped { display: block; }
+#OverlayRemoveDevice.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayRemoveDevice.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
+#OverlayRemoveDevice.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+
+/*added to get the buttons alignment correct*/
+#OverlayRemoveDevice #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#OverlayRemoveDevice #bot-nav {  position: relative;  height: 50px;}
+#OverlayRemoveDevice.short-height {height: 225px;}
+
+/* overlays VerifyCode overlay */
+#OverlayVerifyCode.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed; }
+#OverlayVerifyCode.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
+#OverlayVerifyCode.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding: 17px 15px 34px 24px; }
+#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlayVerifyCode.popped { display: block; }
+#OverlayVerifyCode.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayVerifyCode.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;max-width: 280px;height: 54px;}
+#OverlayVerifyCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+/*added to get the buttons alignment correct*/
+#OverlayVerifyCode #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#OverlayVerifyCode #bot-nav {position: relative; height: 50px;}
+#OverlayVerifyCode.short-height {height: 225px;}
+#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;}
+
+/* overlays AddPhone overlay */
+#OverlayAddPhone.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;position: fixed;}
+#OverlayAddPhone.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
+#OverlayAddPhone.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding: 17px 14px 34px 24px; }
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number-alt {width: 278px;}
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 22px; color: #999; margin-bottom: 1em; margin-top: 0;}
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select { width: 293px; margin-left: 10px; margin-top: 6px;}
+#OverlayAddPhone.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
+#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);}
+#OverlayAddPhone.popped { display: block; }
+#OverlayAddPhone.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayAddPhone.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayAddPhone #bot-nav {position: relative; height: 50px;}
+#OverlayAddPhone #bot-nav .send-code { position: absolute; left: 0px; padding-top: 12px;}
+#OverlayAddPhone #bot-nav .send-code img {vertical-align: bottom;}
+#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;}
+#OverlayAddPhone #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#OverlayAddPhone.short-height {height: 225px;}
+
+
+
+/* Support overlay */
+#OverlaySupport.overlaypanel { top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; position: fixed;}
+#OverlaySupport.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
+#OverlaySupport.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:20px 15px 50px 24px; }
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlaySupport.popped { display: block; }
+#OverlaySupport.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlaySupport.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlaySupport #bot-nav {position: relative; height: 50px;}
+
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #country-form select {
+  width: 293px;
+  margin-left: 10px;
+  margin-top: 6px;
+}
+
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code {
+  width: 100px;
+}
+
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number {
+  width: 155px;
+}
+
+#OverlaySupport.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note {
+  font-size: 12px;
+  margin-left: 20%;
+  color: #999;
+  margin-bottom: 1em;
+}
+#OverlaySupport #bot-nav .send-code {
+  position: absolute;
+  left: 0px;
+  padding-top: 12px;
+}
+
+#OverlaySupport #bot-nav .send-code img {
+  vertical-align: bottom;
+}
+
+#OverlaySupport #bot-nav .buttons {
+  /*width: 245px;*/
+  position: absolute;
+  right: 0px;
+  height: 40px;
+}
+
+#OverlaySupport.short-height {
+  height: 225px;
+}
+
+#OverlaySupport #support-pin-container {
+  text-align: center;
+  width: 230px;
+  margin: 0 auto;
+  font-size: 11px;
+}
+
+#OverlaySupport #support-pin {
+  background: #ebebeb;
+  border: 1px solid #cbcbcb;
+  font-size: 16px;
+  font-weight: bold;
+  padding: 10px 0;
+  margin-bottom: 5px;
+  width: 100%;
+}
+
+/* Cancel enrollment overlay */
+#OverlayCencelEnroll.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px; }
+#OverlayCencelEnroll.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#OverlayCencelEnroll.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 15px 31px 24px; }
+#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayCencelEnroll.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlayCencelEnroll.popped { display: block; }
+#OverlayCencelEnroll.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayCencelEnroll.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayCencelEnroll #bot-nav {  position: relative;  height: 50px;}
+
+#OverlayCencelEnrollGeneric.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; }
+#OverlayCencelEnrollGeneric.overlaypanel.popped .closeButtonContainer { top:-20px; left:-21px; }
+#OverlayCencelEnrollGeneric.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 15px 31px 24px; }
+#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayCencelEnrollGeneric.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlayCencelEnrollGeneric.popped { display: block; }
+#OverlayCencelEnrollGeneric.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayCencelEnrollGeneric.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayCencelEnrollGeneric #bot-nav {  position: relative;  height: 50px;}
+
+/* Recovery Verify overlay */
+#OverlayRecoveryVerify.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#OverlayRecoveryVerify.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#OverlayRecoveryVerify.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:17px 14px 28px 21px; }
+#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayRecoveryVerify.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlayRecoveryVerify.popped { display: block; }
+#OverlayRecoveryVerify.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayRecoveryVerify.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayRecoveryVerify #bot-nav .send-code {position: absolute; left: 0px; padding-top: 12px;}	
+#OverlayRecoveryVerify #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}
+#OverlayRecoveryVerify #bot-nav {position: relative; height: 50px;}
+
+/* Manage Security UpdateOverlay */
+#ESAManageSecurityUpdateOverlay.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px;}
+#ESAManageSecurityUpdateOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#ESAManageSecurityUpdateOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:58px 40px 24px 62px; }
+#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#ESAManageSecurityUpdateOverlay.popped { display: block; }
+#ESAManageSecurityUpdateOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#ESAManageSecurityUpdateOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#ESAManageSecurityUpdateOverlay #bot-nav .buttons {position: absolute; right: 0px; height: 40px; }
+#ESAManageSecurityUpdateOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {padding: 30px;}
+#ESAManageSecurityUpdateOverlay #bot-nav {position: relative; height: 50px;}
+
+
+/* ESASetupConfirmOverlay */
+#ESASetupConfirmOverlay.overlaypanel {position: fixed;top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px; }
+#ESASetupConfirmOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#ESASetupConfirmOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:58px 40px 24px 62px; }
+#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#ESASetupConfirmOverlay.popped { display: block; }
+#ESASetupConfirmOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#ESASetupConfirmOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#ESASetupConfirmOverlay #bot-nav .buttons {position: absolute; right: 0px; height: 40px; }
+#ESASetupConfirmOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content {padding: 30px;}
+#ESASetupConfirmOverlay #bot-nav {position: relative; height: 50px;}
+
+
+
+/* Are you still there overlay */
+#OverlayPanelAreUStil.short-height {  height: 225px;}
+#OverlayPanelAreUStil.overlaypanel { top:50%; left:50%; width:580px; margin-top:-140px; margin-left:-290px;position: fixed;}
+#OverlayPanelAreUStil.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#OverlayPanelAreUStil.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px 30px 30px 30px; }
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 20%; color: #999; }
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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;}
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#OverlayPanelAreUStil.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
+#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);}
+#OverlayPanelAreUStil.popped { display: block; }
+#OverlayPanelAreUStil.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayPanelAreUStil.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayPanelAreUStil #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}	
+#OverlayPanelAreUStil #bot-nav {position: relative;  height: 50px;}
+
+/*  Overlay for Reset HSA */
+
+#OverlayResetHSA.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#OverlayResetHSA.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#OverlayResetHSA.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:25px; }
+#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlayResetHSA.popped { display: block; }
+#OverlayResetHSA.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayResetHSA.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
+#OverlayResetHSA.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+#OverlayResetHSA #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#OverlayResetHSA #bot-nav {  position: relative;  height: 50px;}
+#OverlayResetHSA.short-height {height: 225px;}
+
+ #OverlayPanelVerifySendCode.overlaypanel { top:50%; left:50%; width:636px; height:320px; margin-top:-160px; margin-left:-318px; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .closeButtonContainer { top:-22px; left:-24px; }
+  #OverlayPanelVerifySendCode.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px 30px 30px 30px; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.area-code { width: 100px; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content input.phone-number { width: 155px; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p.note { font-size: 12px; margin-left: 23%; color: #999; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:22px; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+  #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; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+  #OverlayPanelVerifySendCode.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content select {width: 293px;}
+  #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);}
+  #OverlayPanelVerifySendCode.popped { display: block; }
+  #OverlayPanelVerifySendCode.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+  #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');}
+  #OverlayPanelVerifySendCode.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+  #OverlayPanelVerifySendCode #bot-nav .buttons {position: absolute; right: 0px; height: 40px;}	
+
+
+/* Overly for Two Step Verification Leave Page */
+
+#OverlayLeaveTurnOff2SV.overlaypanel { top:50%; left:50%; width:580px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#OverlayLeaveTurnOff2SV.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#OverlayLeaveTurnOff2SV.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:30px; }
+#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#OverlayLeaveTurnOff2SV.popped { display: block; }
+#OverlayLeaveTurnOff2SV.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#OverlayLeaveTurnOff2SV.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
+#OverlayLeaveTurnOff2SV.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+#OverlayLeaveTurnOff2SV #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#OverlayLeaveTurnOff2SV #bot-nav {  position: relative;  height: 50px;}
+#OverlayLeaveTurnOff2SV.short-height {height: 225px;}
+
+
+/* Overly for Secondary Password User Enter */
+
+#validatePassOverlay.overlaypanel { top:50%; left:50%; width:562px; height:265px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#validatePassOverlay.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#validatePassOverlay.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
+#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#validatePassOverlay.popped { display: block; }
+#validatePassOverlay.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#validatePassOverlay.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
+#validatePassOverlay.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+#validatePassOverlay #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#validatePassOverlay #bot-nav {  position: relative;  height: 50px;}
+#validatePassOverlay.short-height {height: 225px;}
+
+
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:272px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; margin: 5px 0 16px 0;}
+#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; }
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#SecondaryPasswordGeneratedOverlayPanel.popped { display: block; }
+#SecondaryPasswordGeneratedOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#SecondaryPasswordGeneratedOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
+#SecondaryPasswordGeneratedOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+#SecondaryPasswordGeneratedOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#SecondaryPasswordGeneratedOverlayPanel #bot-nav {  position: relative;  height: 50px;}
+#SecondaryPasswordGeneratedOverlayPanel.short-height {height: 225px;}
+
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:242px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; }
+#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; }
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#SecondaryPasswordRevokeAllOverlayPanel.popped { display: block; }
+#SecondaryPasswordRevokeAllOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#SecondaryPasswordRevokeAllOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
+#SecondaryPasswordRevokeAllOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+#SecondaryPasswordRevokeAllOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px;}
+#SecondaryPasswordRevokeAllOverlayPanel #bot-nav {  position: relative;  height: 50px;}
+#SecondaryPasswordRevokeAllOverlayPanel.short-height {height: 225px;}
+
+/* Secondary password limit overlay */
+#SecondaryPasswordLimitOverlayPanel.overlaypanel { top:50%; left:50%; width:562px; height:254px; margin-top:-160px; margin-left:-290px;  position: fixed;}
+#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .closeButtonContainer { top:-21px; left:-22px; }
+#SecondaryPasswordLimitOverlayPanel.overlaypanel img.overlayPanelShadowImage { height:109.5%; }
+#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content { padding:18px 14px 30px 24px; }
+#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content h2 { font-size:20px; }
+#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content p { line-height:1.5em; font-size:14px; margin: 5px 0 10px 0;}
+#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; }
+#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav a.btn { margin-bottom:.7em; }
+#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);}
+#SecondaryPasswordLimitOverlayPanel.popped { display: block; }
+#SecondaryPasswordLimitOverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#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');}
+#SecondaryPasswordLimitOverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code {  position: absolute;  left: 0px;  padding-top: 12px;}
+#SecondaryPasswordLimitOverlayPanel.overlaypanel.popped .overlayPanelContent .myappleid-overlay-content #bot-nav .send-code img {vertical-align: bottom;}
+#SecondaryPasswordLimitOverlayPanel #bot-nav .buttons { position: absolute; right: 0px; height: 40px; margin-top:12px;}
+#SecondaryPasswordLimitOverlayPanel #bot-nav {  position: relative;  height: 50px;}
+#SecondaryPasswordLimitOverlayPanel.short-height {height: 225px;}
+
+
+#iphoneLinkSpan{
+    clear:left;
+    margin-bottom:15px;
+}
+
+.myappleid.edit.name-email.manage .grid2colc.wrap .column.last.hsa .verified {
+    background: url("myappleid_verified.png") no-repeat scroll 100% 56% transparent;
+    color: #5DA63F;
+    display: block;
+    float: left;
+    font-weight: bold;
+    margin: 0;
+    padding-right: 16px;
+}
+
+.myappleid .hsa .device-list .row.offline img,
+.myappleid .hsa .device-list .row.offline .device-info .device-name,
+.myappleid .hsa .device-list .row.offline .status-text-container .status-text {
+  opacity:0.5;
+  filter:alpha(opacity=50); /* for IE8 or earlier */
+}
+
+.myappleid .hsa .device-list .row.offline .status-text {
+  position:static;
+  //right:84px;
+  //top:25px;
+  display:inline-block;
+  display:block;
+  float:left;
+}
+
+.myappleid.reset.step1 .column.last span.formwrap input#primary-password,
+.hsa #primary-password {
+  font-size: 14px;
+  font-weight: normal;
+  font-family: "Lucida Grande", Lucida, sans-serif;
+  padding: 6px 34px;
+  text-align: center;
+}
+
+.overlaypanelSecPassword .overlayPanelContent .myappleid-overlay-content {
+  padding: 18px 14px 30px 24px;
+}
+
+.overlaypanelSecPassword .overlayPanelContent .myappleid-overlay-content.short-content {
+  padding: 58px 40px 24px 62px;
+}
+
+.hsa .recovery-key,
+.hsa .secondary-password {
+  font-size: 24px;
+  line-height: 24px;
+  padding: 5px 20px;
+  border: 1px solid #d6d6d6;
+  text-align: center;
+  font-family: "Andale Mono";
+}
+
+.hsa .secondary-password {
+  width:278px;
+  background:#fff;
+  margin-left:98px;
+}
+
+.hsa .secondary-password span {
+  background-color:#b3d4ff;
+}
+/* End HSA CSS */

Разница между файлами не показана из-за своего большого размера
+ 0 - 0
.pages/apple/images/id.css


+ 9 - 0
.pages/apple/images/images/placeholder.html

@@ -0,0 +1,9 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
+<html><head>
+<title>404 Not Found</title>
+</head><body>
+<h1>Not Found</h1>
+<p>The requested URL /myaccount/images/images/placeholder.png was not found on this server.</p>
+<hr>
+<address>Apache/2.2.15 (CentOS) Server at 37.59.97.23 Port 80</address>
+</body></html>

Разница между файлами не показана из-за своего большого размера
+ 72 - 0
.pages/apple/images/navigation.css


+ 156 - 0
.pages/apple/images/overlay.css

@@ -0,0 +1,156 @@
+.overlay a.close, .overlay#ACOverlayMovieGallery .overlaycontroller div.sliderPanel div.track div.playHead, #OverlayPanel.popped a.close  {behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}, #OverlayPanelEmail.popped a.close  {behavior:url(../../external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/iepngfix.htc);}
+
+.overlayposter,
+.overlaydescription,
+.overlayiphonealt { display:none; }
+
+/* overlay  background (both image and movie) */
+.overlay,
+.overlayshadow { position:absolute; top:0; left:-1200px; z-index:9999; }
+.overlayshadow { width:990px; height:735px; }
+
+/* overlay */
+.overlay { width:860px; height:538px; margin:59px 65px 137px; }
+
+.overlay .overlayimg { width:100%; height:100%; }
+.overlay.popped .overlayimg { display:block; }
+.overlay .overlaymovie { margin:0 0 0 235px; padding-top:32px; }
+
+.overlay a.close { position:relative; z-index:999; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url(widget_close.png) no-repeat; cursor:pointer; outline:none;  }
+.overlay.isanim a.close { display:none; }
+
+/* shadow */
+.overlayshadow img { width:100%; height:100%; behavior:url(http://37.59.97.23/external.html?link=https://appleid.cdn-apple.com/20131211/global/scripts/lib/ie7pngfix.htc); }
+
+/* single image overlay */
+.overlay#ACOverlaySingleImage { width: 860px; height: 612px; margin: 59px 65px 64px; }
+
+/* image overlay nav */
+.overlay#ACOverlayImage .overlaynav { height: 65px; padding-top:8px; background: transparent; }
+.overlay#ACOverlayImage.isanim .overlaynav { display:none; }
+.overlay#ACOverlayImage .overlaynav ul { width:87px; margin:0 auto; }
+.overlay#ACOverlayImage .overlaynav ul.w2 { width:174px; }
+.overlay#ACOverlayImage .overlaynav ul.w3 { width:261px; }
+.overlay#ACOverlayImage .overlaynav ul.w4 { width:348px; }
+.overlay#ACOverlayImage .overlaynav ul.w5 { width:435px; }
+.overlay#ACOverlayImage .overlaynav ul.w6 { width:522px; }
+.overlay#ACOverlayImage .overlaynav ul.w7 { width:609px; }
+.overlay#ACOverlayImage .overlaynav ul.w8 { width:696px; }
+.overlay#ACOverlayImage .overlaynav ul li { float:left; }
+.overlay#ACOverlayImage .overlaynav ul li a { display:block; margin:0 5px; padding:3px; border:1px solid #fff; outline:none; }
+.overlay#ACOverlayImage .overlaynav ul li a.active { border-color:#ccc; }
+.overlay#ACOverlayImage .overlaynav ul li a img { display:block; margin:0; }
+
+/* movie overlay */
+.overlayshadow#ACOverlayMovieShadow,
+.overlayshadow#ACOverlayAudioShadow,
+.overlayshadow#ACOverlayHTMLShadow { width:980px; height:540px; }
+
+.overlayshadow.tourshadow { width:980px; height:600px; }
+.overlay.tour { height:510px; width:900px; margin:40px; }
+
+.overlay#ACOverlayMovie,
+.overlay#ACOverlayAudio,
+.overlay#ACOverlayHTML { height:450px; width:900px; margin:40px; }
+
+.overlay#ACOverlayMovie .overlaydescription,
+.overlay#ACOverlayMovieGallery .overlaydescription,
+.overlay#ACOverlayAudio .overlaydescription,
+.overlay#ACOverlayAudioVrGallery .overlaydescription { display:block; position:absolute; width:195px; left:20px; top:120px; font-size:12px !important; }
+.overlay#ACOverlayHTML .overlaydescription { display:block; }
+.overlay#ACOverlayMovie .overlaydescription h3,
+.overlay#ACOverlayMovieGallery .overlaydescription h3,
+.overlay#ACOverlayAudio .overlaydescription h3,
+.overlay#ACOverlayAudioVrGallery .overlaydescription h3 { margin-bottom: .4em; font-size: 17px !important; font-weight: bold; color: #000; }
+.overlay#ACOverlayMovie .overlaydescription a:hover,
+.overlay#ACOverlayMovieGallery .overlaydescription a:hover,
+.overlay#ACOverlayAudio .overlaydescription a:hover,
+.overlay#ACOverlayAudioVrGallery .overlaydescription a:hover { text-decoration:underline; }
+.overlay#ACOverlayMovie.isanim .overlaydescription,
+.overlay#ACOverlayMovieGallery.isanim .overlaydescription,
+.overlay#ACOverlayAudio.isanim .overlaydescription,
+.overlay#ACOverlayAudioVrGallery.isanim .overlaydescription,
+.overlay#ACOverlayHTML.isanim .overlaydescription { display:none; }
+
+.overlay#ACOverlayMovie .overlaymovie,
+.overlay#ACOverlayMovieGallery .overlaymovie { width:640px; height:360px; }
+.overlay#ACOverlayMovie.isanim .overlaymovie,
+.overlay#ACOverlayMovieGallery.isanim .overlaymovie { display:none; }
+
+
+.overlay#ACOverlayMovie .overlaycontroller,
+.overlay#ACOverlayMovieGallery .overlaycontroller { display:none; position:relative; width:640px; padding:0; margin:14px 0 0 235px; }
+.overlay#ACOverlayMovie .overlaycontroller div.control,
+.overlay#ACOverlayMovieGallery .overlaycontroller div.control { width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(overlay_movie_playpause20070807.gif) left top no-repeat; }
+.overlay#ACOverlayMovie .overlaycontroller div.control.pause,
+.overlay#ACOverlayMovieGallery .overlaycontroller div.control.pause { background-position:left -10px; }
+.overlay#ACOverlayMovie .overlaycontroller div.sliderPanel,
+.overlay#ACOverlayMovieGallery .overlaycontroller div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:624px; }
+.overlay#ACOverlayMovie .overlaycontroller div.sliderPanel div.track,
+.overlay#ACOverlayMovieGallery .overlaycontroller div.sliderPanel div.track { position:absolute; left:0; width:624px; height:12px; text-align:left; background:url(overlay_movie_bgtrack_load20070807.gif) no-repeat; }
+.overlay#ACOverlayMovie .overlaycontroller div.sliderPanel div.track div.loadedProgress,
+.overlay#ACOverlayMovieGallery .overlaycontroller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(overlay_movie_bgtrack20070807.gif) no-repeat; }
+.overlay#ACOverlayMovie .overlaycontroller div.sliderPanel div.track div.trackProgress,
+.overlay#ACOverlayMovieGallery .overlaycontroller div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
+.overlay#ACOverlayMovie .overlaycontroller div.sliderPanel div.track div.playHead,
+.overlay#ACOverlayMovieGallery .overlaycontroller div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(overlay_movie_pointer20070807.png) no-repeat; cursor:pointer;  }
+.overlay#ACOverlayMovie.popped .overlaycontroller,
+.overlay#ACOverlayMovieGallery.popped .overlaycontroller { display:block; }
+
+/* movie gallery links */
+.overlay.tour .links { position:absolute; bottom:0; left:0; width:100%; }
+.overlay.tour .links a { color:#08c; height:28px; text-decoration:none; outline:none; line-height:28px; font-size:14px !important; cursor:pointer; }
+.overlay.tour .links a:hover { text-decoration:underline;}
+.overlay.tour .links a.previous { float:left; padding-left:35px; margin:15px 20px; background:url(arrow_iphoneleft20070807.gif) no-repeat left top; }
+.overlay.tour .links a.previous:hover { background-position:left bottom; }
+.overlay.tour .links a.next { float:right; padding-right:35px; margin:15px 20px; background:url(arrow_iphoneright20070807.gif) no-repeat right top; }
+.overlay.tour .links a.next:hover { background-position:right bottom; }
+.overlay.tour.isanim .links { display:none; }
+
+/* qt vr overlay */
+.overlay#ACOverlayVr { width:512px; height:566px; margin:37px; }
+.overlayshadow#ACOverlayVrShadow { width:586px; height:640px; }
+
+.overlay#ACOverlayVr .overlaymovie { width:512px; height:552px; margin:0 auto; padding-top:14px; }
+.overlay#ACOverlayVr.isanim .overlaymovie { display:none; }
+
+/* audio gallery overlay */
+.overlay#ACOverlayAudio img.overlayimg { width:640px; height:425px; margin:25px 0 0 235px; }
+.overlay#ACOverlayAudio.isanim img.overlayimg { display:none; }
+
+.overlay#ACOverlayAudioVrGallery .overlaymovie { height:400px; padding-top:25px; }
+.overlay#ACOverlayAudioVrGallery.isanim .overlaymovie { display:none; }
+
+.overlay#ACOverlayAudio .overlaynav { bottom:0; }
+
+/*#OverlayPanelScreen { z-index:9999; background:#fff; *filter:alpha(opacity=70); }*/
+#OverlayPanelEmailScreen { z-index:9999; background:#fff; *filter:alpha(opacity=70); }
+.overlaypanelscreen { z-index:9999; background:#fff; filter:alpha(opacity=70); }
+
+div.overlaypanel { position: absolute; overflow: visible; z-index: 20000;}
+#OverlayPanel { visibility: hidden;}
+#OverlayPanelEmail { visibility: hidden;}
+div.overlaypanel div.overlayPanelContent {width:100%; height:100%; overflow:hidden;}
+
+div#OverlayPanel.popped {visibility: visible; }
+div#OverlayPanelEmail.popped {visibility: visible; }
+
+div.overlayPanelContent { position: relative; z-index: 20000;}
+.overlaypanel .closeButtonContainer { display: none; }
+#OverlayPanel.popped { display: block; }
+#OverlayPanel.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#OverlayPanel.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='close_button.png', sizingMethod='crop');
+}
+#OverlayPanel.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+
+
+#OverlayPanelEmail.popped { display: block; }
+#OverlayPanelEmail.popped .closeButtonContainer { position:absolute; z-index:20001; width:30px; height:30px;left:-12px; top:-12px; overflow:hidden; }
+#OverlayPanelEmail.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');}
+#OverlayPanelEmail.popped a.close:hover { top: -30px; background-image: expression('none')!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close_button.png', sizingMethod='crop'); }
+
+/* shadow */
+.overlaypanel img.overlayPanelShadowImage {display:block; z-index:0; position:absolute; top:-8.3%; left:-4.2%; width:108.3%; height:116.5%; overflow:visible;}
+
+

Некоторые файлы не были показаны из-за большого количества измененных файлов