/*
// Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
// http://cssreset.com
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*
// Remove arrows from numeric fields
*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}



/*
// FULLSCREEN SUPPORT
*/

body:fullscreen {
  overflow: scroll !important;
}
body:-ms-fullscreen {
  overflow: scroll !important;
}
body:-webkit-full-screen {
  overflow: scroll !important;
}
body:-moz-full-screen {
  overflow: scroll !important;
}



/*
// BLUR
*/

.blur
{
    -webkit-backdrop-filter : blur(2px);
    -moz-backdrop-filter    : blur(2px);
    -ms-backdrop-filter     : blur(2px);
    backdrop-filter         : blur(2px);
}



/*
// UPDATE IMAGE
*/

#update-image
{
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
}



/*
// CURSORS
*/

.cursor-hand
{
    /* cursor: url(data:image/bmp;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8=), default; */
    cursor: grab;
}

.cursor-textaccess
{
    cursor: text;
}

.cursor-crop
{
    cursor: crosshair;
}

.cursor-default
{
    cursor: default;
}

.cursor-share
{
    cursor: move;
}

.cursor-wait
{
    cursor: wait;
}

.cursor-drag-me
{
    cursor: grab;
}



/*
// TEXT ACCESS
*/

#textaccess
{
    width:  32px;
    height: 32px;
}

#textaccesscontainer
{
    position:   fixed;
    top:        0px;
    left:       -64px;
    width:      100px;
    height:     100px;
    z-index:    -100;
}



.selection
{
    background: rgba(0,127,243,0.5);
    position: absolute;
    z-index: 140;
}

.selection.broken
{
    background: rgba(241,0,40,0.5);
}



/*
// CROP
*/

#CROPDIV
{
    position:               absolute;
    display:                block;
    z-index:                150;
    box-shadow:             rgba(0,0,0,.75) 5px 5px 25px;
    -webkit-touch-callout:  default;
}

#CROPIMAGE
{
    -webkit-touch-callout:  default;
    filter:                 sepia(0.2);
}

.CROPBORDER
{
   background: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=);
}

#CROPHIGHLIGHT
{
    position: absolute;
    display: block;
    z-index: 140;

    top: 10px;
    left: 10px;
    width: 200px;
    height: 200px;
}

#CROPTOP
{
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0px;
    left: 0px;
}

#CROPBOTTOM
{
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#CROPLEFT
{
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0px;
    left: 0px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#CROPRIGHT
{
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0px;
    right: 0px;
}

#CROPINFO
{
    position: fixed;
    display: block;
    z-index: 170;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: 1px solid;
    border-color: rgba(255,255,255,0.3);
    border-radius: 4px;
    font: 10px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 3px 5px 4px 5px;
    text-align: right;
}



/*
// MAIN CANVAS
*/

.maincanvas
{
    top:        0px;
    left:       0px;
    right:      0px;
    bottom:     0px;
    margin:     0px auto;
    position:   static;
    height:     100%;
    overflow:   visible;
}



/*
// SIDEBAR VIEWS
*/

.view-thumbs
{
    position: fixed;
    left: 0px;
    top: 0px;
    display: block;
    margin-top: 0px;
    overflow: scroll;
    z-index: 10;

    text-align:     center;
    font:           12px "Lucida Grande",Helvetica,Sans-serif;
}

.view-outlines
{
    position: fixed;
    left: 0px;
    top: 0px;
    display: block;
    margin-top: 0px;
    overflow: scroll;
    z-index: 10;
    text-align:     left;
}



/*
// MAIN VIEWS
*/

.view-standard
{
    position: relative;
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    overflow-x: visible;
    z-index: 0;

    text-align: center;
    font: 12px "Lucida Grande",Helvetica,Sans-serif;
}

.view-horizontal
{
    position: relative;
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    overflow: visible;
    z-index: 0;

    text-align: center;
    font: 12px "Lucida Grande",Helvetica,Sans-serif;
}

.view-mosaic
{
    position: absolute;
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    overflow: visible;
    z-index: 0;
    width: 100%;
    /* height is hard-set into MosaicViewBuild */

    text-align: center;
    font: 12px "Lucida Grande",Helvetica,Sans-serif;
}

.view-single
{
    position: absolute;
    right: 0px; /* instead of width: 100% avoid overflow when view is shifted */
    height: 100%;
    top: 0px;
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    overflow: hidden;
    z-index: 0;

    text-align: center;
    font: 12px "Lucida Grande",Helvetica,Sans-serif;
}

.view-single-wrapper
{
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: block;
}

.view-coverflow
{
    position: absolute;
    top: 0px;
    display: block;
    margin-top: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    z-index: 0;

    text-align: center;
    font: 12px "Lucida Grande",Helvetica,Sans-serif;

    -webkit-perspective: 1200px;
}



/*
// COVERFLOW SPECIFIC
*/

.coverflow-background
{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 200%;
    margin-left: -50%;
    left: 50%;

    background: rgb(78,82,102); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(78,82,102,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(78,82,102,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(78,82,102,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(78,82,102,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(78,82,102,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(78,82,102,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
}



/*
// TILE
*/

.tile
{
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 110;
}

.page-placeholder
{
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
}



/*
// ZOOMER
*/

.zoomer
{
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: 115;
}

.zoomer-img
{
    display: block;
    position: absolute;
    z-index: 116;
}



/*
// HIGHLIGHT for search results
*/

.highlight
{
    -webkit-box-shadow:  0px 2px 10px rgba(16, 16, 16, 0.4);
    box-shadow:  0px 2px 10px rgba(16, 16, 16, 0.4);

    position: absolute;
}

.highlightrounded
{
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.hdimmed
{
    background: rgba(238,238,238,0.5);
    background: -moz-linear-gradient(top,  rgba(238,238,238,0.5) 0%, rgba(221,221,221,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,0.5)), color-stop(100%,rgba(221,221,221,0.5)));
    background: -webkit-linear-gradient(top,  rgba(238,238,238,0.5) 0%,rgba(221,221,221,0.5) 100%);
    background: -o-linear-gradient(top,  rgba(238,238,238,0.5) 0%,rgba(221,221,221,0.5) 100%);
    background: -ms-linear-gradient(top,  rgba(238,238,238,0.5) 0%,rgba(221,221,221,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(238,238,238,0.5) 0%,rgba(221,221,221,0.5) 100%);

    z-index: 120;
}

.hcurrent
{
    background: rgba(255,246,0,0.5);

    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(243, 235, 0, 0.5)), color-stop(1, rgba(235, 171, 0, 0.5)) );
    background-image: -o-linear-gradient(bottom, rgba(243, 235, 0, 0.5) 0%, rgba(235, 171, 0, 0.5) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(243, 235, 0, 0.5) 0%, rgba(235, 171, 0, 0.5) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(243, 235, 0, 0.5) 0%, rgba(235, 171, 0, 0.5) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(243, 235, 0, 0.5) 0%, rgba(235, 171, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(243, 235, 0, 0.5) 0%, rgba(235, 171, 0, 0.5) 100%);

    z-index: 121;
}

.hcurrentPDFTOOLS
{
    background: rgba(291,0,0,0.5);
    z-index: 121;
}



/*
// LINKS - UNDERSCORE VERSION
*/
/*
.linktotarget
{
    position: absolute;
    display: block;
    z-index: 160;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=);
}

.linktotargetdesktop
{
}

.linktotargetdesktop:hover
{
    border-bottom: 2px solid #000;
    border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpi/P//PwMugEsOKM7EgBuwYBrAyMgIYeDTR5yZcKOI1ofLGwABBgD5cA8N2eiQIwAAAABJRU5ErkJggg==') 3 / 0px 0px 3px 0px / 0px 0px 0px 0px round;
}
*/


/*
// LINKS - GREEN TARGET VERSION
*/

.linktotarget
{
    position: absolute;
    display: block;
    z-index: 160;
    margin-top: -1px;
    margin-left: -1px;
    padding-bottom: 2px;
    padding-right: 2px;
}

.linktotargetdesktop
{
}

.linktotargetdesktop:hover
{
    background:
      linear-gradient(to right, #0d0 1.5px, transparent 1.5px) 0 0,
      linear-gradient(to right, #0d0 1.5px, transparent 1.5px) 0 100%,
      linear-gradient(to left, #0d0 1.5px, transparent 1.5px) 100% 0,
      linear-gradient(to left, #0d0 1.5px, transparent 1.5px) 100% 100%,
      linear-gradient(to bottom, #0d0 1.5px, transparent 1.5px) 0 0,
      linear-gradient(to bottom, #0d0 1.5px, transparent 1.5px) 100% 0,
      linear-gradient(to top, #0d0 1.5px, transparent 1.5px) 0 100%,
      linear-gradient(to top, #0d0 1.5px, transparent 1.5px) 100% 100%;

      background-repeat: no-repeat;
      background-size: 6px 6px;
}




/*
// DIMMER to obscure mosaic view pages
*/

.dimmer
{
    position: absolute;
    z-index: 120;

    background: rgba(0,0,0,0.5);

    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.45)), color-stop(1, rgba(0, 0, 0, 0.95)) );
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.95) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.95) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.95) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.95) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.95) 100%);
}



/*
// OUTLINES
*/

.outline
{
    position:       relative;
    padding-left:   12px;
    display:        block;
    width:          100%;
}

.outline
{
    -webkit-touch-callout   :   none;
    -webkit-user-select     :   none;
    -khtml-user-select      :   none;
    -moz-user-select        :   none;
    -ms-user-select         :   none;
    user-select             :   none;
}

.outline-label
{
    width                   :   100%;
    text-decoration         :   none;
    text-overflow           :   ellipsis;
    overflow                :   hidden;
    cursor                  :   pointer;
}

.outline-label-text
{
    line-height             :   16px;
    margin-bottom           :   4px;
    font                    :   12px "Lucida Grande",Helvetica,Sans-serif;
}

.outline-label-text.focus
{
    font-weight: bold;
}

.outline-label-text-mobile
{
    line-height             :   22px;
    margin-bottom           :   6px;
    font                    :   16px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.outline-label-text-mobile.focus
{
    font-weight: bold;
}

.outline-label:hover
{
    text-decoration         :   underline;
}

.outline-childs
{
    position:       relative;
    display:        block;
    width:          100%;
    height:         100%;
}

.outline-toggle-closed,
.outline-toggle-open
{
    position            : relative;
    top                 : 1.5px;
    margin              : 0px 2px 0px 0px;
    cursor              : pointer;
}

.outline-mobile-toggle-closed,
.outline-mobile-toggle-open
{
    position            : relative;
    top                 : 2.25px;
    margin              : 0px 3px 0px 0px;
    cursor              : pointer;
}

.toolbar-sidebar
{
    position            : fixed;
    display             : block;
    z-index             : 180;
    top                 : 0px;
    left                : 0px;
    pointer-events      : none;
}

.toolbar-mobile-sidebar
{
    position            : absolute;
    display             : inline-block;
    z-index             : 180;
    top                 : 0px;
    right               : 0px;
    pointer-events      : none;
}

#toolbar-sidebar-exit
{
    cursor              : pointer;
    z-index             : 185;
    position            : absolute;
    pointer-events      : auto;
}

/*
// PAGES
*/

.page-thumbs
{
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background: rgba(0,0,0,.5);
    box-shadow: rgba(0,0,0,.5) 3px 3px 9px;
}

.page-thumbs-pointer
{
    cursor: pointer;
}

.page-thumbs-download-selected
{
    outline: solid 2px #0f0;
    outline-offset: 5px;
    border-radius: 0px;
}

.page-standard
{
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    background: rgba(0,0,0,.5);
    box-shadow: rgba(0,0,0,.5) 5px 5px 25px;
}

.page-horizontal
{
    position: absolute;
    background: rgba(0,0,0,.5);
    box-shadow: rgba(0,0,0,.5) 4px 4px 16px;
}

.page-mosaic
{
    position: absolute;
    background: rgba(0,0,0,.5);
    box-shadow: rgba(0,0,0,.5) 4px 4px 16px;
}

.page-single
{
    position: absolute;
    background: rgba(0,0,0,.5);
    box-shadow: rgba(0,0,0,.5) 4px 4px 16px;
}

.page-coverflow {
    visibility: hidden;
    z-index: 100;
    display: position;
    position: absolute;
    top: 50%;
    left: 50%;

    margin-left: -90px;
    margin-top: -90px;

    background-color: white;
    background-size: 100%;

   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;

    -webkit-transition: all 300ms ease-in;
     -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
         -o-transition: all 300ms ease-in;
            transition: all 300ms ease-in;

    -webkit-box-reflect: below 0
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.25)));
}



/*
// STATUS FOR MENU ITEMS, TOOLBAR BUTTONS, SHARE BUTTONS
*/

.disabled
{
    opacity: 0.10;
    filter: alpha(opacity=10);
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
    cursor: default;
}

.dimmed
{
    opacity: 0.50;
    filter: alpha(opacity=50);
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
    cursor: default;
}

.normal
{
    opacity: 0.75;
    filter: alpha(opacity=75);
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
    cursor: pointer;
}

.normal:hover
{
    opacity: 1;
    filter: alpha(opacity=100);
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
    transition: opacity 0.25s;
    cursor: pointer;
}

.selected
{
    opacity: 1;
    filter: alpha(opacity=100);
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
    cursor: default;
}



/*
// MENU & MENUITEMS
*/



.menuglass
{
    z-index:    190;
    position:   fixed;
    overflow:   hidden;
    display:    block;
    left:       0px;
    top:        0px;
    width:      5120px;
    height:     3200px;
}



.menu
{
    z-index: 191;
    position: fixed;
    overflow: hidden;
    display: block;
    text-align: center;
}



.menuelement /* encloses the item, has the background and the border */
{
    left: 0;
    z-index: 192;
    position: absolute;
    overflow: hidden;
    display: block;
    height: 32px;
}

.menuelement-down
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.menuelement-top
{
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}


.menuitem /* should be paired with one among the classes 'normal', 'selected', 'disabled' */
{
    z-index: 193;
    position: relative;
    top: 0px;
    left: 0px;

    text-align: left;
    vertical-align: middle;
    color: #fff;
}

.menuitemtext
{
    font: 12px "Lucida Grande",Helvetica,Sans-serif;
}

.menuiteminnertext
{
    position: absolute;

    /* This avoids unwanted selection of menu item text */

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.menuitemtext-mobile
{
    font: 18px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 200;
}

.menuitemtext-right
{
    text-align: right;
}


#menu-tip
{
    opacity: 0.75;
    filter: alpha(opacity=75);
}



/*
// SHARE / FRAME
*/

.sharebar
{
    z-index: 200;
    position: fixed;
    bottom: 0px;
    height: 48px;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
}

.share-group
{
    margin: 0px 2px 0px 2px;
    display: inline;
}

.share-button,
.share-big-button,
.share-element,
{
    background: none;
    height: 36px;
    display: inline-block;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
}

.share-button
{
    margin: 6px 18px 0px 18px;
    width: 36px;
}

.share-element
{
    margin: 6px 6px 0px 6px;
    width: 18px;
}

.share-big-button
{
    margin: 6px 2px 0px 2px;
    width: 90px;
}

.frame
{
    display: block;
    position: absolute;
    z-index: 150;
}

.frame-handle
{
    z-index: 152;
    position: absolute;
}

.frame-handle:hover
{
    cursor: pointer;
}


/*
// TOOLBAR
*/

.toolbar
{
    z-index                 : 200;
    position                : fixed;
    top                     : 0;
    height                  : 32px;
    width                   : 100%;
    overflow                : hidden;
    display                 : block;
    text-align              : center;
}

/* to enable mouse-in-out css transitions (actually managed with javascript) */

/*

.toolbar
{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.toolbar:hover
{
    opacity: 0.90;
    filter: alpha(opacity=90);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

*/

.toolbar-group
{
    margin: 0px 12px 0px 12px;
    display: inline;
}

.toolbar-button
{
    margin: 4px 4px 0px 4px;
    background: none;
    width: 24px;
    height: 24px;
    display: inline-block;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
}

.toolbar-small-button
{
    position: relative;
    top: -5px;
    background: none;
    width: 15px;
    height: 15px;
    opacity: 0.85;
    filter: alpha(opacity=85);
    display: inline-block;
}

.toolbar-small-button:hover
{
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* SINGLE VIEW ARROWS */

.toolbar-arrow-right
{
    z-index: 200;
    position: fixed;
    display: block;
    right: 36px;
    top: 50%;
    margin-top: -18px;
    width: 18px;
    height: 36px;
    text-align: center;
    cursor: pointer;
}

.toolbar-arrow-left
{
    z-index: 200;
    position: fixed;
    display: block;
    left: 36px;
    top: 50%;
    margin-top: -18px;
    width: 18px;
    height: 36px;
    text-align: center;
    cursor: pointer;
}



/*
// PAGE NUMBER BOXES
*/

.toolbar-pagebox
{
    position: relative;
    top: -9px;
    margin: 4px 4px 0px 4px;
    width: 48px;
    height: 24px;
    display: inline-block;
    opacity: 0.85;
    filter: alpha(opacity=85);
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
}

.toolbar-pagebox-focus
{
    opacity: 1.00;
    filter: alpha(opacity=100);
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* ### to display png24 on IE8 */
}

.toolbar-pagebox-separator
{
    position: relative;
    top: -8px;
    font: 16px
    "Lucida Grande",Helvetica,Sans-serif;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.toolbar-pagefield
{
    background    : none;
    position      : relative;
    top           : 1px;
    border        : 0px none;
    padding       : 0px;
    width         : 32px;
    height        : 100%;
    vertical-align: middle;
    font          : 12px "Lucida Grande",Helvetica,Sans-serif;

    opacity       : 0.85; /* ### we repeat transparency level on the page-field without this the text is transparent in IE8 */
    filter        : alpha(opacity=85);
}

.toolbar-pagefield:focus
{
    outline: none;

    opacity: 1.00; /* ### we repeat transparency level on the page-field without this the text is transparent in IE8 */
    filter: alpha(opacity=100);
}

.toolbar-pagecountfield
{
    position: relative;
    top: 2px;
    background: none;
    border: 0 none;
    font: 12px "Lucida Grande",Helvetica,Sans-serif;
    padding: 0px 0px 0px 0px;
    display: inline-block;

    opacity: 0.85; /* ### we repeat transparency level on the page-field without this the text is transparent in IE8 */
    filter: alpha(opacity=85);
}

.toolbar-message
{
    font-family     : "Lucida Grande",Helvetica,Sans-serif;
}

.toolbar-message-box
{
    display: block;
    overflow: hidden;
    z-index: 300;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
}



/*
// LIMITED ACCESS
*/

.ltdAccessBackground
{
    background-color: rgba( 0, 36, 38, 0.85);
}

.ltdAccessBlockBackground
{
    background-color: rgba( 0, 18, 19, 0.85);
    box-shadow: 0px 0px 0px 9999px rgba(0,0,0,0.5);
}

#ltdAccessDiscover
{
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 12px;
    background-color: #91c400;
    color: #002426;
    text-decoration: none;
}

#ltdAccessClose
{
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 12px;
    background-color: #1c6a68;
    color: #fff;
    text-decoration: none;
}

#ltdAccessSubscribe
{
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 12px;
    background-color: #1c6a68;
    color: #fff;
    text-decoration: none;
}



/*
// DOWNLOAD PAGE SELECTION BOX
*/

.downloadPageSelectionBoxBackground
{
    background-color: rgba( 0, 18, 19, 0.85);
    box-shadow: 0px 0px 0px 9999px rgba(0,0,0,0.5);
}

#downloadPageSetGo
{
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 12px;
    background-color: #91c400;
    color: #002426;
    text-decoration: none;
}

#downloadPageSetCancel
{
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 12px;
    background-color: #822;
    color: #fff;
    text-decoration: none;
}


/*
// SESSION CLOSE
*/

.sessionCloseBackground
{
    background-color: rgba( 128, 0, 0, 0.85);
}



/*
// SEARCH FIELD BOX
*/

.toolbar-searchbox
{
    position: relative;
    top: -5px;
    width: 120px;
    height: 24px;
    display: inline-block;
    opacity: 0.85;
    filter: alpha(opacity=85);

    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
}

.toolbar-searchbox-focus
{
    opacity: 1.00;
    filter: alpha(opacity=100);

    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
}

.toolbar-searchfield
{
    position: relative;
    top: -2px;
    background: none;
    border: 0 none;
    font: 12px "Lucida Grande",Helvetica,Sans-serif;
    width: 68px;
    height: 24px;
    padding: 0px 0px 0px 22px;

    opacity: 0.85; /* ### we repeat transparency level on the search-field without this the text is transparent in IE8 */
    filter: alpha(opacity=85);
}

.toolbar-searchfield:focus
{
    outline: none;
    opacity: 1.00; /* ### we repeat transparency level on the search-field without this the text is transparent in IE8 */
    filter: alpha(opacity=100);
}

/* SEARCH RESULTS INFO TEXT */

.toolbar-search-results
{
    display: inline-block;
    position: relative;
    top: 0px;
    top: -7px;
    font: 10px "Lucida Grande",Helvetica,Sans-serif;
}

/* SPINNER */

.spinner
{
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    left: -3px;
    top: 3px;
}

.spinner-frame
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
}



/*
// MOBILE TOOLBAR
*/



.toolbar-mobile
{
    z-index: 200;
    position: fixed;
    top: 0;
    height: 48px;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
}

.toolbar-mobile-group
{
    margin: 0px 2px 0px 2px;
    display: inline;
}

.toolbar-mobile-button,
.toolbar-mobile-element,
.toolbar-mobile-button-brim
{
    background: none;
    height: 36px;
    display: inline-block;
}

.toolbar-mobile-button,
.toolbar-mobile-button-brim
{
    margin: 6px 18px 0px 18px;
    width: 36px;
}

.toolbar-mobile-button-narrow
{
    margin: 6px 6px 0px 6px !important;
}

.toolbar-mobile-element
{
    margin: 6px 6px 0px 6px;
    width: 18px;
}

.toolbar-mobile-element-narrow
{
    margin: 6px 0px 0px 0px !important;
}

.toolbar-mobile-hide
{
    display: none !important;
}

.toolbar-mobile-message
{
    font-family     : "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight     : 200;
}



/*
// PAGE NUMBER BOXES MOBILE
*/

.toolbar-mobile-pagebox,
.toolbar-mobile-pagecountbox
{
    position: relative;
    width: 36px;
    height: 36px;
    display: inline-block;
    opacity: 0.85;
    vertical-align: top;
}

.toolbar-mobile-pagebox      { margin:  6px  0px  0px 18px; }
.toolbar-mobile-pagecountbox { margin:  6px 18px  0px  0px; }

.toolbar-mobile-pagebox-narrow      { margin:  6px  0px  0px  6px !important; }
.toolbar-mobile-pagecountbox-narrow { margin:  6px  6px  0px  0px !important; }

.toolbar-mobile-pagebox-focus
{
    opacity: 1.00;
}

.toolbar-mobile-pagefield,
.toolbar-mobile-pagecountfield
{
    font-family     : "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight     : 200;
    font-size       : 24px;
    display         : inline-block;
}

.toolbar-mobile-pagefield
{
    background      : none;
    position        : relative;
    top             : 0px;
    border          : 0px none;
    border-radius   : 0px;
    border-bottom   : 0.5px solid;
    padding         : 0px;
    width           : 36px;
    height          : 36px;
    color           : #ddd;
    text-align      : right;
}

.toolbar-mobile-pagefield:focus
{
    top             : 0px;
    border-bottom   : 1px solid;
    outline         : none;
    color           : #fff;
}

.toolbar-mobile-pagecountfield
{
    background      : none;
    position        : relative;
    border          : 0px none;
    border-radius   : 0px;
    border-bottom   : 0.5px solid;
    border-color    : rgba( 0, 0, 0, 0 );
    padding         : 0px;
    width           : 36px;
    color           : #bbb;
    text-align      : left;
}



/*
** MOBILE SEARCHBAR
*/

.toolbar-mobile-searchbox
{
    position        : relative;
    width           : 108px;
    height          : 36px;
    display         : inline-block;
    opacity         : 0.85;
    vertical-align  : top;
    margin          : 6px  18px  0px 18px;
}

.toolbar-mobile-searchbox-narrow
{
    margin          : 6px   6px  0px  6px !important;
}


.toolbar-mobile-searchbox-focus
{
    opacity: 1.00;
}

.toolbar-mobile-searchfield
{
    font-family     : "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight     : 200;
    font-size       : 24px;
    display         : inline-block;
    color           : #fff;
}


.toolbar-mobile-search-results
{
    display         : inline-block;
    position        : relative;
    top             : -10px;
    font-family     : "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight     : 200;
    font-size       : 20px;
    color           : #fff;
    margin          : 0px  18px  0px 18px;
}

.toolbar-mobile-search-results-narrow
{
    margin          : 0px   6px  0px  6px !important;
}

.toolbar-mobile-search-results-small
{
    font-size       : 18px !important;
}


.toolbar-mobile-searchfield
{
    background      : none;
    position        : relative;
    top             : 0px;
    border          : 0px none;
    border-radius   : 0px;
    border-bottom   : 0.5px solid;
    padding         : 0px;
    width           : 108px;
    height          : 36px;
    color           : #ddd;
    text-align      : left;
}

.toolbar-mobile-searchfield:focus
{
    top             : 0px;
    border-bottom   : 1px solid;
    outline         : none;
    color           : #fff;
}

.spinner-mobile
{
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 6px 18px 0px 18px;
    background: none;
}

.spinner-mobile-frame
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 36px;
    height: 36px;
}



/*
// BRIM
*/



.brim-slider
{
    display :           block;
    position :          absolute;
    right :             0px;
    width :             72px;
    height :            2000px;
    z-index :           210;
}

.toolbar-brim
{
    display :           none;
    visibility :        hidden;
    position :          fixed;
    top :               0px;
    right :             0px;
}



/*
// Keyboard shorcuts sheet
*/

#keys-sheet
{
    display :           none;
    position :          fixed;
    left :              0px;
    top :               0px;
    border :            0px solid;
    border-radius :     16px;
}



/*
// PACKED TOOLBAR IMAGES
*/


/*
    http://spritegen.website-performance.org

    use with layout: compact
    css-less: css
    padding: 0
    prefix: xx

	pack all images in V2-2x and V2-mobile-2x

    generate 2x.png spritesheet and stylesheet
    make 1x.png spritesheet with photoshop

	1x.png and 2x.png must be located on the Desktop

    copy the 2x stylesheet to the clipboard and
    launch the tool "Normalize 2X Sprite CSS in the Clipboard"
    then paste the result on a empty text file

	replace the class definition part in viewer.css and
	runtime "set toolbar image in css" in Application.js

    stylesheet normalized is 1x because
    at 2x the image is resized at half size
    to obtain hi-dpi (doubled) resolution

    filemanes that end in --C will produce class selector
    filenames that end in --I will produce ID selector
*/



.menu-tip-down { width: 16px; height: 8px; background-position: -2px -2px; }
.menu-tip-up { width: 16px; height: 8px; background-position: -24px -2px; }
.outline-mobile-toggle-closed { width: 18px; height: 18px; background-position: -44px -2px; }
.outline-mobile-toggle-open { width: 18px; height: 18px; background-position: -68px -2px; }
.outline-toggle-closed { width: 12px; height: 12px; background-position: -90px -2px; }
.outline-toggle-open { width: 12px; height: 12px; background-position: -108px -2px; }
.share-cancel-de { width: 90px; height: 36px; background-position: -124px -2px; }
.share-cancel-en { width: 90px; height: 36px; background-position: -220px -2px; }
.share-cancel-fr { width: 90px; height: 36px; background-position: -314px -2px; }
.share-cancel-it { width: 90px; height: 36px; background-position: -2px -44px; }
.share-cancel-sp { width: 90px; height: 36px; background-position: -98px -44px; }
.share-crop { width: 36px; height: 36px; background-position: -192px -44px; }
.share-dropbox { width: 36px; height: 36px; background-position: -234px -44px; }
.share-email { width: 36px; height: 36px; background-position: -274px -44px; }
.share-facebook { width: 36px; height: 36px; background-position: -316px -44px; }
.share-format { width: 36px; height: 36px; background-position: -356px -44px; }
.share-format-169 { width: 36px; height: 36px; background-position: -2px -84px; }
.share-format-facebook { width: 36px; height: 36px; background-position: -44px -84px; }
.share-format-free { width: 36px; height: 36px; background-position: -84px -84px; }
.share-format-square { width: 36px; height: 36px; background-position: -126px -84px; }
.share-format-twitter { width: 36px; height: 36px; background-position: -166px -84px; }
.share-gplus { width: 36px; height: 36px; background-position: -208px -84px; }
.share-handle-1 { width: 24px; height: 24px; background-position: -248px -84px; }
.share-handle-2 { width: 24px; height: 24px; background-position: -278px -84px; }
.share-handle-3 { width: 24px; height: 24px; background-position: -306px -84px; }
.share-handle-4 { width: 24px; height: 24px; background-position: -336px -84px; }
.share-handle-expand { width: 24px; height: 24px; background-position: -364px -84px; }
.share-instagram { width: 36px; height: 36px; background-position: -248px -114px; }
.share-linkedin { width: 36px; height: 36px; background-position: -290px -114px; }
.share-more { width: 36px; height: 36px; background-position: -330px -114px; }
.share-pinterest { width: 36px; height: 36px; background-position: -2px -154px; }
.share-separator { width: 18px; height: 36px; background-position: -372px -114px; }
.share-tumblr { width: 36px; height: 36px; background-position: -44px -154px; }
.share-twitter { width: 36px; height: 36px; background-position: -84px -154px; }
.spinner0 { width: 18px; height: 18px; background-position: -126px -154px; }
.spinner0-mobile { width: 36px; height: 36px; background-position: -148px -154px; }
.spinner1 { width: 18px; height: 18px; background-position: -190px -154px; }
.spinner1-mobile { width: 36px; height: 36px; background-position: -212px -154px; }
.spinner10 { width: 18px; height: 18px; background-position: -254px -154px; }
.spinner10-mobile { width: 36px; height: 36px; background-position: -276px -154px; }
.spinner11 { width: 18px; height: 18px; background-position: -318px -154px; }
.spinner11-mobile { width: 36px; height: 36px; background-position: -340px -154px; }
.spinner2 { width: 18px; height: 18px; background-position: -382px -154px; }
.spinner2-mobile { width: 36px; height: 36px; background-position: -2px -196px; }
.spinner3 { width: 18px; height: 18px; background-position: -126px -178px; }
.spinner3-mobile { width: 36px; height: 36px; background-position: -44px -196px; }
.spinner4 { width: 18px; height: 18px; background-position: -190px -178px; }
.spinner4-mobile { width: 36px; height: 36px; background-position: -84px -196px; }
.spinner5 { width: 18px; height: 18px; background-position: -254px -178px; }
.spinner5-mobile { width: 36px; height: 36px; background-position: -148px -196px; }
.spinner6 { width: 18px; height: 18px; background-position: -318px -178px; }
.spinner6-mobile { width: 36px; height: 36px; background-position: -212px -196px; }
.spinner7 { width: 18px; height: 18px; background-position: -382px -178px; }
.spinner7-mobile { width: 36px; height: 36px; background-position: -276px -196px; }
.spinner8 { width: 18px; height: 18px; background-position: -126px -200px; }
.spinner8-mobile { width: 36px; height: 36px; background-position: -340px -196px; }
.spinner9 { width: 18px; height: 18px; background-position: -190px -200px; }
.spinner9-mobile { width: 36px; height: 36px; background-position: -2px -236px; }
.toolbar-arrow-left { width: 18px; height: 36px; background-position: -254px -200px; }
.toolbar-arrow-right { width: 18px; height: 36px; background-position: -318px -200px; }
.toolbar-check { width: 24px; height: 24px; background-position: -382px -200px; }
.toolbar-crop-item-actres { width: 24px; height: 24px; background-position: -382px -230px; }
.toolbar-crop-item-hires { width: 24px; height: 24px; background-position: -44px -258px; }
.toolbar-crop-item-lowres { width: 24px; height: 24px; background-position: -72px -258px; }
.toolbar-crop-item-medres { width: 24px; height: 24px; background-position: -102px -258px; }
.toolbar-download-item-document { width: 24px; height: 24px; background-position: -130px -258px; }
.toolbar-download-item-document-forbidden { width: 24px; height: 24px; background-position: -160px -258px; }
.toolbar-download-item-page { width: 24px; height: 24px; background-position: -188px -258px; }
.toolbar-download-item-page-forbidden { width: 24px; height: 24px; background-position: -218px -258px; }
.toolbar-download-item-selection { width: 24px; height: 24px; background-position: -246px -258px; }
.toolbar-download-item-selection-forbidden { width: 24px; height: 24px; background-position: -276px -258px; }
.toolbar-download-item-sequence { width: 24px; height: 24px; background-position: -304px -258px; }
.toolbar-download-item-sequence-forbidden { width: 24px; height: 24px; background-position: -334px -258px; }
.toolbar-forbidden { width: 24px; height: 24px; background-position: -362px -258px; }
.toolbar-format-item-169 { width: 24px; height: 24px; background-position: -2px -288px; }
.toolbar-format-item-facebook { width: 24px; height: 24px; background-position: -32px -288px; }
.toolbar-format-item-free { width: 24px; height: 24px; background-position: -60px -288px; }
.toolbar-format-item-square { width: 24px; height: 24px; background-position: -90px -288px; }
.toolbar-format-item-twitter { width: 24px; height: 24px; background-position: -118px -288px; }
.toolbar-mobile-brim-blue { width: 36px; height: 36px; background-position: -148px -288px; }
.toolbar-mobile-brim-white { width: 36px; height: 36px; background-position: -188px -288px; }
.toolbar-mobile-brim-yellow { width: 36px; height: 36px; background-position: -230px -288px; }
.toolbar-mobile-check { width: 36px; height: 36px; background-position: -270px -288px; }
.toolbar-mobile-pageselection-item-all { width: 36px; height: 36px; background-position: -312px -288px; }
.toolbar-mobile-pageselection-item-found { width: 36px; height: 36px; background-position: -352px -288px; }
.toolbar-mobile-pageselection-item-off { width: 36px; height: 36px; background-position: -2px -328px; }
.toolbar-mobile-pageselection-menu { width: 36px; height: 36px; background-position: -44px -328px; }
.toolbar-mobile-search-back { width: 36px; height: 36px; background-position: -84px -328px; }
.toolbar-mobile-search-cancel { width: 36px; height: 36px; background-position: -126px -328px; }
.toolbar-mobile-search-exit { width: 36px; height: 36px; background-position: -166px -328px; }
.toolbar-mobile-search-next { width: 36px; height: 36px; background-position: -208px -328px; }
.toolbar-mobile-search-previous { width: 36px; height: 36px; background-position: -248px -328px; }
.toolbar-mobile-separator { width: 18px; height: 36px; background-position: -290px -328px; }
.toolbar-mobile-sidebar-exit { width: 36px; height: 36px; background-position: -312px -328px; }
.toolbar-mobile-tool-bookmarks { width: 36px; height: 36px; background-position: -354px -328px; }
.toolbar-mobile-tool-crop { width: 36px; height: 36px; background-position: -2px -370px; }
.toolbar-mobile-tool-outlines { width: 36px; height: 36px; background-position: -44px -370px; }
.toolbar-mobile-tool-search { width: 36px; height: 36px; background-position: -84px -370px; }
.toolbar-mobile-tool-share-android { width: 36px; height: 36px; background-position: -126px -370px; }
.toolbar-mobile-tool-share-ios { width: 36px; height: 36px; background-position: -166px -370px; }
.toolbar-pagebox { width: 48px; height: 24px; background-position: -208px -370px; }
.toolbar-pagebox-focus { width: 48px; height: 24px; background-position: -260px -370px; }
.toolbar-pagedown { width: 24px; height: 24px; background-position: -314px -370px; }
.toolbar-pageup { width: 24px; height: 24px; background-position: -342px -370px; }
.toolbar-search-cancel { width: 18px; height: 18px; background-position: -126px -230px; }
.toolbar-search-next { width: 15px; height: 15px; background-position: -190px -230px; }
.toolbar-search-previous { width: 15px; height: 15px; background-position: -392px -258px; }
.toolbar-searchbox { width: 120px; height: 24px; background-position: -410px -2px; }
.toolbar-searchbox-focus { width: 120px; height: 24px; background-position: -410px -32px; }
.toolbar-share-item-crop { width: 24px; height: 24px; background-position: -398px -60px; }
.toolbar-share-item-document { width: 24px; height: 24px; background-position: -426px -60px; }
.toolbar-sidebar-exit { width: 24px; height: 24px; background-position: -456px -60px; }
.toolbar-sidebar-item-bookmarks { width: 24px; height: 24px; background-position: -484px -60px; }
.toolbar-sidebar-item-none { width: 24px; height: 24px; background-position: -394px -90px; }
.toolbar-sidebar-item-outlines { width: 24px; height: 24px; background-position: -424px -90px; }
.toolbar-sidebar-item-thumbs { width: 24px; height: 24px; background-position: -452px -90px; }
.toolbar-sidebars-menu { width: 24px; height: 24px; background-position: -482px -90px; }
.toolbar-tool-bookmark { width: 24px; height: 24px; background-position: -394px -118px; }
.toolbar-tool-crop { width: 24px; height: 24px; background-position: -424px -118px; }
.toolbar-tool-download { width: 24px; height: 24px; background-position: -452px -118px; }
.toolbar-tool-hand { width: 24px; height: 24px; background-position: -482px -118px; }
.toolbar-tool-share-android { width: 24px; height: 24px; background-position: -404px -148px; }
.toolbar-tool-share-ios { width: 24px; height: 24px; background-position: -434px -148px; }
.toolbar-tool-share-ios7 { width: 24px; height: 24px; background-position: -462px -148px; }
.toolbar-tool-textaccess { width: 24px; height: 24px; background-position: -492px -148px; }
.toolbar-view-item-mosaic { width: 24px; height: 24px; background-position: -410px -176px; }
.toolbar-view-item-single { width: 24px; height: 24px; background-position: -440px -176px; }
.toolbar-view-item-standard { width: 24px; height: 24px; background-position: -468px -176px; }
.toolbar-views-menu { width: 24px; height: 24px; background-position: -498px -176px; }
.toolbar-zoom-default { width: 24px; height: 24px; background-position: -410px -206px; }
.toolbar-zoom-in { width: 24px; height: 24px; background-position: -440px -206px; }
.toolbar-zoom-out { width: 24px; height: 24px; background-position: -468px -206px; }


.menu-tip-down,.menu-tip-up,.outline-mobile-toggle-closed,.outline-mobile-toggle-open,
.outline-toggle-closed,.outline-toggle-open,.share-cancel-de,.share-cancel-en,.share-cancel-fr,
.share-cancel-it,.share-cancel-sp,.share-crop,.share-dropbox,.share-email,.share-facebook,
.share-format,.share-format-169,.share-format-facebook,.share-format-free,.share-format-square,
.share-format-twitter,.share-gplus,.share-handle-1,.share-handle-2,.share-handle-3,
.share-handle-4,.share-handle-expand,.share-instagram,.share-linkedin,.share-more,
.share-pinterest,.share-separator,.share-tumblr,.share-twitter,.spinner0,.spinner0-mobile,
.spinner1,.spinner1-mobile,.spinner10,.spinner10-mobile,.spinner11,.spinner11-mobile,
.spinner2,.spinner2-mobile,.spinner3,.spinner3-mobile,.spinner4,.spinner4-mobile,
.spinner5,.spinner5-mobile,.spinner6,.spinner6-mobile,.spinner7,.spinner7-mobile,
.spinner8,.spinner8-mobile,.spinner9,.spinner9-mobile,.toolbar-arrow-left,.toolbar-arrow-right,
.toolbar-check,.toolbar-crop-item-actres,.toolbar-crop-item-hires,.toolbar-crop-item-lowres,
.toolbar-crop-item-medres,.toolbar-download-item-document,.toolbar-download-item-document-forbidden,
.toolbar-download-item-page,.toolbar-download-item-page-forbidden,.toolbar-download-item-selection,
.toolbar-download-item-selection-forbidden,.toolbar-download-item-sequence,.toolbar-download-item-sequence-forbidden,
.toolbar-forbidden,.toolbar-format-item-169,.toolbar-format-item-facebook,.toolbar-format-item-free,
.toolbar-format-item-square,.toolbar-format-item-twitter,.toolbar-mobile-brim-blue,
.toolbar-mobile-brim-white,.toolbar-mobile-brim-yellow,.toolbar-mobile-check,.toolbar-mobile-pageselection-item-all,
.toolbar-mobile-pageselection-item-found,.toolbar-mobile-pageselection-item-off,.toolbar-mobile-pageselection-menu,
.toolbar-mobile-search-back,.toolbar-mobile-search-cancel,.toolbar-mobile-search-exit,
.toolbar-mobile-search-next,.toolbar-mobile-search-previous,.toolbar-mobile-separator,
.toolbar-mobile-sidebar-exit,.toolbar-mobile-tool-bookmarks,.toolbar-mobile-tool-crop,
.toolbar-mobile-tool-outlines,.toolbar-mobile-tool-search,.toolbar-mobile-tool-share-android,
.toolbar-mobile-tool-share-ios,.toolbar-pagebox,.toolbar-pagebox-focus,.toolbar-pagedown,
.toolbar-pageup,.toolbar-search-cancel,.toolbar-search-next,.toolbar-search-previous,
.toolbar-searchbox,.toolbar-searchbox-focus,.toolbar-share-item-crop,.toolbar-share-item-document,
.toolbar-sidebar-exit,.toolbar-sidebar-item-bookmarks,.toolbar-sidebar-item-none,
.toolbar-sidebar-item-outlines,.toolbar-sidebar-item-thumbs,.toolbar-sidebars-menu,
.toolbar-tool-bookmark,.toolbar-tool-crop,.toolbar-tool-download,.toolbar-tool-hand,
.toolbar-tool-share-android,.toolbar-tool-share-ios,.toolbar-tool-share-ios7,.toolbar-tool-textaccess,
.toolbar-view-item-mosaic,.toolbar-view-item-single,.toolbar-view-item-standard,.toolbar-views-menu,
.toolbar-zoom-default,.toolbar-zoom-in,.toolbar-zoom-out
    {display: inline-block; background-repeat: no-repeat; }


/*
    the `.background-...` elements area left outside the spritesheet
    because in order to work with `repeat-x` t cannot have a `width` property.
    The element image is inlined. The size is 8x8
*/

.background-transparent,
.background-dark,
.background-bright,
.background-black,
.background-white
{
    background-repeat: repeat;
    background-position: 0px 0px;
}

.background-transparent { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpi+v//PwM+zMRAAAwPBQABBgA0aRf52AAC6QAAAABJRU5ErkJggg==); }
.background-dark        { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABlJREFUeNpiYWBg2M+ABzAxEADDQwFAgAEAzlwA0k0DcZQAAAAASUVORK5CYII=); }
.background-bright      { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACNJREFUeNpi/P//fwMDA4MkED/HRjPhkwTRTPgkh4wJAAEGAAC3IqYAwAsjAAAAAElFTkSuQmCC); }
.background-black       { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.background-white       { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpi+P//P0CAAQAF/gL+Lc6J7gAAAABJRU5ErkJggg==); }

/* toolbar elements background image application in Application.js >> ApplicationApplyOptionsCSS() §§§ */


/* my_pinaxo */

.customlogo
{
    z-index                 : 220;
    position                : fixed;
    bottom                  : 0px;
    right                   : 0px;
    overflow                : hidden;
    display                 : block;
    text-align              : center;
}

.customlogo-background
{
    z-index                 : 210;
    position                : fixed;
    bottom                  : 0px;
    right                   : 0px;
    overflow                : hidden;
    display                 : block;
    text-align              : center;
}