/* ******************************************************************************************************************************************
* search
*********************************************************************************************************************************************/
#clickToDrag {
  background-color: #e7e7e7;
  background-image: url("/commons/skin/orange/images/grip.gif");
  background-position: left center;
  cursor: move;
  height: 30px;
  display: none;
}
#search_resp_effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
#search_resp_effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.containsStringImLookingFor  { background-color: #67BC67; color: #FFF; padding:1px;}
#search_box *{ z-index: 999999; }
#search_box{
  width: 360px;
  overflow: hidden;
  background-color: #fff ;
  display: block;
  max-height: 580px;
  margin-left: 70px;
  z-index: 999999;
  position: absolute;
}
.toggler,#search_resp_effect,#bookletSearchResults {
  width: 99%;
  height: 98%;
  max-height: 510px;
  background-color: #fff ;
  z-index: 999999;
  overflow: hidden;
}
.toggler{border-bottom: 1px #cdcdcd solid;}
#bookletSearchInput {
  border: 1px solid #cccccc;
  font-size: 10pt;
  padding: 2px;
  margin-left:10px;
}
#bookletSearchResults{
  overflow-y: scroll;
  max-height: 600px;
}
#bookletSearchResults .bookletSearchFeeedback { padding-bottom: 20px; }
#bookletSearchResults .bookletSearchFeeedback, #bookletSearchResults .bookletSearchLine { border-bottom: 1px dotted #CCC; }
#bookletSearchResults .bookletSearchPage { font-size: 80%; }
#search_box table,#search_box div,#search_box div,#search_box h3,#search_box  #bookletSearchResults, #search_box *,#search_box button {z-index: 999999;}
#search_box hr   {
  color: #cdcdcd;
  width: 100%;
  z-index: 999999;
}
.search_form, #search_bar, .toggler, #search_resp_effect {
  /*width:360px  ;*/
  /*background-color: #fff;*/
  z-index: 999999;
}
.search_form {
  white-space: nowrap;
  margin-top:5px
}
#search_botton{margin-top: 5px;}

/* ******************************************************************************************************************************************
* next & previous button
*********************************************************************************************************************************************/
.sj-book .next-button,
.sj-book .previous-button{
  width:22px;
  height:600px;
  position:absolute;
  top:0;
}
.sj-book .next-button{
  right:-22px;
  -webkit-border-radius:0 15px 15px 0;
  -moz-border-radius:0 15px 15px 0;
  -ms-border-radius:0 15px 15px 0;
  -o-border-radius:0 15px 15px 0;
  border-radius:0 15px 15px 0;
}
.sj-book .previous-button{
  left:-22px;
  -webkit-border-radius:15px 0 0 15px;
  -moz-border-radius:15px 0 0 15px;
  -ms-border-radius:15px 0 0 15px;
  -o-border-radius:15px 0 0 15px;
  border-radius:15px 0 0 15px;
}
.sj-book .previous-button-hover, .sj-book .next-button-hover{ background-color:rgba(0,0,0, 0.2); }
.sj-book .previous-button-hover, .sj-book .previous-button-down{
  background-image: url("../images/arrows.png");
  background-position:-4px 284px;
  background-repeat:no-repeat;
}
.sj-book .previous-button-down, .sj-book .next-button-down{ background-color:rgba(0,0,0, 0.4); }
.sj-book .next-button-hover,.sj-book .next-button-down {
  background-image: url("../images/arrows.png");
  background-position:-38px 284px;
  background-repeat:no-repeat;
}
.sj-book .zoom-in .next-button, .sj-book .zoom-in .previous-button{ display:none; }