img{
	-ms-interpolation-mode:bicubic;
}

#BookReader {
 position:absolute;
 font-family: arial, sans-serif;
}

#BRtoolbar {
    clear:none;
float:left;
height:52px;
margin:0 auto 0 0px;
text-align:center;
vertical-align:middle;
width:350px;
/*width:46%;*/
}
#BRtoolbarbuttons{
	color:white;
float:right;
font-weight:bold;
height:35px;
margin:3px auto 0;
padding-top:1px;
width:100%;
}

#BRtoolbarbuttonsLeft{
	float:left;
margin-right:10px;
width:102px;
}

#BRtoolbarTop {
    background-color:#666666;
height:49px;
width:100%;
min-width:965px;
}

#leftBar{
	float:right;
margin-right:0;
margin-top:0;
}

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

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

#BRpageview {
    background-color: #424242;
}

.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; 
    margin-right:5px;
}

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

/* Absolute path used since the html might be generated at /stream/id or elsewhere */
.BRicon.logo { background: url(images/logo_icon.png) no-repeat; }
.BRicon.zoom_out { background: url(images/tool_bar_zoom_out.jpg) no-repeat; height:44px;width:28px;}
.BRicon.zoom_in { background: url(images/tool_bar_zoom_in.jpg) no-repeat; height:44px;width:29px;}
.BRicon.one_page_mode { background: transparent url(images/button_preview_1_page.jpg) no-repeat scroll 0 5px; height:45px;width:35px;}
.BRicon.two_page_mode { background: transparent url(images/button_preview_2_pages.jpg) no-repeat scroll 0 5px; height:45px;width:52px;}
.BRicon.embed { background: url(images/embed_icon.png) no-repeat; }
.BRicon.print { background: url(images/button_print.jpg) no-repeat;height:47px;width:49px;margin-right:0px;float:left; }
.BRicon.book_left { background: url(images/tool_bar_previews.jpg) no-repeat;height:44px;width:21px; }
.BRicon.book_right { background: url(images/tool_bar_next.jpg) no-repeat; height:44px;width:21px;}
.BRicon.book_up { background: url(images/tool_bar_previews.jpg) no-repeat; height:44px;width:21px; }
.BRicon.book_down { background: url(images/tool_bar_next.jpg) no-repeat; height:44px;width:21px;}
.BRicon.book_leftmost { background: url(images/tool_bar_start.jpg) no-repeat; height:44px;width:23px;}
.BRicon.book_rightmost { background: url(images/tool_bar_end.jpg) no-repeat; height:44px;width:26px;}
.BRicon.book_top { background: url(images/tool_bar_start.jpg) no-repeat; height:44px;width:23px; }
.BRicon.book_bottom { background: url(images/tool_bar_end.jpg) no-repeat; height:44px;width:26px; }


.BRicon.play { background: url(images/tool_bar_auto_play.jpg) no-repeat; height:44px;width:30px;float:right;display:inline;}
.BRicon.pause { background: transparent url(images/tool_bar_stop_play.jpg) no-repeat scroll 4px 0; height:44px;width:25px;float:right;}

/* 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;*/
cursor:pointer; }

/* 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 { 
    margin:0 auto;
	width:710px;
	padding:0 0 0 100px;
	_padding:0px;
	#padding:0px;
}

#MainFooter { 
    -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#71706E none repeat scroll 0 0;
border:1px solid black;
bottom:1px;
clear:both;
color:#000000;
font-family:Verdana,Geneva,Arial,Helvetica,san-serif;
font-size:12px;
left:0;
line-height:16px;
margin-left:0;
position:absolute;
right:0;
vertical-align:middle;
z-index:2;
min-width:980px;
}

.BRlogotype {
    float:right;
    font-weight: bold; 
    height: 25px; 
    line-height: 25px; 
    vertical-align: middle; 
    padding:0 20px 0 0;
}

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
}


.info{
	padding-left:110px;
margin:0 auto;
position:relative;
top:3px;
_top:-5px;
#top:-5px;
width:700px;
z-index:3;
}



#titleInfo{
		-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#424242 none repeat scroll 0 0;
border-color:black #666666 black black;
border-style:solid ridge ridge solid;
border-width:1px 3px 3px 1px;
color:white;
font-family:Verdana,Geneva,Arial,Helvetica,san-serif;
font-size:12px;
width:585px;
height:45px;
float:left;
padding:0 5px;
}

#titleInfo a{
	color:#1EAAC1;text-decoration:none;
}

#titleInfo a:hover{
	color:#1EAAC1;text-decoration:underline;
}

#psIcons{
	float:right;
	width:90px;
}

.flags{
	float:left;
	margin-left:8px;
	
}

.label input{
	height:17px;
	width:27px;
	vertical-align:middle;
	padding:1px 0 0 1px;
	margin:0px;
}

.allForm{
	float:right;
height:25px;
margin:15px 16px 0 0;
padding:0;
}

.fulltextLink {
background-image:url("images/info.jpg");
background-position:5px 7px;
background-repeat:no-repeat;
float:left;
font-weight:bold;
height:36px;
line-height:1.5;
margin:4px 0 0 10px;
padding:11px 0 0 41px;
text-decoration:none;
width:181px;

}

.fulltextLink:hover {
background-image:url("images/info_hover.jpg");
background-position:5px 7px;
background-repeat:no-repeat;
float:left;
font-weight:bold;
height:36px;
line-height:1.5;
margin:4px 0 0 10px;
padding:11px 0 0 41px;
text-decoration:none;
width:181px;
}

.fulltextLinken {
background-image:url("images/info_en.jpg");
background-position:5px 7px;
background-repeat:no-repeat;
float:left;
font-weight:bold;
height:36px;
line-height:1.5;
margin:4px 0 0 10px;
padding:11px 0 0 41px;
text-decoration:none;
width:181px;

}

.fulltextLinken:hover {
background-image:url("images/info_en_hover.jpg");
background-position:5px 7px;
background-repeat:no-repeat;
float:left;
font-weight:bold;
height:36px;
line-height:1.5;
margin:4px 0 0 10px;
padding:11px 0 0 41px;
text-decoration:none;
width:181px;
}

#logoEkt{
color:white;
float:left;
font-size:9px;
margin-left:5px;
margin-top:0;
width:215px;
}

#logoEkt a{
	color:#1EAAC1;
	text-decoration:none;
	font-weight:bold;
}

#logoEkt a:hover{
	color:#1EAAC1;
	text-decoration:underline;
	font-weight:bold;
}

.ndcImg{
	float:left;
}

.ndcImg img{
	padding-top:6px;
}

.ndcLabel{
	color:white;
float:right;
font-weight:bold;
line-height:16px;
padding-right:16px;

width:91px;
	}
	
	.ndcLabel a{
	color:white;
	text-decoration:none;
	font-size:0.8em;
line-height:10px;
	}

	#backButton{
	float:left;
/*width:20%;*/
width:195px;
	}
	
#logoEadd{
	float:left;
width:182px;
}