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

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

    ul#booknav {
      font-size: $body-font-size;

      a {
        color: #000;

        &:hover {
          color: #666;
        }
      }

      li {
        background: none;
        padding-left: 30px;

        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;
        }
      }

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

  section.book {
    @extend .content;
    padding-right: 0;
    padding-bottom: 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 {
            display: table;
            @include box-sizing(border-box);
            height: 100%;
            width: 100%;
            vertical-align: middle;
            @include transition;
            background-color: rgba(#000, .7);
            background-repeat: no-repeat;
            background-position: center;
            opacity: 0;
            filter: alpha(opacity=0);
            text-indent: -9999px;

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

              &.last {
              }

              &.next {
              }
            }
          }

          &.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 {
      text-align: center;
      position: relative;
      border: 1px solid $border-color;

      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();
    }
  }
}
