/* Shared styles */
body.ios .gradient-wrap { border-top:1px solid #ccc; *width:100%;
	background:#fff;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fff));
	background-image: -moz-linear-gradient(center top, #f2f2f2 0%, #fff 100%);
	background-image: -o-linear-gradient(#f2f2f2, #fff);
}

body.ios .white-rule { border-top:1px solid #fff; }

/* Accessibility - iOS CSS */

body#ios h2 { margin-bottom:9px; font-size:1.1em; }
body#ios p { line-height:1.6em; }

body#ios .left.page-border, body#ios .right.page-border { position:relative; z-index:1;}
body#ios .left.page-border::before, body#ios .right.page-border::after { position:absolute; z-index:1001; top:0; width:1px; height:120%; margin-top:-5%;
	background:#c3c3c3;
	background:-moz-linear-gradient(top, #fcfcfc 0%, #999999 50%, #fcfcfc 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#999999), color-stop(100%,#fcfcfc));
	background:-webkit-linear-gradient(top, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
	background:-o-linear-gradient(top, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
	background:-ms-linear-gradient(top, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
	background:linear-gradient(to bottom, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
	content:" ";
}

body#ios .left.page-border::before{ left:0; }
body#ios .right.page-border::after{ right:0; }

body#ios section { position:relative; }

body#ios .content a.back-to-top { top:27px; right:-48px }

body#ios .callout { margin:0 -67px 75px -32px; padding:44px 48px; *width:900px; }
body#ios .callout .description-wrap { margin-left:5px; padding-top:18px; }
body#ios .callout h3 { font-size:1.45em; }
body#ios .callout p { margin-bottom:0; font-size:1.30em; line-height:1.399em; }

body#ios .pullout { margin:0 -50px; padding:24px 0 24px 47px; min-height:143px; }
body#ios .pullout img { margin:-7px 0 0 -13px; }
body#ios .pullout .description-wrap { margin-left:239px; padding-top:18px; }
body#ios .pullout p { width:575px; }

body#ios .hero h1 { margin-bottom:9px; padding-top:40px; }
body#ios .hero p.intro { width:845px; text-align:center; }
body#ios .hero nav { padding:27px 0 42px; }

body#ios #vision { padding-bottom:3px; }
body#ios #vision h1 { padding-top:60px; }
body#ios #vision p.intro { margin:0 -25px; text-align:center; *width:930px; }
body#ios #vision .vision-main-image { margin:0 0 -7px -42px; padding-bottom:71px; }
body#ios #vision .voice-siri img { margin-top:64px; }
body#ios #vision .voice-siri.separate .vision-voice-image { margin:58px 0 64px -47px; }
body#ios #vision .voice-siri.separate .vision-siri-image { margin:58px 0 62px 59px; }

body#ios #vision .voice-siri .column { width:400px; }
body#ios #vision .voice-siri .column.last { margin-right:20px; }
body#ios #vision .voice-siri.separate .column.last { width:403px; margin-right:11px; }

body#ios #vision .zoom { padding-top:53px; }
body#ios #vision .zoom .column { width:260px; padding-top:104px; }
body#ios #vision .text-invert { padding:132px 0 117px; }
body#ios #vision .text-invert .column { width:330px; padding-top:78px; }
body#ios #vision aside { margin-left:-25px; }

body#ios #hearing h1 { padding-top:62px; }
body#ios #hearing p.intro { margin:0 40px; text-align:center; }
body#ios #hearing .facetime { padding-top:86px; }
body#ios #hearing .facetime .column { width:253px; padding:60px 5px 0 0; }
body#ios #hearing .grid2col.closed-captions { margin-top:67px; }
body#ios #hearing .closed-captions .column { padding-top:40px; }
body#ios #hearing .grid2col.messages { margin-top:71px; }
body#ios #hearing .messages .column { padding-top:122px; }
body#ios #hearing .messages .column.last { margin-right:-14px; }
body#ios #hearing .messages .column.last p { margin-bottom:32px; }
body#ios #hearing .vibrating { margin-top:69px; padding-bottom:50px; }
body#ios #hearing .vibrating .column { width:560px; padding-top:164px; }
body#ios #hearing .vibrating p { margin-bottom:54px; }
body#ios #hearing .vibrating .flash-animation { position:relative; z-index:1; margin:-27px -55px 0 0; width:266px; }
body#ios #hearing .vibrating .flash-animation .replay-button { margin-top:-27px; }
body#ios #hearing .vibrating .flash-animation.animate .camera-flash {
	position:absolute; top:18px; left:60px; z-index:1; height:50px; width:50px; border-radius:50%;
	background-color:white;
	box-shadow:
		0px 0px 10px white,
		0px 0px 20px white,
		0px 0px 30px white,
		0px 0px 40px white,
		0px 0px 50px white,
		0px 0px 60px white,
		0px 0px 70px white,
		0px 0px 80px white,
		0px 0px 90px white,
		0px 0px 100px white;
	-webkit-animation:flash .25s linear 1s forwards;
	   -moz-animation:flash .25s linear 1s forwards;
	-webkit-transform:scale(0);
	   -moz-transform:scale(0);
}

@-webkit-keyframes flash {
	0%, 100% { -webkit-transform: scale(0); }
	  50%    { -webkit-transform: scale(5); }
}
@-moz-keyframes flash {
	0%, 100% { -moz-transform: scale(0); }
	  50%    { -moz-transform: scale(5); }
}


body#ios #motor-skills h1 { padding-top:62px; }
body#ios #motor-skills p.intro { margin:0 50px; text-align:center; }
body#ios #motor-skills img.center.assistive-siri-img { margin:50px 0 69px -57px; }
body#ios #motor-skills .assistive-siri { margin:-3px 0 74px -50px; }
body#ios #motor-skills .assistive-siri .column { width:295px; margin-left:59px; }
body#ios #motor-skills .assistive-siri .column.last { margin-right:-105px; }
body#ios #motor-skills .assistive-siri.separate .assistive-img { margin:50px 0 58px -6px; }
body#ios #motor-skills .assistive-siri.separate .siri-img { margin:50px 0 58px -4px; }
body#ios #motor-skills .assistive-siri.separate .switchcontrol-img { margin:50px 0 58px -8px; }
body#ios #motor-skills .dictation-keyboard { margin-left:-5px; }
body#ios #motor-skills .dictation-keyboard .column { padding-top: 72px; }
body#ios #motor-skills .dictation-keyboard img.right { margin:-49px -129px 0 0; }
body#ios #motor-skills .dictation-keyboard-230914 { margin-left:-50px; margin-bottom:74px; }
body#ios #motor-skills .dictation-keyboard-230914 img.right { margin:2px -100px 0 0; }
body#ios #motor-skills .keyboard { margin-bottom: 75px; }
body#ios #motor-skills .keyboard .column { width:43%; padding-top: 7px; }


body#ios #learning h1 { padding-top:62px; }
body#ios #learning p.intro { margin:0 20px; text-align:center; }
body#ios #learning .guided { padding:66px 0 44px; }
body#ios #learning .guided img { margin:0 0 0 -52px; }
body#ios #learning .guided .column { margin-right:22px; padding-top:289px; width:333px; }
body#ios #learning .speak-dictionary-reader { margin:65px 0 0 -56px; padding-bottom:49px; }
body#ios #learning .speak-dictionary-reader img.center { margin-bottom:65px; }
body#ios #learning .speak-dictionary-reader .column { margin-right:50px; }
body#ios #learning .speak-dictionary-reader .column.last { margin-right:-101px; }

body#ios #learning .speak-dictionary-reader.separate { margin:66px 0 0 -60px; }
body#ios #learning .speak-dictionary-reader.separate img { margin-bottom:62px; }

body#ios #learning .speak-dictionary-reader.separate .column { margin-right:-106px; padding-left:10px; }
body#ios #learning .speak-dictionary-reader.separate .column.first { margin-right:40px; }
body#ios #learning .speak-dictionary-reader.separate .column.last { margin-left:-106px; padding-left:0; }
body#ios #learning .speak-dictionary-reader.separate .column.first img { margin-left:-7px; }
body#ios #learning .speak-dictionary-reader.separate .column.last img { margin-left:5px; }

body#ios #speech .divider { margin-left:-50px; }
body#ios #speech h1 { padding-top:60px; font-size:1.6em; font-weight:bold; }
body#ios #speech h3 { margin-top:11px; font-size:1.1em; line-height:1.4em; }
body#ios #speech p.speech-intro { width:725px; padding-bottom:35px; line-height:1.6em; }
body#ios #speech img.speech-bubble { margin:75px -7px 0 0; }
body#ios #speech .tips-and-products { margin:0 0 15px -50px; width:935px; border:1px solid #e4e4e4; border-radius:4px; }
body#ios #speech .tips-and-products { margin-left:-2px; padding:31px 22px; }
body#ios #speech .tips-and-products .column.first .grid2col.sub-grid { border-right:1px solid #e4e4e4; }
body#ios #speech .tips-and-products .column p { width: 255px; margin:0 auto; line-height:1.6em; }
body#ios #speech .grid2col .column.first { width:467px; }
body#ios #speech .grid2col.sub-grid .column.first { width:162px; }
body#ios #speech .grid2col.sub-grid .column.last { width:249px; margin:-1px 34px 0 0; }
body#ios #speech .learn.grid2col.sub-grid img { margin:-2px 0 0 16px; }
body#ios #speech .learn.grid2col.sub-grid .column.last { margin-right:13px; }

/* voiceover */
body#voiceover #hero { margin-top:48px; }
body#voiceover #hero .column.first { position:relative; z-index:10; width:560px; }
body#voiceover #hero h1 { margin:0 0 11px -5px; padding-top:47px; }
body#voiceover #hero img.right { position:relative; z-index:1; margin:-354px -33px -76px 0; }
body#voiceover h2 { font-size:1.1428em; line-height:1.25em; margin-bottom:7px; }
body#voiceover #navigation { margin:69px 0 0 -9px; padding:0; }
body#voiceover #navigation .left { position:relative; z-index:10; }
body#voiceover #navigation .column.last { width:414px; margin-right:-13px; padding-top:160px; }
body#voiceover #text-input { margin:40px 0 0 -3px; padding:0 0 29px; }
body#voiceover #text-input .column.first { width:375px; padding-top:26px; }
body#voiceover #text-input img.right { margin-right:-60px; padding-top:53px; }
body#voiceover #rotor { padding:52px 0 0; }
body#voiceover #rotor img { margin-left:-10px; }
body#voiceover #rotor .column.last { width:370px; margin-right:-49px; padding-top:5px; }
body#voiceover #rotor.rotor-230914 img { margin-top:75px; }
body#voiceover #rotor.rotor-230914 h2 ~ h2, 
body#voiceover #apps.apps-230914 h2 ~ h2 { margin-top:56px; }
body#voiceover #apps { margin-left:-3px; padding:26px 0 20px; }
body#voiceover #apps .column.first { width:510px; }
body#voiceover #apps img.right { margin:43px -10px 16px 0; }
body#voiceover #apps.apps-230914 img { margin-top:198px; }
body#voiceover #braille { padding-bottom:0; }
body#voiceover #braille .left { margin:0 0 -2px -10px; }
body#voiceover #braille .column.last { width:440px; padding-top:78px; }
body#voiceover #voices { margin:0 0 92px -4px; padding:0; }
body#voiceover #voices .column.first { width:520px; padding-top:84px; }
body#voiceover #voices img.right { margin:128px -9px 0 0; }
body#voiceover .pullout { margin:0 -50px 9px; padding:36px 39px; min-height:115px; *height:115px; *margin-bottom:0; position:relative; z-index:1; }
body#voiceover .pullout h3 { padding-top:4px; }
body#voiceover .pullout p { margin-bottom:0; }
body#voiceover .pullout img.left { margin:-2px 41px 0 0; }
body#voiceover span.more.small { background-position-y:55%; }

/* ios - braille-display */
body#braille .hero { margin:64px 0 53px; }
body#braille .hero h1 { margin-bottom:17px; }
body#braille .hero .intro { padding-bottom:39px; }
body#braille .hero p { margin:0 0 11px; }

body#braille h2 { font-size:1.1428em; line-height:1.25em; margin-bottom:7px; }
body#braille .column { margin-left:58px; }
body#braille .column.last { width:180px; margin-right:21px; }
body#braille #supported-displays { margin:0 0 20px -173px; }
body#braille #supported-displays h1 { padding-top:61px; }
body#braille #supported-languages { margin:0 0 41px -173px; }
body#braille #supported-languages h1 { padding-top:36px; }
body#braille ul.disc { margin-bottom:18px; list-style:disc outside; }
body#braille ul.disc,
body#braille ul.circle { margin-left:18px; }

body#braille .pullout { width:980px; margin:0 -56px 12px; padding:1px 0 0; min-height:150px; }
body#braille .pullout .column { padding:31px 38px 12px 29px; }
body#braille .pullout .column.first { width:583px; border-right:1px solid #dedede; }
body#braille .pullout .column.last { width:247px; padding:30px 29px 12px 26px; }
body#braille .pullout h3 { padding-top:2px; }
body#braille .pullout img { margin:-14px 24px 0 0; }

/* ios - hearing-aids */
body#hearing-aids a.link-block { text-decoration:none; color:#333; cursor:pointer; display:block; }
body#hearing-aids a.link-block:hover span.more { text-decoration:underline; }
body#hearing-aids #content { width:980px; }
body#hearing-aids.aids .hearing { padding:0; }
body#hearing-aids.aids .hearing img { padding-left:40px; }
body#hearing-aids.aids .hearing .column { padding-top:122px; width:45%; }
body#hearing-aids.aids .hearing .column-topalign { padding-top:5px; }
body#hearing-aids.aids .hearing .column-topalign.remove-copy { padding-top:146px; }
body#hearing-aids.aids .hearing .column p { margin-bottom:32px; line-height:1.6em; }
body#hearing-aids.aids .hearing h1 { margin-bottom:23px; }
body#hearing-aids.aids .hearing h2 { margin-bottom:9px; font-size:1.13em; }

body#hearing-aids .hero { padding:50px 0 50px; }
body#hearing-aids .hero .column.first { margin-top:106px; }
body#hearing-aids.aids .hero .column.first { width:52%; }
body#hearing-aids .hero h1 { margin-bottom:23px; }
body#hearing-aids.aids .hero h2 { margin-bottom:9px; font-size:1.13em; }
body#hearing-aids.aids .hero .intro.center { width:875px; }
body#hearing-aids .hero p.intro { margin-bottom:12px; padding:0 70px 0 0; line-height:1.45em; word-spacing:-2px; }
body#hearing-aids .hero a { font-size:1.2857em; }
body#hearing-aids .hero img.hero { margin-left:-6px; }
body#hearing-aids.aids .hero p.intro { padding:0; }

body#hearing-aids.aids .manage { padding:50px 0 50px; }
body#hearing-aids.aids .manage p { margin-bottom:32px; line-height:1.6em; }
body#hearing-aids.aids .manage .column.first { margin-top:160px; padding-left:40px; width:52%; }
body#hearing-aids.aids .manage h1 { margin-bottom:23px; }
body#hearing-aids.aids .manage h2 { margin-bottom:9px; font-size:1.13em; }
body#hearing-aids.aids .manage img.hero { margin-left:-6px; }
body#hearing-aids.aids .manage img { padding-left:30px; }

body#hearing-aids.aids .supported-displays.devices { padding:55px 50px 40px 50px; }
body#hearing-aids.aids .supported-displays.devices .grid4col .column { margin-left:10%; }
body#hearing-aids.aids .supported-displays.devices .grid4col .column.last { width:9%; }
body#hearing-aids.aids .supported-displays.devices .grid4col h2 { margin-bottom:7px; font-size:1.13em; }
body#hearing-aids.aids .supported-displays.devices ul { margin-bottom:18px; }
body#hearing-aids.aids .supported-displays.devices ul li { margin-bottom:0; }
body#hearing-aids.aids .supported-displays.devices h2 img { margin-left:-5px; }

body#hearing-aids .supported-displays { padding:55px 0 40px; border-top:1px solid #ddd; }
body#hearing-aids .supported-displays h2 { margin-bottom:10px; }
body#hearing-aids .supported-displays .grid3col { margin:0 auto; width:970px; }
body#hearing-aids .supported-displays .grid3col .column { margin-left:2.5%; }
body#hearing-aids .supported-displays .grid3col .column.last { width:30.6%; }
body#hearing-aids .supported-displays .grid3col h3 { margin-bottom:-1px; line-height:1.45em; }
body#hearing-aids .supported-displays .grid3col ul { margin:0 0 8px 16px; list-style:disc outside; }