jazzy 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 70f00685fae336565bfc9917dae9bfaf0634a811
+  data.tar.gz: 57d370af3a76c3c215e91a83390fce948a33779a
+SHA512:
+  metadata.gz: 148bc0db32b0da87f0f344721de0ef6827f0e5759a7e1e19151bc66063ac55222308d76f5d38425a52006b2b99f1739b4adcbb42ec30d617b904e9c10e64e0a5
+  data.tar.gz: 550ae9482cef0f1c8e0ae0834d9f157c01075d26e4c250888e7385fd284babe5963e9c45589b5ca254b27680955382bc261bdf19e168ccb047f20f5ecbd8c705

data/.gitignore

@@ -0,0 +1,59 @@
+jazzy-docs/
+docs/
+
+*.gem
+*.rbc
+/.config
+/coverage/
+/InstalledFiles
+/pkg/
+/spec/reports/
+/test/tmp/
+/test/version_tmp/
+/tmp/
+
+## Specific to RubyMotion:
+.dat*
+.repl_history
+build/
+
+## Documentation cache and generated files:
+/.yardoc/
+/_yardoc/
+/doc/
+/rdoc/
+
+## Environment normalisation:
+/.bundle/
+/lib/bundler/man/
+
+# for a library or gem, you might want to ignore these files since the code is
+# intended to run in multiple environments; otherwise, check them in:
+# Gemfile.lock
+# .ruby-version
+# .ruby-gemset
+
+# unless supporting rvm < 1.11.0 or doing something fancy, ignore this:
+.rvmrc
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Realm Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,62 @@
+## :musical_note: :saxophone: jazzy :trumpet: :musical_note:
+**a soulful way to generate docs for Swift & Objective-C**
+
+jazzy is a command-line utility that generates documentation for your Swift or Objective-C projects.
+
+Instead of parsing your source files, jazzy hooks into clang and uses the [AST][ast] representation of your code and its comments for more accurate results.
+
+jazzy’s output matches the look & feel of Apple’s official reference documentation, post WWDC 2014.
+
+### Requirements
+
+Jazzy requires [Xcode 6 Beta](https://developer.apple.com/xcode/) to run.
+
+### Installing
+
+To install jazzy, run `[sudo] gem install jazzy` from your command line.
+
+### Usage
+
+Run `jazzy` from your command line. Run `jazzy -h` for a list of additional options.
+
+### Front-End TODO
+
+- Index generation
+- Instance/class method distinction
+- Class inheritance, conforms, import, availability
+- Syntax Highlighting
+- Cross-linking
+- Search in page
+- Handle availability options
+- Inline code examples
+- Unit tests
+- Lists (unordered/ordered)
+- Generate docsets for Dash & Xcode
+- Pass in arbitrary Mustache templates
+
+### Parsing TODO
+
+- Swift files
+- `@name`
+- `@warning`
+- `@see`
+- Unit tests
+- Enum's
+- Instance variables
+
+### Design Goals
+
+jazzy's main design goals are:
+
+- Generate source code docs matching Apple's official reference documentation
+- Support for Xcode and Dash docsets
+- High readability of source code comments
+- Leverage modern HTML templating ([Mustache](http://mustache.github.io))
+- Leverage the power and accuracy of the [Clang AST][ast]
+- Compatibility with [appldoc](https://github.com/tomaz/appledoc) when possible
+
+### License
+
+This project is under the MIT license.
+
+[ast]: http://clang.llvm.org/docs/IntroductionToTheClangAST.html  "Introduction To The Clang AST"

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/bin/SwiftHeader

@@ -0,0 +1,22 @@
+#!/bin/sh
+
+# Generate temporary swift module map
+header_file=$1
+module_name='TempJazzyModule'
+module_file='module.modulemap'
+echo "module $module_name { header \"$header_file\" }" > $module_file
+
+# Locations of sourcekitd-test and sdk
+sourcekitd_test='/Applications/Xcode6-Beta.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/sourcekitd-test'
+sdk='/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.9.sdk'
+
+# Print generated Swift header (full)
+
+# Doc Info Version
+$sourcekitd_test -req=doc-info -module $module_name --  -I `pwd` -sdk $sdk
+
+# Full Version
+# $sourcekitd_test -req=interface-gen -module $module_name -- -I `pwd` -sdk $sdk
+
+# Remove temporary module file
+rm $module_file

data/bin/jazzy

@@ -0,0 +1,42 @@
+#!/usr/bin/env ruby
+require 'jazzy'
+require 'find'
+require 'fileutils'
+require 'optparse'
+
+options = {
+  input: File.expand_path('.'),
+  output: File.expand_path('docs')
+}
+
+opt_parser = OptionParser.new do |opt|
+  opt.banner = "Usage: jazzy [-i input] [-o output]"
+  opt.separator  ""
+  opt.separator  "Options"
+
+  opt.on("-i","--input FOLDER","Folder to recursively search for header files") do |input|
+    options[:input] = File.expand_path(input)
+  end
+
+  opt.on("-o","--output FOLDER","Folder to output the HTML docs to") do |output|
+    options[:output] = File.expand_path(output)
+  end
+
+  opt.on("-h","--help","help") do
+    puts opt_parser
+  end
+end
+
+opt_parser.parse!
+
+paths = Jazzy.headers(options[:input])
+
+FileUtils.rm_r options[:output] if File.directory?(options[:output]); Dir.mkdir options[:output]
+
+paths.each do |path|
+  doc = Jazzy.document(path)
+  path = File.join(options[:output], path.scan(/\/(\w+)\.h$/)[0][0]+'.html')
+  File.open(path, 'w') { |file| file.write(doc) }                   
+end
+
+Jazzy.assets(options[:output])

data/jazzy.gemspec

@@ -0,0 +1,27 @@
+# coding: utf-8
+
+module Jazzy
+  VERSION = '0.0.2'
+end
+
+Gem::Specification.new do |spec|
+  spec.name          = "jazzy"
+  spec.version       = Jazzy::VERSION
+  spec.authors       = ["JP Simard, Tim Anglade"]
+  spec.email         = ["jp@jpsim.com"]
+  spec.summary       = %q{A soulful way to generate docs for Swift & Objective-C}
+  spec.description   = %q{A soulful way to generate docs for Swift & Objective-C}
+  spec.homepage      = "http://github.com/realm/jazzy"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   << 'jazzy'
+
+  spec.add_runtime_dependency 'mustache', '~> 0.99.5'
+  spec.add_runtime_dependency 'activesupport', '~> 4.1.1'
+  spec.add_runtime_dependency 'redcarpet', '~> 3.1.2'
+  spec.add_runtime_dependency 'nokogiri', '~> 1.6.2.1'
+
+  spec.add_development_dependency "bundler", "~> 1.5"
+  spec.add_development_dependency "rake"
+end

data/lib/assets/CSS/style-1.1.15.css

@@ -0,0 +1,3366 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+    background: transparent;
+    border: 0;
+    font-size: 100%;
+    margin: 0;
+    outline: 0;
+    padding: 0;
+    vertical-align: baseline;
+}
+.jazz .syntax-defs {
+    border-left: 5px solid rgba(233, 233, 233, 1);
+    margin: 20px 0;
+    padding-left: 15px;
+    font-size: 1.4em;
+    line-height: 145%}
+.jazz .syntax-defs-name {
+    color: rgba(128, 128, 128, 1);
+    font-size: .63em;
+    letter-spacing: 2px;
+    margin-bottom: 8px;
+    text-transform: uppercase;
+}
+.jazz .syntax-def-name {
+    color: rgba(128, 128, 128, 1);
+    font-style: italic;
+    text-decoration: none;
+}
+.jazz .arrow {
+    color: rgba(128, 128, 128, 1);
+    padding: 0 0 0 4px;
+}
+.jazz .syntax-defs-group {
+    margin-bottom: 12px;
+}
+.jazz .syntax-defs-group .syntax-def {
+    margin-bottom: 0;
+}
+.jazz .syntactic-cat {
+    font-style: italic;
+    padding: 0 4px;
+}
+.jazz .alternatives_para {
+    display: inline;
+}
+.jazz .alternatives {
+    display: inline;
+    list-style: none;
+}
+.jazz .alternative {
+    display: inline;
+}
+.jazz .alternative:not(:last-of-type)::after {
+    color: rgba(128, 128, 128, 1);
+    content: "|";
+    font-size: 1.1em;
+    font-weight: 100;
+    padding: 0 2px;
+    position: relative;
+    vertical-align: initial;
+}
+.jazz .subscript {
+    color: rgba(128, 128, 128, 1);
+    font-size: .8em;
+    font-style: italic;
+    margin-left: -2px;
+    padding-right: 4px;
+    vertical-align: sub;
+}
+.jazz .literal {
+    color: rgba(0, 0, 0, 1);
+    font-family: Menlo, monospace;
+    font-weight: 600;
+    font-size: .86em;
+    padding: 0 4px;
+    word-wrap: break-word;
+}
+.jazz .code-outline {
+    margin: 20px 0 20px 40px;
+    text-align: left;
+    display: block;
+    font-size: 1.4em;
+    line-height: 2em;
+}
+.jazz .code-outline-lines {
+    list-style-type: none;
+}
+.jazz .code-outline-lines pre.code-voice {
+    color: #000;
+}
+.jazz .code-outline .variable-text {
+    background-color: rgba(233, 239, 250, 1);
+    border: 1px solid rgba(196, 212, 241, 1);
+    border-radius: 10px;
+    color: rgba(0, 0, 0, 1);
+    padding: 2px 6px;
+    font-style: inherit;
+    white-space: nowrap;
+}
+.jazz .note.playground {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+#collection nav.book-parts {
+    display: none;
+}
+#collection .chapter {
+    margin-left: 0;
+    width: 980px;
+}
+#collection .pixel-line {
+    width: 980px;
+}
+#collection .section {
+    padding-bottom: 0;
+}
+#collection .collection-table {
+    margin-bottom: 40px;
+}
+#collection .collection-table thead th {
+    text-align: left;
+}
+#collection .collection-table thead th .para {
+    border-bottom: 1px solid #eee;
+    margin: 4px 30px 0 0;
+    padding-bottom: 4px;
+}
+#collection .collection-table th .para, #collection .collection-table td .para {
+    margin-bottom: 0;
+}
+#collection .collection-table td {
+    border: 0;
+    padding: 5px 15px 5px 0;
+    max-width: inherit;
+}
+#collection .depth2 .para {
+    padding-left: 12px;
+}
+#collection .depth3 .para {
+    padding-left: 27px;
+}
+#collection .depth4 .para {
+    padding-left: 42px;
+}
+#collection .depth5 .para {
+    padding-left: 57px;
+}
+#collection .depth6 .para {
+    padding-left: 72px;
+}
+#collection .depth7 .para {
+    padding-left: 87px;
+}
+#collection .z-class-node td:first-of-type {
+    background-image: url(../Images/collection_node_2x.png);
+    background-repeat: no-repeat;
+    background-size: 100px 100px;
+}
+#collection .z-class-node td.orphan-parent:first-of-type {
+    background-image: url(../Images/collection_node_orphan_parent_2x.png);
+}
+#collection .z-class-node td.orphan-grandparent {
+    background-image: url(../Images/collection_node_orphan_grandparent_2x.png);
+}
+#collection .z-class-node td.orphan-parent.orphan-grandparent:first-of-type {
+    background-image: url(../Images/collection_node_orphan_parent_and_grandparent_2x.png);
+}
+#collection .z-class-node td.last-child {
+    background-image: url(../Images/collection_last_child_2x.png);
+}
+#collection .z-class-node td.last-child.orphan-parent {
+    background-image: url(../Images/collection_last_child_orphan_parent_2x.png);
+}
+#collection .z-class-node td.last-child.orphan-grandparent {
+    background-image: url(../Images/collection_last_child_orphan_grandparent_2x.png);
+}
+#collection .z-class-node td.last-child.orphan-parent.orphan-grandparent {
+    background-image: url(../Images/collection_last_child_orphan_parent_and_grandparent_2x.png);
+}
+#collection .z-class-node td.parent {
+    background-image: url(../Images/collection_node_parent_2x.png);
+}
+#collection .z-class-node td.parent.last-child {
+    background-image: url(../Images/collection_parent_last_child_2x.png);
+}
+#collection .z-class-node td.parent.orphan-parent {
+    background-image: url(../Images/collection_node_parent_orphan_parent_2x.png);
+}
+#collection .z-class-node td.parent.last-child.orphan-parent {
+    background-image: url(../Images/collection_node_parent_last_child_orphan_parent_2x.png);
+}
+#collection .depth2 {
+    background-position: -81px 50%}
+#collection .depth3 {
+    background-position: -67px 50%}
+#collection .depth4 {
+    background-position: -53px 50%}
+#collection .depth5 {
+    background-position: -39px 50%}
+#collection .depth6 {
+    background-position: -25px 50%}
+#collection .depth7 {
+    background-position: -11px 50%}
+#conceptual_flow_with_tasks #carat {
+    margin: 0 10px;
+}
+#conceptual_flow_with_tasks #design_resources_link {
+    color: rgba(0, 136, 204, 1);
+    text-decoration: none;
+}
+#conceptual_flow_with_tasks .list-check {
+    list-style: url(../Images/check.png) outside none;
+}
+#conceptual_flow_with_tasks .nav-part-active {
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(0, 0, 0, 1);
+    cursor: default;
+}
+#conceptual_flow_with_tasks .nav-chapter {
+    font-size: .8em;
+    list-style-position: outside;
+    list-style-type: none;
+    margin: 0;
+    padding: 0 0 8px;
+}
+#conceptual_flow_with_tasks.jazz .nav-chapters {
+    position: relative;
+    top: 15px;
+}
+#conceptual_flow_with_tasks .nav-chapters .nav-chapter {
+    margin-left: 0;
+}
+#conceptual_flow_with_tasks .nav-part-active .nav-chapter-active {
+    font-weight: 500;
+    color: rgba(0, 0, 0, 1);
+}
+#conceptual_flow_with_tasks .nav-chapter .nav-chapter-active {
+    color: rgba(0, 0, 0, 1);
+    font-weight: 700;
+    text-decoration: none;
+}
+#conceptual_flow_with_tasks .book-parts a {
+    color: rgba(128, 128, 128, 1);
+    display: block;
+    margin-left: 15px;
+    text-decoration: none;
+}
+#conceptual_flow_with_tasks .rec-container {
+    margin: 40px auto;
+    text-align: center;
+    width: 95%}
+#conceptual_flow_with_tasks .rec-container .blurb {
+    text-align: center;
+}
+#conceptual_flow_with_tasks .rec-container .blurb .para:nth-child(1) {
+    color: rgba(128, 128, 128, 1);
+    font-size: 2em;
+    font-weight: 100;
+    line-height: 120%;
+    margin: 0 auto 20px;
+    width: 460px;
+}
+#conceptual_flow_with_tasks .rec-container .blurb .para {
+    margin-bottom: 20px;
+}
+#conceptual_flow_with_tasks .rec-container .left-container, #conceptual_flow_with_tasks .rec-container .right-container {
+    display: table-cell;
+    margin-top: 20px;
+    width: 325px;
+}
+#conceptual_flow_with_tasks .rec-container .left-container {
+    padding-right: 10px;
+}
+#conceptual_flow_with_tasks .rec-container .right-container {
+    padding-left: 10px;
+}
+#conceptual_flow_with_tasks .rec-container .container-label {
+    font-size: 1.5em;
+    margin-bottom: 10px;
+}
+#conceptual_flow_with_tasks .rec-container .do {
+    color: rgba(17, 183, 40, 1);
+}
+#conceptual_flow_with_tasks .rec-container .do-not {
+    color: rgba(208, 50, 54, 1);
+}
+#conceptual_flow_with_tasks .rec-container .recommended {
+    color: rgba(40, 103, 206, 1);
+}
+#conceptual_flow_with_tasks .rec-container .not-recommended {
+    color: rgba(255, 133, 0, 1);
+}
+#conceptual_flow_with_tasks .rec-container .inline-graphic {
+    margin: 10px auto;
+    max-width: 100%}
+#conceptual_flow_with_tasks.jazz .k-constant-name.Swift {
+    display: none;
+}
+body#guidance.jazz {
+    background-color: rgba(242, 242, 242, 1);
+    color: rgba(0, 0, 0, 1);
+    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
+    font-size: 62.5%;
+    margin: 0 auto;
+}
+#guidance #ios_header {
+    font-family: Helvetica, Arial, sans-serif;
+}
+#guidance .chapter {
+    width: 980px;
+    margin-left: 0;
+}
+#guidance #navigator_less_content {
+    width: 880px;
+    margin: 0 auto;
+}
+#guidance .featured-doc {
+    display: table;
+    margin-left: 30px;
+}
+#guidance .featured-doc img.banner {
+    width: 200px;
+    height: 200px;
+    display: table-cell;
+}
+#guidance .headline {
+    display: table-cell;
+    max-width: 460px;
+    vertical-align: middle;
+}
+#guidance #hero {
+    margin-left: -50px;
+    margin-right: -50px;
+    background: -moz-linear-gradient(top, rgba(0, 136, 204, .43) 0, rgba(0, 136, 204, .13) 43%, rgba(0, 136, 204, .02) 100%, rgba(0, 136, 204, 0) 60%, rgba(0, 136, 204, 0) 61%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 136, 204, .43)), color-stop(43%, rgba(0, 136, 204, .13)), color-stop(100%, rgba(0, 136, 204, .02)), color-stop(60%, rgba(0, 136, 204, 0)), color-stop(61%, rgba(0, 136, 204, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
+    background: -webkit-linear-gradient(top, rgba(0, 136, 204, .43) 0, rgba(0, 136, 204, .13) 43%, rgba(0, 136, 204, .02) 100%, rgba(0, 136, 204, 0) 60%, rgba(0, 136, 204, 0) 61%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(top, rgba(0, 136, 204, .43) 0, rgba(0, 136, 204, .13) 43%, rgba(0, 136, 204, .02) 100%, rgba(0, 136, 204, 0) 60%, rgba(0, 136, 204, 0) 61%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(top, rgba(0, 136, 204, .43) 0, rgba(0, 136, 204, .13) 43%, rgba(0, 136, 204, .02) 100%, rgba(0, 136, 204, 0) 60%, rgba(0, 136, 204, 0) 61%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to bottom, rgba(0, 136, 204, .43) 0, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d0088cc',  endColorstr='#00ffffff',  GradientType=0);
+}
+#guidance #hero:before, #guidance #hero:after {
+    content: "";
+    display: table;
+}
+#guidance #hero:after {
+    clear: both;
+}
+#guidance #hero {
+    zoom: 1;
+}
+#guidance #hero_copy {
+    margin-top: 55px;
+    width: 550px;
+    float: left;
+    margin-left: 50px;
+}
+#guidance #hero_copy h2.chapter-name {
+    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
+    font-size: 2.8em;
+    padding: 0 0 25px;
+    width: auto;
+}
+#guidance #hero_copy .para {
+    font-size: 1.6em;
+}
+#guidance #hero_copy .para, #guidance .highlighted-feature .highlighted-doc-copy .para, #guidance #highlights .highlighted-doc .highlighted-doc-copy .para {
+    color: rgba(128, 128, 128, 1);
+}
+#guidance #hero_banner {
+    float: right;
+    margin-right: 50px;
+}
+#guidance .featured-section {
+    clear: both;
+}
+#guidance hr.hero-line {
+    clear: both;
+    float: none;
+    width: 880px;
+    height: 1px;
+    border: 0;
+    background-color: rgba(185, 185, 185, 1);
+    position: relative;
+    top: 20px;
+}
+#guidance #highlights, #guidance .featured-section {
+    margin-top: 20px;
+    clear: both;
+}
+#guidance .featured-section .code-sample {
+    margin-left: 0;
+}
+#guidance #highlights .highlighted-doc, #guidance .featured-section .highlighted-feature {
+    clear: both;
+}
+#guidance #carousel .featured-doc .featured-link {
+    font-size: 1.3em;
+}
+#guidance .all-documents {
+    font-size: 1.5em;
+    margin-left: 2em;
+}
+#guidance #highlights .highlighted-doc img.banner, #guidance .featured-section .highlighted-feature img.banner {
+    margin-top: 25px;
+    float: left;
+}
+#guidance #highlights .highlighted-doc .u-book {
+    display: block;
+    font-weight: 700;
+    font-size: 1.4em;
+    margin-bottom: 5px;
+}
+#guidance .feature-name {
+    font-weight: 700;
+    font-size: 1.6em;
+    margin-bottom: 5px;
+}
+#guidance #highlights .highlighted-doc-copy, #guidance .highlighted-feature .highlighted-doc-copy {
+    width: 750px;
+    margin-top: 25px;
+    float: right;
+}
+#guidance .code-sample {
+    background: transparent;
+}
+#guidance .code-lines li:before {
+    color: inherit;
+    content: '';
+    counter-increment: none;
+    margin-right: 0;
+}
+#guidance .code-lines {
+    margin-left: 0;
+    background: transparent;
+}
+#guidance .highlighted-doc-copy .list-bullet .item .para {
+    font-size: 1.3em;
+}
+#guidance ul.list-bullet li.item:before {
+    font-size: 1em;
+}
+#guidance.jazz .code-lines li {
+    border-left-color: transparent;
+}
+#guidance.jazz #leave_feedback {
+    margin-left: 910px;
+}
+body#landing .chapter {
+    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
+}
+#landing nav li.item.part-name.current {
+    background-color: rgba(255, 255, 255, 1);
+}
+#landing .headline {
+    margin-top: 55px;
+    margin-left: 55px;
+    width: 600px;
+}
+#landing .headline .u-book {
+    display: none;
+}
+#landing .headline .chapter-name {
+    font-size: 44px;
+    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
+    text-align: center;
+    width: auto;
+    padding: 0;
+}
+#landing .featured-doc .banner {
+    max-width: 420px;
+    max-height: 300px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 25px;
+}
+#landing .headline .para {
+    font-size: 20px;
+    text-align: center;
+    margin-top: 10px;
+    color: rgba(128, 128, 128, 1);
+}
+#landing #highlights {
+    margin-top: 20px;
+}
+#landing #highlights .highlighted-doc:first-child {
+    margin-left: 55px;
+}
+#landing #highlights .highlighted-doc .u-book {
+    font-weight: 700;
+    font-size: 1.4em;
+    color: rgba(0, 136, 204, 1);
+}
+#landing #highlights .highlighted-doc {
+    max-width: 150px;
+    display: inline-block;
+    margin: 4em;
+    vertical-align: top;
+}
+#landing #highlights .highlighted-doc .banner-case {
+    width: 150px;
+    height: 150px;
+    margin-bottom: 10px;
+}
+#landing #highlights .highlighted-doc img.banner {
+    max-width: 150px;
+    max-height: 150px;
+    display: block;
+    margin-bottom: 10px;
+}
+#landing #highlights .highlighted-doc .para {
+    color: rgba(128, 128, 128, 1);
+}
+body.swift .Swift, body.both .Swift {
+    display: inline-block;
+}
+body.obj_c .Swift {
+    display: none;
+}
+body.obj_c .Objective-C, body.both .Objective-C {
+    display: inline-block;
+}
+body.swift .Objective-C {
+    display: none;
+}
+body.swift #metadata_table .Swift, body.obj_c #metadata_table .Objective-C, body.both #metadata_table .Objective-C {
+    display: block;
+}
+body.both #metadata_table .Swift, body.swift #metadata_table .Objective-C {
+    display: none;
+}
+body.swift .task-group-term a.Swift, body.swift #jump_to .Swift {
+    display: block;
+}
+body.obj_c .task-group-term a.Swift, body.both .task-group-term a.Swift, body.obj_c #jump_to .Swift, body.both #jump_to .Swift {
+    display: none;
+}
+body.swift .task-group-term a.Objective-C, body.swift #jump_to .Objective-C {
+    display: none;
+}
+body.obj_c .task-group-term a.Objective-C, body.both .task-group-term a.Objective-C, body.obj_c #jump_to .Objective-C, body.both #jump_to .Objective-C {
+    display: block;
+}
+body#reference #jump_to.closed .list-bullet {
+    display: none;
+}
+#reference .x-class-method.Swift, #reference .x-instance-method.Swift {
+    margin-left: 15px;
+}
+body.swift .declaration .Swift, body.both .declaration .Swift {
+    display: block;
+}
+body.obj_c .declaration .Objective-C, body.both .declaration .Objective-C {
+    display: block;
+}
+body.both .symbol .constant .Swift {
+    display: none;
+}
+body.both .k-constant-name.Swift {
+    display: none;
+}
+#reference .chapter {
+    overflow-x: hidden;
+    border-top: 0;
+    border-left: 1px solid rgba(233, 233, 233, 1);
+    border-right: 1px solid rgba(233, 233, 233, 1);
+    border-bottom: 1px solid rgba(233, 233, 233, 1);
+}
+#reference .nav-chapters {
+    height: 100%;
+    padding: 12px 0 0;
+}
+#reference .part-name {
+    color: #000;
+    cursor: default;
+    padding: 15px 15px 15px 20px;
+}
+#reference .part-name.tasks {
+    background: rgba(255, 255, 255, 1);
+    overflow: auto;
+    min-height: 61px;
+}
+#reference .part-name.tasks .nav-chapters:not(:last-of-type) {
+    margin-bottom: 15px;
+}
+#reference .book-parts a {
+    display: initial;
+    margin-left: 0;
+}
+#reference .nav-chapters li {
+    color: rgba(128, 128, 128, 1);
+    margin-left: 12px;
+    padding-left: 10px;
+    text-indent: -10px;
+}
+#reference .nav-chapter a.active-task {
+    color: rgba(0, 0, 0, 1);
+}
+#reference .nav-chapter .u-book {
+    font-style: normal;
+}
+#reference #bashful {
+    width: 734px;
+    height: 32px;
+    padding-left: 0;
+    position: fixed;
+    background: rgba(255, 255, 255, .8);
+    z-index: 2;
+    margin-top: 0;
+}
+#reference #language {
+    position: relative;
+    left: 15px;
+    float: left;
+    padding: 10px;
+}
+#reference #language input[type=radio] {
+    display: none;
+}
+#reference #language label {
+    margin-left: 4px;
+    padding: 1px 3px;
+    color: rgba(0, 136, 204, 1);
+    border-bottom: 1px solid rgba(0, 136, 204, .25);
+    cursor: pointer;
+}
+#reference #language label.selected {
+    background: rgba(0, 136, 204, 1);
+    color: rgba(255, 255, 255, 1);
+    border-radius: 2px;
+    cursor: default;
+}
+#reference #bashful .shield {
+    background: #fff;
+    width: 734px;
+    height: 32px;
+    position: absolute;
+    opacity: .8;
+}
+#reference #bashful .menu-bar-item {
+    border-right: 1px solid rgba(233, 233, 233, 0);
+    border-left: 1px solid rgba(233, 233, 233, 0);
+    border-bottom: 1px solid rgba(255, 255, 255, 0);
+    cursor: pointer;
+    padding: 10px;
+    position: relative;
+    left: 15px;
+    float: left;
+    -webkit-transition: background-color .3s ease, border-color .3s ease;
+}
+#reference #bashful .menu-bar-item span {
+    -webkit-user-select: none;
+}
+#reference #bashful .menu-bar-item.open {
+    background-color: #fff;
+    border-right: 1px solid rgba(233, 233, 233, 1);
+    border-left: 1px solid rgba(233, 233, 233, 1);
+    border-bottom: 1px solid rgba(255, 255, 255, 1);
+}
+#reference #bashful .menu-bar-item.closing {
+    background-color: #fff;
+}
+#reference #bashful .chevron {
+    position: relative;
+    display: inline-block;
+    left: 2px;
+    width: 13px;
+    height: 4px;
+}
+#reference #bashful .chevy {
+    background: #878787;
+    height: 2px;
+    position: absolute;
+    width: 10px;
+    -webkit-transition: -webkit-transform .3s ease;
+    -moz-transition: -moz-transform .3s ease;
+    -o-transition: -o-transform .3s ease;
+    transition: transform .3s ease;
+}
+#reference #bashful .chevron-left {
+    -webkit-transform: rotateZ(45deg) scale(0.6);
+    -moz-transform: rotateZ(45deg) scale(0.6);
+    -o-transform: rotateZ(45deg) scale(0.6);
+    transform: rotateZ(45deg) scale(0.6);
+}
+#reference #bashful .chevron-right {
+    left: 4px;
+    -webkit-transform: rotateZ(-45deg) scale(0.6);
+    -moz-transform: rotateZ(-45deg) scale(0.6);
+    -o-transform: rotateZ(-45deg) scale(0.6);
+    transform: rotateZ(-45deg) scale(0.6);
+}
+#reference #bashful .open .chevron-left {
+    -webkit-transform: rotateZ(-45deg) scale(0.6);
+    -moz-transform: rotateZ(-45deg) scale(0.6);
+    -o-transform: rotateZ(-45deg) scale(0.6);
+    transform: rotateZ(-45deg) scale(0.6);
+}
+#reference #bashful .open .chevron-right {
+    -webkit-transform: rotateZ(45deg) scale(0.6);
+    -moz-transform: rotateZ(45deg) scale(0.6);
+    -o-transform: rotateZ(45deg) scale(0.6);
+    transform: rotateZ(45deg) scale(0.6);
+}
+#reference #bashful .menu-bar-item menu {
+    background: #fff;
+    border: 1px solid rgba(233, 233, 233, 1);
+    box-shadow: 0 0 1px rgba(0, 0, 0, .07);
+    cursor: default;
+    padding: 10px;
+    opacity: 0;
+    position: absolute;
+    z-index: -1;
+    left: -1px;
+    -webkit-transform: translateY(-120px);
+    -moz-transform: translateY(-120px);
+    -o-transform: translateY(-120px);
+    transform: translateY(-120px);
+    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease;
+    -moz-transition: -moz-transform .3s ease, opacity .3s ease;
+    -o-transition: -o-transform .3s ease, opacity .3s ease;
+    transition: transform .3s ease, opacity .3s ease;
+}
+#reference #bashful #options menu {
+    width: 191px;
+    padding: 10px 6px 10px 10px;
+}
+#reference .keyboard-shortcut {
+    background: rgba(172, 180, 190, 1);
+    border-bottom: 1px solid rgba(136, 139, 143, 1);
+    border-radius: 2px;
+    color: #fff;
+    font-size: 8px;
+    padding: 2px 4px 1px;
+    margin-left: 5px;
+    position: relative;
+    top: -1px;
+}
+#reference #bashful .menu-bar-item.open menu {
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -o-transform: translateY(0);
+    transform: translateY(0);
+    opacity: 1;
+}
+#reference .chapter-name {
+    margin-top: 21px;
+}
+#reference #bashful #jump_to menu {
+    max-height: 519px;
+    min-width: 190px;
+    white-space: nowrap;
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding-bottom: 5px;
+}
+#reference #jump_to .filter {
+    position: relative;
+    width: 98%;
+    background: 0;
+    padding-left: 0;
+    float: none;
+    margin-top: 0;
+}
+#reference #jump_to #filter_matches {
+    position: absolute;
+    top: 19px;
+    right: 38px;
+    color: #bbb;
+}
+#reference #jump_to .highlighted {
+    background: #ff0;
+}
+#reference #jump_to .list-bullet {
+    cursor: default;
+    margin: 10px 0 0;
+}
+#reference #jump_to .list-bullet .item {
+    padding-left: 0;
+    margin-bottom: 5px;
+}
+#reference #jump_to .list-bullet .item::before {
+    content: ""}
+#reference #jump_to .list-bullet a {
+    font: 10px Menlo, monospace;
+}
+#reference #jump_to .list-bullet a.otp-indent {
+    margin-left: 12px;
+}
+#reference #jump_to .list-bullet a.focused {
+    outline-style: auto;
+    outline-color: -webkit-focus-ring-color;
+    outline-width: thick;
+}
+#reference .rubber-band-gap {
+    background: rgba(255, 255, 255, 1);
+    height: 250px;
+    position: fixed;
+    width: 734px;
+    z-index: -1;
+}
+#reference #reference_container>.important {
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
+#reference .overview-bulk.squashed {
+    height: 0;
+    opacity: .00001;
+    pointer-events: none;
+}
+#reference .overview-bulk {
+    height: inherit;
+    opacity: 1;
+    pointer-events: auto;
+}
+#reference .overview-bulk-toggle {
+    cursor: pointer;
+}
+#reference #metadata_table {
+    height: 150px;
+    margin: 0 25px;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -o-box;
+    display: flex;
+    -webkit-justify-content: space-between;
+    -moz-justify-content: space-between;
+    -o-justify-content: space-between;
+    justify-content: space-between;
+}
+#reference #metadata_table>div {
+    height: 100%;
+    min-width: 25%;
+    margin-right: 20px;
+}
+#reference #metadata_table .last-box {
+    margin-right: 0;
+}
+#reference #metadata_table .half {
+    height: 50%}
+#reference #metadata_table .para {
+    margin-bottom: 0;
+}
+#reference #metadata_table hr {
+    margin: 0 0 3px;
+    border: 0;
+    height: 1px;
+    background: rgba(233, 233, 233, 1);
+    position: relative;
+    top: -1px;
+}
+#reference #metadata_table ol, #reference #metadata_table ul {
+    overflow: auto;
+    height: 118px;
+}
+#reference #metadata_table li {
+    list-style-type: none;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow-x: hidden;
+    color: rgba(0, 136, 204, 1);
+}
+#reference #metadata_table .inheritance .depth4 {
+    padding-left: 12px;
+}
+#reference #metadata_table .inheritance .depth5 {
+    padding-left: 26px;
+    background-position: -1px -6px;
+}
+#reference #metadata_table .inheritance .depth6 {
+    padding-left: 40px;
+    background-position: 13px -6px;
+}
+#reference #metadata_table .inheritance .depth7 {
+    padding-left: 54px;
+    background-position: 27px -6px;
+}
+#reference #metadata_table .inheritance .depth8 {
+    padding-left: 68px;
+    background-position: 41px -6px;
+}
+#reference #metadata_table .inheritance .depth9 {
+    padding-left: 82px;
+    background-position: 55px -6px;
+}
+#reference #metadata_table .inheritance li {
+    background-image: url(../Images/class_node_parent_and_child_2x.png);
+    background-position: -15px -6px;
+    background-repeat: no-repeat;
+    background-size: 48px 29px;
+}
+#reference #metadata_table .inheritance li.subclass {
+    background-image: url(../Images/class_node_subclass_with_siblings_2x.png);
+}
+#reference #metadata_table .inheritance li:last-of-type {
+    background-image: url(../Images/class_node_subclass_last_child_2x.png);
+}
+#reference #metadata_table .code-voice {
+    font-size: 12px;
+    line-height: 1.5;
+}
+#reference #metadata_table span {
+    font-size: 13px;
+    color: rgba(128, 128, 128, 1);
+}
+#reference .z-methods-by-task {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+#reference .task-name-container {
+    background: #fff;
+    left: -25px;
+    margin-bottom: 0;
+    padding: 35px 25px 0;
+    position: relative;
+    width: 100%}
+#reference .section-name {
+    cursor: pointer;
+    display: inline-block;
+}
+#reference .section .section {
+    margin-top: 0;
+}
+#reference .section .section .task-name-container {
+    padding-top: 15px;
+}
+#reference .task-group-section {
+    padding: 1px 25px 0;
+    -webkit-transition: -webkit-transform .3s ease;
+    -moz-transition: -moz-transform .3s ease;
+    -o-transition: -o-transform .3s ease;
+    transition: transform .3s ease;
+}
+#reference .symbol, #reference .task-group section.intro {
+    background: #fff;
+    left: -25px;
+    list-style-type: none;
+    padding: 13px 25px 0;
+    position: relative;
+    width: 100%}
+#reference .task-group section.intro {
+    padding-bottom: 1px;
+}
+#reference .task-group-term {
+    font-size: 1.4em;
+    word-break: break-all;
+    -webkit-transition: -webkit-transform .3s ease;
+    -moz-transition: -moz-transform .3s ease;
+    -o-transition: -o-transform .3s ease;
+    transition: transform .3s ease;
+}
+#reference .on .task-group-term {
+    -webkit-transform: translateX(-15px);
+    -moz-transform: translateX(-15px);
+    -o-transform: translateX(-15px);
+    transform: translateX(-15px);
+}
+#reference .task-group-term .x-class-method.Objective-C::before {
+    content: '+ '}
+#reference .task-group-term .x-instance-method.Objective-C::before {
+    content: '- '}
+#reference .task-group-term>.code-voice {
+    display: inline-block;
+}
+#reference .item a.x-api-property-task-list, #reference .item a.type-def, #reference .item a.constant-group, #reference .item a.data-type, #reference .item a.notification, #reference .item a.x-function, #reference .item a.struct, #reference .item a.union, #reference .item a.variable, #reference .item a.filter, #reference .item a.x-callback {
+    margin-left: 15px;
+}
+#reference .deprecated a {
+    position: relative;
+}
+#reference .deprecated a, #reference .constant .deprecated .code-voice {
+    text-decoration: line-through;
+    -webkit-text-stroke-color: rgba(163, 21, 21, 1);
+    -webkit-text-stroke-width: .0000000001px;
+    -moz-text-decoration-color: rgba(163, 21, 21, 1);
+}
+#reference .deprecated .deprecated-version {
+    color: rgba(163, 21, 21, 1);
+    font-size: .8em;
+    margin-left: 5px;
+    display: inline-block;
+}
+#reference .new {
+    color: rgba(113, 188, 120, 1);
+    font-size: .8em;
+}
+#reference .pointy-thing-container {
+    background: #fff;
+    border-bottom: 1px solid rgba(233, 233, 233, 1);
+    left: -25px;
+    padding-left: 25px;
+    padding-right: 25px;
+    padding-bottom: 13px;
+    position: relative;
+    width: 100%}
+#reference .pointy-thing {
+    background: rgba(249, 249, 249, 1);
+    border-left: 1px solid rgba(233, 233, 233, 1);
+    border-top: 1px solid rgba(233, 233, 233, 1);
+    height: 12px;
+    left: 21px;
+    top: -7px;
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    transform: rotate(45deg);
+    position: absolute;
+    width: 12px;
+}
+#reference .height-container {
+    height: 0;
+    left: -25px;
+    padding: 0 25px;
+    position: relative;
+    width: 100%}
+#reference .height-container .section {
+    background: rgba(249, 249, 249, 1);
+    border-bottom: 1px solid rgba(233, 233, 233, 1);
+    left: -25px;
+    margin: 0;
+    padding: 13px 25px 0;
+    position: relative;
+    width: 100%}
+#reference .height-container .section h4 {
+    font-size: 13px;
+    line-height: 1.5;
+    margin-top: 21px;
+}
+#reference .section .declaration {
+    margin-top: 21px;
+}
+#reference .section .declaration .code-voice {
+    color: rgba(128, 128, 128, 1);
+    margin-bottom: 15px;
+    padding-bottom: 6px;
+}
+#reference .declaration div .para {
+    margin-bottom: 0;
+}
+#reference .constant-group .declaration .code-voice, #reference .type-def .declaration .code-voice {
+    white-space: pre-wrap;
+}
+#reference .task-group .item .graybox {
+    margin: 5px 0 26px;
+}
+#reference .graybox .tip, #reference .graybox .note, #reference .graybox .warning, #reference .graybox .important {
+    margin: 25px auto;
+}
+#reference .symbol .graybox .para:last-of-type {
+    margin-bottom: 0;
+    padding-bottom: 0;
+}
+#reference .parameters .graybox tr td:first-of-type {
+    text-align: right;
+    padding: 7px;
+    vertical-align: top;
+    word-break: normal;
+    width: 40px;
+}
+#reference .task-group .item .graybox .graybox {
+    margin-bottom: 0;
+}
+#reference .graybox .TableHeading_TableRow_TableCell {
+    background: rgba(243, 243, 243, 1);
+}
+#reference .symbol .height-container .figure {
+    margin: 15px 0 0;
+}
+#reference .symbol .height-container .figure .caption {
+    display: none;
+}
+#reference em.term, #reference em.parameter-name {
+    color: rgba(65, 65, 65, 1);
+    font-size: 12px;
+    line-height: 1.5;
+}
+#reference .see-also {
+    cursor: pointer;
+    font-family: Menlo, monospace;
+}
+#reference .height-container .section>div:last-of-type {
+    margin-bottom: 15px;
+}
+#reference .hiding-symbol-counts {
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(204, 204, 204, 1);
+    cursor: default;
+    font-size: 11px;
+    left: -25px;
+    line-height: 1.75;
+    list-style-type: none;
+    padding-top: 13px;
+    padding-left: 39px;
+    position: relative;
+    width: 695px;
+    -webkit-transition: -webkit-transform .3s ease;
+    -moz-transition: -moz-transform .3s ease;
+    -o-transition: -o-transform .3s ease;
+    transition: transform .3s ease;
+}
+#reference .symbol, #reference .task-group {
+    -webkit-transition: -webkit-transform .3s ease;
+    -moz-transition: -moz-transform .3s ease;
+    -o-transition: -o-transform .3s ease;
+    transition: transform .3s ease;
+}
+#reference .constant-group .list-bullet, #reference .type-def .list-bullet {
+    margin-left: 15px;
+}
+#reference .symbol .constant::before {
+    color: rgba(65, 65, 65, 1);
+    content: "\02022";
+    font-size: 1.5em;
+    left: -15px;
+    top: 4px;
+    position: absolute;
+}
+#reference .symbol .constant {
+    margin-bottom: 20px;
+    padding-top: 1px;
+    position: relative;
+}
+#reference .symbol .constant .Swift .code-voice, #reference .symbol .constant .Objective-C .code-voice {
+    position: relative;
+}
+#reference .symbol .constant .abstract, #reference .symbol .constant .definition {
+    margin-bottom: 15px;
+}
+#reference .last-one.fat {
+    padding-bottom: 750px;
+}
+#reference #next_previous {
+    width: 614px;
+    z-index: 1;
+}
+#reference .para .function-name {
+    color: rgba(128, 128, 128, 1);
+    word-wrap: break-word;
+}
+#reference .code-sample {
+    background: inherit;
+}
+#reference .declaration .code-line {
+    font: 1em Menlo, monospace;
+}
+#reference .z-class-description .section .section-name, #reference .z-protocol-description .section .section-name {
+    color: rgba(128, 128, 128, 1);
+    font-size: 2.2em;
+    cursor: default;
+}
+#reference .z-protocol-description .section .section .section-name, #reference .z-class-description .section .section .section-name {
+    color: rgba(0, 0, 0, 1);
+    font-size: 1.8em;
+    padding-top: 20px;
+}
+#reference .item .para {
+    padding-bottom: 0;
+    margin: 0 0 15px;
+}
+#reference a[name] {
+    padding-top: 112px;
+    margin: -112px 0 0;
+}
+#reference .height-container td {
+    max-width: inherit;
+}
+#reference .declaration .kt a, #reference .declaration .n a {
+    color: inherit;
+}
+#reference .declaration .kt a:hover, #reference .declaration .n a:hover, #reference .declaration a:hover .kt, #reference .declaration a:hover .n {
+    border-bottom: 1px solid;
+}
+#reference .copyright {
+    margin: 10px 0;
+}
+/*! Copyright © 2012 Apple Inc.  All rights reserved. */#release_notes .chapter-name {
+    width: auto;
+}
+#release_notes .nav-part-active {
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(0, 0, 0, 1);
+    cursor: default;
+}
+#release_notes #contents {
+    width: 980px;
+    margin-left: 0;
+}
+#release_notes .section {
+    width: 734px;
+    margin: 0 auto;
+}
+#release_notes #mini_toc {
+    left: 434px;
+}
+#roadmap.jazz .nav-chapters {
+    font-weight: 400;
+    line-height: 110%;
+    list-style-position: outside;
+    list-style-type: none;
+    margin: 0;
+    padding: 8px 0 0;
+    height: 100%;
+    width: 200px;
+}
+#roadmap .nav-part-active {
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(0, 0, 0, 1);
+    cursor: default;
+}
+#roadmap.jazz .conceptual-with-tasks:before {
+    border: 2px solid rgba(128, 128, 128, 1);
+    border-radius: 50%;
+    content: "";
+    display: block;
+    float: left;
+    height: 10px;
+    margin: 2px 8px 0 0;
+    width: 10px;
+}
+#roadmap.jazz .tutorial:before {
+    border: 2px solid rgba(128, 128, 128, 1);
+    content: "";
+    display: block;
+    float: left;
+    height: 10px;
+    margin: 2px 8px 0 0;
+    width: 10px;
+}
+#roadmap.jazz .nav-visited-chapter.conceptual-with-tasks:before {
+    background-color: rgba(128, 128, 128, 1);
+}
+#roadmap.jazz .nav-visited-chapter.tutorial:before {
+    background-color: rgba(128, 128, 128, 1);
+}
+#roadmap.jazz .nav-current-chapter.conceptual-with-tasks:before {
+    background-color: rgba(0, 0, 0, 1);
+    border-color: rgba(0, 0, 0, 1);
+}
+#roadmap.jazz .nav-current-chapter.tutorial:before {
+    background-color: rgba(0, 0, 0, 1);
+    border-color: rgba(0, 0, 0, 1);
+}
+.jazz .book-parts a {
+    margin-left: 24px;
+}
+#roadmap .nav-chapters li:first-child .pipe {
+    height: 9px;
+    top: auto;
+}
+#roadmap .nav-chapters .pipe {
+    background-color: gray;
+    height: 9px;
+    padding-top: 2px;
+    position: absolute;
+    right: auto;
+    bottom: auto;
+    left: 26px;
+    width: 2px;
+    margin-top: -1px;
+}
+#roadmap .nav-chapters li:last-child .pipe {
+    height: 0;
+    display: none;
+}
+body.jazz {
+    background-color: rgba(242, 242, 242, 1);
+    color: rgba(0, 0, 0, 1);
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 62.5%;
+    margin: 0 auto;
+    -webkit-font-smoothing: subpixel-antialiased;
+}
+.jazz a[name] {
+    display: block;
+    padding-top: 85px;
+    margin: -85px 0 0;
+    width: 0;
+    height: 0;
+}
+.jazz .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 980px;
+}
+.jazz .pixel-line {
+    background: rgba(233, 233, 233, 1);
+    height: 1px;
+    position: fixed;
+    top: 70px;
+    width: 734px;
+    z-index: 3;
+}
+.jazz .chapter {
+    background-color: rgba(255, 255, 255, 1);
+    border: 1px solid rgba(233, 233, 233, 1);
+    box-shadow: 0 0 1px rgba(0, 0, 0, .07);
+    display: block;
+    margin-left: 246px;
+    min-height: calc(100% - 173px);
+    min-height: -moz-calc(100% - 173px);
+    min-height: -webkit-calc(100% - 173px);
+    min-height: -o-calc(100% - 173px);
+    position: absolute;
+    overflow: auto;
+    padding-bottom: 100px;
+    top: 70px;
+    -webkit-overflow-scrolling: touch;
+    width: 734px;
+}
+.jazz #hierarchial_navigation {
+    float: left;
+    font-size: 1.4em;
+    margin-top: 29px;
+    vertical-align: middle;
+}
+.jazz #mini_toc {
+    background-color: rgba(255, 255, 255, 1);
+    background-image: url(../Images/plus_2x.png);
+    background-position: 90% 11px;
+    background-repeat: no-repeat;
+    background-size: 12px 12px;
+    border: 1px solid rgba(233, 233, 233, 1);
+    box-shadow: 0 0 1px rgba(0, 0, 0, .07);
+    margin-left: 505px;
+    padding: 10px 10px 0 15px;
+    position: fixed;
+    top: 85px;
+    width: 190px;
+    z-index: 1;
+    overflow-x: hidden;
+    overflow-y: auto;
+    height: 25px;
+    max-height: 500px;
+    -webkit-transition: height .3s ease, -webkit-transform .3s ease;
+    -moz-transition: height .3s ease, -moz-transform .3s ease;
+    -o-transition: height .3s ease, -o-transform .3s ease;
+    -ms-transition: height .3s ease, -ms-transform .3s ease;
+    transition: height .3s ease, transform .3s ease;
+}
+.jazz #mini_toc.slide-out {
+    -webkit-transform: translateY(-85px);
+    -moz-transform: translateY(-85px);
+    -o-transform: translateY(-85px);
+    -ms-transform: translateY(-85px);
+    transform: translateY(-85px);
+}
+.jazz #mini_toc.open {
+    background-image: url(../Images/minus_2x.png);
+    z-index: 2;
+}
+.jazz #mini_toc #mini_toc_button {
+    cursor: pointer;
+    width: 195px;
+}
+.jazz .section {
+    padding: 15px 25px 30px;
+}
+.jazz .section .section {
+    margin: 30px 0 0;
+    padding: 0;
+}
+.jazz .clear {
+}
+.jazz .two-columns {
+    clear: both;
+    display: table;
+    margin: 60px auto;
+    vertical-align: middle;
+    width: 85%}
+.jazz .left-column, .jazz .right-column {
+    display: table-cell;
+    height: 100%;
+    vertical-align: middle;
+}
+.jazz .left-column {
+    padding-right: 10px;
+}
+.jazz .right-column {
+    padding-left: 10px;
+}
+.jazz .right-column.left-align {
+    width: 100%}
+.jazz .right-column.left-align .para {
+    color: rgba(128, 128, 128, 1);
+    font-size: 1.6em;
+}
+.jazz .two-columns .inline-graphic {
+    margin: 0 auto;
+    text-align: center;
+}
+.jazz .two-columns .para {
+    clear: both;
+    font-size: 1.4em;
+}
+.jazz #ios_header {
+    background-color: rgba(65, 65, 65, 1);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .07);
+    color: rgba(255, 255, 255, 1);
+    height: 25px;
+    letter-spacing: .05em;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 4;
+}
+.jazz .header-text {
+    font-size: 1.1em;
+    margin: 0 auto;
+    padding-top: 6px;
+    vertical-align: middle;
+    float: left;
+}
+.jazz .header-text a {
+    color: rgba(255, 255, 255, 1);
+    text-decoration: none;
+}
+.jazz #apple_logo {
+    padding-right: 8px;
+    vertical-align: -2px;
+}
+.jazz #wwdr {
+    float: right;
+    padding-top: 4px;
+    font-size: 1.1em;
+    vertical-align: middle;
+    margin: 0 auto;
+}
+.jazz #wwdr a {
+    color: rgba(255, 255, 255, 1);
+    text-decoration: none;
+}
+.jazz #valence {
+    background-color: rgba(242, 242, 242, 1);
+    display: block;
+    height: 60px;
+    padding-top: 10px;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 3;
+}
+.jazz #hierarchial_navigation {
+    float: left;
+    font-size: 1.4em;
+    margin-top: 29px;
+    vertical-align: middle;
+}
+.jazz #carat {
+    margin: 0 10px;
+}
+.jazz #design_resources_link {
+    color: rgba(0, 136, 204, 1);
+    text-decoration: none;
+}
+.jazz #book_title {
+    color: rgba(0, 0, 0, 1);
+    font-size: 1em;
+}
+.jazz .download-text {
+    float: right;
+    font-size: 1.1em;
+    margin-right: 10px;
+    margin-top: 32px;
+    text-decoration: none;
+}
+.jazz .download-text a {
+    color: rgba(0, 136, 204, 1);
+    font-size: 1.1em;
+    text-decoration: none;
+}
+.jazz .download-text .thin-pipe {
+    color: rgba(128, 128, 128, 1);
+    font-size: 1.1em;
+    font-weight: 100;
+    padding-left: 7px;
+    position: relative;
+    top: -1px;
+}
+.jazz #ssi_SearchField {
+    margin-left: 3px;
+}
+.jazz input[type=search] {
+    background-size: 14px 14px;
+    background-image: url(../Images/magnify_2x.png);
+    background-position: 3% 50%;
+    background-repeat: no-repeat;
+    border: 1px solid rgba(233, 233, 233, 1);
+    box-shadow: 0 0 1px rgba(0, 0, 0, .07);
+    -webkit-appearance: none;
+    float: right;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 1.1em;
+    height: 30px;
+    margin-right: -2px;
+    margin-top: 23px;
+    padding-left: 18px;
+    vertical-align: middle;
+    width: 200px;
+}
+.jazz #shortstack {
+    display: none;
+}
+.jazz .para {
+    color: rgba(65, 65, 65, 1);
+    font-size: 1.4em;
+    line-height: 145%;
+    margin-bottom: 15px;
+}
+.jazz sup {
+    vertical-align: super;
+    font-size: x-small;
+    margin-left: 1px;
+}
+.jazz .chapter-name {
+    color: rgba(0, 0, 0, 1);
+    display: block;
+    font-family: Helvetica;
+    font-size: 2.8em;
+    font-weight: 100;
+    margin-bottom: 0;
+    padding: 15px 25px;
+    width: 63%}
+.jazz #mini_toc p {
+    font-size: 1.4em;
+}
+.jazz #mini_toc .list-bullet a {
+    color: rgba(0, 136, 204, 1);
+    list-style-type: none;
+    list-style-position: outside;
+    margin-left: 0;
+    padding-left: 0;
+    text-decoration: none;
+}
+.jazz #mini_toc ul.list-bullet {
+    list-style-type: none;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-top: 15px;
+    overflow: hidden;
+    padding-left: 0;
+    width: 167px;
+    display: none;
+}
+.jazz #mini_toc.open ul.list-bullet {
+    display: block;
+}
+.jazz #mini_toc ul.list-bullet li.item {
+    padding-left: 0;
+    display: block;
+}
+.jazz #mini_toc ul.list-bullet li.item:before {
+    content: none;
+}
+.jazz #mini_toc ul.list-bullet li.item .para {
+    color: rgba(0, 136, 204, 1);
+    font-size: 1.4em;
+    line-height: 135%;
+    padding-bottom: 22px;
+    text-decoration: none;
+}
+.jazz .chapter a {
+    color: rgba(0, 136, 204, 1);
+    text-decoration: none;
+}
+.jazz h3.section-name:before {
+    display: block;
+    content: " ";
+    margin-top: -85px;
+    height: 85px;
+    visibility: hidden;
+}
+.jazz .section-name {
+    color: rgba(128, 128, 128, 1);
+    display: block;
+    font-family: Helvetica;
+    font-size: 2.2em;
+    font-weight: 100;
+    margin-bottom: 15px;
+}
+.jazz .section .section .section-name {
+    color: rgba(0, 0, 0, 1);
+    font-size: 1.8em;
+    letter-spacing: 0;
+    padding-top: 20px;
+}
+.jazz .section .section .section .section-name {
+    font-size: 1.6em;
+    padding-top: 0;
+}
+.jazz .title-three {
+    color: rgba(0, 0, 0, 1);
+    font-size: 2em;
+    font-weight: 400;
+    margin-bottom: 10px;
+}
+.jazz .inline-head {
+}
+.jazz .term-definition .term, .jazz .term-definition-hanging .term {
+    color: rgba(65, 65, 65, 1);
+    font-size: 1.4em;
+    line-height: 145%}
+.jazz .term-definition .definition {
+    margin-left: 1.25em;
+}
+.jazz .code-voice, .jazz .path-name, .jazz .function-name {
+    color: rgba(128, 128, 128, 1);
+    font-family: Menlo, monospace;
+    font-size: .85em;
+    word-wrap: break-word;
+}
+.jazz .copyright {
+    clear: both;
+    color: rgba(160, 160, 160, 1);
+    float: none;
+    margin: 70px 25px 10px 0;
+}
+.jazz .link {
+    color: rgba(0, 136, 204, 1);
+    text-decoration: none;
+}
+.jazz .u-book {
+}
+.jazz .pediaLink {
+}
+.jazz .x-name-no-link {
+}
+.jazz .u-api {
+}
+.jazz ul.list-bullet {
+    list-style: none;
+    margin-bottom: 12px;
+    margin-left: 24px;
+    padding-left: 0;
+}
+.jazz ul.list-bullet li.item {
+    list-style-type: none;
+    list-style-image: none;
+    padding-left: 1.3em;
+    position: relative;
+}
+.jazz .aside ul.list-bullet li.item {
+    padding-left: 1.1em;
+}
+.jazz ul.list-bullet li.item:before {
+    color: rgba(65, 65, 65, 1);
+    content: "\02022";
+    font-size: 1.5em;
+    left: 0;
+    padding-top: 2px;
+    position: absolute;
+}
+.jazz .aside ul.list-bullet li.item:before {
+    font-size: 1.2em;
+    margin-top: -2px;
+}
+.jazz .list-number, .jazz .list-simple, .jazz .list-check {
+    margin-bottom: 12px;
+    margin-left: 20px;
+    padding-left: 20px;
+}
+.jazz .list-number {
+    color: rgba(65, 65, 65, 1);
+    font-size: 1.4em;
+}
+.jazz .aside .list-number {
+    font-size: 1em;
+}
+.jazz ol.list-number li.item ol.list-number {
+    font-size: 1em;
+}
+.jazz .list-number .item p {
+    font-size: 1em;
+}
+.jazz .list-simple {
+    list-style-type: none;
+}
+.jazz .list-check {
+    list-style: url(../Images/check.png) outside none;
+}
+.jazz .item p {
+    margin: 0;
+    padding-bottom: 6px;
+}
+.jazz .book-parts {
+    background-color: rgba(249, 249, 249, 1);
+    border-top: 1px solid rgba(233, 233, 233, 1);
+    border-left: 1px solid rgba(233, 233, 233, 1);
+    border-right: 1px solid rgba(233, 233, 233, 1);
+    bottom: 0;
+    box-shadow: 0 0 1px rgba(0, 0, 0, .07);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    position: fixed;
+    top: 70px;
+    width: 230px;
+}
+.jazz .nav-parts {
+    color: rgba(128, 128, 128, 1);
+    font-weight: 100;
+    line-height: 140%;
+    list-style-type: none;
+    margin: 0;
+    -webkit-padding-start: 0;
+}
+.jazz .part-name {
+    border-bottom: 1px solid rgba(233, 233, 233, 1);
+    font-family: Helvetica;
+    font-size: 1.6em;
+    line-height: 150%;
+    list-style-type: none;
+    margin: 0;
+    padding: 15px 30px 15px 20px;
+    cursor: pointer;
+}
+.jazz .part-name .part-name-hoverable {
+    cursor: pointer;
+}
+.jazz .nav-chapters {
+    font-weight: 400;
+    line-height: 110%;
+    list-style-position: outside;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    height: 0;
+    overflow: hidden;
+    -webkit-transition: height .3s ease-in-out;
+    -moz-transition: height .3s ease-in-out;
+    -o-transition: height .3s ease-in-out;
+    -ms-transition: height .3s ease-in-out;
+    transition: height .3s ease-in-out;
+}
+.jazz .nav-chapter {
+    font-size: .8em;
+    list-style-position: outside;
+    list-style-type: none;
+    margin: 0;
+    padding: 0 0 8px;
+}
+.jazz .nav-chapters .nav-chapter {
+    margin-left: 0;
+}
+.jazz .nav-chapter .nav-chapter-active {
+    color: rgba(0, 0, 0, 1);
+    font-weight: 700;
+    text-decoration: none;
+}
+.jazz .book-parts a {
+    color: rgba(128, 128, 128, 1);
+    display: block;
+    margin-left: 15px;
+    text-decoration: none;
+}
+.jazz .aside-title {
+    color: rgba(128, 128, 128, 1);
+    font-size: .6em;
+    letter-spacing: 2px;
+    margin-bottom: 8px;
+    text-transform: uppercase;
+}
+.jazz .tip, .jazz .warning, .jazz .important, .jazz .note {
+    background-color: rgba(249, 249, 249, 1);
+    border-left: 5px solid rgba(233, 233, 233, 1);
+    color: rgba(0, 0, 0, 1);
+    font-size: 1.2em;
+    margin: 30px auto 35px;
+    padding: 15px 15px 7px;
+    width: 85%}
+.jazz .note .para, .jazz .important .para, .jazz .tip .para, .jazz .warning .para {
+    font-size: 1em;
+    margin-bottom: 8px;
+}
+.jazz .aside .code-voice {
+    font-size: .9em;
+}
+.jazz .aside .code-listing .code-sample {
+    font-size: inherit;
+}
+.jazz .list-number .item .code-listing .code-sample .aside-title {
+    font-size: .6em;
+}
+.jazz .note {
+    border-left: 5px solid rgba(233, 233, 233, 1);
+}
+.jazz .important {
+    border-left: 5px solid rgba(128, 128, 128, 1);
+}
+.jazz .tip {
+    border-left: 5px solid rgba(233, 233, 233, 1);
+}
+.jazz .warning {
+    border-left: 5px solid rgba(247, 235, 97, 1);
+}
+.jazz .experiment {
+    border-left: 5px solid rgba(0, 136, 204, 1);
+}
+.jazz .rec-container {
+    margin: 40px auto;
+    text-align: center;
+    width: 95%}
+.jazz .rec-container .blurb {
+    text-align: center;
+}
+.jazz .rec-container .blurb .para:nth-child(1) {
+    color: rgba(128, 128, 128, 1);
+    font-size: 2em;
+    font-weight: 100;
+    line-height: 120%;
+    margin: 0 auto 20px;
+    width: 460px;
+}
+.jazz .rec-container .blurb .para {
+    margin-bottom: 20px;
+}
+.jazz .rec-container .left-container, .jazz .rec-container .right-container {
+    display: table-cell;
+    margin-top: 20px;
+    width: 325px;
+}
+.jazz .rec-container .left-container {
+    padding-right: 10px;
+}
+.jazz .rec-container .right-container {
+    padding-left: 10px;
+}
+.jazz .rec-container .container-label {
+    font-size: 1.5em;
+    margin-bottom: 10px;
+}
+.jazz .rec-container .do {
+    color: rgba(17, 183, 40, 1);
+}
+.jazz .rec-container .do-not {
+    color: rgba(208, 50, 54, 1);
+}
+.jazz .rec-container .recommended {
+    color: rgba(40, 103, 206, 1);
+}
+.jazz .rec-container .not-recommended {
+    color: rgba(255, 133, 0, 1);
+}
+.jazz .rec-container .inline-graphic {
+    margin: 10px auto;
+    max-width: 100%}
+.jazz .code-listing {
+    background-clip: padding-box;
+    margin: 20px 0;
+    text-align: left;
+}
+.jazz .item .code-listing {
+    padding: 0;
+    margin: 0 0 15px;
+}
+.jazz .code-listing .caption {
+    caption-side: top;
+    display: block;
+    font-size: 1.1em;
+    text-align: left;
+    margin-bottom: 16px;
+}
+.jazz>.content-wrapper>.chapter>.section>.list-number>.item>.code-listing {
+    padding-top: 0;
+    padding-bottom: 5px;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+.jazz .code-sample {
+    display: block;
+    font-size: 1.4em;
+    margin-left: 21px;
+}
+.jazz ol .code-sample {
+    font-size: 1em;
+}
+.jazz .code-lines {
+    background-color: rgba(255, 255, 255, 1);
+    counter-reset: li;
+    line-height: 1.6em;
+    list-style: none;
+    margin: 0 0 0 20px;
+    padding: 0;
+}
+.jazz .code-listing .code-sample div {
+    background: #fff;
+    width: 93%;
+    margin-left: 13px;
+}
+.jazz .code-listing .code-sample .code-lines {
+    margin-left: 0;
+}
+.jazz .code-listing .code-sample div .code-lines li {
+    list-style-type: none;
+    margin: 6px 0;
+    border-left-color: #fff;
+    padding-right: 10px;
+}
+.jazz .code-sample div .code-lines li::before {
+    margin-left: -35px;
+    margin-right: 25px;
+}
+.jazz .code-sample div .code-lines li:nth-child(n+10)::before {
+    margin-left: -39px;
+    margin-right: 25px;
+}
+.jazz .code-sample div .code-lines li:nth-child(n+100)::before {
+    margin-left: -46px;
+    margin-right: 25px;
+}
+.jazz .code-listing .code-sample .code-lines .code-voice {
+    color: #000;
+}
+.jazz div.Swift, .jazz div.Objective-C, .jazz div.CPlusPlus, .jazz div.JavaScript {
+    padding: 4px 0 2px 10px;
+    margin: 10px 0 21px;
+}
+.jazz div.Swift {
+    border-left: 5px solid rgba(205, 233, 244, 1);
+}
+.jazz div.Swift .aside-title {
+    color: rgba(75, 138, 251, 1);
+    -webkit-user-select: none;
+}
+.jazz div.Objective-C, .jazz div.CPlusPlus {
+    border-left: 5px solid rgba(0, 155, 51, .2);
+}
+.jazz div.Objective-C .aside-title, .jazz div.CPlusPlus .aside-title {
+    color: rgba(0, 155, 51, 1);
+    -webkit-user-select: none;
+}
+.jazz div.JavaScript {
+    border-left: 5px solid rgba(92, 17, 168, .2);
+}
+.jazz div.JavaScript .aside-title {
+    color: rgba(92, 17, 168, 1);
+    -webkit-user-select: none;
+}
+.jazz pre {
+    white-space: pre-wrap;
+}
+.jazz .code-lines li::before {
+    color: rgba(128, 128, 128, 1);
+    content: counter(li);
+    counter-increment: li;
+    font-family: Menlo, monospace;
+    font-size: .9em;
+    margin-right: 16px;
+    -webkit-user-select: none;
+}
+.jazz .code-lines li {
+    padding-left: 0;
+    text-indent: -13px;
+    white-space: pre-wrap;
+    border-left: 18px solid #f9f9f9;
+}
+.jazz .code-lines li:only-of-type::before {
+    color: rgba(255, 255, 255, 1);
+    content: ' '}
+.jazz .code-lines li:only-of-type {
+    color: rgba(255, 255, 255, 1);
+    content: ' ';
+    border-left-color: rgba(255, 255, 255, 1);
+}
+.jazz .code-lines li:nth-child(n+10) {
+    text-indent: -17px;
+}
+.jazz .code-lines li:nth-child(n+10)::before {
+    margin-right: 12px;
+}
+.jazz #next_previous {
+    bottom: 0;
+    color: rgba(0, 136, 204, 1);
+    margin: 0 25px;
+    position: absolute;
+    width: 684px;
+}
+.jazz .next-link a, .jazz .previous-link a {
+    background-size: 6px 12px;
+    background-repeat: no-repeat;
+    font-size: 1.4em;
+    margin-bottom: 50px;
+    margin-top: 50px;
+    width: 45%}
+.jazz .next-link a {
+    background-image: url(../Images/right_arrow_2x.png);
+    background-position: 100% 50%;
+    float: right;
+    padding-right: 16px;
+    text-align: right;
+}
+.jazz .previous-link a {
+    background-image: url(../Images/left_arrow_2x.png);
+    background-position: 0 50%;
+    float: left;
+    padding-left: 16px;
+    text-align: left;
+}
+.jazz #footer {
+    bottom: 0;
+    position: fixed;
+    width: 100%}
+.jazz #leave_feedback {
+    background-color: rgba(160, 160, 160, 1);
+    box-shadow: 0 0 1px rgba(0, 0, 0, .07);
+    color: rgba(255, 255, 255, 1);
+    font-size: 1.1em;
+    margin-left: 912px;
+    padding: 5px 10px;
+    position: absolute;
+    text-align: center;
+    right: auto;
+    z-index: 3;
+}
+.jazz #leave_feedback.leave_feedback_zh {
+    margin-left: 895px;
+}
+.jazz #modal {
+    font-family: Helvetica, Arial, sans-serif;
+    -webkit-border-radius: 0;
+    width: 600px;
+}
+.jazz #modal #feedback h2 {
+    font-size: 1.5em;
+    font-weight: 100;
+    margin-bottom: 10px;
+}
+.jazz #modal #feedback #star_group, .jazz #modal #feedback #improve {
+    top: 0;
+}
+.jazz #modal #feedback #star_group label, .jazz #modal #feedback .right-leaf, .jazz #modal #feedback .checkboxes label {
+    color: rgba(0, 0, 0, 1);
+}
+.jazz #modal #feedback #star_group label {
+    width: 200px;
+}
+.jazz #modal #feedback .right-leaf {
+    width: 297px;
+}
+.jazz #modal #feedback #comment, .jazz #modal #feedback #email {
+    border: 1px solid rgba(128, 128, 128, 1);
+    font-family: Helvetica, Arial, sans-serif;
+}
+.jazz #modal #feedback #comment {
+    margin: 26px 0 12px;
+}
+.jazz #modal #feedback #email {
+    height: 13px;
+}
+.jazz #modal #feedback #submit {
+    background-color: rgba(160, 160, 160, 1);
+    background-image: none;
+    color: rgba(255, 255, 255, 1);
+    font-family: Helvetica, Arial, sans-serif;
+    height: 27px;
+    margin: 0 0 0 6px;
+    -webkit-border-radius: 0;
+}
+.jazz #modal #feedback #legal {
+    margin-top: 22px;
+}
+.jazz .caption {
+    caption-side: top;
+    display: block;
+    font-size: 1.1em;
+    text-align: left;
+    margin-bottom: 8px;
+}
+.jazz .figure {
+    margin: 40px auto;
+    text-align: center;
+}
+.jazz .list-number .figure, .jazz .list-bullet .figure {
+    margin-left: -40px;
+}
+.jazz .inline-graphic {
+    margin: 20px auto;
+    text-align: center;
+    display: block;
+}
+.jazz tr td .para .inline-graphic {
+    margin: 10px 0;
+}
+.jazz .list-bullet .item .para .inline-graphic, .jazz .list-number .item .para .inline-graphic {
+    margin: 0 4px;
+    display: inline;
+    vertical-align: middle;
+}
+.jazz .tableholder {
+}
+.jazz .tablecaption {
+    caption-side: top;
+    font-size: 1.1em;
+    text-align: left;
+    margin-bottom: 8px;
+}
+.jazz ol .tablecaption {
+    font-size: .78em;
+}
+.jazz .caption-number {
+    padding-right: .4em;
+}
+.jazz .graybox {
+    border: 1px solid rgba(233, 233, 233, 1);
+    border-collapse: collapse;
+    border-spacing: 0;
+    empty-cells: hide;
+    margin: 20px 0 36px;
+    text-align: left;
+    width: 100%}
+.jazz .graybox p {
+    margin: 0;
+    word-break: break-word;
+    min-width: 50px;
+}
+.jazz .TableHeading_TableRow_TableCell {
+    padding: 5px 10px;
+    border-left: 1px solid rgba(233, 233, 233, 1);
+    background-color: rgba(249, 249, 249, 1);
+    font-weight: 400;
+    white-space: normal;
+}
+.jazz td {
+    border: 1px solid rgba(233, 233, 233, 1);
+    padding: 5px 25px 5px 10px;
+    margin: 0;
+    vertical-align: middle;
+    max-width: 260px;
+}
+.jazz .row-heading {
+    background-color: rgba(249, 249, 249, 1);
+}
+.video-container {
+    position: relative;
+}
+.video-container video {
+    outline: 0;
+    -webkit-transition: -webkit-filter .3s ease;
+    -moz-transition: -moz-filter .3s ease;
+    -o-transition: -o-filter .3s ease;
+    cursor: pointer;
+}
+.playButtonOverlay {
+    opacity: 1;
+    display: block;
+    -webkit-transition: opacity .3s ease;
+    position: absolute;
+    background: url(../Images/playbutton.svg) no-repeat;
+    background-size: cover;
+    left: 312px;
+    width: 60px;
+    height: 60px;
+    pointer-events: none;
+    top: 40%}
+.playButtonOverlay.hide {
+    opacity: 0;
+}
+.jazz #big_button.active {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    background-color: transparent;
+}
+.svg-container {
+    position: relative;
+}
+.svg-play-button {
+    background: url(../Images/playbutton.svg) no-repeat;
+    background-position: 0 0;
+    background-size: cover;
+    width: 32px;
+    height: 32px;
+    position: absolute;
+    top: 90px;
+    left: 90px;
+    pointer-events: none;
+    opacity: 1;
+    -webkit-transition: opacity .3s ease;
+}
+.svg-play-button.faded {
+    opacity: 0;
+}
+.p {
+    color: rgba(0, 0, 0, 1);
+}
+.c {
+    color: rgba(0, 131, 18, 1);
+}
+.err {
+}
+.k {
+    color: rgba(170, 13, 145, 1);
+}
+.o {
+    color: #000;
+}
+.cm {
+    color: rgba(0, 116, 0, 1);
+}
+.cp {
+    color: rgba(100, 56, 32, 1);
+}
+.c1 {
+    color: rgba(0, 116, 0, 1);
+}
+.cs {
+    color: rgba(0, 116, 0, 1);
+}
+.gd {
+    color: #A00000;
+}
+.ge {
+    font-style: italic;
+}
+.gr {
+    color: #F00;
+}
+.gh {
+    color: navy;
+    font-weight: 700;
+}
+.gi {
+    color: #00A000;
+}
+.go {
+    color: gray;
+}
+.gp {
+    color: navy;
+    font-weight: 700;
+}
+.gs {
+    font-weight: 700;
+}
+.gu {
+    color: purple;
+    font-weight: 700;
+}
+.gt {
+    color: #0040D0;
+}
+.kc {
+    color: rgba(170, 13, 145, 1);
+}
+.kd {
+    color: rgba(170, 13, 145, 1);
+}
+.kp {
+    color: rgba(170, 13, 145, 1);
+}
+.kr {
+    color: rgba(170, 13, 145, 1);
+}
+.kt {
+    color: rgba(184, 51, 161, 1);
+}
+.m {
+    color: rgba(28, 0, 207, 1);
+}
+.s {
+    color: rgba(196, 26, 22, 1);
+}
+.n {
+    color: rgba(111, 65, 167, 1);
+}
+.na {
+    color: rgba(131, 48, 30, 1);
+}
+.nb {
+    color: rgba(170, 13, 145, 1);
+}
+.nc {
+    color: rgba(63, 110, 116, 1);
+}
+.no {
+    color: rgba(38, 71, 75, 1);
+}
+.nd {
+    color: #A2F;
+}
+.ni {
+    color: #999;
+    font-weight: 700;
+}
+.ne {
+    color: #D2413A;
+    font-weight: 700;
+}
+.nf {
+    color: rgba(0, 0, 0, 1);
+}
+.nl {
+    color: rgba(46, 13, 110, 1);
+}
+.nn {
+    color: #00F;
+    font-weight: 700;
+}
+.nt {
+    color: green;
+    font-weight: 700;
+}
+.nv {
+    color: #19177C;
+}
+.ow {
+    color: #A2F;
+    font-weight: 700;
+}
+.w {
+    color: #bbb;
+}
+.mf {
+    color: rgba(28, 0, 207, 1);
+}
+.mh {
+    color: rgba(28, 0, 207, 1);
+}
+.mi {
+    color: rgba(28, 0, 207, 1);
+}
+.mo {
+    color: rgba(28, 0, 207, 1);
+}
+.sb {
+    color: rgba(196, 26, 22, 1);
+}
+.sc {
+    color: rgba(196, 26, 22, 1);
+}
+.sd {
+    color: rgba(196, 26, 22, 1);
+}
+.s2 {
+    color: rgba(196, 26, 22, 1);
+}
+.se {
+    color: rgba(196, 26, 22, 1);
+}
+.sh {
+    color: rgba(196, 26, 22, 1);
+}
+.si {
+    color: rgba(196, 26, 22, 1);
+}
+.sx {
+    color: rgba(196, 26, 22, 1);
+}
+.sr {
+    color: rgba(196, 26, 22, 1);
+}
+.s1 {
+    color: rgba(196, 26, 22, 1);
+}
+.ss {
+    color: rgba(196, 26, 22, 1);
+}
+.bp {
+    color: green;
+}
+.vc {
+    color: rgba(80, 129, 135, 1);
+}
+.vg {
+    color: #19177C;
+}
+.vi {
+    color: #19177C;
+}
+.il {
+    color: rgba(28, 0, 207, 1);
+}
+@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
+    body.jazz {
+    font-size: 75%}
+body.jazz h3.section-name::before {
+    margin-top: -120px;
+    height: 120px;
+}
+.jazz .content-wrapper {
+    width: 100%}
+.jazz #ios_header .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 96%}
+.jazz #valence .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 96%}
+.jazz #ios_header {
+    height: 30px;
+    letter-spacing: 0;
+    margin-bottom: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 3;
+}
+.jazz #valence {
+    height: 70px;
+    top: 30px;
+    position: fixed;
+    width: 100%;
+    z-index: 2;
+}
+.jazz #hierarchial_navigation {
+    margin-top: 2px;
+}
+.jazz .download-text {
+    position: relative;
+    top: -26px;
+}
+.jazz #search {
+    background-image: url(../Images/search_2x.png);
+    background-size: 30px 30px;
+    background-position: 0;
+    float: right;
+    height: 30px;
+    margin: 0 0 0 10px;
+    padding: 0;
+    width: 30px;
+}
+.jazz #search.enabled {
+}
+.jazz input[type=search] {
+    display: none;
+}
+.jazz input[type=search].enabled {
+    background-image: none;
+    display: block;
+    height: 30px;
+    margin-top: 34px;
+    padding-left: 8px;
+    -webkit-border-radius: 0;
+    width: 248px;
+}
+.jazz #shortstack {
+    display: block;
+    float: none;
+    height: 30px;
+    margin-left: -12px;
+    margin-top: 18px;
+    padding: 13px 10px;
+    position: absolute;
+    width: 30px;
+}
+.jazz .chapter {
+    bottom: 0;
+    left: 0;
+    margin-left: 0;
+    padding-bottom: 0;
+    position: relative;
+    right: 0;
+    top: 110px;
+    z-index: -2;
+}
+.jazz .part-name {
+    padding: 20px 20px 20px 25px;
+}
+.jazz .book-parts {
+    box-shadow: 0 0 1px rgba(0, 0, 0, .07);
+    display: none;
+    top: 110px;
+    position: fixed;
+    left: 0;
+    -webkit-overflow-scrolling: touch;
+    width: 295px;
+    z-index: -1;
+}
+.jazz .nav-parts {
+    overflow: auto;
+}
+.jazz .book-parts.open {
+    box-shadow: 7px 0 5px rgba(0, 0, 0, .05);
+    display: block;
+    z-index: 5;
+}
+.jazz #big_button.active {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 4;
+    background-color: transparent;
+}
+.jazz .nav-chapter {
+    padding: 0 0 16px;
+}
+.jazz #mini_toc {
+    background-position: 90% 14px;
+    margin-top: 2px;
+    padding: 10px 10px 5px 15px;
+    width: 220px;
+    top: 125px;
+}
+.jazz #mini_toc ul.list-bullet {
+    margin-top: 15px;
+    padding-bottom: 0;
+    width: 200px;
+}
+.jazz .section {
+    padding: 20px 13px;
+}
+.jazz .chapter {
+    margin: 0 auto;
+    width: 100%;
+    z-index: 0;
+    overflow: visible;
+}
+.jazz .chapter-name {
+    padding: 15px 20px 15px 13px;
+}
+.jazz .figure img {
+    max-width: 600px;
+}
+.jazz .two-columns .inline-graphic {
+    max-width: 100%}
+.jazz .intro ul.list-bullet {
+    width: 100%}
+.jazz .intro ul.list-bullet li.item {
+    width: 40%;
+    padding-right: 80px;
+}
+.jazz #next_previous {
+    margin: 0 13px;
+    position: static;
+    width: 95%}
+.jazz .copyright {
+    margin: 70px 13px 15px 0;
+    position: relative;
+    bottom: 0;
+}
+.jazz #footer {
+    position: relative;
+}
+.jazz #footer #leave_feedback {
+    height: 17px;
+    right: 0;
+    position: fixed;
+}
+.jazz #modal #feedback #comment {
+    -webkit-border-radius: 0;
+    height: 111px;
+    margin: 16px 0 12px;
+}
+.jazz #feedback .asterisk#a1.ipad, .asterisk#modal_a1.ipad {
+    left: 257px;
+}
+.jazz #feedback .asterisk#a2.ipad, .asterisk#modal_a2.ipad {
+    top: 178px;
+}
+.jazz .fineprint.invalid, #modal_feedback .fineprint.invalid {
+    bottom: 53px;
+}
+.jazz #modal #feedback #email {
+    -webkit-border-radius: 0;
+}
+.jazz #modal #feedback input[type=button] {
+    background-color: rgba(160, 160, 160, 1);
+    background-image: none;
+    color: rgba(255, 255, 255, 1);
+    font-family: Helvetica, Arial, sans-serif;
+    margin: 10px 0 0;
+    -webkit-border-radius: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+}
+#reference #bashful {
+    top: 109px;
+    left: -10px;
+    padding-bottom: 5px;
+}
+#reference #jump_to .filter {
+    display: block;
+}
+#reference .keyboard-shortcut {
+    display: none;
+}
+#reference.jazz .copyright {
+    position: absolute;
+}
+}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
+    .jazz .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 96%}
+.jazz #ios_header {
+    letter-spacing: 0;
+}
+.jazz #valence {
+    top: 25px;
+    height: 35px;
+}
+.jazz #hierarchial_navigation {
+    margin-top: 4px;
+}
+.jazz .download-text {
+    margin-top: 6px;
+}
+.jazz input[type=search] {
+    margin-right: 0;
+    margin-top: 0;
+    padding-left: 25px;
+    -webkit-border-radius: 0;
+}
+.jazz .book-parts {
+    -webkit-overflow-scrolling: touch;
+}
+.jazz .part-name {
+    padding: 15px 20px;
+}
+.jazz .chapter {
+    bottom: 0;
+    left: 246px;
+    margin-left: 20px;
+    padding-bottom: 0;
+    overflow: visible;
+}
+.jazz .section {
+    background: rgba(255, 255, 255, 1);
+}
+.jazz #next_previous {
+    position: static;
+    background: rgba(255, 255, 255, 1);
+    margin: 0;
+    padding: 0 25px;
+}
+.jazz #dpf_leave_feedback {
+    height: 16px;
+    margin-left: 797px;
+}
+.jazz .two-columns .inline-graphic {
+    max-width: 100%}
+.jazz #footer {
+    position: relative;
+}
+.jazz .copyright {
+    margin: 0;
+    position: relative;
+    bottom: 8px;
+}
+.jazz #footer #leave_feedback {
+    position: fixed;
+}
+.jazz #modal #feedback #comment {
+    -webkit-border-radius: 0;
+    height: 106px;
+}
+.jazz #feedback .asterisk#a1.ipad, .asterisk#modal_a1.ipad {
+    left: 257px;
+}
+.jazz .fineprint.invalid, #modal_feedback .fineprint.invalid {
+    bottom: 48px;
+}
+.jazz #modal #feedback #email {
+    -webkit-border-radius: 0;
+}
+.jazz #modal #feedback input[type=button] {
+    background-color: rgba(160, 160, 160, 1);
+    background-image: none;
+    color: rgba(255, 255, 255, 1);
+    font-family: Helvetica, Arial, sans-serif;
+    margin: 10px 0 0;
+    -webkit-border-radius: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+}
+#reference .keyboard-shortcut {
+    display: none;
+}
+#reference.jazz .copyright {
+    position: absolute;
+    bottom: 0;
+}
+}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
+    html {
+    -webkit-text-size-adjust: none;
+}
+body.jazz {
+    background-color: rgba(255, 255, 255, 1);
+    font-size: 70%;
+    overflow-x: hidden;
+}
+.jazz #ios_header {
+    display: block;
+    height: 30px;
+    position: static;
+    top: 0;
+    z-index: 3;
+}
+.jazz #ios_header .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 96%}
+.jazz .header-text {
+    letter-spacing: 0;
+    padding-top: 8px;
+}
+.jazz #wwdr {
+    padding-top: 8px;
+}
+.jazz #valence {
+    display: block;
+    height: 91px;
+    left: 0;
+    position: relative;
+    top: 0;
+    width: 100%;
+    z-index: 2;
+}
+.jazz #valence .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 96%}
+.jazz #hierarchial_navigation {
+    font-size: 1.4em;
+    margin-bottom: 0;
+    margin-top: 0;
+    padding-left: 10%;
+    padding-right: 10%;
+    text-align: center;
+}
+.jazz #search {
+    background-image: url(../Images/search_2x.png);
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: 32px 32px;
+    float: right;
+    height: 44px;
+    margin: 0 80px 0 0;
+    padding: 0;
+    width: 44px;
+}
+.jazz input[type=search] {
+    display: none;
+}
+.jazz input[type=search].enabled {
+    background-image: none;
+    display: block;
+    font-size: 1.4em;
+    height: 40px;
+    margin-right: -75px;
+    margin-top: 64px;
+    outline: 13px solid rgba(160, 160, 160, 1);
+    padding-left: 8px;
+    -webkit-border-radius: 0;
+    width: 297px;
+}
+.jazz .download-text {
+    background-image: url(../Images/download_2x.png);
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: 32px 32px;
+    color: transparent;
+    height: 44px;
+    margin: 0 10px 0 0;
+    width: 44px;
+}
+.jazz #shortstack {
+    float: none;
+    display: block;
+    height: 32px;
+    margin-left: 75px;
+    margin-top: 42px;
+    padding: 6px;
+    position: absolute;
+    width: 32px;
+}
+.jazz .book-parts {
+    border: 0;
+    box-shadow: 0 0 0;
+    clear: both;
+    margin: 61px 0 0 -20px;
+    -webkit-overflow-scrolling: auto;
+    z-index: -1;
+}
+.jazz .book-parts.open {
+    display: block;
+    margin-left: 0;
+    -webkit-overflow-scrolling: touch;
+    width: 100%;
+    z-index: 2;
+}
+.jazz .part-name {
+    padding-left: 30px;
+}
+.jazz .nav-part-active {
+    padding-bottom: 0;
+}
+.jazz .nav-chapters {
+    line-height: 180%}
+.jazz .nav-chapter {
+    line-height: 140%;
+    padding-bottom: 22px;
+    padding-left: 5px;
+}
+.jazz .content-wrapper {
+    background-color: rgba(255, 255, 255, 1);
+    width: 100%}
+.jazz .chapter {
+    border: 0;
+    box-shadow: none;
+    left: 0;
+    margin: 0 auto;
+    padding-bottom: 50px;
+    padding-top: 6px;
+    position: relative;
+    right: 0;
+    top: 0;
+    -webkit-overflow-scrolling: touch;
+    width: 96%}
+.jazz .frozen {
+    position: fixed;
+    z-index: -10;
+}
+.jazz .chapter-name {
+    margin-top: 0;
+    padding: 10px 15px 10px 5px;
+    width: 100%}
+.jazz #mini_toc {
+    background-position-y: 14px;
+    margin: 10px 0 10px 5px;
+    padding: 10px 10px 5px;
+    position: static;
+    width: 246px;
+}
+.jazz #mini_toc #mini_toc_button {
+    width: 246px;
+}
+.jazz .section {
+    padding: 10px 5px 20px;
+}
+.jazz .section-name {
+    margin-top: 0;
+}
+.jazz .figure img {
+    max-width: 275px;
+}
+.jazz .list-bullet {
+    margin-left: 18px;
+    padding-left: 15px;
+}
+.jazz .intro ul.list-bullet {
+    margin-top: 10px;
+}
+.jazz .intro ul.list-bullet li.item {
+    float: none;
+    padding: 5px 0;
+    width: 100%}
+.jazz ul.list-bullet li.item:before {
+    padding-top: 1px;
+}
+.jazz .intro ul.list-bullet li.item .para {
+    line-height: 200%}
+.jazz .two-columns {
+    display: block;
+    margin: 80px auto;
+}
+.jazz .two-columns .inline-graphic {
+    max-width: 100%}
+.jazz .left-column {
+    display: block;
+}
+.jazz .right-column {
+    display: block;
+    padding-left: 0;
+}
+.jazz .two-columns img {
+    padding-bottom: 10px;
+}
+.jazz .two-columns .para {
+    font-size: 1.2em;
+}
+.jazz .rec-container .blurb .para:nth-child(1) {
+    width: 95%}
+.jazz .rec-container .left-container {
+    display: block;
+    width: 100%}
+.jazz .rec-container .right-container {
+    display: block;
+    margin-top: 10px;
+    width: 100%}
+.jazz #next_previous {
+    margin: 0 10px;
+    position: static;
+    width: 95%}
+.jazz .previous-link {
+    display: table-cell;
+    height: 60px;
+    margin-bottom: 30px;
+    width: 40%}
+.jazz .next-link {
+    display: table-cell;
+    height: 60px;
+    margin-bottom: 30px;
+    width: 40%}
+.jazz .next-link a, .jazz .previous-link a {
+    display: table-cell;
+    vertical-align: middle;
+    width: 90%}
+.jazz #next_previous .copyright a {
+    display: inline;
+    vertical-align: baseline;
+}
+.jazz .copyright {
+    margin: 0;
+    text-align: center;
+}
+.jazz #footer {
+    background-color: rgba(255, 255, 255, 1);
+    padding-bottom: 20px;
+    position: relative;
+}
+.jazz #footer #leave_feedback {
+    margin: 0 auto;
+    height: 15px;
+    position: static;
+    width: 60px;
+}
+.jazz #modal {
+    margin-bottom: 7px;
+    overflow: scroll!important;
+    padding: 0;
+    -webkit-overflow-scrolling: touch;
+    width: 300px;
+}
+.jazz #modal #closebox {
+    left: 266px;
+    top: 5px;
+}
+.jazz .activated {
+    height: 700px;
+    margin-bottom: 0;
+}
+.jazz #feedback {
+    padding: 10px;
+    width: 280px;
+}
+.jazz #modal #sending {
+    width: 300px;
+}
+.jazz #modal #feedback h2 {
+    font-size: 1.1em;
+    margin-bottom: 5px;
+    margin-top: 0;
+    padding-top: 0;
+}
+.jazz #modal #feedback .left-leaf {
+    float: none;
+    margin-bottom: 15px;
+    width: 250px;
+}
+.jazz #modal #feedback .right-leaf {
+    float: none;
+    width: 250px;
+}
+.jazz #modal #feedback #comment {
+    -webkit-border-radius: 0;
+    height: 90px;
+    width: 266px;
+}
+.jazz #feedback .asterisk#a1 {
+    left: 185px;
+    top: 5px;
+}
+.jazz #feedback .asterisk#a2 {
+    top: 270px;
+    left: 279px;
+}
+.jazz #modal #feedback #email {
+    -webkit-border-radius: 0;
+    width: 266px;
+}
+.jazz #modal #feedback .fineprint {
+    bottom: 0;
+    position: relative;
+    width: 200px;
+}
+.jazz #modal #feedback input[type=button] {
+    background-color: rgba(160, 160, 160, 1);
+    background-image: none;
+    color: rgba(255, 255, 255, 1);
+    font-family: Helvetica, Arial, sans-serif;
+    left: 0;
+    margin: 10px 0 0;
+    -webkit-border-radius: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+}
+.jazz #modal #feedback #submit {
+    margin: 10px 0 0;
+}
+}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
+    html {
+    -webkit-text-size-adjust: none;
+}
+body.jazz {
+    background-color: rgba(255, 255, 255, 1);
+    font-size: 70%;
+    overflow-x: hidden;
+}
+.jazz #ios_header {
+    display: block;
+    height: 30px;
+    position: static;
+    top: 0;
+    z-index: 3;
+}
+.jazz #ios_header .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 96%}
+.jazz .header-text {
+    letter-spacing: 0;
+    padding-top: 8px;
+}
+.jazz #wwdr {
+    padding-top: 8px;
+}
+.jazz #valence {
+    display: block;
+    height: 82px;
+    left: 0;
+    position: relative;
+    top: 0;
+    width: 100%;
+    z-index: 2;
+}
+.jazz #valence .content-wrapper {
+    background-color: rgba(242, 242, 242, 1);
+    margin: 0 auto;
+    width: 96%}
+.jazz #hierarchial_navigation {
+    float: none;
+    font-size: 1.4em;
+    margin: 0 auto;
+    padding-top: 0;
+    text-align: center;
+    width: 90%}
+.jazz #search {
+    background-image: url(../Images/search_2x.png);
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: 32px 32px;
+    float: right;
+    height: 44px;
+    margin: 4px 199px 0 0;
+    padding: 0;
+    width: 44px;
+}
+.jazz input[type=search] {
+    display: none;
+}
+.jazz input[type=search].enabled {
+    background-image: none;
+    display: block;
+    font-size: 1.4em;
+    height: 40px;
+    margin-right: -200px;
+    margin-top: 60px;
+    outline: 13px solid rgba(128, 128, 128, 1);
+    padding-left: 8px;
+    -webkit-border-radius: 0;
+    width: 545px;
+}
+.jazz .download-text {
+    background-image: url(../Images/download_2x.png);
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: 32px 32px;
+    color: transparent;
+    height: 44px;
+    margin: 4px 10px 0 0;
+    width: 44px;
+}
+.jazz #shortstack {
+    float: none;
+    display: block;
+    height: 32px;
+    margin-left: 192px;
+    margin-top: 5px;
+    padding: 6px;
+    position: absolute;
+    width: 32px;
+}
+.jazz .book-parts {
+    clear: both;
+    display: none;
+    margin: 51px 0 0 -20px;
+    -webkit-overflow-scrolling: touch;
+    z-index: 1;
+}
+.jazz .book-parts.open {
+    display: block;
+    width: 60%;
+    z-index: 2;
+}
+.jazz .part-name {
+    padding-left: 30px;
+}
+.jazz .nav-part-active {
+    padding-bottom: 0;
+}
+.jazz .nav-chapters {
+    line-height: 180%}
+.jazz .nav-chapter {
+    line-height: 140%;
+    padding-bottom: 22px;
+    padding-left: 5px;
+}
+.jazz .content-wrapper {
+    background-color: rgba(255, 255, 255, 1);
+    width: 100%}
+.jazz .chapter {
+    border: 0;
+    box-shadow: none;
+    left: 0;
+    margin: 0 auto;
+    padding-bottom: 50px;
+    padding-top: 6px;
+    position: relative;
+    right: 0;
+    top: 0;
+    -webkit-overflow-scrolling: touch;
+    width: 96%}
+.jazz .frozen {
+    padding-top: 112px;
+    position: fixed;
+    z-index: -10;
+}
+.jazz .chapter-name {
+    padding: 10px 15px 10px 5px;
+    width: 100%}
+.jazz #mini_toc {
+    background-position-y: 14px;
+    margin: 10px 0 10px 5px;
+    padding: 10px 10px 5px;
+    position: static;
+    width: 246px;
+}
+.jazz #mini_toc #mini_toc_button {
+    width: 246px;
+}
+.jazz .section {
+    padding: 10px 5px 20px;
+}
+.jazz .figure img {
+    max-width: 275px;
+}
+.jazz .list-bullet {
+    margin-left: 18px;
+    padding-left: 15px;
+}
+.jazz .intro ul.list-bullet {
+    margin-top: 10px;
+}
+.jazz .intro ul.list-bullet li.item {
+    float: none;
+    padding: 5px 0;
+    width: 100%}
+.jazz ul.list-bullet li.item:before {
+    padding-top: 1px;
+}
+.jazz .intro ul.list-bullet li.item .para {
+    line-height: 200%}
+.jazz .two-columns {
+    display: block;
+    margin: 80px auto;
+}
+.jazz .left-column {
+    display: block;
+}
+.jazz .right-column {
+    display: block;
+    padding-left: 0;
+}
+.jazz .two-columns img {
+    padding-bottom: 10px;
+}
+.jazz .two-columns .inline-graphic {
+    max-width: 100%}
+.jazz .two-columns .para {
+    font-size: 1.2em;
+}
+.jazz .rec-container .blurb .para:nth-child(1) {
+    width: 95%}
+.jazz .rec-container .left-container {
+    display: block;
+    width: 100%}
+.jazz .rec-container .right-container {
+    display: block;
+    margin-top: 10px;
+    width: 100%}
+.jazz #next_previous {
+    margin: 0 10px;
+    position: static;
+    width: 95%}
+.jazz .previous-link {
+    display: table-cell;
+    height: 60px;
+    margin-bottom: 30px;
+    width: 40%}
+.jazz .next-link {
+    display: table-cell;
+    height: 60px;
+    margin-bottom: 30px;
+    width: 40%}
+.jazz .next-link a, .jazz .previous-link a {
+    display: table-cell;
+    vertical-align: middle;
+    width: 90%}
+.jazz #next_previous .copyright a {
+    display: inline;
+    vertical-align: baseline;
+}
+.jazz .copyright {
+    margin: 0;
+    text-align: center;
+}
+.jazz #footer {
+    background-color: rgba(255, 255, 255, 1);
+    padding-bottom: 20px;
+    position: relative;
+}
+.jazz #footer #leave_feedback {
+    margin: 0 auto;
+    height: 15px;
+    position: static;
+    width: 100px;
+}
+.jazz #modal {
+    margin-bottom: 7px;
+    overflow: scroll!important;
+    padding: 0;
+    -webkit-overflow-scrolling: touch;
+    width: 300px;
+}
+.jazz #modal #closebox {
+    left: 266px;
+    top: 5px;
+}
+.jazz .activated {
+    height: 700px;
+    margin-bottom: 0;
+}
+.jazz #feedback {
+    padding: 10px;
+    width: 280px;
+}
+.jazz #modal #sending {
+    width: 300px;
+}
+.jazz #modal #feedback h2 {
+    font-size: 1.1em;
+    margin-bottom: 5px;
+    margin-top: 0;
+    padding-top: 0;
+}
+.jazz #modal #feedback .left-leaf {
+    float: none;
+    margin-bottom: 15px;
+    width: 250px;
+}
+.jazz #modal #feedback .right-leaf {
+    float: none;
+    width: 250px;
+}
+.jazz #modal #feedback #comment {
+    -webkit-border-radius: 0;
+    height: 90px;
+    width: 266px;
+}
+.jazz #feedback .asterisk#a1 {
+    left: 185px;
+    top: 5px;
+}
+.jazz #feedback .asterisk#a2 {
+    top: 270px;
+    left: 279px;
+}
+.jazz #modal #feedback #email {
+    -webkit-border-radius: 0;
+    width: 266px;
+}
+.jazz #modal #feedback .fineprint {
+    bottom: 0;
+    position: relative;
+    width: 200px;
+}
+.jazz #modal #feedback input[type=button] {
+    background-color: rgba(160, 160, 160, 1);
+    background-image: none;
+    color: rgba(255, 255, 255, 1);
+    font-family: Helvetica, Arial, sans-serif;
+    left: 0;
+    margin: 10px 0 0;
+    -webkit-border-radius: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+}
+.jazz #modal #feedback #submit {
+    margin: 10px 0 0;
+}
+}/*! Copyright © 2010 Apple Inc.  All rights reserved. */@media only print {
+    .jazz #valence {
+    display: none;
+}
+.jazz #ios_header {
+    display: none;
+}
+.jazz #footer #leave_feedback {
+    display: none;
+}
+.jazz #mini_toc {
+    display: none;
+}
+.jazz .chapter {
+    position: relative;
+    margin: 0 auto;
+    top: 0;
+    border: 0;
+    box-shadow: none;
+    padding-bottom: 0;
+}
+.jazz .book-parts {
+    display: none;
+}
+body.jazz, .jazz .content-wrapper {
+    background-color: rgba(255, 255, 255, 1);
+}
+.jazz a[name] {
+    margin: auto;
+    padding-top: 0;
+    display: static;
+}
+.jazz .next-link a {
+    display: none;
+}
+.jazz .previous-link a {
+    display: none;
+}
+.jazz .rec-container .left-container {
+    padding-right: 0;
+    float: left;
+}
+.jazz .rec-container .right-container {
+    float: right;
+    padding-left: 0;
+}
+.jazz .rec-container .left-container, .jazz .rec-container .right-container {
+    display: static;
+    width: auto;
+}
+.jazz .para {
+    clear: both;
+}
+.jazz .copyright {
+    margin: auto;
+}
+}