#elibri-shadow { position: absolute; width: 100%; top: 0; left: 0; position: absolute; background: #777; display: none; z-index: 1; }
#elibri-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; position: absolute; display: none; z-index: 2; }
#elibri-overlay * { position: relative; /*z-index: 1;*/ }
#elibri-window { width: 820px; height: 652px; margin: 0; position: absolute;  /* -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #545454; */ display: none; }
#left-side { position: absolute; top: 50px; left: 0; bottom: 19px; width: 27px; background: url(images/left-side.png) repeat-y; }
#right-side { position: absolute; top: 50px; right: 0; bottom: 19px; width: 27px; background: url(images/right-side.png) repeat-y; }
#left-corner { position: absolute; left: 0; bottom: 0; height: 19px; width: 27px; background: url(images/left-corner.png) no-repeat; }
#right-corner { position: absolute; right: 0; bottom: 0; height: 19px; width: 27px; background: url(images/right-corner.png) no-repeat; }
#bottom-side { position: absolute; bottom: 0; right: 27px; left: 27px; height: 19px; background: url(images/bottom-side.png) repeat-x; z-index: -1;}
#gradient-l { position: absolute; bottom: 13px; left: 27px; width: 126px; height: 6px; background: url(images/gradient-l.png) no-repeat; z-index: 2; }
#gradient-r { position: absolute; bottom: 13px; right: 27px; width: 126px; height: 6px; background: url(images/gradient-r.png) no-repeat; z-index: 2; }
#elibri-menu { position: absolute; top: 0; left: 48px; right: 48px; height: 49px; background: #fff; border: 1px solid #cccccc; border-bottom: none; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#elibri-preview-logo { position: absolute; top: 18px; left: 15px; }
#elibri-buttons a, #elibri-menu a { position: absolute; top: 10px; display: block; height: 33px; width: 33px; font-size: 0; cursor: pointer; }
#elibri-buttons a { cursor: auto; top: 0; }
#elibri-buttons a.active { cursor: pointer; }
#elibri-menu a#elibri-close { right: 11px; background: url(images/close.png) no-repeat;}
#elibri-buttons { width: 321px; height: 33px; margin: 9px auto 0 auto; }
a#up { left: 0; background: url(images/up.png) no-repeat; }
a#up.active { left: 0; background: url(images/up-active.png) no-repeat; }
a#left { left: 52px; background: url(images/left.png) no-repeat; }
a#left.active { left: 52px; background: url(images/left-active.png) no-repeat; }
a#zoomin { left: 114px; background: url(images/zoomin.png) no-repeat; }
a#zoomin.active { left: 114px; background: url(images/zoomin-active.png) no-repeat; }
a#zoomout { left: 169px; background: url(images/zoomout.png) no-repeat; }
a#zoomout.active { left: 169px; background: url(images/zoomout-active.png) no-repeat; }
a#right { left: 233px; background: url(images/right.png) no-repeat; }
a#right.active { left: 233px; background: url(images/right-active.png) no-repeat; }
a#down { left: 288px; background: url(images/down.png) no-repeat; }
a#down.active { left: 288px; background: url(images/down-active.png) no-repeat; }
#elibri-wrapper { border: 1px solid #cccccc; position: absolute; top: 50px; left: 27px; }

#elibri-throbber { width: 300px; height: 400px; z-index: 2000; margin-top: -200px; margin-left: -150px; position: absolute; top: 50%; left: 50%;background: url(/images/spinner.gif); text-align: center;}
#elibri-throbber p { margin-top: 190px; font-weight: bold;}

#elibri-clicks div.clickable { cursor: pointer; z-index: 1003; position: absolute; /* IE9 hack: */ background-color: rgba(1,0,0,0);}
#elibri-click-left { left: 301px; top: 10px; width: 33px; height: 33px; }
#elibri-click-right { left: 482px; top: 10px; width: 33px; height: 33px; }
#elibri-click-down { left: 537px; top: 10px; width: 33px; height: 33px; }
#elibri-click-zoomin { left: 537px; top: 10px; width: 33px; height: 33px; }
#elibri-click-zoomout { left: 537px; top: 10px; width: 33px; height: 33px; }
#elibri-click-close { left: 762px; top: 10px; width: 33px; height: 33px; }
#elibri-page-left { left: 28px; top: 50px; width: 382px; height: 583px }
#elibri-page-right { left: 410px; top: 50px; width: 382px; height: 583px }


#elibri-pages {
  width: 800px;
  height: 608px;
  position: absolute;
  overflow: hidden;
  /*z-index: 10;*/
}

.elibri-page {
  width: 400px;
  height: 608px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  text-align: left;
}

.elibri-page.pr {
  left: 400px;
  top: 0px;
  overflow: hidden;
}

.elibri-page.pl {
  left: 0px;
  top: 0px;
  overflow: hidden;
}

.elibri-page canvas {
  z-index: 20;
  /*position: absolute;*/
  background: white;
}

canvas.l {
  /*float:left;*/
}
canvas.r {
  /*float:right;*/
}

canvas#gradient {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}

canvas#flip {
  z-index: 1001;
  position: absolute;
  top: -50px;
  left: -50px;
}