div.book-wrapper {
  @extend .table-wrapper;

  section.book-sidebar {
    @extend .sidebar;
    @extend .tran;
    @include box-sizing(border-box);

    ul#booknav {
      font-size: em(14);

      li {
        background: none;
        border-bottom: 0;
        padding-left: lh();

        a {
          padding: 0;

          &:hover {
            background-color: transparent;
          }
        }

        div.hitarea {
          background-image: url('../images/treeview-default.gif');
          margin-left: -22px;
          position: relative;
          top: 4px;

          &:hover {
            filter: alpha(opacity=60);
            opacity: 0.6;
          }
        }

        ul {
          background: none;
          margin-top: lh(.25);
          border-top: 1px solid $border-color;
          padding-top: lh(.25);

          li {
            padding-bottom: lh(.25);
          }
        }
      }

      > li {
        border-bottom: 1px solid $border-color;
        padding: 7px 7px 7px 30px;
      }
    }
  }

  section.book {
    @extend .content;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;

    nav {
      @extend .clearfix;

      a {
        @extend .block-link;
        padding: 0 lh();
      }

      ul {
        @extend .clearfix;

        li {
          position: absolute;
          height: 100%;
          width: flex-grid(2, 8);

          a {
            background-color: rgba(#000, .7);
            background-position: center;
            background-repeat: no-repeat;
            @include box-sizing(border-box);
            display: table;
            height: 100%;
            opacity: 0;
            filter: alpha(opacity=0);
            text-indent: -9999px;
            @include transition;
            vertical-align: middle;
            width: 100%;

            &:hover {
              opacity: 1;
              filter: alpha(opacity=100);
            }
          }

          &.last {
            left: 0;

            a {
              background-image: url('../images/textbook/textbook-left.png');
            }
          }

          &.next {
            right: 0;

            a {
              background-image: url('../images/textbook/textbook-right.png');
            }
          }

        }
      }

      &.bottom-nav {
        border-bottom: 0;
        margin-bottom: -(lh());
        margin-top: lh();
      }
    }

    section.page {
      border: 1px solid $border-color;
      position: relative;
      text-align: center;

      img {
        max-width: 100%;
      }
    }
  }

  &.closed {
    section.book-sidebar {
      width: flex-grid(.6);

      header#open_close_accordion {
        padding: 0;

        a {
          background-image: url('../images/slide-right-icon.png');
        }

        h2 {
          padding: 0;
          visibility: hidden;
          width: 10px;
        }
      }

      ul#booknav {
        max-height: 100px;
        overflow: hidden;
        padding: 0;
        visibility: hidden;
        width: 10px;
      }
    }

    section.course-content {
      width: flex-grid(11.5) + flex-gutter();
    }
  }
}
