@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css")



					@media (max-width:860px) {
						#BookReader {
						
						}
					}
					
  .embed, .BRicon.print {
  display: none !important; 
  border:0;
  width:0  !important; 
  border:0;
}
					
					
body {overflow:visible;}

h1 {
font-size:1.1em;
padding-top:.8em;
width:80%;
}

.left {float:left;margin-right:1em;}

p {
font:.9em arial, sans-serif;
color:#333;
margin-top:-.8em;
}

div#brhead {display:none;
}

#BookReader {
 border:1px solid #ccc;
 position:absolute;
 right:10px; top:100px; bottom:0px;
 font-family: arial, sans-serif;
width:99%;
overflow:hidden !important;
margin-right:auto !important;
margin-left:auto !important;
}

#BRtoolbar {
  width:auto;
  background-color: #E6E4E1;
  font-size: 1.2em;
  padding-left:.5em;
  height:auto !important;
  overflow:visible;
}

#BRtoolbar button {
	margin:4px 0px;
	padding:7px;
	float:none;
	display:inline-block;
}

#BRtoolbar input {
 
  font-size:.9em;
 padding-left:2px;
  height:auto !important;
  overflow:visible;
}


#BRcontainer {
  position:relative;	
  height:90%;
  top:10px;
  bottom:0px;
  width:100%;
  overflow-x:scroll;
  overflow-y:scroll;  
  /*text-align: center;*/
  background-color: #ccc;

}

#BRpageview {
  background-color: #FCFCFC;
}


.BRpagediv1up {
  background-color: #FFFFEE;
  overflow:hidden;
  border-right: 1px solid #717171;
  border-bottom: 2px solid #717171;
  border-left: 1px solid #909090;
  border-top: 1px solid #909090;
  cursor: move;
}

.BRpagedivthumb {
  background-color: #FFFFEE;
  overflow:hidden;
  border: 1px solid #909090;
}

.BRpagedivthumb a {
  border: 0;
}

.BRpagedivthumb img {
  border: 0;
}

/* Must come after .BRpagedivthumb rules in order to override them */
.BRpagedivthumb_highlight {
  background-color: #FFFFEE;
  overflow:hidden;
  border: 1px solid #000000;
}

.BRpagediv2up {
  background-color: #FFFFEE;
  overflow:hidden;
}

#BRbookcover {
   background-color: #616161;
}

.BRpageimage {
   background-color: #616161;
}

.BRleafEdgeR {
  border-style: solid solid solid none;
  border-color: rgb(51, 51, 34);
  border-width: 1px 1px 1px 0px;
  background: transparent url(../images/br/right_edges.png) repeat scroll 0% 0%;
  position: absolute;
}

.BRleafEdgeL {
  border-style: solid none solid solid;
  border-color: rgb(51, 51, 34);
  border-width: 1px 0px 1px 1px;
  background: transparent url(../images/br/left_edges.png) repeat scroll 0% 0%;
  position: absolute;
}

.BRleafEdgeTmp {
  border-style: solid none solid solid;
  border-color: rgb(51, 51, 34);
  border-width: 1px 0px 1px 1px;
  background: transparent url(../images/br/left_edges.png) repeat scroll 0% 0%;
  position: absolute;
}

#BRbookspine {
  background-color: #616161;
  position: absolute;
}

/* search sidebar */
#BookReaderSearch {
  border:1px solid black;
  position:absolute;
  background-color: #E6E4E1;
  font-family: Arial, sans-serif;
 }

#BookReaderSearchResults {
  background-color: #FCFCFC;
  top: 25px;
  bottom: 0px;
  overflow:auto;  
  position: absolute;
  left: 0px;
  right: 0px;  
  font-family: arial, san-serif;
  font-size: 1em; 
  padding: 2px;
}

.BookReaderSearchHilite {
  opacity: 0.20; 
  filter: alpha(opacity = 20);
  background-color: #00f;
  position:absolute;
}

.BRpageform {
  display: inline; 
}

 /*

.BRicon.zoom_out { background: url(https://www.okhistory.org/images/br/zoom_out_icon.png) no-repeat; }
.BRicon.zoom_in { background: url(https://www.okhistory.org/images/br/zoom_in_icon.png) no-repeat; }
.BRicon.one_page_mode { background: url(https://www.okhistory.org/images/br/one_page_mode_icon.png) no-repeat; }
.BRicon.two_page_mode { background: url(https://www.okhistory.org/images/br/two_page_mode_icon.png) no-repeat; }
.BRicon.thumbnail_mode { background: url(https://www.okhistory.org/images/br/thumbnail_mode_icon.png) no-repeat; }
 
.BRicon.book_left { background: url(https://www.okhistory.org/images/br/book_left_icon.png) no-repeat; }
.BRicon.book_right { background: url(https://www.okhistory.org/images/br/book_right_icon.png) no-repeat; }
.BRicon.book_up { background: url(https://www.okhistory.org/images/br/book_up_icon.png) no-repeat; }
.BRicon.book_down { background: url(https://www.okhistory.org/images/br/book_down_icon.png) no-repeat; }
.BRicon.book_leftmost { background: url(https://www.okhistory.org/images/br/book_leftmost_icon.png) no-repeat; }
.BRicon.book_rightmost { background: url(https://www.okhistory.org/images/br/book_rightmost_icon.png) no-repeat; }
.BRicon.book_top { background: url(https://www.okhistory.org/images/br/book_top_icon.png) no-repeat; }
.BRicon.book_bottom { background: url(https://www.okhistory.org/images/br/book_bottom_icon.png) no-repeat; }
 */
 
 .BRicon.logo { display:None; }

.BRicon.logo { display:none; }
.BRicon.zoom_out:after { font-family:'Font Awesome 6 Pro'; font-weight: 900; content:'\f068'; font-size:1.7em;}
.BRicon.zoom_in:after {content:'\f055'; font-family:'Font Awesome 6 Pro'; font-weight: 900;   font-size:1.7em;}
.BRicon.one_page_mode:after { font-weight: 900; content:"\f0c8"; font-size:1.7em;font-family: "Font Awesome 6 Pro"; }
.BRicon.two_page_mode:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f518"; font-size:1.7em;}
.BRicon.thumbnail_mode:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f009"; font-size:1.7em;}
 
.BRicon.book_left:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f060"; font-size:1.7em;}
.BRicon.book_right:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content: "\f061"; font-size:1.7em;}
.BRicon.book_up:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f062";font-size:1.7em;}
.BRicon.book_down:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f063";font-size:1.7em;}
.BRicon.book_leftmost:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f100";font-size:1.7em;}
.BRicon.book_rightmost:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f101";font-size:1.7em;}
.BRicon.book_top:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f102";font-size:1.7em;}
.BRicon.book_bottom:after { font-family:"Font Awesome 6 Pro"; font-weight: 900; content:"\f103";font-size:1.7em;}


 Icons with this class should have a 48x24 image which contains
  the regular and hover images side-by-side */
  



.BRicon {
  vertical-align: middle;
  border: none;
  background:none !important;
    height:2em;
  width:2em;
}
 

  
X.BRicon.rollover:hover { background-position: -24px 0; }

/* Special logic for the logo, which is an actual link */
a.BRicon {
  display: block;
  text-decoration: none;
  border: none;
  float: left;


/* footer stuff, from Rebecca's demo */
#BRfooter { 
	display:none;
}

.BRlogotype {
display:none; 
}

a.BRwhite        { color: #fff }
a.BRwhite:hover     { text-decoration: none; }
a.BRwhite:visited    { color: #fff }

a.BRblack      { color: #000000 }
a.BRblack:hover   { text-decoration: none; }
a.BRblack:visited  { color: #000000 }

.BRnavlinks {
 
}

/* thumbnail view  */
 

.BRwidgetlabel { 
  color: #919070; 
  padding: 8px 8px 4px 8px; 
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 10px; 
  float: left; 
}

.BRfliparea {
  background-image: url(https://www.okhistory.org/images/br/transparent.png); /* Required to capture mouse on IE*/
}

.BRtwoPagePopUp {
  border: 1px solid black;
  padding: 2px 6px;
  position: absolute;
  font-family: sans-serif;
  font-size: 14px;
  background-color: rgb(255, 255, 238);
  opacity: 0.85;
}