html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,input,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  font-family: 'plain', sans-serif;
}

#BookReader {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
}

a.logo {
    float: left;
    width: 320px;
    background-image: url(/images/digital-archives-lockup-mobile@2x.png);
    /*background-repeat: no-repeat;*/
    background-size: contain;
    /*background-position: top left;*/
    height: 114px;
    margin: 0;
}

#BRtoolbar {
  height: 114px;
  background: #ffffff;
}

#BRtoolbarSectionInfo {
  height: 50px;
}

.BRtoolbarSectionLogo {
  width: 278px;
}

.BRtoolbarSectionTitle {
  width: calc(100% - 298px);
}

#BRtoolbar a, #BRtoolbar a:hover {
  color: #666666;
  white-space: pre-wrap;
}

#BRtoolbar .watermark-tip {
  color: #1276FF; 
  padding-top: 40px; 
  font-size: 16px
}

#BRreturn {
  background: #ffffff;
  padding-top: 18px;
  padding-left: 2em;
  position: relative;
}

.BRtoolbarSection {
  background: #ffffff;
  border-right: none;
}

.BRreturnTitle {
  font-size: 1.5em;
  color: black;
  line-height: 1;
  /*padding-top:10px;*/
}

.BRreturnTitle .subHead {
  color: #D52530;
  display: inline;
}
#BRtoolbarbuttons {
  border-bottom: none;
}

.BRtoolbarLeft {
  width: 70%;
}

.BRtoolbarRight {
  padding-top: 10px;
  width: 30%;
  height: 50px;
}

.BRtoolbarRight .BRtoolbarSection {
  float: right;
}

#textSrch {
  background-color: #eeeeee;
  border: 1px;
  border-color: #dddddd;
  margin-right: 3px;
  height: 22px;
  font-size: 14px;
}

.BRtoolbarSectionSearch {
  padding-top: 0;
  padding-left: 0;
  font-size: 14px;
}
.BRtoolbarSectionSearch #btnSrch {
  background-color: #cccccc;
  border: none;
  font-size: 14px;
  font-family: 'plain', sans-serif;
}

.BRtoolbarSectionSearch {
  padding-top: 6px;
}

div#BRpage .BRicon.book_left, .BRtoolbarRight, div#BRpage .BRicon.onepg, div#BRpage .BRicon.thumb {
  border: none;
}
.rotateRight {
     -moz-transform: rotate(90deg);  
       -o-transform: rotate(90deg);  
  -webkit-transform: rotate(90deg);  
      -ms-transform: rotate(90deg);  
          transform: rotate(90deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=6.123031769111886e-17, M12=-1, M21=1, M22=6.123031769111886e-17);
}

.rotateLeft {
     -moz-transform: rotate(-90deg);  
       -o-transform: rotate(-90deg);  
  -webkit-transform: rotate(-90deg);  
      -ms-transform: rotate(-90deg);  
          transform: rotate(-90deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17);
}

#bookTitleLink {
    
    display: block;
    font-size: 1.5em;
    padding-left: 10px;
	padding-top: 5px;
    text-align: left;
	float: left;
}

#BRcurrentpageWrapper {
  text-align: left;
  margin-left: 10px;
}

/* begin viewerframe.php list styles */

body.viewerFrame .BRfloatTitle {
  color: #666666;
}

body.viewerFrame {
	/*position: fixed;*/
}

body.viewerFrame .columnProgramLeft {
   float: left;
   margin-right: 30px;
   width: 200px;
}

body.viewerFrame .BRfloatBody .bothColumnsOuter {
	float:left;	
}
body.viewerFrame .columnProgramRight {
   float: right;
   width: 290px;
}
body.viewerFrame .BRfloatTitle .listTitle {
   font-weight: bold;
   color: #666666;
}

body.viewerFrame .BRfloatTitle .columnProgramLeft ul, 
body.viewerFrame .BRfloatTitle .columnProgramRight ul {
	margin-bottom: 13px;
}

body.viewerFrame .BRfloatTitle .columnProgramLeft ul li, 
body.viewerFrame .BRfloatTitle .columnProgramRight ul li {
    list-style: none;
	background: url(../images/bullet-tiny.gif) no-repeat left 7px;
	padding-left: 6px;
	margin-left: 10px;	
}

body.viewerFrame .BRfloatTitle .columnProgramLeft ul li.showExtra, 
body.viewerFrame .BRfloatTitle .columnProgramRight ul li.showExtra {
	background: none !important;
	padding-left: 0;
	margin-left: 0;
	}

#NYPShare {
	top: 0;
	position: absolute;
    width: 100% !important;
	}

#NYPInfo .bd,
#NYPShare .bd {
	overflow:scroll;
	height: auto !important;
}

#NYPShare .bd a {
  color: white;
  font-weight: 400;
}

#NYPInfo .bd a {
  color: black;
}

#NYPInfo .ft,
#NYPShare .ft {
	height:0px;
	padding:0;
}

#NYPInfo .yui-resize-handle-br,
#NYPShare .yui-resize-handle-br {
    display: none;
	/*right:0;
    bottom:0;
    height: 8px;
    width: 8px;
    position:absolute; */
}

body.artifact #NYPInfo .overview .thumb {
	display: none;
	}

#NYPInfo_c {
    left:0 !important;
    width: 100%;
    opacity: .95;
	padding: 0;
	overflow-y: scroll;
}

#NYPInfo #content #container {
    background: transparent;
}

#NYPInfo .bothColumnsOuter {
    float: left;
}

#NYPInfo.yui-module {
    width: 100% !important;
	height: auto !important;
	max-height: 100vh;
}

#badBrowser.header {
font-size: 14px;
font-weight: bold;
padding-bottom: 20px;
}

#badBrowser img {
display: block;
padding-bottom: 10px;
}

/** Transcription Mode **/
button.BRicon.NYTransMode { 
  background-position:-1760px 0px;
}
button.BRicon.NYTransMode:hover { 
  background-position:-1800px 0px;
}

div.BRtransview { 
  background-color:#fff;
  border-left:1px solid #ccc;
  font-size:12px;
  line-height:18px;
  text-align:justify;
  overflow-y:auto;
}

div.BRtransview-inner {
  text-align:left;
  height:100%;
  text-align:left;
}

div.BRtransview-content { 
  padding:60px 20px;
  font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif;
  font-size:1.0em;
  line-height:1.5em;
}

div.BRtransview-loading { 
  background-color: #666666;
  border-radius: 5px;
  color: #FFFFFF;
  display: inline;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  top: 40%;
  width: 200px;
  /* box-shadow: 0px 5px 20px -9px #000; */
  border: 1px solid #949494;
  text-align:center;
}

div.trans-edit-mode { 
  width: 93%;
  height: 86%;
  padding: 50px 20px;
}

div.editControls { 
  width:200px;
  position:absolute;
}

button.trans-edit-button { 

}

.transcriptOn #BRpage {
  width: 324px;
}
.transcriptOn #BRnavpos {
  margin-right: 324px;
}

#BRcontainer {
    background-color: #9A9B9D;
}

.BRicon.mobile-only { display: none; }

.BRicon.mobile-hide { display: inline; }


.BRtoolbarSection .BRicon.rotateLeftArrow {
   background-position: -1320px;
}

.BRtoolbarSection .BRicon.rotateRightArrow {
   background-position: -1400px;
}

.BRicon {
    background-image: url(images/BRicons@2x.png);
    background-repeat: no-repeat;
    background-size: 1840px 40px;
}

.BRicon.NYPinfo {
    background-position: -40px;
}

.BRtoolbarSection .BRicon.NYPinfo {
   background-position: -40px;
}

.BRtoolbarSection .BRicon.NYPshare {
   background-position: -120px;
}

.BRtoolbarSection .BRicon.audio, .BRicon.mobile-only.audio {
   background-position: -200px;
}

.BRtoolbarSection .BRicon.disabled, .BRicon.mobile-only.audio.disabled {
   background-position: -1560px;
}

.BRtoolbarSection .BRicon.video, .BRicon.mobile-only.video {
   background-position: -1480px;
}

.BRtoolbarSection .BRicon.video.disabled, .BRicon.mobile-only.video.disabled {
   background-position: -1600px;
}

.BRtoolbarSection .BRicon.NYTransMode {
   background-position: -200px;
}

div#BRpage {
  width: 360px;
}

div#BRnavpos {
  margin-right: 360px;
}

@media screen and (max-width: 1024px){

.BRtoolbarSectionSearch {
    padding-top: 6px;
}

#BRcontainer {
	/* allow panning when zoomed in on tablet landscape and smaller */
    overflow: scroll !important;
	touch-action: pinch-zoom;
}


}

@media screen and (max-width: 800px){


#BRtoolbar {
  height: 110px;
}

a.logo {
    float: left;
    width: 305px;
    background-image: url(/images/digital-archives-lockup-mobile.png);
    background-repeat: no-repeat;
    background-size: 305px 110px;
    background-position: -12px 0;
    height: 110px;
    margin: 0;
}

.BRtoolbarSectionLogo {
  width: 315px;
}
#BRtoolbar.responsive #BRtoolbarbuttons {
    display: block;
}

.BRtoolbarSectionTitle {
    width: calc(100% - 325px);
    padding-left: 0;
}

.BRtoolbarRight .BRtoolbarSectionSearch {
  padding-top: 14px;
  padding-right: 0;
  float: left;
}
#BRtoolbar.responsive .BRmobileHamburgerWrapper {
    display: none;
}

.BRtoolbarLeft {
  width: 100%;
}

.BRtoolbarRight {
    padding-top:60px;
    width: calc(100% - 315px);
}

#BRtoolbar .BRmobileHamburgerWrapper {
  text-align: left;
}

#BRtoolbar .BRmobileHamburgerWrapper .hamburger {
  float: right;
}

.BRtoolbarMobileTitle {
  text-align: left !important;
}

.header .hamburger a {
    left: auto;
    right: 10px;
}

.header .hamburger a {
    background: center center no-repeat transparent;
    background-image: url(images/icon_gear.png);
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.BRmobileHamburgerWrapper .logo a {
    float: left;
    width: 208px;
    background-image: url(/images/digital-archives-lockup-mobile.png);
    background-repeat: no-repeat;
    background-size: 208px 74px;
    height: 74px;
}


#BRtoolbar .BRmobileHamburgerWrapper {
  padding: 0 50px 0 0;
}

.BRtoolbarMobileTitle {
    text-align: left !important;
    padding: 12px;
    font-size: 15px;
    color: black;
    line-height: 24px;
    width: 60%;
}

.BRmobileHamburgerWrapper .subHead {
  color: #D52530;
  padding-top: 0 !important;

}

.mm-menu {
    background: #34302f;
    color: white;
    border-color: white;
    text-align: left;
}

.DrawerIcon {
    height: 28px;
    top: -3px;
}

.DrawerIconWrapper {
  margin-right: 16px;
}

.mm-panels>.mm-panel {
  padding-left: 14px;
}

.mm-menu .mm-listview {
    border-color: #999999;
    width: 80%;
}



.mm-navbar.mm-hasbtns {
    padding: 0 20px;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    text-align: left;
    color: white;
}

.mm-navbar {
  border: 0;
}

.DrawerSettingsTitle, .DrawerLayoutButton {
    color: #ffffff;
    }

.DrawerSettingsLayoutWrapper {
  text-align: left;
}

form.booksearch.mobile {
  width: 70%;
}

form.booksearch button {
  background-color: #653279;
}

#BRnavCntlBtm:hover {
  background-color: #653279;
}

.mobileSearchResult .pageDisplay {
  color: #aaaaaa;
}

.mobileSearchResult .searchImgPreview {
    width: 50px;
    height: auto;
    margin-right: 15px;
}

#mobileSearchResultWrapper {
    margin-top: 20px;
    width: 80%;
    line-height: 20px;
}

.mobileSearchResult {
  color: #FFFFFF;
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before, .mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after {
  border-color: white;
}

.mm-title {
  padding-left: 20px;
}

/* image viewer */

.highslide-thumbstrip {
  display: none !important;
}
}

@media screen and (max-width: 736px){

.BRicon.mobile-only { display: inline; }
.BRicon.mobile-hide { display: none; }
.BRicon.mobile-only.NYPinfo { background-position: -40px; }
.BRicon.mobile-only.audio.disabled { background-position: -1560px; }
.BRicon.mobile-only.audio { background-position: -200px; }
.BRicon.mobile-only.audio.disabled { background-position: -1560px; }
.BRicon.mobile-only.audio { background-position: -200px; }

#BRtoolbar.responsive #BRtoolbarbuttons {
    display: none;
}


#BRtoolbar.responsive .BRmobileHamburgerWrapper {
    display: block;
}

#NYPShare {
    display: none;
}

#NYPInfo {
	max-height: calc(100vh - 60px);
	overflow-y: scroll !important;
	}
		
.BRtoolbarMobileTitle {
    text-align: left !important;
    display: inline-block;
    padding: 12px;
    font-size: 15px;
    color: black;
    line-height: 24px;
	font-size: .9em;
}

#BRtoolbar {
    height: 74px;
}


#BRtoolbar > .BRmobileHamburgerWrapper > .BRtoolbarMobileTitle > div {
  color: #D52530;
  padding:0 !important;
}


/* HIDE ZOOM IN/OUT on small displays
	.BRnavDesktop .BRicon.zoom_out, .BRnavDesktop .BRicon.zoom_in {
    display: none;
}
*/

div#BRnavpos {
    margin-right: 300px;
}

div#BRpage {
    width: 300px;
}
}

@media screen and (max-width: 600px){

#BRtoolbar {
    height: 160px;
}

.BRtoolbarMobileTitle {
    text-align: left !important;
    display: block;
    padding: 12px;
    font-size: 15px;
    color: black;
    line-height: 24px;
    width: 100%;
}

}


@media screen and (max-width: 414px){

	
div#BRnavpos {
    display: none;
}

	#BRcurrentpageWrapper {
		text-align: left;
		margin-left: 15px;
	}

	div#BRpage {
    width: 96%;
}

	.BRicon {
		float: left;
	}
	
	div#BRnav {
    height: 60px;
    padding-top: 15px;
	}
	
	#BRnavCntlBtm {
		bottom: 60px;
	}
}