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

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

    ul#booknav {
      font-size: 12px;

      a {
        color: #000;

        &:hover {
          color: #666;
        }
      }

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

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

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

        ul {
          background: none;
        }
      }

      > li {
        border-bottom: 1px solid #d3d3d3;
        @include box-shadow(0 1px 0 #eee);
        padding: 7px 7px 7px 30px;
      }
    }
  }

  section.book {
    @extend .content;

    nav {
      @extend .topbar;
      @extend .clearfix;

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

      ul {
        @extend .clearfix;

        li {
          &.last {
            float: left;
            display: block;

            a {
              @include box-shadow(inset -1px 0 0 lighten(#f6efd4, 5%));
              border-right: 1px solid darken(#f6efd4, 20%);
              border-left: 0;
            }
          }

          &.next {
            display: block;
            float: right;
          }
        }
      }

      &.bottom-nav {
        margin-top: lh();
        margin-bottom: -(lh());
        border-bottom: 0;
        border-top: 1px solid #EDDFAA;
      }
    }

    section.page {
      text-align: center;

      img {
        border: 1px solid $border-color;
        max-width: 100%;
      }
    }
  }

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

      header#open_close_accordion {
        padding: 0;

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

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

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

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