@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,700italic,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800italic,300italic,300,800);
@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300italic,900,900italic);

@font-face {
    font-family: 'HelveticaLTStd';
    src: url('../bundles/cauebook/fonts/helveticaltstd-boldcond-webfont.eot');
    src: url('../bundles/cauebook/fonts/helveticaltstd-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../bundles/cauebook/fonts/helveticaltstd-boldcond-webfont.woff') format('woff'),
         url('../bundles/cauebook/fonts/helveticaltstd-boldcond-webfont.ttf') format('truetype'),
         url('../bundles/cauebook/fonts/helveticaltstd-boldcond-webfont.svg#HelveticaLTStd') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaLTStd';
    src: url('../bundles/cauebook/fonts/helveticaltstd-cond-webfont.eot');
    src: url('../bundles/cauebook/fonts/helveticaltstd-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../bundles/cauebook/fonts/helveticaltstd-cond-webfont.woff') format('woff'),
         url('../bundles/cauebook/fonts/helveticaltstd-cond-webfont.ttf') format('truetype'),
         url('../bundles/cauebook/fonts/helveticaltstd-cond-webfont.svg#HelveticaLTStd') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaLTStd';
    src: url('../bundles/cauebook/fonts/helveticaltstd-condobl-webfont.eot');
    src: url('../bundles/cauebook/fonts/helveticaltstd-condobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../bundles/cauebook/fonts/helveticaltstd-condobl-webfont.woff') format('woff'),
         url('../bundles/cauebook/fonts/helveticaltstd-condobl-webfont.ttf') format('truetype'),
         url('../bundles/cauebook/fonts/helveticaltstd-condobl-webfont.svg#HelveticaLTStd') format('svg');
    font-weight: normal;
    font-style: italic;

}

/*! jQuery UI - v1.9.1 - 2012-11-20
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
	position: absolute;
	top: 0; /* #8656 */
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
















/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* icon */
.addPage_icon, .shareBook_icon:hover, .saveBook_icon:hover, .text_icon, .text_icon:hover, .textLayer_icon, .textLayer_icon:hover, .tools_icon, .tools_icon:hover, .addPage_icon:hover, .delete_icon, .delete_icon:hover, .image_icon, .image_icon:hover, .imageLayer_icon, .imageLayer_icon:hover, .importBook_icon, .importBook_icon:hover, .layers_icon, .layers_icon:hover, .map_icon, .map_icon:hover, .mapLayer_icon, .mapLayer_icon:hover, .shareBook_icon, .saveBook_icon, .zoom_out_icon:hover, .zoom_out_icon, .close_icon:hover, .close_icon, .share_icon:hover, .share_icon, .pen_icon:hover, .trash_icon:hover, .pen_icon, .trash_icon, .view_icon:hover, .view_icon, .infinite_icon:hover, .zoom_in_icon:hover, .zoom_in_icon, .infinite_icon, .gear_icon,
.addPage_whiteIcon,
.addPage_whiteIcon:hover,
.text_whiteIcon,
.text_whiteIcon:hover,
.image_whiteIcon,
.image_whiteIcon:hover,
.map_whiteIcon,
.map_whiteIcon:hover,
.video_whiteIcon,
.video_whiteIcon:hover,
.embed_whiteIcon,
.embed_whiteIcon:hover,
.border_whiteIcon,
.border_whiteIcon:hover,
.grid_whiteIcon,
.pen_blueIcon,
.pen_blueIcon:hover,
.arrow_icon,
.resetMapButton,
.resetImageButton,
.bookInformationsButton,
.fullscreen_icon,
.minimize_icon,
.drag_handle_icon,
.replacePagesDisclaimer h4:before {
	background: url("../bundles/cauebook/images/icons.png") no-repeat;
	display: block;
	text-indent: -9999px;
}

.replacePagesDisclaimer h4:before {
	background-position: 0 -174px;
	width: 58px;
	height: 49px;
}

.addPage_icon{
	background-position: 0 0;
	width: 21px;
	height: 21px;
}
.addPage_icon:hover{
	background-position: -25px 0;
	width: 21px;
	height: 21px;
}

.saveBook_icon{
	background-position: 0 -103px ;
	width: 21px;
	height: 21px;
}
.saveBook_icon:hover{
	background-position: -25px -103px ;
	width: 21px;
	height: 21px;
}

.shareBook_icon{
	background-position: 0 -50px ;
	width: 21px;
	height: 21px;
}
.shareBook_icon:hover{
	background-position: -26px -50px ;
	width: 21px;
	height: 21px;
}

.text_icon{
	background-position: -50px -50px ;
	width: 21px;
	height: 21px;
}
.text_icon:hover{
	background-position: -74px -50px ;
	width: 21px;
	height: 21px;
}

.textLayer_icon{
	background-position: -100px -50px ;
	width: 21px;
	height: 21px;
}
#layers-sortable li:hover .textLayer_icon,
.textLayer_icon.selected,
.textLayer_icon:hover{
	background-position: -126px -50px ;
	width: 21px;
	height: 21px;
}

.tools_icon{
	background-position: -151px -26px ;
	width: 16px;
	height: 16px;
}
.tools_icon.visible,
.tools_icon:hover{
	background-position: -176px -26px ;
	width: 16px;
	height: 16px;
}

.delete_icon{
	background-position: 0 -76px ;
	width: 21px;
	height: 21px;
}
.delete_icon:hover{
	background-position: -25px -76px ;
	width: 21px;
	height: 21px;
}

.image_icon{
	background-position: -51px -26px ;
	width: 21px;
	height: 21px;
}
.image_icon:hover{
	background-position: -74px -26px;
	width: 21px;
	height: 21px;
}

.imageLayer_icon{
	background-position: -101px -25px ;
	width: 21px;
	height: 21px;
}
#layers-sortable li:hover .imageLayer_icon,
.imageLayer_icon.selected,
.imageLayer_icon:hover{
	background-position: -126px -25px ;
	width: 21px;
	height: 21px;
}

.importBook_icon{
	background-position: 0 -26px ;
	width: 21px;
	height: 21px;
}
.importBook_icon:hover{
	background-position: -25px -26px ;
	width: 21px;
	height: 21px;
}

.layers_icon{
	background-position: -151px 0;
	width: 16px;
	height: 16px;
}
.layers_icon.visible,
.layers_icon:hover{
	background-position: -176px 0;
	width: 16px;
	height: 16px;
}

.map_icon{
	background-position: -50px 0;
	width: 21px;
	height: 21px;
}
.map_icon:hover{
	background-position: -74px 0;
	width: 21px;
	height: 21px;
}

.mapLayer_icon{
	background-position: -100px 0;
	width: 21px;
	height: 21px;
}
#layers-sortable li:hover .mapLayer_icon,
.mapLayer_icon.selected,
.mapLayer_icon:hover{
	background-position: -125px 0;
	width: 21px;
	height: 21px;
}

.zoom_out_icon{
	background-position: -199px -123px ;
	width: 14px;
	height: 13px;
}
.zoom_out_icon:hover{
	background-position: -224px -123px ;
	width: 14px;
	height: 13px;
}

.zoom_in_icon{
	background-position: -199px -104px;
	width: 12px;
	height: 12px;
}
.zoom_in_icon:hover{
	background-position: -224px -104px ;
	width: 12px;
	height: 12px;
}

.resetMapButton, .resetImageButton, .reset_icon {
	background-position: 0px -127px;
	width: 16px;
	height: 16px;
}
.resetMapButton:hover, .resetImageButton:hover, .reset_icon:hover {
	background-position: -25px -127px ;
	width: 16px;
	height: 16px;
}

.close_icon{
	background-position: -198px -142px;
	height: 11px;
	width: 11px;
}
.close_icon:hover{
	background-position: -223px -142px ;
	width: 11px;
	height: 11px;
}

.share_icon:hover{
	background-position: -222px -39px ;
	width: 15px;
	height: 17px;
}
.share_icon{
	background-position: -198px -39px ;
	width: 15px;
	height: 17px;
}


.pen_icon{
	background-position: -197px -60px ;
	width: 16px;
	height: 16px;
}
.pen_icon.black
{
	background-position: -174px -50px;
}
.pen_icon:hover,
.pen_icon.black:hover{
	background-position: -222px -60px;
	width: 16px;
	height: 16px;
}

.trash_icon{
	background-position: -197px -18px ;
	width: 15px;
	height: 17px;
}
.trash_icon.black
{
	background-position: -151px -51px;
}
.trash_icon:hover,
.trash_icon.black:hover{
	background-position: -222px -18px;
	width: 15px;
	height: 17px;
}

.view_icon{
	background-position: -197px -84px ;
	width: 16px;
	height: 9px;
}
.view_icon:hover{
	background-position: -223px -84px;
	width: 16px;
	height: 9px;
}

.infinite_icon{
	background-position: -197px -1px ;
	width: 17px;
	height: 10px;
}
.infinite_icon:hover{
	background-position: -222px -1px ;
	width: 17px;
	height: 10px;
}

.gear_icon{
	background-position: -176px -142px;
	width: 11px;
	height: 10px;
}

.addPage_whiteIcon,
.text_whiteIcon,
.image_whiteIcon,
.map_whiteIcon,
.video_whiteIcon,
.embed_whiteIcon,
.border_whiteIcon,
.grid_whiteIcon,
.arrow_icon,
.bookInformationsButton,
.fullscreen_icon,
.minimize_icon {
	width: 20px;
	height: 20px;
}

.addPage_whiteIcon {
	background-position: -51px -127px;
}

.addPage_whiteIcon:hover,
.sidebar-actionButton:hover .addPage_whiteIcon,
.sidebar-actionButton.is-active .addPage_whiteIcon,
.sidebar-actionButton.selected .addPage_whiteIcon {
	background-position: -75px -127px;
}

.text_whiteIcon {
	background-position: -100px -127px;
}

.text_whiteIcon:hover,
.sidebar-actionButton:hover .text_whiteIcon,
.sidebar-actionButton.selected .text_whiteIcon,
.sidebar-actionButton.is-active .text_whiteIcon,
#layers-sortable > li:hover .text_whiteIcon,
#layers-sortable > li.selected .text_whiteIcon {
	background-position: -125px -127px;
}

.image_whiteIcon {
	background-position: -100px -77px;
}

.image_whiteIcon:hover,
.sidebar-actionButton:hover .image_whiteIcon,
.sidebar-actionButton.selected .image_whiteIcon,
.sidebar-actionButton.is-active .image_whiteIcon,
#layers-sortable > li:hover .image_whiteIcon,
#layers-sortable > li.selected .image_whiteIcon {
	background-position: -125px -77px;
}

.map_whiteIcon {
	background-position: -100px -102px;
}

.map_whiteIcon:hover,
.sidebar-actionButton:hover .map_whiteIcon,
.sidebar-actionButton.selected .map_whiteIcon,
.sidebar-actionButton.is-active .map_whiteIcon,
#layers-sortable > li:hover .map_whiteIcon,
#layers-sortable > li.selected .map_whiteIcon {
	background-position: -125px -102px;
}

.video_whiteIcon {
	background-position: -100px -152px;
}

.video_whiteIcon:hover,
.sidebar-actionButton:hover .video_whiteIcon,
.sidebar-actionButton.selected .video_whiteIcon,
.sidebar-actionButton.is-active .video_whiteIcon,
#layers-sortable > li:hover .video_whiteIcon,
#layers-sortable > li.selected .video_whiteIcon {
	background-position: -125px -152px;
}

/* Icône d'intégration : SVG inline en mask-image, la couleur réelle est
 * pilotée par background-color (#ffffff par défaut, #00adee sur survol/sélection),
 * comme les autres pictos blancs de la sidebar. */
.embed_whiteIcon {
	background-image: none !important;
	background-color: #ffffff;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M473.7 4.1C493.5 .2 512 15.3 512 35.5L512 168l-.2 0c.1 1.3 .2 2.7 .2 4c0 28.7-28.7 52-64 52s-64-23.3-64-52s28.7-52 64-52c11.7 0 22.6 2.5 32 7l0-91.4L352 61.1 352 200l-.2 0c.1 1.3 .2 2.7 .2 4c0 28.7-28.7 52-64 52s-64-23.3-64-52s28.7-52 64-52c11.7 0 22.6 2.5 32 7l0-97.8c0-15.3 10.8-28.4 25.7-31.4l128-25.6zM480 172c0-3.1-1.5-7.5-6.9-11.9c-5.5-4.5-14.3-8.1-25.1-8.1s-19.5 3.6-25.1 8.1c-5.5 4.4-6.9 8.8-6.9 11.9s1.5 7.5 6.9 11.9c5.5 4.5 14.3 8.1 25.1 8.1s19.5-3.6 25.1-8.1c5.5-4.4 6.9-8.8 6.9-11.9zM320 204c0-3.1-1.5-7.5-6.9-11.9c-5.5-4.5-14.3-8.1-25.1-8.1s-19.5 3.6-25.1 8.1c-5.5 4.4-6.9 8.8-6.9 11.9s1.5 7.5 6.9 11.9c5.5 4.5 14.3 8.1 25.1 8.1s19.5-3.6 25.1-8.1c5.5-4.4 6.9-8.8 6.9-11.9zM105.4 54.6l-6-6c-9-9-21.8-13.1-34.4-11c-19 3.2-33 19.6-33 38.9l0 2.9c0 11.9 4.9 23.2 13.6 31.4L128 187.7l82.4-76.9c8.7-8.1 13.6-19.5 13.6-31.4l0-2.9c0-19.3-13.9-35.8-33-38.9c-12.6-2.1-25.4 2-34.4 11l-6 6L128 77.3 105.4 54.6zM59.7 6C82.5 2.3 105.7 9.7 122 26c0 0 0 0 0 0l6 6 6-6C150.3 9.7 173.5 2.3 196.3 6C230.7 11.8 256 41.6 256 76.5l0 2.9c0 20.8-8.6 40.6-23.8 54.8l-90.4 84.3c-3.8 3.5-8.7 5.5-13.8 5.5s-10.1-2-13.8-5.5L23.8 134.2C8.6 120 0 100.2 0 79.5l0-2.9C0 41.6 25.3 11.8 59.7 6zM72 320l-24 0c-8.8 0-16 7.2-16 16l0 128c0 8.8 7.2 16 16 16l192 0c8.8 0 16-7.2 16-16l0-128c0-8.8-7.2-16-16-16l-24 0c-12.1 0-23.2-6.8-28.6-17.7L180.2 288l-72.4 0-7.2 14.3C95.2 313.2 84.1 320 72 320zm136.8-46.3L216 288l24 0c26.5 0 48 21.5 48 48l0 128c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 336c0-26.5 21.5-48 48-48l24 0 7.2-14.3c5.4-10.8 16.5-17.7 28.6-17.7l72.4 0c12.1 0 23.2 6.8 28.6 17.7zM112 392a32 32 0 1 0 64 0 32 32 0 1 0 -64 0zm32 64a64 64 0 1 1 0-128 64 64 0 1 1 0 128zM475.3 283.3L390.6 368l89.4 0c6.5 0 12.3 3.9 14.8 9.9s1.1 12.9-3.5 17.4l-112 112c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L441.4 400 352 400c-6.5 0-12.3-3.9-14.8-9.9s-1.1-12.9 3.5-17.4l112-112c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M473.7 4.1C493.5 .2 512 15.3 512 35.5L512 168l-.2 0c.1 1.3 .2 2.7 .2 4c0 28.7-28.7 52-64 52s-64-23.3-64-52s28.7-52 64-52c11.7 0 22.6 2.5 32 7l0-91.4L352 61.1 352 200l-.2 0c.1 1.3 .2 2.7 .2 4c0 28.7-28.7 52-64 52s-64-23.3-64-52s28.7-52 64-52c11.7 0 22.6 2.5 32 7l0-97.8c0-15.3 10.8-28.4 25.7-31.4l128-25.6zM480 172c0-3.1-1.5-7.5-6.9-11.9c-5.5-4.5-14.3-8.1-25.1-8.1s-19.5 3.6-25.1 8.1c-5.5 4.4-6.9 8.8-6.9 11.9s1.5 7.5 6.9 11.9c5.5 4.5 14.3 8.1 25.1 8.1s19.5-3.6 25.1-8.1c5.5-4.4 6.9-8.8 6.9-11.9zM320 204c0-3.1-1.5-7.5-6.9-11.9c-5.5-4.5-14.3-8.1-25.1-8.1s-19.5 3.6-25.1 8.1c-5.5 4.4-6.9 8.8-6.9 11.9s1.5 7.5 6.9 11.9c5.5 4.5 14.3 8.1 25.1 8.1s19.5-3.6 25.1-8.1c5.5-4.4 6.9-8.8 6.9-11.9zM105.4 54.6l-6-6c-9-9-21.8-13.1-34.4-11c-19 3.2-33 19.6-33 38.9l0 2.9c0 11.9 4.9 23.2 13.6 31.4L128 187.7l82.4-76.9c8.7-8.1 13.6-19.5 13.6-31.4l0-2.9c0-19.3-13.9-35.8-33-38.9c-12.6-2.1-25.4 2-34.4 11l-6 6L128 77.3 105.4 54.6zM59.7 6C82.5 2.3 105.7 9.7 122 26c0 0 0 0 0 0l6 6 6-6C150.3 9.7 173.5 2.3 196.3 6C230.7 11.8 256 41.6 256 76.5l0 2.9c0 20.8-8.6 40.6-23.8 54.8l-90.4 84.3c-3.8 3.5-8.7 5.5-13.8 5.5s-10.1-2-13.8-5.5L23.8 134.2C8.6 120 0 100.2 0 79.5l0-2.9C0 41.6 25.3 11.8 59.7 6zM72 320l-24 0c-8.8 0-16 7.2-16 16l0 128c0 8.8 7.2 16 16 16l192 0c8.8 0 16-7.2 16-16l0-128c0-8.8-7.2-16-16-16l-24 0c-12.1 0-23.2-6.8-28.6-17.7L180.2 288l-72.4 0-7.2 14.3C95.2 313.2 84.1 320 72 320zm136.8-46.3L216 288l24 0c26.5 0 48 21.5 48 48l0 128c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 336c0-26.5 21.5-48 48-48l24 0 7.2-14.3c5.4-10.8 16.5-17.7 28.6-17.7l72.4 0c12.1 0 23.2 6.8 28.6 17.7zM112 392a32 32 0 1 0 64 0 32 32 0 1 0 -64 0zm32 64a64 64 0 1 1 0-128 64 64 0 1 1 0 128zM475.3 283.3L390.6 368l89.4 0c6.5 0 12.3 3.9 14.8 9.9s1.1 12.9-3.5 17.4l-112 112c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L441.4 400 352 400c-6.5 0-12.3-3.9-14.8-9.9s-1.1-12.9 3.5-17.4l112-112c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/></svg>");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}
.sidebar-actionButton:hover .embed_whiteIcon,
.sidebar-actionButton.selected .embed_whiteIcon,
.sidebar-actionButton.is-active .embed_whiteIcon,
#layers-sortable > li:hover .embed_whiteIcon,
#layers-sortable > li.selected .embed_whiteIcon {
	background-color: #00adee;
}
/* quand un picto est actif, la fonction correspondante l'est aussi
 * ex: picto border barré == les bordures ne sont pas visibles
 * see #4943: Editeur / boutons d'affichage inversés
 */
.border_whiteIcon,
.border_whiteIcon:hover {
	background-position: -75px -102px;
}

.border_whiteIcon.withBorder,
.border_whiteIcon.withBorder:hover {
	background-position: -51px -102px;
}

.grid_whiteIcon {
	background-position: -51px -77px;
}

.isHidden > .grid_whiteIcon {
	background-position: -75px -77px;
}

.pen_blueIcon:hover,
.sidebar-actionButton:hover .pen_blueIcon,
.sidebar-actionButton.selected .pen_blueIcon {
	width: 20px;
	height: 20px;
	background-position: -151px -77px;
}

.arrow_icon{
	background-position: -173px -77px ;
}

.bookInformationsButton {
	background-position: 0px -152px;
}

.fullscreen_icon {
	background-position: -51px -152px;
}

.minimize_icon {
	background-position: -75px -152px;
}

.drag_handle_icon {
	background-position: -150px -102px;
}
/*
 * GLOBAL
 */
 html, button, input, select, textarea {
	font-family: "HelveticaLTStd", "Helvetica", "Arial", sans-serif;
 }

 html {
	width: 100%;
	height: 100%;
 }
 body {
	background-color: #fff;
	width: 100%;
	height: 100%;
	line-height: 1em;
 }

 ::-moz-selection { background: #0099ff; color: #fff; }
 ::selection { background: #0099ff; color: #fff; }

 ul, ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
 }

 .formElement {
	padding-bottom: 15px;
 }

 label {
	cursor: pointer;
	/*display: inline-block;
	width: 50px;
	text-align: right;*/
}

/* =============================================================================
Links
========================================================================== */

a { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #82BADE; }
a.disable
{
	text-decoration: none;
	cursor: default;
	color: #666666;
}

.top0 {
	top: 0;
}
.top50 {
	top: 50%;
}
.top100 {
	top: 100%;
}
.left0 {
	left: 0;
}
.left50 {
	left: 50%;
}
.left100 {
	left: 100%;
}

#viewContainer
{
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.errors {
	color: #DD3333;
}
.errors input, .errors textarea {
	border: solid 1px #DD3333;
}

.loading {
	background: url('../bundles/cauebook/images/loading.gif') no-repeat center center;
	height: 100%;
	width:100%;
	text-indent: -9999px;
}

/*
 * BOOK EDITOR / BOOK READER
 * Common style
 */

 /* PageEditor / PageReader */

 #background {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
	bottom: 140px;
 }

.timelineIsClosed #background {
 	bottom: 0;
}


 .workspace,
 .hiddenPageContainer {
	padding: 20px 50px;
 }

 .hiddenPageContainer {
	height: 100%;
 }

 .workspace {
 	box-sizing: border-box;
 }

 /*
 * BOOK EDITOR
 */

 /* BookEditorView */
 .bookEditorContainer,
 #pageReaderContainer {
	overflow: hidden;
	height: 100%;
	position: relative;
 }

 #pageEditorContainer {
	position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
 }

 #pageContainer{
	margin: 0 auto;
	position: relative;
	box-shadow: 0 0 20px 2px rgba(0, 1, 1, 0.75);
	background-color: #FFFFFF;
 }

 .lt-ie9 #pageContainer {
	border: solid 1px #d0d0d0;
 }

 .front,
 .back
 {
	height: 400px;
	width: 300px;
 }

 .internal
 {
	height: 400px;
	width: 600px;
 }

 /* PageView */
 #pageView-container,
 #blocksContainer
 {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
 }
 #pageReaderContainer #blocksContainer {
	/* par défaut les pages ont un fond blanc, sinon les pages de couvertures
	deviennent transparente lorsque nous tournons la page du flipbook
	Uniquement côté visualisateur car dans l'éditeur, le fond blanc cache la grille	*/
	background-color: #FFFFFF;
}

 .blockRenderer
 {
	position: absolute;
 }
 .blockRenderer.selectedBlock
 {
	display: none;
	visibility: hidden;
 }

 /* EditablePageView */
 #blockTransformer {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	cursor: crosshair;
 }

 #blockTransformerPreview {
	background-color: #82BADE;
	width: 100px;
	height: 100px;
	position: absolute;
 }

 /* ImageBlockRenderer */
 .imageBlockRenderer {
	background-color: transparent;
	height: 100%;
	width: 100%;
 }
 .imageBlockData {
	height: auto;
	width: auto;
 }
 .imageBlockData {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	width: 100%;
 }

 /* BlockEditor */
 .blockEditor
 {
	/*border: 2px solid #1D1D1B;*/
 }

 .blockEditor .resizeLinkContainer li {
	position: absolute;
	list-style: none;
 }
 .blockEditor .resizeLinkContainer .resizeLink {
	background-color: #FFFFFF;
	border: 1px solid #565654;
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
 }

 /* correction des positions des liens (petits carrés blancs) permettant de redimensionner un block */
 [data-direction="n"], [data-direction="ne"], [data-direction="nw"]
 {
	top: -5px;
 }
 [data-direction="se"], [data-direction="s"], [data-direction="sw"]
 {
	top: -3px;
 }
 [data-direction="e"], [data-direction="ne"], [data-direction="se"]
 {
	left: -3px;
 }
 [data-direction="w"], [data-direction="nw"], [data-direction="sw"]
 {
	left: -5px;
 }

 .blockEditorContent
 {
	width: 100%;
	height: 100%;
	position: absolute;
	border: 2px solid #1D1D1B;
	background-color: #FFFFFF;
	margin: -2px;
 }

 .blockEditorEditLinks
 {
	background-color: #1d1d1b;
	position: absolute;
	right: -2px;
	bottom: 2px;
	padding: 3px 5px 3px 2px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
 }
 .editBlock,
 .deleteBlock,
 .zoomInButton,
 .zoomOutButton,
 .changeMapButton,
 .resetImageButton,
 .resetMapButton
 {
	float: left;
	margin: 0 3px;
 }


 .relative
 {
	position: relative;
 }

 #tooltip-renderer
 {
	z-index: 1000000;
	width: 200px;
	padding: 10px;
	background-color: white;
	word-wrap: break-word;
	-moz-box-shadow: 0px 0px 7px 0px #000101;
	-webkit-box-shadow: 0px 0px 7px 0px #000101;
	-o-box-shadow: 0px 0px 7px 0px #000101;
	box-shadow: 0px 0px 7px 0px #000101;
 }

 .ui-menu .ui-menu-item
 {
	font-size: 9px;
 }

 .clearer {
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
 }

/**
 * Personallisation du color picker
 */

 .sp-container {
	border: solid 1px #cccccc;
 }

 .sp-cancel, .sp-cancel:hover {
	color: #999999 !important;
 }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* Dialogs */
#dialogsButtonContainer
{
	position: relative;
	margin: 0 auto;
	height: 10px;
}

#dialogsButtons {
	background-color: #1D1D1B;
	width: 19px;
	padding: 2px;
	margin-left: -23px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#toolsButton
{
	margin-left: 2px;
}

.dialog {
	position: absolute;
	background-color: #DDDDDD;
}

.dialogHeader {
	height: 27px;
		min-height: 27px;
}

.dialogHeader h3 {
	font-size: 12px;
	margin-left: 15px;
	/*margin-top: 4px;*/
	font-weight: normal;
	font-stretch: condensed;
}

.dialogContent
{
	color: #4c4c4c;
	font-size: 10px;
	font-stretch: condensed;
	min-width: 130px;
	display: inline-block;
}

.dialogPadded {
	padding: 3px 30px 30px 30px;
}

/* confirmToSaveBookDialog */
#dialogContainer.confirmToSaveBookDialog .viewContainer {
	white-space: nowrap;
}

/* libraryContainer ToolsView LayersView */

#toolsDialog,
#layersDialog {
	background-color: #FFFFFF;
	color: #4c4c4c;
	-moz-box-shadow: 0px 0px 7px 0px #000101;
	-webkit-box-shadow: 0px 0px 7px 0px #000101;
	-o-box-shadow: 0px 0px 7px 0px #000101;
	box-shadow: 0px 0px 7px 0px #000101;
}

/*.lt-ie9 #dialogContainer.libraryContainer {
	border: solid 1px #d0d0d0;
}*/

#toolsDialog .dialogContent,
#layersDialog .dialogContent {
	padding: 7px 0;
}

#toolsDialog .dialogHeader,
#layersDialog .dialogHeader
{
	cursor: move;
	margin: 0;
	padding-bottom: 6px;
}

/* ToolsView */
#toolsDialog {
	width: 59px;
	min-width: 56px;
}
#toolsDialog .viewContainer{
	margin-left: 6px;
	margin-top: -6px;
}
#toolsDialog .viewContainer a {
	margin-top: 6px;
}
#toolsDialog .dialogContent
{
	min-width: 59px;
	max-width: 59px;
}

.closeButton.close_icon
{
	position: absolute;
	right: 16px;
	top: 16px;
}

#layersDialog .closeButton.close_icon, #toolsDialog .closeButton.close_icon
{
	top: 5px;
}

/* LayersView */

#layersDialog {
	width: 100px;
}

#layers-sortable {
	cursor: pointer;
	list-style-type: none;
	margin: 0;
	padding: 7px 0;
	width: 100%;
}
#layersDialog .dialogContent{
	max-height: 100px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	min-width: 100px;
	max-width: 100px;
}
#layers-sortable li {
	padding: 6px 6px 6px 20px;
	display: block;
	min-width: 71px;
	border-bottom: 1px solid #4c4c4c;
}
#layers-sortable li span
{
	float: left;
	margin: -2px 5px 0 0;
}
/*styles du calque sélectionné ou survolé*/
#layers-sortable li.selected,
#layers-sortable li:hover
{
	/*color: #3286CA;*/
}
/*styles des icones du calque survolé cf icon.css*/
.layer-placeholder {
	background-color: #0099ff;
}

/* ViewDialog */
#popinContainer
{
	/*width: 325px;
	min-width: 325px;
	height: 115px;
	min-height: 115px;*/
}

.buttonsContainer
{
	margin-bottom: 4px;
	margin-top: 12px;
	text-align: right;
}

.okButton, .deleteButton, .cancelButton, .submitButton, #clipboardButton
{
	font-stretch: condensed;
	font-family: "Helvetica LT Std", "Helvetica", "Arial", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #4c4c4c;
	text-decoration: none;
	box-shadow: 0 0 2px 0 rgba(0, 1, 1, 0.5);
	padding: 4px 8px;
}
.okButton:hover, .deleteButton:hover, .cancelButton:hover, #clipboardButton:hover
{
	color: #333333;
}

.deleteButton, .cancelButton
{
	margin-left: 7px;
}

/* override des style de colorbox.css */
#cboxOverlay
{
	background: #000000;
	opacity: 0.8;
}

#colorbox
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border-radius: 8px;
}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,
#cboxMiddleLeft, #cboxMiddleRight
{
	width: 0px;
	height: 0px;
}

#cboxLoadedContent {
	margin-bottom: 0;
}

#cboxContent,
.cboxIframe {
	background: #f8f8f8;
}

/* movePageView */

#movePageContainer {
	width: 291px;
	min-width: 291px;
	height: 54px;
	min-height: 54px;
}
#movePageContainer label, #movePageContainer input {
	float: left;
}
#movePageContainer #pagePosition {
	width: 50px;
	margin-left: 5px;
}
#movePageContainer .errors {
	margin-top: 2px;
}

/* mapGrabberView */
.mapGrabberContainer
{
	width: 570px;
	overflow: hidden;
	padding: 17px;
}

.mapGrabberContainer form div
{
	margin: 5px 0;
}

.mapGrabberContainer form select
{
	width: 250px;
}

.mapGrabberContainer form input[type="text"]
{
	width: 246px;
}

.mapGrabberContainer #mapThumbnailList
{
	height: 450px;
	overflow: auto;
	margin-bottom: 20px;
	position: relative;
}

.mapGrabberContainer #mapThumbnailList .mapThumbnail
{
	padding: 10px 0;
	text-align: center;
	width: 300px;
	margin: auto;
	position: relative;
}
.mapGrabberContainer #mapThumbnailList .mapThumbnail .tooltip
{
	position: absolute;
	top: 20px;
	left: 10px;
	padding: 10px;
	width: 260px;
	max-height: 160px;
	overflow: hidden;
	background: rgba( 255, 255, 255, .85 );
	text-align: left;
	font-size: 11px;
	line-height: 17px;
}

.mapGrabberContainer .tooltip
{
	display: none;
}

.mapGrabberContainer #mapThumbnailList .mapThumbnail img
{
	width: 300px;
	height: 200px;
}
.mapGrabberContainer #mapThumbnailList .mapThumbnail.selected img
{

}

.mapGrabberContainer #mapThumbnailList .mapThumbnail .selector
{
	display:none;
	position: absolute;
	left: 0;
	top: 10px;
	width: 300px;
	height: 200px;
	background-color: #82BADE;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.mapGrabberContainer #mapThumbnailList .mapThumbnail.selected .selector
{
	display: inline-block;
}

.mapGrabberContainer #mapThumbnailList .mapThumbnail.selected span
{
	color: #82BADE;
}

.mapGrabberContainer #mapThumbnailList .mapThumbnail span
{
	display: block;
	text-align: center;
}

.mapGrabberContainer .actions
{
	text-align: right;
	padding: 0 10px;
}

/* imageGrabberView */
.imageGrabberContainer
{
	width: 325px;
	padding-left: 17px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.imageGrabberContainer #upload
{
	width: 308px;
	height: 100%;
}
.imageGrabberContainer #fileupload
{
	width: 100%
}
.imageGrabberContainer #uploading
{
	width: 308px;
	height: 100%;
	display: none;
}

#uploading .barContainer
{
	border: 1px solid rgba(89, 114, 120, 0.4);
	height: 13px;
	width: 100%;
}

#uploading .bar
{
	height: 13px;
	width: 0%;
	background: url("../bundles/cauebook/images/barre-loading.gif") repeat-x scroll 0 0 transparent;
}

#uploading > p {
	color: #707173;
	font-size: 10px;
	font-style: italic;
	margin-top: 5px;
	text-align: center;
}

.imageGrabberContainer .linkContainer > label,
.imageGrabberContainer .transparencyContainer > label,
.imageGrabberContainer .transparencyContainer > output,
.imageGrabberContainer .borderRadiusContainer > label
{
	font-size: 12px;
	color: black;
	display: block;
}

.imageGrabberContainer .transparencyContainer > label
{
	margin-bottom: 9px;
}

.imageGrabberContainer .linkContainer,
.imageGrabberContainer .transparencyContainer,
.imageGrabberContainer .borderRadiusContainer
{
	border-top: 1px solid #d1d1d1;
}

.imageGrabberContainer .borderRadiusContainer
{
	border-bottom: 1px solid #d1d1d1;
}

.imageGrabberContainer .linkContainer {
	padding-top: 9px;
	padding-bottom: 11px;
	overflow: hidden;
}

.imageGrabberContainer .linkContainer > label,
.imageGrabberContainer .linkContainer > div,
.imageGrabberContainer .transparencyContainer > output,
.imageGrabberContainer .transparencyContainer > #transparency,
.imageGrabberContainer .bindCornersContainer,
.imageGrabberContainer .cornersContainer,
.imageGrabberContainer .cornersContainer .column {
	float: left;
	box-sizing: border-box;
}

.imageGrabberContainer .linkContainer > label,
.imageGrabberContainer .transparencyContainer > output {
	display: block;
	width: 15%;
}

.imageGrabberContainer .linkContainer > div,
.imageGrabberContainer .transparencyContainer > #transparency {
	width: 85%;
}

.imageGrabberContainer .transparencyContainer > #transparency
{
	margin-top: 3px;
}

.imageGrabberContainer .linkContainer input[type="text"],
.imageGrabberContainer .cornersContainer input[type="number"] {
    box-sizing: border-box;
	box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.1) inset;
	border: 1px solid #d1d1d1;
	padding: 4px;
}

.imageGrabberContainer .linkContainer input[type="text"]
{
	display: block;
	width: 100%;
	margin-bottom: 9px;
}

.imageGrabberContainer .linkContainer input[type="checkbox"] {
	vertical-align: -2px;
}

.imageGrabberContainer .transparencyContainer {
	padding-top: 13px;
	padding-bottom: 41px;
}

.imageGrabberContainer .borderRadiusContainer {
	padding-top: 16px;
	padding-bottom: 7px;
    overflow: hidden;
}

.imageGrabberContainer .bindCornersContainer {
	width: 30%;
}

.imageGrabberContainer .cornersContainer {
	width: 45%;
	margin-right: 25%;
	overflow: hidden;
}

.imageGrabberContainer .cornersContainer .row {
	margin-bottom: 11px;
	overflow: hidden;
}

.imageGrabberContainer .cornersContainer .column {
	width: 50%;
}

.imageGrabberContainer .cornersContainer input[type="number"] {
	width: 35px;
}

.imageGrabberContainer .borderRadiusContainer > label {
	margin-bottom: 14px;
}

.imageGrabberContainer #bindCorners {
	display: none;
}

.imageGrabberContainer #bindCorners + label {
	background: url("../bundles/cauebook/images/icons.png") no-repeat;
	display: block;
	text-indent: -9999px;
	width: 21px;
	height: 12px;
	background-position: -76px -177px;
    margin-left: 60px;
    margin-top: 24px;
}

.imageGrabberContainer #bindCorners:checked + label {
	background-position: -75px -193px;
}


/* ShareBookView */
#shareBookContainer {
	width: 290px;
}

/* SaveBookView */
#saveBookContainer {
	width: 600px;
}

#saveBookContainer.saving,
#saveBookContainer.saved {
  width: 405px;
  height: 130px;
  padding-top: 35px;
  margin: 0;
}

#saveBookContainer.saving .loading-container,
#saveBookContainer.saved .loading-container {
	text-align: center;
	font-size: 12px;
}

#saveBookContainer.saving .loading-container > .message {
	margin-bottom: 36px;
}

#saveBookContainer.saved .loading-container > .message {
	margin-top: 55px;
}

#saveBookContainer input, #saveBookContainer textarea, #saveBookContainer select {
	width: 78%;
	padding: 0;
}

#saveBookContainer label {
	width: 18%;
	display: inline-block;
	text-align: right;
	padding: 0 1%;
}

#saveBookContainer #keywordsContainer {
	min-height: 65px;
	margin-left: 121px;
	margin-top: 5px;
}

#saveBookContainer #keywordsContainer .keyword {
	float: left;
	padding: 1px 5px;
	border: 1px solid #919191;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 2px;
	padding-right: 12px;
	overflow: hidden;
}

#saveBookContainer #keywordsContainer .keyword .eraseButton
{
	display: none;
	cursor: pointer;
}

#saveBookContainer #keywordsContainer .keyword span.word
{

}

#saveBookContainer #keywordsContainer .keyword:hover
{
	padding-right: 5px;
	text-decoration: none;
}

#saveBookContainer #keywordsContainer .keyword:hover .eraseButton
{
	display: inline;
}

/** ImportBookView & BookListView */
#importBookContainer {
	width: 675px;
	height: auto;
	min-height: 460px;
}

#importBookContainer .formElement
 {
	float: left;
	margin: 0 10px 0 0;
}

#importBookContainer .bookRenderer > img {
	border: 1px dashed #fff;
	display: block;
	float: left;
	height: 140px;
	margin: 0 15px 0 0;
	width: 91px;
}

#importBookContainer .buttonsContainer {
	padding-top: 0;
}

#importBookContainer .paginationContainer {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 2px;
}

#importBookContainer .paginationContainer a {
	font-family: "Helvetica LT Std", "Helvetica", "Arial", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #4c4c4c;
	text-decoration: none;
	box-shadow: 0 0 2px 0 rgba(0, 1, 1, 0.5);
	padding: 4px 8px;
}

#importBookContainer .paginationContainer a:hover {
	color: #333333;
}

#importBookContainer .paginationContainer a.disabled {
	color: #aaaaaa;
	box-shadow: none;
	cursor: default;
	pointer-events: none;
}

#importBookContainer .paginationContainer span {
	font-family: "Helvetica LT Std", "Helvetica", "Arial", sans-serif;
	font-size: 10px;
	color: #4c4c4c;
	margin: 0 8px;
}
#importBookContainer .buttonsContainer .loading {
	height: 16px;
	width: 16px;
}

#importBookContainer #search,
#importBookContainer #publicationLevel {
	width: 180px;
}

#importBookContainer #publicationLevel {
	padding: 1px;
}

#booksContainer {
	width: 100%;
	height: 315px;
	overflow-y: scroll;
	left: 0;
	position: relative;
	padding-top: 10px;
}

/*#bookListContainer #booksContainer
{
	height: 370px;
}*/

#booksContainer .bookRenderer {
	min-height: 140px;
	padding: 14px;
	position: relative;
	cursor: hand;
}
#booksContainer .bookRenderer p {
	line-height: 1.3em;
}
#importBookContainer #booksContainer .bookRenderer.selected,
#importBookContainer #booksContainer .bookRenderer:hover {
	background-color: #82BADE;
}
#templatesContainer .templateThumbnail > img {
	position: absolute;
}

.replacePagesDisclaimer {
	text-align: center;
	min-height: 190px;
	padding-top: 150px;
}
.replacePagesDisclaimer h4 {
	text-transform: uppercase;
	position: relative;
	font-size: 14px;
}
.replacePagesDisclaimer h4:before {
	content: '';
	display: block;
	position: absolute;
	top: -55px;
	left: 50%;
	-moz-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	-webkit-transform: translateX( -50% );
	transform: translateX( -50% );
}
.replacePagesDisclaimer p {
	font-size: 14px;
	line-height: 24px;
}

.importBookErrorDialog {
	min-width: 300px;
}

/* BookListView was here */


/* BookLinkView */
#bookLinkContainer textarea{
	width: 292px;
	height: 41px;
}

#bookLinkContainer .buttonsContainer {
	position: relative;
}
#bookLinkContainer #clipboardSwf {
	position: absolute;
	top: -3px;
	left: 0;
}
#bookLinkContainer #clipboardButton {
	margin-right: 7px;
}
#bookLinkContainer #linkCopiedMessage {
	display: inline-block;
	margin-bottom: 0;
}

/*deleteActionRenderer showDialog deleteBookDialog*/
.deleteBookDialog
{
	width: 325px;
}

/* videoGrabberView */
.videoGrabberContainer
{
	width: 325px;
	padding-left: 17px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.videoGrabberContainer #video
{
	width: 308px;
	height: 100%;
}
.videoGrabberContainer #videoUrl
{
	width: 100%
}
.modernGrey .dijitSliderImageHandleV {
    right: 0;
    top: -5px;
}
.modernGrey .dijitSliderMoveableV {
    right: 0;
}
.modernGrey .dijitSliderMoveableH {
    right: 0;
    top: -9px;
}
.modernGrey .dijitSliderImageHandleH {
    right: 0;
    top: 0;
}
.modernGrey .dijitSliderBumperV {
    display: none;
}
.modernGrey .dijitSliderBumperH {
    display: none;
}
.modernGrey .dijitSliderBarV {
    border: 0 none;
    width: 8px;
}
.modernGrey .dijitSliderBarH {
    border: 0 none;
    height: 8px;
}
.modernGrey .dijitSliderBarContainerV {
    width: 21px;
}
.modernGrey .dijitSliderBarContainerH {
    width: 100px;
}
.modernGrey .dijitSliderBar {
    background: none repeat scroll 0 0 #A19FA8;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 5px 1px #67666B inset;
    outline: 0 none;
}
.modernGrey .dijitSliderV {
    height: 150px;
    left: 10px;
    top: 10px;
}
.modernGrey .dijitSliderImageHandleH {
    background: url("../bundles/cauebook/images/zoomBar.png") no-repeat scroll -64px 0 transparent;
    border: 0 none;
    cursor: ew-resize;
    height: 21px;
    width: 9px;
}
.modernGrey .dijitSliderImageHandleV {
    background: url("../bundles/cauebook/images/zoomBar.png") no-repeat scroll -43px 0 transparent;
    border: 0 none;
    cursor: ns-resize;
    height: 9px;
    width: 21px;
}
.modernGrey .dijitSliderButtonContainerH {
    padding: 0;
}
.modernGrey .dijitSliderButtonContainerV {
    padding: 0;
}
.modernGrey .dijitSliderDecrementIconH, .modernGrey .dijitSliderIncrementIconH, .modernGrey .dijitSliderDecrementIconV, .modernGrey .dijitSliderIncrementIconV {
    background: url("../bundles/cauebook/images/zoomBar.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
.modernGrey .dijitSliderDecrementIconH, .modernGrey .dijitSliderIncrementIconH {
    height: 21px;
    width: 21px;
}
.modernGrey .dijitSliderDecrementIconV, .modernGrey .dijitSliderIncrementIconV {
    height: 21px;
    width: 21px;
}
.modernGrey .dijitSliderDecrementIconH {
    background-position: -21px 0;
    margin-right: 2px;
}
.modernGrey .dijitSliderActive .dijitSliderDecrementIconH.modernGrey .dijitSliderHover .dijitSliderDecrementIconH {
    background-position: -21px 0;
}
.modernGrey .dijitSliderIncrementIconH {
    background-position: 0 0;
    margin-left: 2px;
}
.modernGrey .dijitSliderActive .dijitSliderIncrementIconH.modernGrey .dijitSliderHover .dijitSliderIncrementIconH {
    background-position: 0 0;
}
.modernGrey .dijitSliderDecrementIconV {
    background-position: -21px 0;
    margin-top: 2px;
}
.modernGrey .dijitSliderActive .dijitSliderDecrementIconV.modernGrey .dijitSliderHover .dijitSliderDecrementIconV {
    background-position: -21px 0;
}
.modernGrey .dijitSliderIncrementIconV {
    background-position: 0 0;
    margin-bottom: 2px;
}
.modernGrey .dijitSliderButtonInner {
    visibility: hidden;
}
.dj_ie6 .modernGrey .dijitSlider .dijitSliderProgressBarH, .dj_ie6 .modernGrey .dijitSlider .dijitSliderLeftBumper, .dj_ie6 .modernGrey .dijitSlider .dijitSliderRemainingBarH, .dj_ie6 .modernGrey .dijitSlider .dijitSliderRightBumper, .dj_ie6 .modernGrey .dijitSlider .dijitSliderProgressBarV, .dj_ie6 .modernGrey .dijitSlider .dijitSliderTopBumper, .dj_ie6 .modernGrey .dijitSlider .dijitSliderRemainingBarV, .dj_ie6 .modernGrey .dijitSlider .dijitSliderBottomBumper {
    background-image: none;
}
.toggleButton {
	width: 65px;
	height: 20px;
	border: solid 1px #9b9a9a;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(bottom, #c0c0c0, #fff);
	background-image: -moz-linear-gradient(bottom, #c0c0c0, #fff);
	background-image: -o-linear-gradient(bottom, #c0c0c0, #fff);
	background-image: linear-gradient(to top, #c0c0c0, #fff);
	cursor: pointer;
}

.toggleButton > span {
	float: left;
	border-right: solid 1px #9b9a9a;
}

.toggleButton > a {
	padding: 0 6px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.toggleButton > a,
.toggleButton > a:hover {
	color: #4c4c4c;
}

.toggleButton-isClosed > span {
	border-right: none;
	border-left: solid 1px #9b9a9a;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.lt-ie9 .toggleButton-isClosed > span {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* Bouton fond bleu */
.basicButton,
a.basicButton {
	display: block;
	padding: 4px 7px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #4c4c4c;
	text-decoration: none;
	font-size: 12px;
}

.basicButton:hover {
	border: 1px solid #4c4c4c;
	background-color: #cecece;
}

.blueButton,
a.blueButton {
	border: solid 1px #006990;
	background-color: #00abe9;
	background-image: -webkit-linear-gradient(bottom, #0083b3, #00abe9);
	background-image: -moz-linear-gradient(bottom, #0083b3, #00abe9);
	background-image: -o-linear-gradient(bottom, #0083b3, #00abe9);
	background-image: linear-gradient(to top, #0083b3, #00abe9);
	color: #fff;
}

.blueButton:hover {
	background-color: #008bb7;
	background-image: none;
}

/* Bouton fond gris */

.greyButton,
a.greyButton {
	border: solid 1px #9b9a9a;
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #c0c0c0, #fff);
	background-image: -moz-linear-gradient(bottom, #c0c0c0, #fff);
	background-image: -o-linear-gradient(bottom, #c0c0c0, #fff);
	background-image: linear-gradient(to top, #c0c0c0, #fff);
	color: #4c4c4c;
}

.greyButton:hover {
	background-color: #cecece;
	background-image: none;
}
#pageReaderContainer #contentPage
{
	position: relative;
}
#contentContainer{
	position: relative;
	margin: 0 auto;
	width: 700px;
	box-shadow: 0 0 20px 2px rgba(0, 1, 1, 0.75);
	perspective: 2000px;
	transform-style: preserve-3d;
	transition: transform 0.6s cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

.csstransforms3d #contentContainer,
.csstransforms3d #pageContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

#contentContainer.cover {
	transform: translateX(-50%);
}
.bookReader .workspace {
	height: 100%;
}

.lt-ie9 #contentContainer {
	margin-top: -1px !important;
	margin-left: -1px !important;
	padding: 1px;
	border: solid 1px #d0d0d0;
}
#contentContainer .pageContainer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	box-shadow: none;
	transform-style: preserve-3d;
}
.rotationPreviousPage{
	transform-origin: 100% 50%;
	animation: rotationYPreviousPage 1.2s cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
/*
@keyframes rotationPreviousPage {
	0% {
		transform: rotate3d(0,1,0,0);
		opacity: 1;
	}
	50% {
		transform: rotate3d(0,1,0,90deg);
		opacity: 1;
	}
	100% {
		transform: rotate3d(0,1,0,180deg);
		opacity: 0;
	}
}
*/
/*TODO (jeremy) : trouver pourquoi rotate3d ne fait pas le même effet que rotateY */
@keyframes rotationYPreviousPage {
	0% {
		transform: rotateY(0);
		opacity: 1;
	}
	50% {
		/*transform: rotateY(90deg);*/
		opacity: 1;
	}
	100% {
		transform: rotateY(180deg);
		opacity: 0;
	}
}
.rotationNextPage{
	transform-origin: 0% 50%;
	animation: rotationYNextPage 1.2s cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
/*
@keyframes rotationNextPage {
	0% {
		transform: rotate3d(0,-1,0,0deg);
		opacity: 1;
	}
	50% {
		transform: rotate3d(0,-1,0,90deg);
		opacity: 1;
	}
	100% {
		transform: rotate3d(0,-1,0,180deg);
		opacity: 0;
	}
}
*/
/*TODO (jeremy) : trouver pourquoi rotate3d ne fait pas le même effet que rotateY */
@keyframes rotationYNextPage {
	0% {
		transform: rotateY(0deg);
		opacity: 1;
	}
	50% {
		/*transform: rotateY(-90deg);*/
		opacity: 1;
	}
	100% {
		transform: rotateY(-180deg);
		opacity: 0;
	}
}
.menuButton:hover > span {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
	-webkit-animation:fadeIn 0.25s ease forwards;
	-moz-animation:fadeIn 0.25s ease forwards;
	-o-animation:fadeIn 0.25s ease forwards;
	animation:fadeIn 0.25s ease forwards
}
@-webkit-keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
@-moz-keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
@-o-keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
@keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
 .imageBlockRenderer {
	background-color: transparent;
	height: 100%;
	width: 100%;
 }

 .imageBlockData {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
 }

 .imageBlockData img {
 	position: absolute;
 }
/* MapBlockRendererView */
.mapBlockRenderer {
	position: relative;
}
.mapBlockRenderer,
.mapBlockRenderer .mapContainer
{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}
.mapBlockRenderer .mapContainer,
.mapBlockRenderer .mapOverlay {
	position: absolute;
}

.mapBlockRenderer .mapOverlay
{
	background-color: transparent;
	background-size: 0;
	width: 100%;
	height: 100%;
}

.mapBlockRenderer .esriSimpleSliderTL {
	left: 35px !important; /* !important afin d'overrider les styles de base d'esri */
	top: 35px !important; /* !important afin d'overrider les styles de base d'esri */
}

.mapBlockRenderer .esriSimpleSliderTL > div {
	/* !important afin d'overrider les styles de base d'esri */
	width: 20px !important;
	height: 20px !important;
	font-size: 17px !important;
	line-height: 17px !important;
}

#pageReaderContainer .mapBlockRenderer .mapOverlay {
	display: none;
}
/*
 * TIMELINE
 */

/* TimelineView */
#timelineContainer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 140px;
	background-color: #eaeaea;

	transition: bottom 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.timelineIsClosed #timelineContainer {
	bottom: -140px;
}

#timelineTools {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 32px;
	height: 100%;
	background-color: #000000;
}

#timelineTools ul {
	padding: 3px 0;
}
#timelineTools ul li {
	padding: 3px 6px 2px;
}

.timeline-toggleButton {
}

/* PageThumbnailRenderer */

#slider
{
	overflow: hidden;
	overflow-x: scroll;
	height: 140px;
}

#pageThumbnailsContainer .thumbnailContainer, .thumbnailPlaceholder {
	float: left;
}

#pageThumbnailsContainer .thumbnailContainer {
	padding: 5px;
	position: relative;
	cursor: pointer;
	float: left;
	overflow-y: hidden;
	white-space: normal;
}

.pageThumbnail {
	background-color: #FFFFFF;
	border: 1px solid #4c4c4C;
}
#pageThumbnailsContainer .pageThumbnail.active,
#pageThumbnailsContainer .pageThumbnail:hover {
	-webkit-box-shadow: 0 1px 7px rgba( 30, 181, 237, 1 );
	   -moz-box-shadow: 0 1px 7px rgba( 30, 181, 237, 1 );
			box-shadow: 0 1px 7px rgba( 30, 181, 237, 1 );
}

.pageThumbnail .actions, .pageThumbnail .handle {
	position: absolute;
	margin: 10px 5px;
	background-color: #000000;
	background-color: rgba( 0, 0, 0, 0.8 );
	color: #FFFFFF;
}

.pageThumbnail .handle {
	top: 0;
	left: 0;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topRight: 4px;
}

.pageThumbnail .handle .drag_handle_icon {
	cursor: move;
	width: 20px;
	height: 20px;
	margin: 0 1px;
}

.pageThumbnail .actions {
	top: 0;
	right: 0;
	position: absolute;
	margin: 10px 5px;
	background-color: rgba( 0, 0, 0, .7);
	color: #FFFFFF;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topLeft: 4px;
}

.pageThumbnail .actions > * {
	float: left;
	outline: 0 none;
}

.pageThumbnail .actions p {
	margin: 0;
	margin: 2px 5px 2px 8px;
	font-size: 0.75em;
}

.pageThumbnail,
.pageThumbnail img {
	width: 162px;
	height: 108px;
}
#pageThumbnailsContainer .internalThumbnail .pageThumbnail {
	background-image: url('../bundles/cauebook/images/internalDefaultThumbnail.jpg');
	background-repeat: no-repeat;
}
#pageThumbnailsContainer .frontThumbnail .pageThumbnail,
#pageThumbnailsContainer .backThumbnail .pageThumbnail {
	background-image: url('../bundles/cauebook/images/defaultThumbnail.jpg');
	background-repeat: no-repeat;
}
#pageThumbnailsContainer .frontThumbnail .pageThumbnail,
#pageThumbnailsContainer .frontThumbnail .pageThumbnail img,
#pageThumbnailsContainer .backThumbnail .pageThumbnail,
#pageThumbnailsContainer .backThumbnail .pageThumbnail img {
	width: 81px;
	height: 108px;
}
#pageThumbnailsContainer .internalThumbnail .pageThumbnail img[src=""],
#pageThumbnailsContainer .frontThumbnail .pageThumbnail img[src=""],
#pageThumbnailsContainer .backThumbnail .pageThumbnail img[src=""] {
   display: none;
}

#pageThumbnailsContainer .thumbnailSeparator {
	position: relative;
	float: left;
	overflow-y: hidden;
	margin: 10px;
	width: 2px;
	height: 93px;
	background-color: #666666;
	white-space: normal;
	pointer-events: none;
}

#pageThumbnailsContainer .thumbnailLeftSeparator
{
	float: left;
}

#pageThumbnailsContainer .thumbnailRightSeparator
{
	float: right;
}
#pageThumbnailsContainer #internalPageThumbnailContainer {
	margin-left: 95px;
	margin-right: 95px;
	height: 130px;
}

#pageThumbnailsContainer #sliderContainer ul {
	width: auto;
	height: 100%;
	white-space: nowrap;
}

#pageThumbnailsContainer .thumbnailContainer.frontCover
{
	float: left;
}

#pageThumbnailsContainer .thumbnailContainer.backCover
{
	float: right;
}


.contextMenuButton {
	margin: 5px;
}

/* ContextMenuView */
#contextMenu {
	width: 108px;
	display: none;
	-webkit-box-shadow: 0 1px 7px rgba(0,1,1,.75);
	-moz-box-shadow: 0 1px 7px rgba(0,1,1,.75);
	box-shadow: 0 1px 7px rgba(0,1,1,.75);
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
}
#contextMenu a
{
	display: block;
	padding: 5px 0;
	color: #666666;
	text-align: center;
	text-decoration: none;
	font-size: 0.8em;
}
#contextMenu a:hover
{
	background-color: #82BADE;
}

/* toggleButton */
.timeline-toggleButton {
	position: absolute;
	right: 14px;
	bottom: 100%;
}
.alignLeft,
.alignRight {
	position: absolute;
    top: 50%;
	z-index: 100;
    margin-top: -32px;
}

.alignLeft {
	left: 0;
    margin-left: 20px;
}

.alignRight {
	right: 0;
    margin-right: 20px;
}

.navigationButton {
    display: block;
    margin-bottom: 20px;
    width: 17px;
    height: 28px;
    background: url("../bundles/cauebook/images/arrows.png") no-repeat;
    position: relative;
}

.firstButton,
.lastButton {
	height: 16px;
}

.previousButton {
	background-position: 0 0;
}

.previousButton:hover {
	background-position: -22px 0;
}

.firstButton {
	background-position: 0 -33px;
}

.firstButton:hover {
	background-position: -22px -33px;
}

.nextButton {
	background-position: -44px 0;
}

.nextButton:hover
{
	background-position: -66px 0;
}

.lastButton {
	background-position: -44px -33px;
}

.lastButton:hover
{
	background-position: -66px -33px;
}

/* texte au hover */
.navigationButton > span {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #cecece;
	color: #4c4c4c;
	padding: 5px 7px;
	font-size: 13px;
	position: absolute;
	left: 21px;
	top: 50%;
	margin-top: -13px;
	width: 58px;
	text-align: center;
	display: none;
}

.nextButton > span,
.lastButton > span {
	left: inherit;
	right: 21px;
}

.navigationButton:hover > span {
	display: block;
}
.navigationButton:hover > span {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
	-webkit-animation:fadeIn 0.25s ease forwards;
	-moz-animation:fadeIn 0.25s ease forwards;
	-o-animation:fadeIn 0.25s ease forwards;
	animation:fadeIn 0.25s ease forwards
}
@-webkit-keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
@-moz-keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
@-o-keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
@keyframes fadeIn {
    0% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity:0
    }
    100% {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1
    }
}
.bookInformationsContainer {
	overflow-y: auto;
	padding-bottom: 0;
	width: 490px;
	height: 350px;
}

.bookInformationsContainer .cover {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.bookInformationsContainer h2,
.bookInformationsContainer p,
.bookInformationsContainer p.label,
.bookInformationsContainer ul li {
	font-size: 11px;
	font-family:  "Arial", "HelveticaLTStd", "Helvetica", sans-serif;
}
.bookInformationsContainer h2 {
	margin: 0px 0px 25px 0px;
	padding: 0;
	color: #009bd5;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	max-height: 35px;
	overflow: hidden;
}
.bookInformationsContainer p.label {
	clear: both;
	font-weight: bold;
}
.bookInformationsContainer p.description {
	clear: both;
	margin-top: 30px;
	font-size: 12px;
}
.bookInformationsContainer ul,
.bookInformationsContainer ul li {
	margin: 0;
	padding: 0;
}
.bookInformationsContainer > ul {
	display: inline-block;
	width: 355px;
	height: auto;
}
.bookInformationsContainer ul li p,
.bookInformationsContainer ul li p.label {
	float: left;
	clear: none;
	margin: 0px 15px 0 0px;
	padding: 0;
}
.bookInformationsContainer ul li p {
	width: 41%;
}
.bookInformationsContainer ul li p.label {
	width: 140px;
	text-align: right;
}

.bookInformationsContainer ul.keywordsContainer {
	margin: -4px;
	padding: 0;
	width: auto;
	height: auto;
}
.bookInformationsContainer ul.keywordsContainer li {
	float: left;
	clear: none;
	margin: 4px;
	padding: 0px 15px;
	width: auto;
	height: auto;
	border-radius: 4px;
	background-color: #ccc;
}

.legalNotice {
	margin: 0 30px 30px 30px;
	position: relative;
	padding-right: 60px;
	width: 430px;
}
.legalNotice img.logo-s-pass {
	float: left;
	clear: none;
	margin-top: 3px;
	margin-right: 15px;
}
.legalNotice p {
	font-size: 10px;
	font-family: "Arial", sans-serif;
	color: #7f7f7f;
}
.legalNotice p a {
	color: #009bd5;
}

.shareButton {
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: "Arial", sans-serif;
}
.textBlockRenderer {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	font-family: 'Roboto Condensed', Tahoma, Geneva, sans-serif;
}

.textBlockRenderer .textBlockData {
	position: relative;
}

.textBlockData {
	margin: 0.7em;
	padding: 1px;
	word-wrap: break-word;
}

.textBlockEditor {
	position: relative !important;
	background-color: transparent !important;
}

.textBlockEditor textarea {
	position: absolute;
	visibility: hidden;
	width: 100%;
	height: 100%;
	border: none;
	resize: none;
}

.textBlockEditor .textBlockRenderer,
.textBlockEditor .textBlockData {
	background-color: transparent;
}

.textBlockRenderer a,
.textBlockRenderer a:hover,
.textBlockRenderer a:visited,
.textBlockEditor .textBlockData a,
.textBlockEditor .textBlockData a:hover,
.textBlockEditor .textBlockData a:visited {
	color: inherit;
}

.textBlockEditor .redactor_editor_custom {
	overflow: auto;
	overflow-x: hidden;
	padding: 0.7em;
	outline: none;
}

.font-roboto {
	font-family: 'Roboto Condensed', Tahoma, Geneva, sans-serif !important;
}

.font-open-sans {
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif !important;
}

.font-merriweather {
	font-family: Merriweather, Georgia, serif !important;
}
.textBlockEditor .redactor_editor_custom {
    font-family: 'Roboto Condensed', Tahoma, Geneva, sans-serif;
}
.textBlockData h5, .redactor_editor_custom h5, .redactor_dropdown .comment,
.textBlockData p, .redactor_editor_custom p, .redactor_dropdown .text,
.textBlockData h3, .redactor_editor_custom h3, .redactor_dropdown .subtitle,
.textBlockData p, .redactor_editor_custom p,
.textBlockData h3, .redactor_editor_custom h3,
.textBlockData h2, .redactor_editor_custom h2,
.textBlockData h1, .redactor_editor_custom h1,
.textBlockData h6, .redactor_editor_custom h6,
.textBlockData div, .redactor_editor_custom div {
	margin: 0;
	padding: 0;
    font-family: 'Roboto Condensed', Tahoma, Geneva, sans-serif;
}

.textBlockData h5,
.textBlockEditor .redactor_editor_custom h5,
.redactor_dropdown .comment {
	font-weight: 400;
	font-size: .556em;
	line-height: 1.0em;
}

.textBlockData p,
.textBlockEditor .redactor_editor_custom p,
.redactor_dropdown .text {
	font-weight: 400;
	font-size: .667em;
	line-height: 1.4em;
}

.textBlockData h3,
.textBlockEditor .redactor_editor_custom h3,
.redactor_dropdown .subtitle {
	font-weight: 400;
	font-size: .889em;
	line-height: 1.1667em;
}

.textBlockData h2,
.textBlockEditor .redactor_editor_custom h2,
.redactor_dropdown .title {
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.05em;
}

.textBlockData h1,
.textBlockEditor .redactor_editor_custom h1,
.redactor_dropdown .big-title {
	font-weight: 400;
	font-size: 1.7em;
	line-height: 1em;
}

/* TITRE COUVERTURE */
.textBlockData h6,
.textBlockEditor .redactor_editor_custom h6,
.redactor_dropdown .cover-title {
	font-weight: 400;
	font-size: 2.7em;
	line-height: 1em;
}

/*
** Retrait du HasLayout pour eviter l'apparition de points d'ancrage
** sous IE
*/
.textBlockData p,
.textBlockEditor .redactor_editor_custom p {
	position: static;
	float: none;
	overflow: visible;
	zoom: normal;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	writing-mode: lr-tb;
}

.textBlockData p,
.textBlockEditor .redactor_editor_custom p {
	padding: 0;
}

.textBlockRenderer p,
.textBlockEditor p{
	width: 100%;
}

.textBlockEditor .background,
.textBlockRenderer .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
 /* VideoBlockRenderer */
 .videoBlockRenderer {
 	width: 100%;
 	height: 100%;
 	background-color: #000000;
 }
 .videoBlockEditor {
 	background-color: #000000;
 }
 .videoBlockDataOverlay {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
	background-color: rgb(255,255,255);
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1e-0000001)';
	filter: alpha(opacity=1e-0000001);
 }
.videoBlockRenderer .dailymotion,
.videoBlockRenderer .youtube,
.videoBlockRenderer .vimeo {
	display: none;
}
 .videoBlockData {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	height: 100%;
 	background-color: transparent;
 	background-position: center center;
 	background-size: contain;
 	background-repeat: no-repeat;
 }

#pageReaderContainer .videoBlockDataOverlay {
	display: none;
}
/* EmbedBlockRenderer */
.embedBlockRenderer {
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	overflow: hidden;
	position: relative;
}
.embedBlockRenderer .embedBlockIframe {
	width: 100%;
	height: 100%;
	position: relative;
}
.embedBlockRenderer .embedBlockIframe iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	position: relative;
	z-index: 1;
}

/* Placeholder visible quand l'iframe ne se rend pas (vignettes de pages
 * générées serveur par wkhtmltoimage, qui ne peut pas charger une iframe).
 * Toujours présent dans le DOM mais caché derrière l'iframe en lecture. */
.embedBlockRenderer .embedBlockThumbnailPlaceholder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: #d0d0d0;
	text-align: center;
}
.embedBlockRenderer .embedBlockThumbnailPlaceholder .embedBlockThumbnailIcon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	height: 40%;
	margin-left: -20%;
	margin-top: -20%;
}
.embedBlockRenderer .embedBlockThumbnailPlaceholder .embedBlockThumbnailIcon > svg {
	width: 100%;
	height: 100%;
	display: block;
}
.embedBlockRenderer .embedBlockCaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 4px 8px;
	font-size: 11px;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
}

/* EmbedBlockEditor placeholder (en mode édition, on n'affiche pas l'iframe) */
.embedBlockEditor {
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	border: 1px dashed #cccccc;
	display: flex;
	align-items: center;
	justify-content: center;
}
.embedBlockEditor .embedPlaceholder {
	text-align: center;
	padding: 10px;
	font-family: "Helvetica LT Std", "Helvetica", "Arial", sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	max-width: 100%;
	overflow: hidden;
}
.embedBlockEditor .embedServiceLabel {
	display: inline-block;
	background-color: #00adee;
	color: #ffffff;
	text-transform: uppercase;
	padding: 2px 6px;
	border-radius: 2px;
	font-weight: bold;
	margin-bottom: 4px;
}
.embedBlockEditor .embedSource {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #999999;
	font-size: 10px;
}
.embedBlockEditor .embedPlaceholder-empty .embedHint {
	color: #999999;
	font-style: italic;
}

/* EmbedGrabberView (modale d'ajout d'URL) */
.embedGrabberContainer {
	padding: 20px;
	min-width: 480px;
}
.embedGrabberContainer label {
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
	font-size: 12px;
}
.embedGrabberContainer .embedUrl {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 8px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	font-size: 13px;
}
.embedGrabberContainer .embedHelp {
	margin: 8px 0;
	font-size: 11px;
	color: #999999;
}
.embedGrabberContainer .embedServiceBadges {
	margin: 0 0 12px 0;
	text-align: center;
}
.embedGrabberContainer .embedServiceBadges .badge {
	display: inline-block;
	background-color: #aaaaaa;
	color: #ffffff;
	font-size: 10px;
	padding: 2px 8px;
	border-radius: 10px;
	/* margin vertical pour que les badges respirent quand ils wrappent sur plusieurs lignes */
	margin: 3px 2px;
	transition: background-color 0.2s ease;
}
.embedGrabberContainer .embedServiceBadges .badge.is-active {
	background-color: #00adee;
}
.embedGrabberContainer .errors {
	color: #c0392b;
	font-size: 12px;
	margin: 8px 0;
}
.embedGrabberContainer .buttonsContainer {
	margin-top: 12px;
	text-align: right;
}
.embedGrabberContainer .okButton.disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

#pageReaderContainer #topPage
{
	display: inline-block;
	width: 100%;
	height: 3%;
}
#pageReaderContainer #topPage h1
{
	margin: 0;
	padding: 20px;
	line-height: 1em;
}
#pageReaderContainer #topPage .menuContainer
{
	float: right;
	margin: 0;
	margin: 4px 31px 0px 0px;
	padding: 0;
	line-height: 1em;
}

/* texte au hover */
.menuButton {
	position: relative;
	float: left;
	margin: 0 3px;
	text-indent: 0;
}
.menuButton > span {
	position: absolute;
	top: 100%;
	left: -32px;
	z-index: 200;
	display: none;
	padding: 5px 8px;
	width: 68px;
	border-radius: 4px;
	background: #CECECE;
	color: #4C4C4C;
	text-align: center;
	font-size: 11px;
}

.menuButton:hover > span {
	display: block;
}

.pageCounter {
	float: left;
	margin: 0;
	margin: 0 6px;
	color: #afafaf;
	font-size: 11px;
}

.pageCounter > input {
	padding: 2px;
	width: 22px;
	border: solid 1px #eaeaea;
	color: #afafaf;
	text-align: right;
}

.pageCounter > .error {
	border-color: #dd3333;
}