/*
    This CSS only styled the search results section, not the search input
    It defines the basic interraction to hide content when displaying results, etc
*/
#book-search-results .search-results {
  display: none;
}
#book-search-results .search-results ul.search-results-list {
  list-style-type: none;
  padding-left: 0;
}
#book-search-results .search-results ul.search-results-list li {
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  word-break:break-all;
  /* Highlight results */
}
#book-search-results .search-results ul.search-results-list li p em {
  background-color: rgba(255, 220, 0, 0.4);
  font-style: normal;
}
#book-search-results .search-results .no-results {
  display: none;
}
#book-search-results.open .search-results {
  display: block;
}
#book-search-results.open .search-noresults {
  display: none;
}
#book-search-results.no-results .search-results .has-results {
  display: none;
}
#book-search-results.no-results .search-results .no-results {
  display: block;
}
#book-search-results .search-results table{width:600px;margin:10px 0;}
#book-search-results .search-results table tr td,#book-search-results .search-results table tr th{border:0px solid #eee;border-width:1px 0;padding:10px;font-size:12px;color:#666;}
#book-search-results .search-results table tr th{background:#f5f5f5;}
#book-search-results .search-results .search-results-title{text-align:left;}
#book-search-results .search-results a {color: #666;}
.foot li, .copyright{font-size:12px;}
.sub_nav_box{padding:0;width:300px;background:none;}
.top-search{position:relative;width:220px;height:35px;padding-right:50px;border:1px solid #ebedef;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:8px auto;background: #f6f8f9;}
.top-search input[type=text]{height:35px;padding:0 10px 0 20px;border:0;background:none;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.top-search button{position:absolute;right:0;top:0;width:50px;height:35px;background:none;border:0;outline:none;}
.top-search .search-icon {display: inline-block;vertical-align: middle;margin-top:3px;}
.top-search .search-icon:before {content: "";display: inline-block;width: 20px;height: 20px;background-image: url(../images/search@1x.png);background-repeat: no-repeat;cursor: pointer;}