#BookReader {
 border:1px solid black;
 position:absolute;
 font-family: arial, sans-serif;
}

#BRtoolbar {
    height:25px;
    width:100%;
    background-color: #E6E4E1;
}

#BRtoolbar .label {
    font-size: 0.9em;
}

#BRcontainer {
    /*height:95%;*/
    top:25px;
    bottom:0px;
    width:100%;
    overflow-x:auto;
    overflow-y:scroll;    
    /*text-align: center;*/
    background-color: #FCFCFC;
    position:absolute;
}

#BRpageview {
    background-color: #FCFCFC;
}

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

.BRpagediv2up {
    background-color: rgb(234, 226, 205);
    overflow:hidden;
}

/* 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: 0.85em; 
    padding: 2px;
}

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

.BRpageform {
    display: inline; 
}

.BRicon {
    width: 24px;
    height: 24px;
    padding: 0px;
    vertical-align: middle;
    border: none;
}

.BRicon.zoom_out { background: url(.images/zoom_out_icon.png) no-repeat; }
.BRicon.zoom_in { background: url(.images/zoom_in_icon.png) no-repeat; }
.BRicon.one_page_mode { background: url(.images/one_page_mode_icon.png) no-repeat; }
.BRicon.two_page_mode { background: url(.images/two_page_mode_icon.png) no-repeat; }
.BRicon.book_left { background: url(.images/book_left_icon.png) no-repeat; }
.BRicon.book_right { background: url(.images/book_right_icon.png) no-repeat; }
.BRicon.book_up { background: url(.images/book_up_icon.png) no-repeat; }
.BRicon.book_down { background: url(.images/book_down_icon.png) no-repeat; }
.BRicon.book_leftmost { background: url(.images/book_leftmost_icon.png) no-repeat; }
.BRicon.book_rightmost { background: url(.images/book_rightmost_icon.png) no-repeat; }
.BRicon.book_top { background: url(.images/book_top_icon.png) no-repeat; }
.BRicon.book_bottom { background: url(.images/book_bottom_icon.png) no-repeat; }


.BRicon.play { background: url(.images/control_play_icon.png) no-repeat; }
.BRicon.pause { background: url(.images/control_pause_icon.png) no-repeat; }

/* Icons with this class should have a 48x24 image which contains
   the regular and hover images side-by-side */
.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 { 
    position:absolute;
    bottom: 1px;        /* ensure no vertical scroll bar in FF */
    left: 0px;
    /*width: 100%;*/    /* this causes horizontal scroll bar in FF */
    right: 0px;
    clear: both; 
    color: #000000; 
    padding: 0px 0px 0px 10px; 
    background: #CCCCCC; 
    height: 2em; 
    line-height: 25px; 
    vertical-align: middle; 
    font-family: arial, sans-serif;
    font-size: 12px;
}

.BRlogotype {
    float:left;
    font-weight: bold; 
    height: 25px; 
    line-height: 25px; 
    vertical-align: middle; 
}

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 {
    float:right; 
    padding: 0px 20px 0px 0px; 
    margin: 0px; 
    height: 25px; 
    line-height: 25px; 
    vertical-align: middle;
}

/* thumnbail view, from Rebecca's demo */
.BRpdstatus-footer {
    position:absolute;
    height: 65px;
    bottom: 25px;
    width: 100%;
    background-color: #f8f8f8;
    border-top: 1px solid #ccc; 
    text-align: right; 
    padding: 0px 0px 0px 0px; 
}

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

.BRfliparea {
    background-image: url(.images/transparent.png); # Required to capture mouse on IE
}

/* =====================================*/
/* Adjustments for Mobile Devices       */
/* =====================================*/

@media (max-width: 480px) {
  p { font-size: 12pt; margin-left: 1%; margin-right: 1%; margin-bottom: 4pt; margin-top: 4pt; line-height: 125%; }
  p.indentb { margin-left: 6%; margin-right: 1%; }
  p.quoteb { margin-left: 6%; margin-right: 1%; }
  p.index { margin-left: 6%; margin-right: 1%; }
  h1 { font-size: 18pt; margin-left: 1%; margin-right: 1%; }
  h2 { font-size: 16pt; margin-left: 1%; margin-right: 1%; }
  h3 { font-size: 14pt; margin-left: 1%; margin-right: 1%; }
  h4 { font-size: 13pt; }
  h5 { margin-left: 1%; }
  h6 { margin-left: 1%; }
  img { width: 150px; height: auto; }
  img.auto {width: auto ; height: auto; }
  blockquote {margin-left: 1%; }
}