@charset "UTF-8";
/* workInfo.css */

#preloader {
  width: 100%;
  padding: 30px 4%;
  background-color: #fff;
  color: #587436;
  font: 1.65rem Arial;
  position: fixed;
  bottom: 0px;
  box-shadow: 0px 0px 20px 0px #666;
  margin-bottom: 0px;
}
#preloader span,
#preloader img {
  vertical-align: middle;
}

.titleSection {
  background: none repeat scroll 0 0 #ffffff;
  margin: 0;
  padding: 20px 0;
  position: relative;
}

#titleWrapper {
  display: inline-block;
  margin-left: 30px;
}

.titleSection h1 {
  color: #587436;
  font-size: 2.4rem;
  font-family: Georgia;
  font-weight: bold;
  margin: 0 10px 0 0;
}

#content .titleSection h3 {
  font: 1.05rem Georgia;
  font-weight: bold;
  margin: 0;
}

.contentSection h2 {
  color: #587436;
  font-family: Arial;
  font-size: 1.65rem;
  font-weight: normal;
  margin: 0 0 30px;
  text-align: left;
}

#content {
  overflow-x: hidden !important;
}

.titleSection .search {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: none repeat scroll 0 0 #ffffff;
  border: 2px solid #d4d0cd;
  color: #333333;
  height: 30px;
  margin: 20px 0;
  min-width: 247px;
  max-width: 273px;
  padding: 5px 0 5px 10px;
  vertical-align: middle;
  width: 100%;
}

.titleSection .search input {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 90%;
}

.titleSection .icon {
  height: 100%;
  width: auto;
}

img.icon {
  height: 100%;
  width: auto;
}

.book_overlay img.icon {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.left {
  float: left;
  background: rgba(255, 255, 255, 0.4);
}

.right {
  float: right;
}

div#biggerp {
  position: relative;
  cursor: pointer;
}

.book_overlay {
  background: #d9c756;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 45px #fff;
  font-family: Arial;
  font-size: 1.1rem;
  text-align: left;
  font-weight: normal;
  color: #fff;
}

div.image_overlay {
  height: 300px;
  margin-top: -300px;
  opacity: 0;
  transition: 0.5s;
  overflow: hidden;
}

div.image_overlay:hover {
  filter: grayscale(1%);
  opacity: 1;
}

.book_overlay span,
.book_overlay span img {
  vertical-align: middle;
}

#book_summary {
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
}

.contentSection,
.contentSection table {
  font-size: 0.85rem;
}

/* The table arranging the "summary" section. */
table#quick_summary {
  background: none repeat scroll 0 0 #ffffff;
  margin: 40px 0 0 0;
  max-width: 700px;
  /* text-align: center; */
  border-spacing: 5px 0;
  padding: 5px 0;
}

table#quick_summary tr td:nth-of-type(n) {
  vertical-align: middle;
  background: #ffffff;
  padding-left: 8px;
}

table#quick_summary th {
  border-bottom: medium none;
}

#importanceToolTipContainer {
  top: auto;
  position: absolute;
}

.userRatingCells {
  font-variant: small-caps;
  font-family: Georgia;
  font-size: 30px;
}

.indicatorOutside {
  padding: 3px;
  height: 20px;
  margin: 10px 0;
  background: #fff;
  border: 2px solid #c2bcb8;
}

.indicatorInside {
  height: 100%;
  background: #587436;
}

#book_summary th {
  font-size: 1.05rem;
  font-family: Georgia;
  color: #444;
  text-align: left;
  font-weight: normal;
  padding: 5px;
}

#book_summary td {
  padding: 0 35px 0 0;
  vertical-align: top;
}

.format_table {
  background: rgb(198, 226, 255);
  margin: 0px;
  padding: 50px 30px 20px;
}
.formats {
  padding: 10px 0;
}
#book_formats {
  min-width: 365px;
}

#main #content {
  padding: 0;
}

#book_info_navbar.fixedNavbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  padding: 2px 2%;
  width: 100%;
  /* Guarantee 100% width including padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#book_reviews {
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

/* Removing "position: relative" from this one style 
 * fixes the problem that MainMenuBar menus get overload by book-info menubar.
 *   sjd 2017-03-02
 */
#book_info_navbar {
  /*position: relative; */
  background: #a8a09a;
  width: auto;
  font-family: Arial;
  font-size: 1.1rem;
  text-align: left;
  color: #fff;
  padding: 2px 2% 2px 30px;
}

#book_info_navbar .gripper {
  width: 5px;
  cursor: default;
}

#book_info_navbar div.navbarFormat img {
  vertical-align: middle;
}

#book_info_navbar > span,
#book_info_navbar div.navbarFormat {
  padding: 3px 10px;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}

#book_info_navbar > span:hover,
#book_info_navbar div.navbarFormat:hover {
  background: #d9c756;
}

#book_info_navbar span.gripper:hover {
  background: transparent;
}

#book_info_navbar > #navbar-book_reviews {
  display: none;
}

#book_reviews .provided_by {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 15px;
  position: relative;
  width: 100%;
  background: #d9c756;
  font-family: Arial;
}

.iframeContainer {
  position: relative;
  background: url('/sites/ccel.org/themes/ccel2010/img/25.gif') no-repeat scroll
    center center #ffffff;
}

.minRating {
  background: #d9c756;
  padding: 15px;
  font-family: Arial;
}

.minRatingSelector {
  padding: 7px;
  background: #587436;
  margin: 0;
  cursor: pointer;
  position: relative;
}

.minRatingSelector:after {
  content: '☆';
  color: #d9c756;
}

.minRatingSelector.minRatingSelected {
  background: #fff;
  position: relative;
  z-index: 5;
}

.minRatingSelector.minRatingSelected:after,
.minRatingSelector.minRatingHovered.minRatingSelected:after,
.minRatingSelector.minRatingHovered:after {
  content: '★';
  color: #587436;
}

.minRatingSelector.minRatingHovered,
.minRatingSelector.minRatingHovered.minRatingSelected {
  position: relative;
  z-index: 5;
  color: #10a300;
  background: #fff;
}

#reviews_iframe {
  background: #fff;
  border: none;
  opacity: 0.01;
}

#noReviews {
  display: none;
}

.book-info-cover {
  height: 300px;
  width: auto;
}

#book_about_the_author h2 a {
  text-decoration: none;
  font-size: 1rem;
  display: inline-block;
}

#book_about_the_author h2 a:hover {
  text-decoration: underline;
}

#hiddenAuthorPicture {
  display: none;
}

table.authorSummaryTable {
  width: 100%;
  background: #fff;
}

#book_about_the_author td {
  padding: 10px 15px 10px 0;
  vertical-align: top;
}

#book_about_the_author td.authorPicture {
  width: 20%;
  min-width: 171px;
  padding: 10px 25px 10px 10px;
  vertical-align: middle;
  border-bottom: 0px;
}

#book_about_the_author .citation {
  font-size: 0.7rem;
}

#book_about_the_author .authorPicture img {
  width: 100%;
}

#book_annotations h5.annotationsHeader {
  font-size: 0.85rem;
}

.bigFormatButton {
  width: 25%;
  text-align: center;
}

.bigFormatInside {
  max-width: 175px;
  margin: 0 auto;
  cursor: pointer;
}

.bigFormatInside:hover {
  background: #e4d788;
}

.bigFormatButton img {
  width: 100%;
  max-width: 125px;
  z-index: 1;
}

.formattable {
  border-collapse: separate;
  border-spacing: 10px 0;
  width: 100%;
  margin: 15px 0px;
}

/* The font for headings */
@font-face {
  font-family: 'Georgia';
  font-weight: normal;
  font-style: normal;
}

.bigFormatButtonText {
  background: transparent;
  color: #555;
  text-align: center;
  font-weight: bold;
}

.formatOverlayContainer {
  position: relative;
  width: 100%;
  height: 100%;
}

.formatSelector {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #a8a09a;
  color: #ffffff;
  left: 0;
  bottom: -10%;
  display: none;
  z-index: 2;
}

.formatSelector td {
  vertical-align: middle;
  text-align: center;
  height: 0;
  width: 50%;
  border-bottom: 2px solid #83786f;
}

.formatSelector tr:last-of-type > td {
  border-bottom: 0;
}

.formatSelector td a {
  color: inherit;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.formatSelector table {
  width: 100%;
  height: 100%;
}

.formatSelector td:hover {
  background: #d9c756;
  color: #fff;
}

.searchResults.container {
  position: absolute;
  top: 80%;
  width: 100%;
  z-index: 5;
  height: 350px;
  display: none;
  opacity: 0.01;
  font-family: Arial, Helvetica, sans-serif;
}

.searchResults .border {
  width: 60%;
  height: 100%;
  margin: 0;
  background: #fff;
  box-shadow: 0 0 5px;
  padding: 3px;
}

.searchResults .main {
  background: #d4d0cd;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.searchResults .resultsText,
.searchResults .main .resultsText tr:first-child,
.searchResults .main .resultsText tr:last-child {
  display: none;
}

.searchResults .main .resultsText tr:nth-child(4n) {
  background: #fff;
}

.searchResults .main .resultsText tr:nth-child(even) td:first-child {
  padding: 10px;
}

.searchResults .main .resultsText tr:nth-child(even) td:first-child a {
  font-family: Georgia;
}

.searchResults .main .resultsText tr:nth-child(odd) {
  color: #258;
}

/* Overwrite the .alt_color settings */
.searchResults .resultsText a.alt_color {
  color: var(--ccel-red);
}
.searchResults .resultsText a.alt_color:hover {
  color: #ab4c4c;
}

.searchResults .placeholder {
  position: relative;
  top: 40%;
  font-size: 1rem;
  text-align: center;
  color: #666;
}

.searchResults .noResults,
.searchResults .errorResults {
  color: #d78825;
  text-align: center;
  font-size: 1rem;
  padding: 50px 0;
}

.searchResults .placeholder img {
  opacity: 0.01;
}

/*
 * Classes for the custom tool tips
 */
.toolTipContainer {
  display: none;
  position: absolute;
  width: auto;
  max-width: 300px;
  cursor: default;
}
.toolTipTriangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6px 5px 6px;
  border-color: transparent transparent #83786f transparent;
  margin-bottom: 0px;
  margin-left: 5px;
}
.toolTip {
  margin-top: 0px;
  background-color: #83786f;
  color: #eeeeee;
  width: auto;
  text-align: center;
  padding: 3px;
  border-style: solid;
  border-width: 0px;
  font-family: Arial;
  font-size: 0.75rem;
}
#book_info_navbar .navbarFormat .toolTipContainer {
  margin-top: 5px;
  font-size: 0.75rem;
}

/* Media Queries */

@media only screen and (max-width: 1140px) {
  #fatness {
    padding: 0px !important;
  }
  .image_overlay {
    height: 250px;
    margin-top: -255px;
  }
  .bookinfo_description {
    min-width: 250px;
    font-family: serif;
  }
  #sidebar-right {
    margin: 0px;
  }
}

@media only screen and (max-width: 840px) {
  #fatness {
    overflow-x: hidden;
  }
  #sidebar-right.sidebar {
    display: none;
  }
  .block {
    padding: 0.5em 1em;
  }
}

@media only screen and (max-width: 667px) {
  #book_summary td:last-of-type {
    width: auto;
  }

  .book_overlay {
    padding: 5px;
    font-size: 110%;
  }
  .book_overlay img {
    width: 15px;
  }
  .image_overlay {
    height: 150px;
    margin-top: -155px;
  }

  #quick_summary {
    margin: 40px 0 0 0;
    width: 100%;
  }
  #quick_summary .userRatingCells {
    min-width: 150px;
  }

  #new_quick_summary th {
    border-bottom: medium none;
  }

  #new_quick_summary .userRatingCells {
    display: none !important;
  }
}

@media only screen and (max-width: 610px) {
  /* Get rid of side padding so table grows larger */
  #book_formats {
    padding: 20px 0 50px 0;
  }
  #book_formats > h2 {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 567px) {
  #__bookinfo {
    width: 36%;
    margin: 0% 4% 4% 0%;
  }

  #book_summary td:first-of-type {
    min-width: 130px;
  }

  .bookinfo_description.newElement {
    display: block;
  }

  .toolTipContainer {
    max-width: 230px;
  }
}

@media only screen and (max-width: 517px) {
  #book_about_the_author td.authorPicture {
    display: none;
  }

  #hiddenAuthorPicture {
    display: block;
    width: auto;
  }

  #hiddenAuthorPicture img {
    width: 100%;
    max-width: 220px;
    display: block;
  }
  .image_overlay {
    height: 300px;
    margin-top: -305px;
  }
}