html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
  blockquote:before, q:before,
  blockquote:after, q:after {
    content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }

body a {
  color: #1a51c6; }

body {
  background-color: #404040;
  font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; }
  body a:active {
    outline: none; }
  body div.wrapped-content {
    width: 1050px;
    margin: 0 auto;
    padding: 0 20px; }
  body #header-wrapper {
    background-color: #191919;
    border-bottom: 3px solid white;
    min-width: 1090px;
    /* Webkit (Safari, Chrome) */
    -webkit-box-shadow: #2d2d2d 0px 5px 0px;
    /* Gecko (Firefox, Camino) */
    -moz-box-shadow: #2d2d2d 0px 5px 0px;
    /* CSS3 */
    box-shadow: #2d2d2d 0px 5px 0px; }
  body #header {
    position: relative;
    padding: 20px; }
    body #header h1, body #header h2 {
      color: #ebebeb; }
    body #header h1 {
      text-indent: -100em;
      overflow: hidden;
      height: 49px;
      width: 254px;
      background: url(/images/ipad/ipad-tutorials.png) no-repeat top left;
      margin-bottom: 1em; }
    body #header h2 {
      text-indent: -100em;
      overflow: hidden;
      height: 24px;
      width: 420px;
      background: url(/images/ipad/doc-example.png) no-repeat top left;
      margin-left: 2px; }
    body #header div#right-nav {
      position: absolute;
      bottom: 24px;
      right: 20px;
      text-align: right;
      color: #E4E4E4;
      font-size: 85%; }
      body #header div#right-nav a {
        color: #E4E4E4;
        font-weight: normal; }
        body #header div#right-nav a:hover {
          color: #2784fe; }
    body #header div#bluemango {
      display: none;
      float: right; }
      body #header div#bluemango img.credits {
        display: block;
        float: right;
        text-align: right;
        margin-bottom: 4px; }
      body #header div#bluemango img.logo {
        float: right;
        clear: right; }
  body #footer {
    padding-bottom: 20px; }
    body #footer .disclaimer {
      font-size: 10px;
      color: white; }
      body #footer .disclaimer a {
        color: white; }
    body #footer #screensteps-live {
      text-indent: -1000px;
      display: block;
      height: 64px;
      width: 258px;
      background: url(/images/ipad/badge_11.png) no-repeat;
      margin-bottom: 10px; }
  body #content {
    padding-top: 10px; }
  body div#ScreenStepsContent {
    width: 100%;
    margin-bottom: 1em; }
    body div#ScreenStepsContent div.header, body div#ScreenStepsContent div#ScreenStepsMessage, body div#ScreenStepsContent div.column_body {
      border: none; }
    body div#ScreenStepsContent div#ScreenStepsBreadCrumb {
      margin-left: 0em;
      padding-left: 24px;
      color: white; }
      body div#ScreenStepsContent div#ScreenStepsBreadCrumb a {
        color: white; }
  body div#ScreenStepsMainContent, body div#ScreenStepsLesson div#ScreenStepsMainContent {
    margin-top: 20px;
    width: 800px;
    background: url(/images/ipad/flat_01.png) no-repeat top left; }
    body div#ScreenStepsMainContent a, body div#ScreenStepsLesson div#ScreenStepsMainContent a {
      color: #3d3d3d; }
    body div#ScreenStepsMainContent p, body div#ScreenStepsLesson div#ScreenStepsMainContent p {
      margin-bottom: 0em; }
      body div#ScreenStepsMainContent p + p, body div#ScreenStepsLesson div#ScreenStepsMainContent p + p {
        margin-top: 10px; }
    body div#ScreenStepsMainContent div.header, body div#ScreenStepsLesson div#ScreenStepsMainContent div.header {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #D9D9D9;
      margin: 60px 60px 0px; }
      body div#ScreenStepsMainContent div.header h1, body div#ScreenStepsLesson div#ScreenStepsMainContent div.header h1 {
        color: #191919;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        font: bold 2.45em Arial, Helvetica, sans-serif; }
        body div#ScreenStepsMainContent div.header h1.manual_title, body div#ScreenStepsLesson div#ScreenStepsMainContent div.header h1.manual_title {
          background-image: none;
          padding-left: 10px; }
      body div#ScreenStepsMainContent div.header h2, body div#ScreenStepsLesson div#ScreenStepsMainContent div.header h2 {
        color: #191919;
        padding: 10px;
        font: bold 2.45em Arial, Helvetica, sans-serif; }
    body div#ScreenStepsMainContent div.search, body div#ScreenStepsLesson div#ScreenStepsMainContent div.search {
      border-top: 1px solid #D9D9D9;
      border-bottom: 1px solid #D9D9D9;
      background-color: #EBEBEB; }
    body div#ScreenStepsMainContent div.column_body, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_body {
      background: url(/images/ipad/flat_02.png) repeat-y;
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 0;
      background-color: none;
      padding: 0 60px;
      padding-bottom: 0em;
      min-height: 400px;
      margin-right: 0px; }
      body div#ScreenStepsMainContent div.column_body div.step, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_body div.step {
        border-bottom: none; }
        body div#ScreenStepsMainContent div.column_body div.step h2, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_body div.step h2 {
          font-size: 2em;
          font-weight: bold;
          border-bottom: 1px solid #D9D9D9;
          color: #3d3d3d;
          color: #333333;
          background-color: #E6E6E6; }
          body div#ScreenStepsMainContent div.column_body div.step h2 + div.instructions, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_body div.step h2 + div.instructions {
            padding-top: 20px; }
        body div#ScreenStepsMainContent div.column_body div.step + div.step, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_body div.step + div.step {
          border-top: 1px solid #D9D9D9; }
        body div#ScreenStepsMainContent div.column_body div.step .instructions, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_body div.step .instructions {
          padding-bottom: 30px; }
      body div#ScreenStepsMainContent div.column_body div.steps, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_body div.steps {
        border-bottom: 1px solid #D9D9D9;
        border-bottom-width: 5px; }
    body div#ScreenStepsMainContent div.column_bottom, body div#ScreenStepsLesson div#ScreenStepsMainContent div.column_bottom {
      background: url(/images/ipad/flat_03.png) no-repeat;
      height: 64px;
      width: 800px;
      margin-top: -10px;
      margin-bottom: -30px; }
    body div#ScreenStepsMainContent div#LessonContent div.description, body div#ScreenStepsLesson div#ScreenStepsMainContent div#LessonContent div.description {
      margin-right: 1px; }
    body div#ScreenStepsMainContent div#LessonContent ul, body div#ScreenStepsLesson div#ScreenStepsMainContent div#LessonContent ul {
      margin-left: 20px; }
    body div#ScreenStepsMainContent div#comment-wrapper, body div#ScreenStepsLesson div#ScreenStepsMainContent div#comment-wrapper {
      margin-right: 1px; }
  body div#ScreenStepsSidebar, body div#ScreenStepsLesson div#ScreenStepsSidebar {
    width: 220px;
    margin-top: 3em; }
    body div#ScreenStepsSidebar div.header, body div#ScreenStepsLesson div#ScreenStepsSidebar div.header {
      display: none;
      background-color: transparent; }
      body div#ScreenStepsSidebar div.header h2, body div#ScreenStepsLesson div#ScreenStepsSidebar div.header h2 {
        text-align: left; }
    body div#ScreenStepsSidebar div.column_body, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body {
      color: white;
      background-color: transparent; }
      body div#ScreenStepsSidebar div.column_body a:hover, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body a:hover {
        color: #2784fe; }
      body div#ScreenStepsSidebar div.column_body h3, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body h3 {
        font-size: 1.4em;
        font-weight: normal; }
      body div#ScreenStepsSidebar div.column_body h2, body div#ScreenStepsSidebar div.column_body h3, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body h2, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body h3 {
        color: white;
        background-color: transparent;
        border-top: none; }
      body div#ScreenStepsSidebar div.column_body div + h3, body div#ScreenStepsSidebar div.column_body div + div.sidebar_search, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div + h3, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div + div.sidebar_search {
        margin-top: 1em; }
      body div#ScreenStepsSidebar div.column_body div.manual_nav, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.manual_nav {
        padding-top: 1em;
        text-align: left; }
        body div#ScreenStepsSidebar div.column_body div.manual_nav ul li, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.manual_nav ul li {
          display: none; }
        body div#ScreenStepsSidebar div.column_body div.manual_nav ul li.toc, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.manual_nav ul li.toc {
          text-align: left;
          display: inherit; }
        body div#ScreenStepsSidebar div.column_body div.manual_nav form#lessons, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.manual_nav form#lessons {
          text-align: left; }
      body div#ScreenStepsSidebar div.column_body h3.rss_feed, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body h3.rss_feed {
        color: inherit; }
      body div#ScreenStepsSidebar div.column_body div.rss_feed, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.rss_feed {
        padding-top: 1em; }
        body div#ScreenStepsSidebar div.column_body div.rss_feed ul, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.rss_feed ul {
          padding-top: 0em; }
          body div#ScreenStepsSidebar div.column_body div.rss_feed ul li, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.rss_feed ul li {
            line-height: 1.5em; }
          body div#ScreenStepsSidebar div.column_body div.rss_feed ul a, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.rss_feed ul a {
            background: url(/images/icons/feed-icon-14x14.png) no-repeat left 2px;
            display: block;
            padding-left: 18px; }
      body div#ScreenStepsSidebar div.column_body div.powered-by p, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.powered-by p {
        line-height: 1.5em; }
        body div#ScreenStepsSidebar div.column_body div.powered-by p a.product, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.powered-by p a.product {
          text-decoration: none;
          font-weight: bold;
          color: #EACC00; }
          body div#ScreenStepsSidebar div.column_body div.powered-by p a.product:hover, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.powered-by p a.product:hover {
            text-decoration: underline; }
        body div#ScreenStepsSidebar div.column_body div.powered-by p a:hover, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.powered-by p a:hover {
          color: #2784fe; }
      body div#ScreenStepsSidebar div.column_body div.pdf, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.pdf {
        border: none;
        background-color: transparent; }
        body div#ScreenStepsSidebar div.column_body div.pdf img, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.pdf img {
          visibility: hidden; }
        body div#ScreenStepsSidebar div.column_body div.pdf a.pdf, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body div.pdf a.pdf {
          margin-left: -26px;
          font-weight: normal;
          text-decoration: underline; }
      body div#ScreenStepsSidebar div.column_body a, body div#ScreenStepsLesson div#ScreenStepsSidebar div.column_body a {
        color: white; }

#content div#ScreenStepsMainContent ul.chapters li h2 a {
  font-size: 16px;
  font-weight: bold; }
#content div#ScreenStepsMainContent ul.chapters > li {
  padding-bottom: 0em; }
  #content div#ScreenStepsMainContent ul.chapters > li + li {
    border-top: 1px solid #D9D9D9;
    padding-top: 10px;
    margin-top: 10px; }
#content div#ScreenStepsMainContent div.manual ul.sections ul.section_lessons {
  font-weight: bold;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 0em; }
  #content div#ScreenStepsMainContent div.manual ul.sections ul.section_lessons li {
    padding-bottom: 0em;
    line-height: 2em; }
  #content div#ScreenStepsMainContent div.manual ul.sections ul.section_lessons a {
    color: #25385a;
    text-decoration: none; }
    #content div#ScreenStepsMainContent div.manual ul.sections ul.section_lessons a:hover {
      text-decoration: underline; }
    #content div#ScreenStepsMainContent div.manual ul.sections ul.section_lessons a:hover {
      color: #3d3d3d; }

div#content div#ScreenStepsMainContent ul#assets {
  margin-right: 1px; }
  div#content div#ScreenStepsMainContent ul#assets li {
    padding: 0;
    padding-left: 50px;
    line-height: 44px;
    font-size: 18px;
    border-top: 1px solid white;
    border-bottom: 1px solid white; }
    div#content div#ScreenStepsMainContent ul#assets li:hover {
      background-color: #f4f4f4;
      border-top: 1px solid #D9D9D9;
      border-bottom: 1px solid #D9D9D9; }
    div#content div#ScreenStepsMainContent ul#assets li a {
      color: inherit;
      font-weight: bold;
      display: block; }

div#content div#ScreenStepsMainContent input[type="checkbox"] {
  height: 22px; }

div#content div#ScreenStepsMainContent div.search {
  margin-right: 1px; }
  div#content div#ScreenStepsMainContent div.search input[type="text"] {
    padding: 5px;
    margin-right: 1em; }
div#content div#ScreenStepsMainContent table#screensteps_search {
  color: #191919; }
  div#content div#ScreenStepsMainContent table#screensteps_search td.search_field {
    width: 320px; }
  div#content div#ScreenStepsMainContent table#screensteps_search td.submit {
    padding-left: 0.5em; }
  div#content div#ScreenStepsMainContent table#screensteps_search td {
    font-size: 85%; }
    div#content div#ScreenStepsMainContent table#screensteps_search td.total_screensteps_search_results {
      padding: 5px 0px 0; }
    div#content div#ScreenStepsMainContent table#screensteps_search td a {
      color: #25385a; }
div#content div#ScreenStepsMainContent ul#lessons {
  margin-top: 0em; }