.webPageWrapper{display:flex;flex-direction:column;height:100%;min-width:1440px}.webPageContent{display:flex;flex-direction:row;flex:1 1;overflow:auto}#bodywrapper{display:flex;flex-direction:column;flex-grow:1;overflow:auto}#cyborg-webapp-main-container{display:none}#primaryToolbar{width:100%}#right-container{display:none}#alertMessageContainer{align-self:center}.fontsize-dropdown.disabled{cursor:default !important;opacity:.5;filter:alpha(opacity=50);box-shadow:none;pointer-events:none !important}.scaled-icon-wrapper{transform:scale(0.8)}.slider-container{position:absolute !important;bottom:0px !important;left:50% !important;transform:translateX(-50%) !important;width:97%;max-width:400px;background-color:rgba(134,140,145,.74) !important;padding:12px 12px 0px 12px !important}.customSlider{width:100%;height:7px}.customSlider-track{height:7px;background:#d3d3d3;border-radius:5px}.customSlider-track.customSlider-track-0{background:#00688d}.customSlider-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;margin-top:-4.5px;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.3)}.customSlider-thumb:hover{box-shadow:0 1px 5px rgba(0,0,0,.5)}.customSlider-thumb:active{box-shadow:0 1px 6px rgba(0,0,0,.6)}.customSlider-disabled .customSlider-track{opacity:.5}.customSlider-disabled .customSlider-thumb{cursor:default;opacity:.5}.meridian-slider-widget{padding:12px;border-radius:4px;width:95%;z-index:100}.meridian-slider-widget .text-container{display:flex;justify-content:space-between;margin-bottom:12px}.meridian-slider-widget .location-text,.meridian-slider-widget .percentage-text{color:#fff !important;font-size:14px !important;font-weight:bold !important;font-family:Arial !important}.meridian-slider-widget .slider-row{width:100%}.device-frame.tablet.portrait .device-frame-image{background-image:url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/kindle-fire-hdx7-160._V334653914_.png")}.device-frame.tablet.landscape .device-frame-image{background-image:url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/kindle-fire-hdx7-land-160._V334654062_.png")}.device-frame.phone.portrait .device-frame-image{background-image:url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/iphone-6._V281913436_.png")}.device-frame.phone.landscape .device-frame-image{background-image:url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/iphone-6-land._V281914203_.png")}.device-frame.kindle.portrait .device-frame-image{background-image:url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/kindle-voyage-160._V334653912_.png")}.device-frame.kindle.landscape .device-frame-image{background-image:url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/kindle-voyage-land-160._V334654354_.png")}.device-frame-image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center}.book-content{position:relative;overflow:clip}.main-content{display:flex;justify-content:center;align-items:center;padding:24px;position:relative}.device-frame{position:relative;background:#fff;border-radius:8px;transition:all .3s ease;margin:0 57px;overflow:visible}.device-frame.tablet.portrait{width:484px;height:710px}.device-frame.tablet.landscape{width:710px;height:484px}.device-frame.phone.portrait{width:295px;height:600px}.device-frame.phone.landscape{width:600px;height:295px}.device-frame.kindle.portrait{width:506px;height:710px}.device-frame.kindle.landscape{width:710px;height:506px}.book-content img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cursor-pointer{cursor:pointer !important}.book-content.tablet.portrait{top:59px;left:58px;width:370px;height:592px;position:absolute}.book-content.tablet.landscape{top:58px;left:59px;width:592px;height:369px;position:absolute}.book-content.kindle.portrait{top:68px;left:53px;width:400px;height:541px}.book-content.kindle.landscape{top:53px;left:100px;width:542px;height:400px}.book-content.phone.portrait{top:79px;left:20px;width:255px;height:453px}.book-content.phone.landscape{top:25px;left:83px;width:453px;height:255px}.left-nv-button{position:absolute !important;top:50%;left:-5px;transform:translateY(-50%) scale(1.8);transform-origin:center;z-index:10 !important;opacity:.8}.right-nv-button{position:absolute !important;top:50%;right:-5px;transform:translateY(-50%) scale(1.8);transform-origin:center;z-index:10 !important;opacity:.8}.book-content-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.slide-out-left{animation:slideOutLeft .1s ease-out forwards}.slide-in-right{animation:slideInRight .1s ease-out forwards}.slide-out-right{animation:slideOutRight .1s ease-out forwards}.slide-in-left{animation:slideInLeft .1s ease-out forwards}#elementsContainer{position:relative;z-index:1;pointer-events:none}#elementsContainer div{position:absolute;z-index:1;pointer-events:none}#elementsContainer div[data-startoffset]{position:absolute;z-index:1;pointer-events:none}

														/*	CSS	*/

#previewerpanel {
	display: flex;
	justify-content: center;
	width: auto;
}

#mainContent {
	margin: 0 auto auto auto;
}

/* 
Block all views inheriting line-height causing text overlaps, similar to renderer.
TODO: If there's cross-browser way to listen DOM change event, can move this to ContentHTMLWidget 
*/
span[data-type=view] {
	line-height: 1;
}

													/* Banner	*/
													
#banner {
	height: 60px; width: 1080px; margin: 0px auto; z-index: 300; top: 0px; max-height: 60px;
}
	
#separator {
	height: 25px; width: 2px; background: #666666; display: inline-block; margin-left: -23px; margin-right: 12px; margin-top: 7.5px;
}

#right-separator {
	height: 25px; width: 2px; background: #666666; display: inline-block; margin-top: 7.5px; margin-left: -18px;
}
	
#bannerparent {
	height: 60px; width: 100%; background: #333333; position: fixed; top: 0px; left: 0px; z-index: 200;
}

#redirect,#edit-redirect {
	color: #f7f5f5; font-size: 12px !important; display: inline-block; cursor: pointer; -moz-user-select: none; -webkit-user-select: none;
	user-select: none; -o-user-select: none; left: -15px;  position: relative; margin-top: 12.5px;
	font-family: Arial Regular,sans-serif !important;
}
	
#redirectarrow,#edit-redirectarrow {
	position: relative; left: -12px;
	margin-top: 4.5px;
	cursor: pointer;
}

#edit-redirectarrow {
	position: relative; left: -14px; top: 6px; 
}

#pageload {
	width: 100%; height: 100%; background-image: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/pageload._V362295051_.gif"); position: absolute; top: 0px; left: 0px; 
	background-position: center center; background-repeat: no-repeat; background-color: #ffffff;
}

.progress-container {
	position: fixed; top: 0px; z-index: 1000; width: 100%; height: 100%; font-family: helvetica;
}

.progress-container-center-panel {
	margin-left: auto; margin-right: auto; position: relative; 
	text-align: center; top: 50%; width: 25%;
}

.progress-message-welcome-text {
	font-weight: bold;
}

.progress-message-detailed-text {
	position: relative; top: 12px;
}

.progress-container-bottom-panel {
	margin-left: 50%; position: absolute;
}

.bottom-panel-progress-image {
	position: absolute;	height: 30px; width: 30px;
}

.progress-info-text {
	position: relative;	left: 40px; top: 6px;
}

.progress-container-TRANSPARENT {
	color: #FFF;
}

.progress-container-TRANSPARENT:before {
    width: 100%;
	height: 100%;
	background-color: #333;
	opacity:0.7;
	content: '';
	z-index: 0;
	position: absolute;
}

.progress-container-OPAQUE {
	background-color: #FFF; color: #000;
}

.editor-banner-container .gwt-ToggleButton {
	position: relative;
	height: 30px;
	width: 30px;
	!top: -2px;
	outline: none;
}

.editor-banner-container .gwt-ToggleButton-up {
	background-color: #333333;
	outline: none;
}

.editor-banner-container .gwt-ToggleButton-down {
	background-color: #5A5A5A;
	outline: none;
}
.editor-banner-container .gwt-ToggleButton-down-hovering, 
.editor-banner-container .gwt-ToggleButton-up-hovering {
	background-color: #636363;
	cursor: pointer;
	outline: none;
}
	
/** Editor css classes **/
#editorContainer {
	width: 550px;
	margin: 0 auto;
	position: relative;
	overflow-x: hidden;
	background-color: white;

	z-index: 0;
}

.editorWrapper {
	width: 580px;
	min-width: 562px;
	margin: 0 auto;
	top:40px;
	position: relative; 
	overflow: hidden;
}

/* Scrollbar appears in the content with overflow content. Css property to hide it*/
#editorpanel > ::-webkit-scrollbar { 
	width: 0 !important;
	display:none !important;
}

div.editorWrapper.nano .content {
	padding: 0px;
} 

div.editorWrapper.nano .nonwebkit-scroll {
	padding-left: 18px !important;
}

div.editorWrapper .pane {
  background : rgba(0,0,0,0);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  padding    : 0;
  margin     : 0;
  transition            : .2s;  
  border-radius         : 5px;
  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

div.editorWrapper > .pane > .slider {
  background: #444444;
  background: rgba(0,0,0,1);
  position              : relative;
  margin                : 0 1px;  
  border-radius         : 3px;
}
	
#editorScrollArea {
	width: 100%;
	overflow-x: hidden;
	position:absolute;
}

.actualEditor {
	/* Copied from .nano .content*/
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 15px; 
	padding-bottom: 15px; 	
}

.actualEditor > div, li, ul {
	white-space: pre-wrap;
}
.actualEditor > span {
	white-space: inherit;
}

.page-break {
	clear:both;
	display: block;
	
	-moz-user-select: none;
   	-webkit-user-select: none;
   	user-select: none;
   	/*
   		use unselectable=on for IE < 10
   	*/
   	margin-bottom:20px;
   	margin-top: 10px;
}

.page-break-abs {
	width: 551px;
	height: 10px;
	position: absolute;
	left:0px;
	right: 0px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #0066C0 #FFFFFF;
	clear:both;
	display: block;
	
	-moz-user-select: none;
   	-webkit-user-select: none;
   	user-select: none;
   	/*
   		use unselectable=on for IE < 10
   	*/
}

.page-break-text {
	background: #FFFFFF; color: #0066C0;
    font-size: 12px; width: 76px; z-index: 50;
    padding-left: 5px; padding-right: 5px;
    position: relative;
    top: -1px; left: 209px;
}

.page-break-text .fa-caret-down {
	position: relative;
    top: 1px; padding-left: 5px;
}

.loadbeginning {
	background-color: #444444;
	visibility: hidden;
	display:none;
	color:  #FF9933;
	text-indent: 5px;
	font-size: 12px;
	position: relative;
	text-align: center;
	padding: 5px;
	font-family: Arial;
	z-index: 50;
}

.loadend {
	background-color: #444444;
	visibility: hidden;
	display:none;
	color: #FF9933;
	text-indent: 5px;
	font-size: 12px;
	bottom: 0px;
	width: 100%; bottom: 0px; left: 0px;
	position: absolute;
	text-align: center;
	padding: 5px;
	font-family: Arial;
	z-index: 50;
}

.contentDisabled {
	cursor: default;	
}

.actualEditor:focus {
	outline: 0px solid transparent;
}

.actualEditor > div:focus {
	outline: none;
}

body {
	margin: 0px;
	border: 0px;	
}

::-moz-selection {
	background: LightBlue; /* Safari */
	}

::selection {
	background: LightBlue; /* Safari */
	}
::-moz-selection {
	background: LightBlue; /* Firefox */
}

.nano {   }
.nano .content { 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 15px; 
	padding-bottom: 15px; 
}

.nano .pane   { 
	background: transparent !important; 
	width: 10px !important; 
}

.nano .slider { 
	background: #111;
}

/** Style panel styles  **/
#style-panel-id {
	width: 100%; height: 100%;
	background-color: #FAFAFA;
	font-family: Arial;
	font-size: 12px;
}

#para-format-id {
	font-size: 12px;
	width: 100%;
}

.editor-toggle-button {
	width: 23px;
	height: 23px;
	border: 2px Solid #A0A0A0;
	border-radius: 5px;
	display: inline-block;
	outline: none;
	top: 0px;
	left: 11px;
	position: relative;
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

#formatLabel-id {
	color: #5A5A5A; margin-left: 10px;
}

#helpTipID {
	position: relative; left: 84%; top: -19px;
}

#popUpID {
	width: 200px; background-color: #5A5A5A;
	color: #D8D8D8; border-radius: 5px;padding: 2px 2px 4px 4px;
	font-size: 8pt; margin-left: -200px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.text-indent-class, .cyborg-color-picker + div.colorPicker-picker {
	margin-left: 18px; top: 3px;
	height: 19px; width: 19px;
}

.right-aligned-inline-panel {
	display: inline-block;
	float: right;
	margin-right: 38px;
	margin-top: -8px;
}

.right-aligned-panel {
	float: right;
	margin-right: 2px;
}

/** Scroll button widgets**/
.scroll-buttons .gwt-PushButton {
	display: inline-block;
	margin-top: 7px;
	margin-right: 4px;
}

.editor-slider-textbox {
	position: relative; top: 21.5%; 
	background-color: #FFFFFF; border: 1px Solid #909090;
	text-align: center; left: -3px; margin-right: 5px;
}

#right-panel-container .editor-slider-textbox {
	display: inline-block;
	width: 40px; height: 20px;
}

#text-align-buttons .html-face img {
	position: relative; top: 2px;
}

#margin-right-scrollButton .scrollbutton-label .gwt-InlineLabel {
	margin-right: 23px;
}

.scroll-buttons-up-down .gwt-TextBox, .scroll-buttons-up-down .gwt-PushButton, 
.scroll-buttons-up-down .html-face {
	display: inline; outline: none;
}

.scroll-buttons-up-down .html-face {
	height: 2px; width: 2px; 
	outline: none;
}

.scroll-buttons-up-down .scroll-up-button {
	position: absolute; outline: none;
	top: -6px; left: 47px;
}

.scroll-buttons-up-down .scroll-down-button {
	position: absolute;  outline: none; 
	top: 5px; left: 47px;
}

.scroll-buttons-up-down {
	position: relative;
	left: 8px; display: inline;
}

.scrollbutton-label {
	margin-bottom: 5px; display: inline-block;
	font-size: 14px; margin-right: 3px;
}

.scrollbutton-combo .gwt-PushButton-up-disabled, .scrollbutton-combo .gwt-PushButton-down-disabled {
	opacity: 0.5; filter: alpha(opacity=50);
}

/** Slider widget styles **/
.editor-slider  {
	height: 0px; margin-top: 0px;
	width: 95%; border: none; margin-left: 5%;
}

.editor-slider img {
	width: 100%; cursor: pointer; height: 7px;
}
	
.editor-slider div.ui-slider-handle { 
	height: 16px; width: 9px; top: 1px; cursor: pointer; margin-left: 0px; outline: none; z-index: 0; border-radius: 3px;
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");  background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/slider-thumb._V362295295_.png"); background-position: -4px center;
}

.editor-slider.ui-state-disabled div.ui-slider-handle, .editor-slider.ui-state-disabled img {
	cursor: default; opacity: 0.5;
}

.editor-style-label {
	color: #5A5A5A; 
	display: inline-block;
    width: 100px;
    word-wrap: break-word;
}
.redirectcontainer {
	background: none repeat scroll 0 0 #333333;
    !height: 40px;
    font-family: Arial;
    !margin-bottom: 15px;
    max-height: 40px;
    width:100%;
    z-index: 300;
    cursor: pointer;
}

a.gwt-Anchor {
	color: #FFFFFF; text-decoration: none; padding-top: 10px;
}

.banner-button-container {
	background: none repeat scroll 0 0 #333333;
	height: 28px;
	!margin-top: 10px;
	!margin-bottom: 15px;
	color: white;
	padding-bottom:5px;
	font-family: Arial;
	font-size: 12px; 
}

.banner-button-container a {
	cursor: pointer;
}

#redirect-left {
	color: #F7F5F5;
    cursor: pointer;
    display: inline-block;
    font-size: 12px !important;
    position: relative;
    margin-top: 15px;
}

#redirect-right {
	color: #F7F5F5;
    cursor: pointer;
    display: inline-block;
    font-size: 12px !important;
    left: 63%;
    position: relative;
    top: 8px;
}

#previeweye {
    left: -4px;
    height: 25px;
    margin-left: 15px;
    position: relative; top: 7px;
}

/** Drop down styles **/
.square-down {
	width: 0px; height: 0px; border-top: 5px solid black; border-left: 5px solid transparent; border-bottom: 5px solid transparent;
    border-right: 5px solid transparent; position: absolute; right: 5px; top: 45%; 
}

.square-up  {
	width: 0px; height: 0px; border-bottom: 5px solid black; border-left: 5px solid transparent; border-top: 5px solid transparent;
	border-right: 5px solid transparent; position: absolute; right: 7px; top: 25.33%;	
}
	
.choice-header {
    color: black; background: url('https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/dropdownbg._V362295292_.png'); position: relative;  padding: 3.5px 0px; 
    display: inline-block;
     background-size: 100% 100%; font-size: 12px !important; cursor: pointer;
}
	
.tab span {
	font-family: 'Amazon Ember' !important;
}
	
.choice-header span  {
     padding-left: 5px; display: inline-block;  
}
	
#device-dropdown {
	width: 141px;
	display: inline-block;
	outline: none;
}
	
#device-dropdown.simple-dropdown, #fontsize-dropdown.simple-dropdown,#goto-options-dropdown.simple-dropdown {
	margin-top: 8px;
}
	
#fontsize-dropdown {
	width: 70px;
	outline: none;
}

#fontsize-dropdown.simple-dropdown {
	width: 45px;
}
	
#goto-options-dropdown {
	width: 160px;
	display: inline-block;
	outline: none;
}
	
#device_tab .dropdownHeader, #font_tab .dropdownHeader, #goto_tab .dropdownHeader {
	font-size: 14px !important;
	font-family: 'Amazon Ember' !important;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	display: inline-block;
	margin-right: 6px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	color: #485050;
}

.tab .dropdown-side-separator, .tab .dropdown-bottom-separator {
	display: none;
}

#input_tab, #device_tab, #font_tab, #goto_tab {
	padding-left: 24px;
}

.fontfamily-dropdown-class {
	width: 272px; display: inline-block; outline: none; top: 9px; 
}

.para-para-style-dropdown span, .para-quality-para-style-dropdown span {
	width: 245px;
}

.dropcap-dropdown-class .simpledropdown {
	width: 122px;
}

.para-para-style-dropdown > tbody > tr > td > span, .para-quality-para-style-dropdown > tbody > tr > td > span,
.char-char-style-dropdown > tbody > tr > td > span, .char-quality-char-style-dropdown > tbody > tr > td > span{
	font-size: 14px;
}

.style_tab, .editor_style_tab {
	font-family: Arial; font-size: 11px;
	width: 97%;
}

.dropdown-side-separator {
	position: absolute; right: 22px; top: 0px; height: 24px; width: 1px; background: grey;
}

.dropdown-bottom-separator {
	position: absolute; left: 0px; bottom: 0px; height: 1px; width: 100%; background: grey;
}

.editor_style_tab .simpledropdown {
	margin-left: 10px;
	background-color: #EBEBEB;
	outline: none;
	margin-bottom: 14px; font-size: 12px;
	border: 2px solid #444444; padding: 2px;
}

.fontfamily-dropdown-class {
	display: inline;
}

.fontfamily-dropdown-class .simpledropdown {
	font-size: 10px;
	width: 122px;
	margin-bottom: -1px;
}

#char-panel-style-id {
	margin-right: 24px;
	border-top: 2px solid #000000;
}

.char-style-dropdown .simpledropdown {
	font-size: 10px;
	width: 206px;
	margin-bottom: 12px;
}

.override-style-class {
	margin-top: 33px;
	left: -42px;
	position: relative;
	border: 0;
}

.editor_style_dropdownHeader {
	font-size: 15px; display: inline-block;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
	margin-top: 12px; margin-left: 10px; margin-bottom: 6px;
}

.editor_style_subheader {
	font-size: 13px; display: inline-block;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
	margin-right: 6px; margin-top: 5px;
}
	
.choices_down  {
	border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; 
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.choices_up {
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.tab {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#location_input {
	border: 1px solid #aaaaaa; border-radius: 5px; font-size: 12px; padding: 7px 3px 7px 3px;  text-align: center;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 56px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; background: #ffffff; height: 16px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc"); position: relative;
}
 
#location_input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(82, 168, 236, 0.6);
    outline: 0 none; background: white;
}
	
#input_tab #locationLabel   {
	display: inline-block; margin-right: 5px; color: #485050; font-size: 14px !important; font-family: 'Amazon Ember' !important;
}

#input_tab #locationValue  {
	display: inline-block; margin-left: 3.5px; color: #485050;  font-size: 14px !important;
}

#input_tab #locationOf  {
	display: inline-block; color: #485050;  font-size: 14px !important; margin-left: 5px;
}
	 
#goto-options-dropdown-options,#goto-options-dropdown-options .choice {
	width: 121px; 
}

#device-dropdown-options,#device-dropdown-options .choice {
	width: 137px;
}

#fontsize-dropdown-options,#fontsize-dropdown-options .choice  {
	width: 35px;
}

.para-para-style-dropdown-options, .para-quality-para-style-dropdown-options,.char-char-style-dropdown-options, .char-quality-style-dropdown-options
.fontfamily-dropdown-options-class {
	width: 272px;
}

.hoverclass  {
	background-color: orange;  
}

.choice-enabled {
	cursor: pointer; opacity: 1; filter: alpha(opacity=100);
}

.choice-disabled {
	cursor: default !important; opacity: 0.5; filter: alpha(opacity=50);
}
	
.readonly {
	opacity: 0.5; cursor: default; zoom: 1; filter: alpha(opacity=50); opacity: 0.5;
}
	
.readwrite {
	opacity: 1; cursor: text; zoom: 1; filter: alpha(opacity=100); opacity: 1;
}
		
	
													/* Book Title and Orientation */
													
#logoimage  {
	diplay: inline-block; float: left; width: 96px; margin-top: 10px; 
}
	
#bookdescriptiondiv {
	display: none;
}

.backDiv.redirectPanel{
   left: 10px;
}

.qualityDiv.redirectPanel {
    right: 90px; background-color: white; color: #2c8a97;
}
	
span#bookdescription {
	width: 100%; position: relative; display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 80%;
}
	
#bookPanel {
	display: flex;
	flex-direction: row;
	margin-top: 16px;
	position: relative;
	margin-left: 20px;
	align-items: center;
}

#radio {
	height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 57px;
	padding-left: 26px;
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

#portrait {
	height: 32px;
	width: 40px;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	position: relative;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}
	
#landscape {
	height: 32px;
	width: 40px;
	border-radius: 0 5px 5px 0;
	display: inline-block;
	position: relative;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}	
	
.portraitAlready {
	background-image: url("https://m.media-amazon.com/images/G/01/cyborg/shared/images/portrait_selected.png");
	height: 32px;
	width: 40px;
	background-size: 40px;
}
	
.portraitPossible {
	background-image: url("https://m.media-amazon.com/images/G/01/cyborg/shared/images/portrait_not_selected.png");
	height: 32px;
	width: 40px;
	background-size: 40px;
	cursor: pointer
}
	
	
.landscapeAlready {
	background-image: url("https://m.media-amazon.com/images/G/01/cyborg/shared/images/landscape_selected.png");
	height: 32px;
	width: 40px;
	background-size: 40px;
	margin-left: -1px;
}
	
.landscapePossible {
	background-image: url("https://m.media-amazon.com/images/G/01/cyborg/shared/images/landscape_not_selected.png");
	height: 32px;
	width: 40px;
	background-size: 40px;
	margin-left: -1px;
	cursor: pointer;
}
	
	
#disabler {
	width: 100%; height: 100%; border-radius: 5px;  z-index: 100; position: absolute; top: 0px; left: 0px; background: white; opacity: 0.3; 
	filter: alpha(opacity=30); behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}
	
.radioDisabled {
	display: inline-block;
}
	
.radioEnabled {
	display: none;
}
	
.modeNotAvailable {
	opacity: 0.4; cursor: default !important; filter: alpha(opacity=40);
}
	
	
														/* Main Content */
														
#maincontent  {
	position: relative; margin: 0px 0px; width: 100%; 
}

#previewer {
	width: 780px;
	height: 710px;
	overflow-y: hidden;
	overflow-x: hidden;
	margin: 37px 0;
}
	
.viewport {
	position: relative; top: 0px; left: 35px; width: 710px; height: 710px; 
}
	
.carousel {
	height: 710px; width: 885px; position: absolute; top: 0px; left: 0px; 
}
	
.skinViewContainer {
	height: 710px; width: 710px; position: relative; float: left; 
}
	
#previewer_container  {
	 display: block;  position: relative; margin: 0px auto;
}
	
	

														/* Devices  */
														
.fire {
	height: 710px;  width: 479.05px; top: 0px!important;
}

.paperwhite {
	height: 710px;  width: 506.34px; top: 0px!important;
}

.hd8 {
	height: 1141px !important; width: 783px !important; top: 0px!important;
}
	
.kp {
	height: 710px!important;  width: 493.15px!important; top: 0px!important;
}
	
.iphone {
	height: 600px!important;  width: 295.23px!important; top: 110px!important;
}

.iphone6, .iphone6fixed {
	height: 600px!important;  width: 295.23px!important; top: 26px!important;
}

.ipad {
	height: 710px!important;  width: 501.31px!important; top: 0px!important;
}
		
.hd {
	height: 710px!important; width: 484px!important;  top: 0px!important;
}

.fphone {
	height: 600px!important; width: 287.1px!important;  top: 55px!important;
}

.aphone {
	height: 600px!important; width: 303.79px!important;  top: 55px!important;
}

.atablet {
	height: 710px!important; width: 486.23px!important;  top: 0px!important;
}

.fireh {
	top: 115.5px!important; width: 710px !important; height: 479.05px !important; 
}

.paperwhiteh {
	top: 13px!important; width: 710px !important; height: 506.34px !important;
}

.kph {
	top: 109px!important; width: 710px!important; height: 493.15px!important;
}
	
.ipadh {
	top: 104.35px!important; width: 710px!important; height: 501.31px!important;
}
	
.iphoneh {
	top: 208px!important; width: 600px!important; height: 295px!important;
}

.iphone6h, .iphone6fixedh {
	top: 26px!important; width: 600px!important; height: 295px!important;
}
	
.hdh {
	top: 26px!important; width: 710px!important; height: 484px!important;
}
	
.hd8h {
	top: 95px!important; width: 1141px !important; height: 783px !important; 
}

.fphoneh {
	top: 211.45px!important; width: 600px!important; height: 287.10px!important;
}

.aphoneh {
	top: 203px!important; width: 600px!important; height: 303.79px!important;
}

.atableth {
	top: 112px!important; width: 710px!important; height: 486.23px!important;
}




													/* Page Images */
.faded {
	opacity: 0.5;
}

.pageimage-fire {
	left: 182.5px!important; top: -631px!important; width: 346px!important; height: 552px!important; display: inline-block;
}
	
.pageimage-fire .page {
	width: 346px; height: 552px; position: absolute; top: 0px; left: 0px; display: inline-block;
}
			
.pageimage-paperwhite {
	left: 155px !important; top: -641px !important; width: 400px!important; height: 541px!important; display: inline-block;  background: rgb(235,235,235);
}
	
.pageimage-paperwhite .page {
	width: 400px; height: 541px; position: absolute; top: 0px; left: 0px; display: inline-block;
}

.pageimage-hd8 {
	left: 93px !important; top: -1048px !important; width: 598px!important; height: 955px!important; display: inline-block;
}
	
.pageimage-hd8 .page {
	width: 597px; height: 955px; position: absolute; top: 0px; left: 0px; display: inline-block;
}

.pageimage-kp {
	left: 165.5px !important; top: -665px !important; width: 376px!important; height: 548px!important; 
}
	
.pageimage-kp .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 376px; height: 548px; 
}
	
	
.pageimage-ipad {
	left: 136px !important; top: -645px !important; width: 438px!important; height: 580px!important; 
}
	
.pageimage-ipad .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 435px; height: 580px; 
}
			
.pageimage-iphone {
	left: 227px !important; top: -416.8px !important; width: 255px!important; height: 453px!important;
}

.pageimage-iphone6 {
	left: 227px !important; top: -500.8px !important; width: 255px!important; height: 453px!important;
}

.pageimage-iphone6fixed {
	left: 221px !important; top: -441px !important; width: 268px!important; height: 487px!important;
}

.pageimage-iphone .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 255px; height: 453px;
}

.pageimage-iphone6 .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 255px; height: 453px;
}

.pageimage-iphone6fixed .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 268px; height: 487px;
}
			
.pageimage-hd {
	left: 170px !important; top: -651px !important; width: 370px!important; height: 592px!important; 
}
	
.pageimage-hd .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 370px; height: 592px; 
}
	
.pageimage-fphone {
	left: 228px !important; top: -466px !important; width: 251px!important; height: 446px!important; 
}

.pageimage-fphone .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 251px; height: 446px; 
}

.pageimage-aphone {
	left: 218px !important; top: -496px !important; width: 273px!important; height: 486px!important; 
}

.pageimage-aphone .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 273px; height: 486px; 
}
		
.pageimage-atablet {
	left: 172.4px !important; top: -649px !important; width: 368px!important; height: 587px!important; 
}
	
.pageimage-atablet .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 366px; height: 587px; 
}

.pageimage-fireh {
	height: 346px!important; width: 552px!important; top: -294.5px!important; left: 79px!important;
}
	
.pageimage-fireh .page {
	height: 346px; width: 552px; position: absolute; top: 0px; left: 0px; display: inline-block;
}
	
.pageimage-paperwhiteh {
	height: 400px!important; width: 541px!important; top: -440px !important; left: 100.5px !important; background: rgb(235,235,235);
}
	
.pageimage-paperwhiteh .page {
	height: 400px; width: 541px; position: absolute; top: 0px; left: 0px; display: inline-block;
}
	
.pageimage-hd8h {
	left: 93px !important; top: -595px !important; width: 955px!important; height: 598px!important; display: inline-block;
}
	
.pageimage-hd8h .page {
	width: 955px; height: 597px; position: absolute; top: -2px; left: -1px; display: inline-block;
}
	
.pageimage-kph {
	left: 117px !important; top: -326.5px !important; width: 548px!important; height: 376px!important;
}
	
.pageimage-kph .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 548px; height: 376px;
}
		
.pageimage-ipadh {
	left: 65px!important; top: -365.6px !important; width: 581px!important; height: 438px!important;
}
	
.pageimage-ipadh .page {
	position: absolute; top: -1px; left: -1px; display: inline-block; width: 580px; height: 435px;
}
	
.pageimage-iphoneh {
	left: 129px!important; top: -67.5px!important; width: 453px!important; height: 255px !important;
}
	
.pageimage-iphone6h {
	left: 129px!important; top: -249.5px!important; width: 453px!important; height: 255px !important;
}

.pageimage-iphone6fixedh {
	left: 119px!important; top: -73px!important; width: 487px!important; height: 267px !important;
}

.pageimage-iphoneh .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 453px; height: 255px;
}

.pageimage-iphone6h .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 453px; height: 255px;
}

.pageimage-iphone6fixedh .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 487px; height: 267px;
}

.pageimage-hdh {
	left: 59px !important; top: -401px !important; width: 592px!important; height: 370px!important;
}
	
.pageimage-hdh .page {
	position: absolute; top: -1px; left: -1px; display: inline-block; width: 592px; height: 370px;
}
	
.pageimage-fphoneh {
	left: 132px!important; top: -57.5px!important; width: 446px!important; height: 251px!important;
}

.pageimage-fphoneh .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 446px; height: 251px;
}

.pageimage-aphoneh {
	left: 120px !important; top: -86px !important; width: 486px!important; height: 273px!important;
}

.pageimage-aphoneh .page {
	position: absolute; top: 0px; left: 0px; display: inline-block; width: 486px; height: 273px;
}

.pageimage-atableth {
	left: 60.5px!important; top: -314.7px !important; width: 589px!important; height: 370px!important;
}

.pageimage-atableth .page {
	position: absolute; top: -1px; left: -1px; display: inline-block; width: 587px; height: 366px;
}

.pageimage {
	position: relative;  display: inline-block; overflow: hidden; 
}
	
.pageimage .image, area {
	-moz-user-select: none; -webkit-user-select: none; user-select: none; border: 0; border: none; outline: 0; outline: none; visibility: visible;
}

.scrollableImageContainer {
	overflow-y: auto; overflow-x: hidden; width: 100%; height: 100%; padding: 0 17px 15px 0; position: relative;
}

.scrollableImageContainer img.page {
	display: block !important;
}

.hiddenImageContainer {
	position: absolute; bottom: 0; right: 0; visibility: hidden; overflow: hidden; height: 1px; width: 1px;
}
	
	
															/*	Nav Buttons */				

																										
.nav	 {
	position: absolute; z-index: 10; cursor: pointer;
}

.leftnav {
	height: 114px; width: 114px; background-color: #666666; opacity: 0.8; border-radius: 57px; -moz-border-radius: 57px; -webkit-border-radius: 57px;
	-ms-border-radius: 57px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.rightnav {
	height: 114px; width: 114px; background-color: #666666; opacity: 0.8; border-radius: 57px;  -moz-border-radius: 57px; -webkit-border-radius: 57px;
	-ms-border-radius: 57px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc"); 
}

.nav_ie78_override {
	background-color: transparent !important; background-image: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/navigation_bkgrnd._V360892184_.png"); 
}
	
.leftnav .arrowContainer {
	position: absolute; top: 23px; left: 40px; width: 28px; height: 68px; background-image: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/sprites._V362295060_.png");
	background-position: 0px -178px; background-repeat: no-repeat;
}

.rightnav .arrowContainer {
	position: absolute; top: 23px; left: 43px; width: 28px; height: 68px; background-image: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/sprites._V362295060_.png");
	background-position: -28px -178px; background-repeat: no-repeat;
}

.nav-fire-left {
	top: 290px; left: 97px;  
}

.nav-fire-right {
	top: 290px; left: 501px;
}
	
.nav-paperwhite-left {
	top: 278.5px; left: 71px;
}
.nav-paperwhite-right {
	top: 278.5px; left: 523px;
}
	
.nav-kp-left {
	top: 244px; left: 77px;
}
.nav-kp-right {
	top: 244px; left: 518px;
}

.nav-hd-left {
	top: 304px; left: 81px;
}
.nav-hd-right {
	top: 304px; left: 512px;
}

.nav-iphone-left {
	top: 304px; left: 154px;
}

.nav-iphone6-left {
	top: 220px; left: 154px;
}

.nav-iphone6fixed-left {
	top: 304px; left: 154px;
}

.nav-iphone-right {
	top: 304px; left: 439px;
}

.nav-iphone6-right {
	top: 220px; left: 439px;
}

.nav-iphone6fixed-right {
	top: 304px; left: 439px;
}

.nav-ipad-left {
	top: 291px; left: 59px;
}
.nav-ipad-right {
	top: 291px; left: 527px;
}

.nav-ipadh-left {
	top: 301px; left: -25px;
}
	
.nav-ipadh-right {
	top: 301px; left: 623px;
}
	
.nav-kph-left {
	top: 307px; left: 47px;
}
	
.nav-kph-right {
	top: 307px; left: 621px;
}
	
.nav-fireh-left {
	top: 303px; left: -13px;
}
	
.nav-fireh-right {
	top: 303px; left: 609px;
}
	
.nav-paperwhiteh-left {
	top: 214px; left: -10px;
}

.nav-paperwhiteh-right {
	top: 214px; left: 615px;
}
	
.nav-hd8-left {
	top: 523px; left: -3.5px;
}
	
.nav-hd8-right {
	top: 523px; left: 673px;
}
	
.nav-fphone-left {
	top: 300px; left: 156px;
}

.nav-fphone-right {
	top: 300px; left: 430px;
}
	
.nav-aphone-left {
	top: 300px; left: 156px;
}
.nav-aphone-right {
	top: 300px; left: 437px;
}
	
.nav-atablet-left {
	top: 300px; left: 86px;
}
.nav-atablet-right {
	top: 300px; left: 510px;
}

.nav-hd8h-left {
	top: 444px; left: -4.5px;
}
.nav-hd8h-right {
	top: 444px; left: 1022.5px;
}		
	
.nav-hdh-left {
	top: 213px; left: -21px;
}
.nav-hdh-right {
	top: 213px; left: 615px;
}
	
.nav-iphoneh-left {
	top: 300px; left: 36px;
}

.nav-iphone6h-left {
	top: 115px; left: 36px;
}

.nav-iphone6fixedh-left {
	top: 300px; left: 36px;
}

.nav-iphoneh-right {
	top: 300px; left: 557px;
}

.nav-iphone6h-right {
	top: 115px; left: 557px;
}

.nav-iphone6fixedh-right {
	top: 300px; left: 557px;
}
	
.nav-fphoneh-left {
	top: 300px; left: 36px;
}
.nav-fphoneh-right {
	top: 300px; left: 557px;
}
	
.nav-aphoneh-left {
	top: 300px; left: 37px;
}
.nav-aphoneh-right {
	top: 300px; left: 567px;
}
	
.nav-atableth-left {
	top: 300px; left: -20px;
}
.nav-atableth-right {
	top: 300px; left: 617px;
}
	
/*	Loading DIVs	*/
div.loader {
	background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/big2._V362295274_.gif"); 
	background-position: center center; background-repeat: no-repeat; 
	display: inline-block; z-index: 11; visibility: visible;
}
	
/*	Slider	*/
div.ui-slider-range-min  {
	background: #ff8c00 !important; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; -ms-border-radius: 14px; 
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}
    
div.ui-slider-range-max  {
	background: #ff8c00 !important; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; -ms-border-radius: 14px; 
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc"); 
}
    
div#slider  {
	background: #aaaaaa !important; position: relative; top: -4px;
}
	
div#slider div.ui-slider-handle { 
	background: #f1f1f1; height: 16px; width: 16px; border-radius: 8px; position: relative; top: -4.3px; cursor: pointer;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc"); outline: none;
}
	 
div#slider div.ui-slider-handle:active { 
	background: #fbfbfb;
}
	
#amount {
	font-weight: bold; border: 0px solid white;
}
	
#slider {
	height: 10px; border-radius: 14px; left: 20px; -moz-border-radius: 14px; -webkit-border-radius: 14px; -ms-border-radius: 14px; 
	behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}
	
#cover {
	padding-bottom: 4px; height: 50px; position: absolute; background: #666666; opacity: 0.8; filter: alpha(opacity=50); 
	color: white; font-size: 14px !important; z-index: 1000;
}	
	
div.ui-slider {
	cursor: pointer;
}
	
span#loc {
	position: relative; margin-left: 10px;
}
	
span#amount {
	display: inline-block; margin-right: 3px;
}
	
span#percen {
	float: right;  margin-right: 10px; font-weight: bold;
}

	
.iphone-skinViewContainer #cover span {
	font-size: 11px !important;
}

.iphone6-skinViewContainer #cover span {
	font-size: 11px !important;
}

.iphone-skinViewContainer #cover #percen {
	margin-top: 1.5px;
}

.iphone6-skinViewContainer #cover #percen {
	margin-top: 1.5px;
}

.iphone6fixed-skinViewContainer #cover span {
	font-size: 11px !important;
}

.iphone6fixed-skinViewContainer #cover #percen {
	margin-top: 1.5px;
}

/* Download Button	*/
#previewerDownload {
	width: 222px; height: 38px;  cursor: pointer; outline: 0; display: block; margin: 0px auto; padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif !important; font-size: 14px; color: #333333; border-radius: 3px; position: relative;
	-ms-border-radius: 3px; outline: none; outline: 0; background: #f0f0f0; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

/** Static container */
.static-container-widget {
	width:100%;
	height: 100%;
	font-family: Arial;
}

.static-container-left {
	border-top-right-radius: 10px;
}

.static-container-right {
	border-top-left-radius: 10px;	
}

.static-container-widget-title-widget {
	background-color: white;
	width: 100%;
	border: 0px;
	color: #5A5A5A;
	height: 5%;
	border-bottom: 1px solid #5A5A5A;
}

.static-container-widget-title-label {
	display: inline-block;
	padding:10px 0px 10px 0px;
	margin-left: 10px;
	font-weight: bold; position: relative; top: 2px;
}

.static-container-widget-content {
	background-color: #fff;
	border: 0px;
	height: 95%;
	border-bottom-left-radius: 10px;
}

#right-panel-container {
	float:right;
	width:300px;
	height: 740px;
	position: relative;
	top: 40px;
}

/** Quality Styles */
.quality-deck {
	font-family: sans-serif; width: 90%;
}

.quality-status-container {
	font-size: 12px;
	padding: 10px;
}

.quality-back-button, .quality-back-button:hover, .quality-back-button:link, .quality-back-button:visited, .quality-back-button:active {
	font-size: 24px;
	text-decoration: none;
	color: #0000ff;
	padding: 0px 10px 0px 10px; 
}

.quality-category-container {
 
}
 
.quality-category-title-container {
	width: 96%;
 	margin: 2px 0px 2px 0px;
 	height: 18px;
 	padding: 4px 0px 7px 0px;
 	border: 1px solid #aaaaaa;
 	background: #eeeeee;
 	border-radius: 3px;
}
 
.quality-category-title {
 	margin-left: 10px;
 	font-size: 14px;
}

#styles-remaining {
	margin-top: -5px;
}
 
.quality-category-count {
 	color: #fff;
 	float: right;
 	height: 14px;
 	background: grey;
 	padding: 3px 10px 2px 10px;
 	margin-right: 10px;
 	margin-top: 1.5px;
 	border-radius: 9px;
 	font-size: 11px;
 	-moz-user-select: none; -webkit-user-select: none; user-select: none;
}

.quality-category-list-container {
	width: 100%;
}

.quality-category-item-container {
	margin-left: 12px;
	padding-top: 8px;
 	margin-bottom: 8px;
 	width: 272px;
 	font-size: 12px;
 	border-bottom: solid 1px #DDD;
}
 
.quality-category-item-label {
	font-weight: bold;
}

.quality-category-item-label-strikethrough {
	text-decoration: line-through;
	color: #C0C0C0;
	margin-left: 12px;
	padding: 8px 0px;
 	margin-bottom: 8px;
 	width: 272px;
 	font-size: 12px;
 	border-bottom: solid 1px #DDD;
}

.quality-catagory-no-fixes-label {
	color: gray;
 	font-size: 13px;
 	margin-left: 12px;
 	padding: 8px 0px;
}
 
.quality-category-item-links a {
	color: #0066C0; outline: none; outline: 0;
}

.quality-category-item-links {
	margin: 3px 0px 6px 15px; line-height: 25px;
}

.quality-category-item-links span {
	font-size: 18px; position: relative; top: 1px;
}
 
.quality-category-item-ok-button, .quality-category-item-ok-button:hover, .quality-category-item-ok-button:link, 
.quality-category-item-ok-button:visited, .quality-category-item-ok-button:active {
 	font-size: 24px; color: #454545; text-decoration: none; padding-right: 15px; outline: none; outline: 0; position: relative; top: 2px;
}
 
/** Typo UX Styles */

.quality-typo-container {
 	padding-left: 10px;
 	padding-right: 10px;
 	font-size: 12px;
}
 
.quality-typo-title {
 	font-weight: bold;
 	font-size: 14px;
 	padding-top: 10px;
}
 
.quality-typo-label {
 	font-weight: bold;
 	padding-top: 15px;
 	padding-bottom: 10px;
}
 
.quality-typo-suggestions {
 	min-height: 100px;
 	border: 1px solid #b3b3b3;
 	padding: 2px;
 	border-radius: 6px;
}

.quality-typo-count-container {
	padding-top: 20px;
	text-align: center; margin-bottom: 20px;
}

.quality-count-information .quality-count {
	font-weight: bold; position: relative; top: 1.5px;
}

.typo-marker {
	border-bottom: 1px dotted #f00;
}

.quality-current-view {
	background: #f4f400;
}

.quality-error-msg {
	border:1px solid #bb0000;
	border-radius: 6px;
	margin: 10px;
	padding: 10px;
	font-size: 12px;
	color: #bb0000;
}

.banner-text-hack {
	padding-bottom: 7px;
	display: inline-block;
	height: 10px;
	padding-left: 2px;
	padding-right: 10px;
	text-align: center;
}
/** Style fix UI styles **/
.quality-style-fix-heading {
	font-size: 13px;
	margin-top: 11px;
}

.quality-style-fix-desc {
	font-size: 13px; width: 90%;
}

.quality-style-fix-title {
	font-weight: bold; font-size: 13px; margin-top: 10px;
}

															/* Search and Replace */

.bottomBannerPanel {
	background: #333333;  height: 42px; width: 100%; position: absolute; font-family: Arial Regular,sans-serif !important;	bottom: 0px; 
	left: 0px;	z-index: 50;
}

.defaultSearch {
	color: #EEEEEE; display: inline-block; font-size: 12px; position: relative; margin: 13.5px 10px 0px 10px;
}

.defaultPanel {
	cursor: pointer; width: 165px;
}

.fa-search {
	display: inline-block !important; position: relative; float: right; color: #eeeeee; top: -16.5px; left: -29px;
}

.defaultPanel:hover .defaultSearch, .defaultPanel:hover .fa-search {
	color: #f0910b;
}

.bottomBannerPanel > div, .findAndReplaceShow > div, .searchAndReplaceWidget > div {
	float: left; display: inline-block;
}

.findAndReplaceShow {
	position: absolute; left: 0px; width: 930px;
}

.find,.replace,.searchMessageSuccess {
	color: #EEEEEE; display: inline-block; font-size: 12px; position: relative; margin: 13px 10px 0px 10px;
}

.searchMessageFailure {
	color: #FF0000; display: inline-block; font-size: 15px; position: relative; margin: 10px 10px 0px 10px; cursor: default;
}

.replace {
	cursor: pointer;
}

.findBox,.replaceBox {
	background-color: #EEEEEE; padding: 4px 3px; border: 1px solid grey; border-radius: 5px; 
}

.findBox:focus,.replaceBox:focus {
	border: 1px solid #fafafa; box-shadow: 0 0 10px #007eff;
}

.findPreviousContainer, .findNextContainer {
	margin: 10px 0px 0px 10px; border-radius: 2px; position: relative; background: #eeeeee; width: 20px; height: 20px; overflow: hidden; float: right;
	cursor: pointer;
}

.findNextContainer {
	margin-left: 10px;
}

.findPreviousContainer i,.findNextContainer i { 
	position: absolute; transform: scale(1.5); top: 2px; left: 5px;
}

.findNextContainer i { 
	left: 8px;
}

.replaceOne, .replaceAll {
	padding: 4px 6px; background: #eeeeee; color: #333333; border-radius: 4px; position: relative; margin: 5px; cursor: pointer; font-size: 12px;
	-moz-user-select: none; -webkit-user-select: none; user-select: none;
}

.replaceOne {
	margin-left: 10px;
}

.cancelFindReplace {
	width: 20px; height: 20px; border-radius: 10px; color: white; margin-top: 10px; cursor: pointer; font-size: 18px; position: relative;
	-moz-user-select: none; -webkit-user-select: none; user-select: none; float: right; margin-left: 12px;
}

.cancelFindReplace.cancelCharacterSemantic {
	margin-top: 15px; left: -53px; background: #aaaaaa;
}

.lastSaved {
	position: absolute; font-size: 12px; color: #eeeeee; right: 10px; display: inline-block; margin-top: 13px;
}

.searchAndReplaceDisabled {
	background: #9b9b9b; cursor: default; color: #494949 !important;
}

.searchAndReplaceWidget {
	width: 730px; position: absolute; left: 0px; top: 0px; 
}

                /*-----------------------------------------------------------------------------------------------------------------------------*/
																	/* NCX View */
				/*-----------------------------------------------------------------------------------------------------------------------------*/																
														
.modalbackground {
	  background: black; position: absolute; top: 0px; left: 0px; opacity: 0.7; z-index: 1000;
}
	
.dummymodalbackground {
	 position: absolute; top: 0px; left: 0px; z-index: 1000;
}
	
.ncxview {
	width: 500px; background: white; position: relative; top: 80px; margin: 0px auto; 
	font-family: "Trebuchet MS","Impact",Helvetica,Arial,Verdana,sans-serif !important; border-radius: 7px;
	min-height: 300px; z-index: 1000; padding-bottom: 5px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.ncxViewHolder {
	position: relative; top: 0px; left: 0px; min-height: 300px; z-index: 1000; 
}
	
.editorBody #bodywrapper {
	position: fixed;
}
	
.ncxheader {
	background: #eaf3fe; height: 40px; border-radius: 7px 7px 0px 0px; position: relative; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}
	
.ncxViewText {
	display: inline-block; color: black; font-weight: 700; font-size: 17px; margin-left: 10px; margin-top: 7px;
}
	
.ncxCancel {
	position: absolute; top: 9px; right: 8px; cursor: pointer;
}
	
.expandNCollapse {
	display: inline-block; float: right; margin-right: 40px; font-size: 15px; color: #6e9bff; margin-top: 4px;
}
	
.expand,.collapse {
	text-decoration: underline; display: inline-block; cursor: pointer;
}

.expandContractDisabled	{
	text-decoration: none; cursor: default; color: grey;
}
	
.pipe {
	margin: 0px 4px; font-size: 19px;
}

#tree {
	font-size: 14px;
}

.gwt-TreeItem {
	cursor: pointer; margin-top: 1px;
}

#tree > div	{
	padding-bottom: 3px !important; 
}

#tree img	{
	cursor: pointer; display: inline-block; margin-left: 20px; margin-top: 3px;
}

.treehover {
	background: #99ffff;
}

#tree table {
	width: 100%; overflow: hidden;
}

#tree table td:first-child {
	width: 20px;
}

.ncx-content {
	width: 100%; border-radius: 0px 0px 7px 7px; overflow-y: auto; margin-top: 10px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.find-marker {
	background-color : LightBlue;
}
	
	
                /*-----------------------------------------------------------------------------------------------------------------------------*/ 
			

#quality-total-counter {
	position:absolute; top: 12px; margin-left: 28px; background: #ff9500; padding: 1px 7px 2px 7px; 
	border-radius: 9px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc"); min-width: 12px; text-align: center; color: #ffffff; font-family: sans-serif; font-size: 11px; height: 14px; 
	cursor: default; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none;
}

#quality-total-counter:focus {
	outline: 0px none;
}


                /*-----------------------------------------------------------------------------------------------------------------------------*/
																	/* Editor Banner Panel */
				/*-----------------------------------------------------------------------------------------------------------------------------*/
				
.editorBannerPanel {
	background: #333333; height: 40px; width: 100%; position: absolute; top: 0px; z-index: 3;
}

.editorBannerPanel .redirectcontainer {
	 max-width: 210px; position: absolute; top: 0px; 
}

.editorBannerPanel #redirectarrow {
	left: 0px; margin-top: 2px;
}

.editorBannerPanel #redirect-left {
	margin-top: 11px; left: -3px;
}

.centerButtons {
	text-align: left; height: 40px; background: #333333; top: 0px; font-size: 12px; font-family: sans-serif; padding-left: 400px;
}

.centerButtons span {
	font-size: 12px; color: #f7f5f5; display: inline-block; position: relative; top: -6px;
}

.centerButtons div {
	cursor: pointer; display: inline-block; margin-right: 10px;
}

.centerButtons .pipe {
	background: #f7f5f5; width: 1px; height: 32px; position: relative; top: 4px; display: inline-block;
}

.undo-icon-button {
	position: relative; left: 8px;
}

.centerButtons button {
	background: none; border: 0px; cursor: pointer; padding-top: 10px;
}

.centerButtons button i.fa-question-circle {
	top: -1.5px;
}
.centerButtons button.helpPanel:hover i.fa-question-circle {
	color: #f0910b !important
}

.centerButtons button.helpPanel {
	padding-top: 0px;
}

.centerButtons button.helpPanel {
	height: 100% !important; position: relative; left: -110px; top: -6px;
}

.centerButtons button.helpPanel span {
	top: -1px; left: -2px;
}

.centerButtons button:hover span,.centerButtons button:hover i {
	color: #f0910b;
}

.centerButtons button.helpPanel:hover .helpdiv {
	background: #f0910b;
}

.centerButtons button.helpPanel:hover i {
	color: black;
}

.centerButtons button.helpPanel:hover i.fa-caret-down {
	color: #f0910b;
}

.centerButtons button[disabled]:hover span,.centerButtons button[disabled]:hover i {
	color: white;
}

.centerButtons button:focus, .centerButtons button:active {
	border: 0px; outline: 0; outline: none;
}

.centerButtons button.helpPanel i.fa-caret-down {
	top: 0px !important; left: -6px;
}

.centerButtons button i {
	position: relative; top: -6px; color: white; height: 24px; width: 24px;  margin-right: 1px;
}

.centerButtons button span {
	position: relative; display: inline-block; color: white; top: -6px; font-size: 12px;
}

.overlay { 
	position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 50; background: #ffffff; opacity: 0.5; 
	filter: alpha(opacity=50); display: none; cursor: not-allowed;
}

.top-bar-icon {
        display: inline-block;
        margin-left: 18px; margin-right: 5px;
}

.top-bar-disabled-msg {
        background-color: #0066C0; color: #FFFFFF;
        font-size: 12px; height: 19px; width: 550px;
        opacity: 1; filter: alpha(opacity = 100);
        position: fixed; top: 40px; z-index: 50;
        display: none; font-family: sans-serif; font-weight: bold;
}

.top-bar-format-panel-text {
        text-decoration: underline; cursor: pointer;
}

.fa-pencil,.fa-wrench {
	top: 11px; position: relative; display: inline-block; left: 12.5px;
}

.fa-wrench {
	margin-left: 5px; left: 6px;
}

.centerButtons i, #right-panel-container i {
	font-size: 13px;
}

 #right-panel-container i.fa-question-circle, #right-panel-container i.fa-times-circle {
 font-size: 17px;
 }

.cancelFindReplace i {
	position: absolute; transform: scale(1.15); top: 0.5px; left: 3.2px; font-size: 20px !important;
}

                /*-----------------------------------------------------------------------------------------------------------------------------*/
																	/* Main Content Panel */
				/*-----------------------------------------------------------------------------------------------------------------------------*/
				
.mainContentPanel {
	top: 0px; position: relative; height: 100%;
}

.editorBody {
	min-width: 1200px; overflow-y: hidden; background-color: #666666;
	background-size: 100% 100%;
}

.editorBody #bodywrapper {
	height: 100%;
}

#editorpanel {
	height: 100%;
}

html,body {
	height: 100%;
}

.togglebuttongroup {
	position: absolute; height: 40px; right: 238px; outline: none; outline: 0; border: 0px solid transparent;
}

.gwt-ToggleButton {
	outline: none; outline: 0; border: 0px solid transparent; width: 40px; position: relative;
}

.togglebuttongroup div {
	height: 40px; outline: none; outline: 0; border: 0px solid transparent;
}

.togglebuttongroup .fa-caret-down {
	position: absolute; bottom: -11px; left: 15px; transform: scale(3.7,1.5); display: none; color: #5a5a5a;
}

.gwt-ToggleButton[aria-pressed="true"] .fa-caret-down {
	display: inline;
}

.togglebuttongroup img {
	cursor: pointer; position: relative; top: 8px;
}

.previewer-redirect {
	right: 0px !important;
}


                /*-----------------------------------------------------------------------------------------------------------------------------*/
																	/* Error View */
				/*-----------------------------------------------------------------------------------------------------------------------------*/
				
#error-modal-backdrop {
	 z-index: 600; position: absolute; top: 0px; left: 0px;
	}
	
#error-modal-dialog {
	background: #c6c6c6; opacity: 0.5; z-index: 600; position: relative; filter: alpha(opacity=50);
	}
	
#error-message-panel {
	height: 140px; width: 700px; background: white; border: 2px solid #962f35; position: absolute; border-radius: 4px; z-index: 600; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
	}

#error-view-cancel {
	position: absolute; top: 5px; right: 10px; cursor: pointer; 
	}
		
#errorimage {
	position: absolute; top: 25px; left: 10px;
	}
	
#preview-problem {
	color: #962f35; font-weight: bolder; font-size: 20px !important; position: absolute; top: 25px; left: 70px;
	}
	
#preview-later {
	color: #962f35;  font-size: 16px !important; position: absolute; top: 50px; left: 70px;
	}	
	
#error-message-panel #redirect-left {
	font-size: 14px !important; top: 7px; margin-right: 10px;
}

#error-message-panel #redirectarrow {
	left: 0px; margin-top: 1.5px;
}

#error-message-panel .redirectPanel {
	background: #333333; display: inline-block; position: absolute; margin-top: 10px; top: 70px; left: 240px; border-radius: 4px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}
	
	
                /*-----------------------------------------------------------------------------------------------------------------------------*/
															/* Invalid Browser View */
				/*-----------------------------------------------------------------------------------------------------------------------------*/	
				
#invalidbrowserheader {
	height: 40px; background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/errortop._V362295265_.png"); background-size: 100% 100%; -o-background-size: 100% 100%; 
	-webkit-background-size: 100% 100%;
	border-radius: 10px 10px 0px 0px; width: 440px; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; color: #2f2f2f;
	font-weight: 700; font-size: 16px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
	}
	
#invalidbrowser {
	border: 1px solid grey; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 440px; margin: 0px auto;
	padding-bottom: 5px; background: white; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
	}
	
#invalidbrowser-container {
	position: relative; width: 100%;
	}
	
#invalidbrowser-container i.fa-home {
	left: -5px; top: 11px;
}

.backToBookDetailsContainer {
	height: 40px; width: 100%; position: relative; margin-top: 15px;
}

.backToBookDetailsContainer .bannerBookDetails {
	left: 150px; border-radius: 5px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.messageheader {
	font-family: Arial Regular,sans-serif; font-size: 17px !important; position: relative; top: 11px; left: 10px;
}

.currentbrowser span,.newbrowser span {
	display: inline-block; padding: 6px 12px; font-size: 16px; font-family: Arial Regular,sans-serif;
}

.newbrowser span {
	margin-bottom: 20px;
}

.downloadpreviewer {
	font-family: Arial Regular,sans-serif; font-size: 16px !important; padding: 0px 12px; position: relative; display: inline-block;
	}
	
img.previewerdownload {
	position: relative; vertical-align: middle; cursor: pointer; display: inline-block; left: 6px;
}

.browsericon {
	width: 58.4px; height: 58.4px; display: block; margin-bottom: 5px; cursor: pointer;
}

.browsermessage {
	display: inline-block; font-family: Arial Regular,sans-serif;; font-size: 14px !important; 
	width: 58.4px; word-wrap: break-word; text-align: center;
}

.browsers {
	margin: 0px 0px 15px 25px;
}

.browser {
	margin-right: 45px; position: relative; left: 8px;
}

.firefox {
	margin-left: 4px;
}

#invalidbrowser-container #redirect-left {
	font-size: 14px !important; top: 7px; margin-right: 10px;
}

#invalidbrowser-container #redirectarrow {
	left: 0px; margin-top: 1.5px;
}

#invalidbrowser-container .redirectcontainer {
	background: transparent; display: inline-block; margin-top: 10px;
}

#invalidbrowser-container .redirectcontainer tr {
	background: #333333; 
} 


                /*-----------------------------------------------------------------------------------------------------------------------------*/
															/* New TOC Panel Styles */
				/*-----------------------------------------------------------------------------------------------------------------------------*/	

#toc-nav-panel {
        position: absolute; width:300px; height: 740px; top: 40px;
}

#toc-nav-tree-panel {
	width: 100%; line-height: 20px; font-size: 12px; color: black;;
}

.toc-panel-disable {
	cursor: not-allowed; position: absolute;top:0;left:0; z-index:2;opacity:0.5; filter: alpha(opacity = 50);
	width: 100%; height: 100%; background-color: #EFEFEF;
}

.toc-disable-color {
	background-color: #EFEFEF;
}

#toc-nav-tree-panel .gwt-TreeItem {
	cursor: pointer; z-index: 100;
}

.wrapper-div {
	position: absolute; background: grey; width: 300px; height: 25px; 
}

#toc-nav-panel .gwt-TabLayoutPanelTabs {
	border-bottom: 2px solid #DDDDDD;
}

#toc-nav-panel .gwt-TabLayoutPanelTab {
	font-weight: bold; color: #999999; background-color: #D2D2D2; padding-top: 3.2%; padding-left: 2.5%;
}

#toc-nav-panel .gwt-TabLayoutPanelTab-selected {
	background-color: #5A5A5A; color: #DDDDDD;
}

#toc-nav-tree-panel .gwt-TreeItem-selected {
	font-weight: bold;
}

#newTocPanel {
	width: 300px; position: absolute; top: 40px; left: 0px; background: white; height: 100%; font-family: sans-serif;
}

#tocHeader {
	width: 100%; position: relative; height: 40px; color: #5a5a5a; font-size: 16px; font-weight: 700; cursor: default; border-bottom: 1px solid #5a5a5a;
}

#tocHeader #toc-outline {
	position: relative; top: 10px; left: 9px;
}

#newTocPanel > div > div > div > .nano, #right-panel-container > div > div > div > .nano {
	position: absolute; width: 300px; height: 100%; overflow: hidden;
}

#newTocPanel .pane {
	right: 3px;
}

#right-panel-container {
	right: 0px; width:320px; height: 740px; position: absolute; top: 40px;
}

#right-panel-container .nano .content {
	padding: 10px;
}

#newTocPanel .nano .content {
	padding: 0px;
}

.current-nav {
	background: #eaeaea;
}

#newTocPanel .nano .pane, #right-panel-container .nano .pane {
	background: transparent;
}

#right-panel-container .nano .pane {
	right: 24px;
}

#newTocPanel .nano .slider, #right-panel-container .nano .slider {
	background: #aaaaaa; opacity: 0.9;
}


                						/*-----------------------------------------------------------------------------------------------------------------------------*/
																					/* New Dropdown Styles */
										/*-----------------------------------------------------------------------------------------------------------------------------*/			
						
.new-dropdown-container {
 	position: relative; height: 30px; background:  #ffffff; /* box-shadow: 0 0 0.3rem rgba(228, 121, 17, 0.5); */
 	border-radius: 4px;  border: 1px solid #697576; cursor: pointer; font-size: 12px; display: inline-block;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.new-dropdown-container .new-choicebox .new-choice-text span, .new-dropdown-container .new-choicebox .new-choice-text span[style] {
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}

.new-dropdown-container.choices-showing {
	box-shadow: none; box-shadow: 0;
}

.new-dropdown-container .new-dropdown {
 	position: absolute; left: -1px; width: 100.5%; border-radius: 4px; background: #f0f2f4; border: 1px solid #BCC1C8; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.drop-down-class {
	top: -1px;
}

.drop-up-class {
	bottom: -1px;
}

.new-choicebox {
 	position: relative; display: block; height: 28px;  margin-top: 1px; padding-left: 6px; padding-right: 22px; border-radius: 0px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.new-choicebox:last-child {
 	border-radius: 0px 0px 4px 4px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.new-choicebox:first-child {
 	border-radius: 4px 4px 0px 0px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.new-curchoice {
 	background:  #ffffff; border-radius: 5px; z-index: 50; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.new-choice {
 	display: table; height: 100%; width: 100%; margin-top: -1px;
}

.new-choice div { 
   text-align: left; display: table-cell; vertical-align: middle;  
}

.fa-angle-up {
	position: absolute;
	right: 10px;
	color: #232F3E;
	transform: scale(1.5);
	top: 3px;
	font-weight: bold;
	font-size: 12px;
}

.fa-angle-down {
	position: absolute;
	right: 10px;
	color: #232F3E;
	transform: scale(1.5);
	top: 15px;
	font-weight: bold;
	font-size: 12px;
}

.optionText {
	margin-left: 5px;
	font-size: 14px;
}

.new-choice .fa-caret-down,.new-choice .fa-caret-up {
	position: absolute; right: 7px; color: grey; transform: scale(1.3);
	}
	
.new-choice .fa-caret-down {
	top: 6px;
}

.new-choice .fa-caret-up {
	top: 1px;
}
	
.widgetsContainer .new-choice .fa-caret-down {
	top: 7px;
}

.widgetsContainer .new-choice .fa-caret-up {
	top: 3px;
}

.new-dropdown-container .new-dropdown .new-choicebox:hover {
 	background: #D7D9DB; 
}

.new-dropdown-container .new-dropdown .new-choicebox.dropdown-option-disabled {
	cursor: default !important; opacity: 0.5; filter: alpha(opacity=50);
}

.new-choicebox.dropdown-option-hidden {
	display: none;
}

.new-dropdown-container .new-dropdown .new-choicebox.dropdown-option-disabled:hover,.currentlySelected.dropdown-option-disabled  {
 	background: #f0f2f4 !important; 
}

.new-choicebox.currentlySelected {
	cursor: default !important; background: #BFBFBF;
}

.new-focused {
    border: 1px solid grey !important;  /* box-shadow: 0 0 0.3rem rgba(28, 121, 17, 0.5); */ outline: none; outline: 0;
}

.new-dropdown-container .new-dropdown .nano {
	max-height: 200px; position: relative !important; padding: 0px;
}

.new-dropdown-container .new-dropdown .nano .content {
	padding: 0px !important; width: 150% !important;
}

.new-dropdown-container .new-dropdown .nano .pane {
	background: transparent !important; cursor: default; opacity: 0.5; z-index: 120; right: 3px !important;
}

.new-dropdown-container .new-dropdown .nano .slider {
	background: #111; opacity: 0.5;
}

.dropDownSeparator {
	position: absolute; height: 40px; width: 1px; right: 5px; top: 0px;
}



                						/*-----------------------------------------------------------------------------------------------------------------------------*/
																					/* Style and Quality Widget Styles*/
										/*-----------------------------------------------------------------------------------------------------------------------------*/	
										
.semantic-dropdown {
	left: -2px;
}

#char-panel-style-id {
	padding-top: 12px; position: relative;
}

.emptySelection {
	color: transparent;
}

.dropdown-disabled {
	cursor: default !important; opacity: 0.5; filter: alpha(opacity=50); box-shadow: 0; box-shadow: none;
}

.editor_style_dropdownHeader {
	font-size: 14px; margin: -6px 0px 2px 0px; font-weight: bold; 
}

.font-family-dropdown {
	width: 118px;
}

.dropcap-dropdown {
	width: 185px;
}

.stacked-options { 
	position: relative; display: inline-block; border-radius: 4px; /*margin-right: 49px;*/
}

.stacked-options > div { 
	position: relative;  padding: 3px 5px; background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/defaultoption._V362295272_.png"); display: inline-block; border-right: 1px solid grey; 
	 text-align: center; background-size: 100% 100%; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; cursor: pointer; width: 14px;
}

.stacked-options .first-stacked-option { 
	border-radius: 4px 0px 0px 4px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc"); border-left: 1px solid #aaaaaa;
}

.stacked-options .last-stacked-option { 
	border-radius: 0px 4px 4px 0px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.stacked-options > div:hover {  
	background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/currentoption._V362295241_.png"); background-size: 100% 100%;
}

.stacked-options > div.choice-disabled:hover,.stacked-options > div.gwt-ToggleButton-up-disabled:hover {
	background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/defaultoption._V362295272_.png"); background-size: 100% 100%; cursor: default; cursor: default; opacity: 0.5;
}

.stacked-options > div.activeSemantic, .stacked-options > .gwt-ToggleButton-down {
	background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/currentoption._V362295241_.png"); background-size: 100% 100%; cursor: default;
}

.gwt-ToggleButton-down-disabled,.gwt-ToggleButton-down-disabled {
	background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/currentoption._V362295241_.png") !important; background-size: 100% 100%; opacity: 0.5;
}

.stacked-options > .gwt-ToggleButton-down-hovering {
	cursor: default;
}

.disabledSemantic,.gwt-ToggleButton-up-disabled {
	cursor: default; opacity: 0.5; background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/defaultoption._V362295272_.png");
}

.stacked-options > div i { 
	position: relative; vertical-align: middle; 
}

.stacked-options .currentOption { 
	cursor: default; background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/currentoption._V362295241_.png"); background-size: 100% 100%;
}

.semantic-stacked-options {
	top: -8px; left: 28px; 
}

#style-panel-id {
	background: white;
}

.semantic-status {
	font-weight: bold; font-size: 9pt;
}

#para-margintop-slider-id {
	position: relative; left: 3px;
}

.fontColorHolder .fa-font {
	position: relative; float: left; display: inline-block; transform: scale(1.4); top: 4px; left: 4px; color: grey;
}

.fontColorHolder .fa-caret-down {
	color: grey; position: absolute; top: 7px; right: 4px;
}

.fontColorHolder .fontColorUnderline {
	height: 2px; width: 17px; background: grey; position: absolute; bottom: 2px; left: 2px;
}

#char-quality-panel-style-id .fontColorHolder .fa-font {
	top: 3px; 
}

#char-quality-panel-style-id .fontColorHolder .fa-caret-down {
	top: 5px; right: 5px;
}

#char-quality-panel-style-id .fontColorHolder .fontColorUnderline {
	width: 19px;
}

#char-quality-panel-style-id .fontColorHolder {
	width: 36px; height: 27px; top: -1px; 
}

#char-quality-panel-style-id .semantic-stacked-options {
	top: -8px; left: 21px; 
}

#char-quality-panel-style-id .cancelCharacterSymantic {
	display: none;
}

.disabled-widget {
	cursor: default !important;
}

.horizPanel {
	width: 280px; margin-top: 10px;
}

.fontStylePanel {
	height: 35px; width: 280px; position: relative; 
	margin-top: 10px; margin-bottom: 5px;
}

.line-height-label {
	position: relative; top: -4px; left: 12px;
}

.line-height-widget {
	display: inline-block; margin-top: 5px; width: 64px;
}

.dropCapPanel {
	left: -5px; position: relative; margin-bottom: 15px;
}

.fontSliderPanel {
	height: 35px; width: 270px; position: relative; left: 0px; top: 0px; margin-top: 10px;
}

.fontColorHolder.disabled {
	cursor: default;
}

.fontColorHolder {
	width: 33px; height: 26px; background: #f0f2f4; z-index: 50; border-radius: 4px; 
	position: absolute; right: 0px; float: right; margin-right: 18px; 
	top: 1px; border: 1px solid #aaaaaa; cursor: pointer;
}

.firstLineIndent {
	display: inline-block; position: relative; left: 13px; top: -4px;
}

.dropCapCheckBox {
	top: -4px; left: 1px; position: relative;
	margin-right: 8px;
}

.dropcap-dropdown {
	left: 20px; top: 2px;
}

.dropCapLabel {
	position: relative; left: 7px; top: -8.5px; display: inline-block;
}

.cancelCharacterSymantic {
	background: grey; color: white; margin: 16px 3px 0px 0px;
}

.editor-slider-label {
	position: relative; top: 3px;
}

.editor-slider {
	margin-left: -12%; margin-top: 8px;
}

#para-format-id div.ui-slider-handle {
	top: 1px;
}

#char-quality-panel-style-id div.ui-slider-handle { 
	top: 2px;
}

#font-slider-id {
	margin-left: 0%;
}

.editor-style-label {
	color: #5A5A5A; display: inline-block; width: 100px; word-wrap: break-word;
}

.image-checkbox {
	
}
	
.wrap-text {
	display: inline-block; position: relative; left: 13px; top: -4px;
}

.sliderPanel {
	width: 300px; margin: 0px auto; height: 34.5px; position: relative; display: block; top: -9px;
}

.slider-text-panel {
	width: 103px; height: 34.5px; float: left; display: table;
}

.slider-text {
	display: table-cell; text-align: left; vertical-align: middle; font-size: 12px; color: #5A5A5A; word-wrap: break-word;
}

.sliderContainer {
	width: 134px; height: 34.5px; float: left; 
}

.editorBannerPanel .gwt-ToggleButton-down,.editorBannerPanel .gwt-ToggleButton-down-hovering {
	background: #5a5a5a; color: white !important;
}

.editorBannerPanel .gwt-ToggleButton .fa-pencil {
	color: white;
}

.editorBannerPanel .gwt-ToggleButton .fa-wrench {
	color: white;
}

.editorBannerPanel .gwt-ToggleButton-up,.editorBannerPanel .gwt-ToggleButton-up-hovering {
	cursor: pointer; 
}

.redirectPanel {
	background: #333333; height: 32px; position: absolute; padding: 0px 10px; cursor: pointer; color: #FFFFFF; display: inline-block;
	font-size: 14px; font-family: 'Amazon Ember'; margin-top:10px;
}

.redirectPanel .fa-home, .redirectPanel .fa-tablet, .redirectPanel .fa-pencil {
	position: relative; 
	display: inline-block; 
	top: 12px;
	font-size: 1.55em;
	color: #f0910b;
	right: 2px;
}

.redirectPanel .fa-home {
	right: 6px;
	top: 12px;
}

.fa-chevron-left {
	right: 6px;
	top: 12px;
	position: relative;
	height: 21px;
}

.fa-question-circle {
	right: 14px;
	top: 9px;
	position: relative;
	font-size: 24px;
}

.redirectPanel .fa-pencil {
	font-size: 1.4em;
	margin-left: -16px;
	top: 11px;
}

.redirectPanel .redirectLabel {
	position: relative; display: inline-block; margin-left: 16px; top: -12px;
}

.redirectPanel .redirectLabelWithoutImage {
        position: relative; display: inline-block; margin-left: 16px; margin-top: 13px;
}

.border-bottom-dashed {
	border-bottom-style: dashed; border-color: #f0910b; border-width: 1px;
}

.redirectPanel:hover .redirectLabel, .redirectPanel:hover .redirectLabelWithoutImage, .redirectPanel:hover i {
	color: #f0910b !important;
}

.bannerBookDetails {
	top: 0px; left: 0px
	}

.bannerPreviewerDetails,.bannerEditorDetails {
	top: 0px; right: 0px
	}
	
.quality-style-fix-heading {
	margin-bottom: 10px;
}

.quality-count-information .quality-style-fix-heading {
	margin-bottom: 0px; margin-top: 0px;
}

.quality-count-information {
	text-align: center; position: relative; margin-bottom: 15px;
}

.apply-ignore-buttons-container + .typoInformation {
	top: 0px;
}

.quality-buttons-container.apply-ignore-buttons-container {
	height: 64px;
}

.quality-buttons-container.apply-ignore-buttons-container button {
	margin-bottom: 8px;
}

.quality-buttons-container .gwt-Button {
	background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/button._V362295055_.png"); background-size: 100% 100%; border-style: solid; border-width: 0.1rem; border-color: #BCC1C8 #BABABA #ADB2BB; 
	border-radius: 3px; color: #111111; position: relative; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; 
	-ms-user-select: none; outline: none; outline: 0; display: table; height: 28px; font-family: sans-serif; display: inline-block;
	height: 31px; padding-bottom: 1.5px; outline-width: 0px !important; outline-style: none !important; outline-color: transparent !important;
}

.quality-buttons-container.ie-quality-buttons-container .gwt-Button {
	padding-top: 6px;
}

.quality-buttons-container .gwt-Button:active {
	outline: none !important; outline: 0 !important;  border: 0 !important; box-shadow: 0 0 0.3rem rgba(28, 121, 17, 0.5);
	outline-width: 0px !important; outline-style: none !important; outline-color: transparent !important; border: 0px !important;
}

.quality-buttons-container .gwt-Button[disabled],.gwt-Button[disabled] {
	color: grey; opacity: 0.5; filter: alpha(opacity=50); cursor: default; box-shadow: none;
}

.quality-buttons-container {
	width: 255px; margin: 10px auto; position: relative;
}

.quality-buttons-container > div {
	width: 100%; margin-bottom: 10px; height: 28px; display: block;
}

button.left-float {
	float: left; width: 120px; display: table !important;
}

button.right-float {
	float: right; width: 120px; display: table !important;
}

.quality-typo-textbox {
	padding: 6px; border: 1px solid grey; color: black; border-radius: 5px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.quality-typo-textbox:focus {
	 outline: none; border-color: #9ecaed; box-shadow: 0 0 10px #9ecaed; transition: box-shadow linear 0.2s; 
}

.quality-apply-ignore-buttons-container {
	height: 28px; width: 260px; margin: 10px auto;
}

.quality-back-container {
	width: 97%; margin: 2px 0px 2px 0px; height: 24px; padding: 4px 0px 4px 0px; border: 1px solid grey; border-radius: 5px; background: #eeeeee;
	position: relative;
}

.quality-back-container > div {
	position: absolute; height: 24px; top: 0px; left: 0px; font-size: 14px; font-family: sans-serif; cursor: pointer; user-select: none; 
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
}

.quality-back-container i {
	display: inline-block; margin: 0px 10px 0px 15px; color: grey; transform: scale(2); position: relative; top: 9px; float: left;
}

.quality-back-container span {
	display: inline-block; float: right; margin: -6px 5px 0px 40px;
}

.quality-back-container.ie-quality-back-container span {
	margin: 8px 5px 0px 10px;
}

#right-panel-container .static-container-widget-content > #about.nano {
	width: 325px; margin-left: 12px;
}

.marginIndentsPanel {
	width: 93%;
}

.marginIndentsPanel input {
	border: 1px solid grey; border-radius: 1px; font-size: 12px; position: relative; top: -3px; left: 2px;
}

.marginRightScrollButton .scrollbutton-label {
	text-align: right;
}

.marginRightScrollButton .scroll-buttons {
	text-align: right;
}

.marginIndentsPanel+.sliderPanel {
	margin-top: 19px;
}



/*  --------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------Semantic dropdowns-------------------------------------------------------------------------------*/
/*  --------------------------------------------------------------------------------------------------------------------------------------------------------*/


	
.char-char-style-dropdown, .char-quality-char-style-dropdown {
	width: 194px; display: inline-block; outline: none; top: 4px; height: 40px;
}
	
.char-char-style-dropdown .new-choicebox, .char-quality-char-style-dropdown .new-choicebox {
	height: 40px; border-bottom: 1px solid grey;
}
	
.char-char-style-dropdown .fa-caret-up, .char-quality-char-style-dropdown .fa-caret-up {
	top: 7px;
}
	
.char-char-style-dropdown .fa-caret-down, .char-quality-char-style-dropdown .fa-caret-down {
	top: 15px;
}
	
.para-para-style-dropdown .fa-caret-up, .para-quality-para-style-dropdown .fa-caret-up {
	top: 7px;
}
	
.para-para-style-dropdown .fa-caret-down, .para-quality-para-style-dropdown .fa-caret-down {
	top: 15px;
}
	
.char-char-style-dropdown .dropdown-side-separator, .char-quality-char-style-dropdown .dropdown-side-separator {
	height: 41px;
}

.characterSemanticPanel {
	height: 49px; width: 278px; position: relative; left: 0px; top: 0px; margin-top: 2px;
}
	
.para-para-style-dropdown .dropdown-side-separator, .para-quality-para-style-dropdown .dropdown-side-separator {
	height: 41px;
}

.char-char-style-dropdown span, .char-quality-char-style-dropdown span {
	width: 147px; display: inline-block; position: relative; top: 1.5px;
}

.para-para-style-dropdown span, .para-quality-para-style-dropdown span {
	width: 245px; display: inline-block; position: relative; top: 1.5px;
}
	
.para-para-style-dropdown, .para-quality-para-style-dropdown {
	width: 272px; height: 40px; margin-top: 8px;
}
	
.para-para-style-dropdown .new-choicebox, .para-quality-para-style-dropdown .new-choicebox {
	height: 40px; border-bottom: 1px solid grey;
}

.custom {
	border: none; background: #FFFFFF; width: 39px; height: 28px; position: absolute; right: 6px; 
	top: 11.5px; outline: none; cursor: pointer;
}

.create-style {
	top: 80px;  right: 10px;
}

.custom-dialog-class {
	position: absolute; background: #ffffff; border: 1px solid grey; border-radius: 5px; width: 275px; 
	z-index: 80; overflow: hidden; font-family: Arial; font-size: 12px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.custom-dialog-title {
	position: relative; display: block; margin: 5px 0px; border-radius: 5px; font-weight: bold; font-size: 14px; padding: 10px 0px 0px 10px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.custom-dialog-title .titleText {
	max-width: 217px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block;
}

.custom-dialog-title .endLabel {
	position: relative; top: -2px;
}

.custom-dialog-message {
	position: relative; display: block; margin: 5px 0px; border-radius: 5px; font-size: 14px; padding: 0px 10px 0px 10px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.close-dialog-container {
	height: 15px; width: 15px; border-radius: 7.5px; position: absolute; top: 11px; right: 12px; color: black; font-size: 13px; cursor: pointer; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.close-dialog-container i {
	position: relative; left: 2px; top: -0.5px;
}

.custom-dialog-textbox {
   position: relative; left: 10px; top: 5px; width: 245px; border: 1px solid grey; padding: 5px 4px; border-radius: 4px; outline: none; color: grey; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.custom-dialog-textbox:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1); color: black;
}

.okPanel {
	position: relative; margin-top: 10px; color: red; padding-left: 10px; margin-bottom: 5px;
}

.okPanel button {
	background: #5db8ff; border: 1px solid #5db8ff; border-radius: 3px; color: white; padding: 5px 18px; position: relative; float: right; top: 0px; margin-right: 10px; font-weight: bold;
	font-size: 13px; cursor: pointer; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.okPanel span {
	position: relative; display: inline-block; top: 3px; float: left; width: 185px; word-wrap: break-word;
}

.floater {
	height: 0px; width: 100%; clear: both;
}

 

/*  --------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ------------------------------------------------------------------Tooltip-------------------------------------------------------------------------------*/
/*  --------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ui-tooltip, .arrow:after {
	background: black;
}

.ui-tooltip {
	padding: 5px 5px; color: white; border-radius: 5px; font: 12px "Helvetica Neue", Sans-Serif !important; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.arrow { 
	width: 50px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px;
}

.arrow.top {
	top: -16px; bottom: auto;
}

.arrow.left {
	left: 20%;
}

.arrow:after {
	content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px; top: auto;
}

.ui-tooltip-clickable {
	max-width: 280px !important;
	text-align: justify !important;
}

.preview-tooltip-clickable {
	color: #0066C0; font-weight: bold; cursor: pointer;
}

div.ui-tooltip {
    max-width: 170px; text-align: center; font-size: 12px;
}

div.ui-tooltip.disabledToolTip {
    max-width: 230px; background: #434b55; text-align: left !important;
}

div.ui-tooltip.disabledToolTip .arrow:after{
	background: #434b55;
}



/*-------------------------------------------------------------------Manga Paperwhite Preview---------------------------------------------------------*/

.mangapanelview {
	z-index: 100; border: 1px solid #777676; position: absolute; right: 10px; bottom: 10px; background: #f0eded; display: none;
}

.pageimage-paperwhite .mangapanelview,.pageimage-paperwhiteh .mangapanelview {
	display: none;
}

#viewnum {
	background: black; position: absolute; opacity: 0.5; filter: alpha(opacity=50);
}

.pageimage-paperwhite.popped .mangapanelview {
	width: 23px; height: 30px; display: block !important;
}

.pageimage-paperwhiteh.popped .mangapanelview {
	width: 30px; height: 23px; display: block !important;
}

.pageimage-paperwhite.popped #viewnum {
	width: 11.5px; height: 15px;
}

.pageimage-paperwhiteh.popped #viewnum {
	width: 15px; height: 11.5px;
}

.pageimage-paperwhite .mangapanelview .viewnum1 {
	top: 0px; left: 0px;
}

.pageimage-paperwhite .mangapanelview .viewnum2 {
	top: 0px; right: 0px;
}

.pageimage-paperwhite .mangapanelview .viewnum3 {
	bottom: 0px; left: 0px;
}

.pageimage-paperwhite .mangapanelview .viewnum4 {
	bottom: 0px; right: 0px;
}

.pageimage-paperwhiteh .mangapanelview .viewnum1 {
	top: 0px; left: 0px;
}

.pageimage-paperwhiteh .mangapanelview .viewnum3 {
	top: 0px; right: 0px;
}

.pageimage-paperwhiteh .mangapanelview .viewnum2 {
	bottom: 0px; left: 0px;
}

.pageimage-paperwhiteh .mangapanelview .viewnum4 {
	bottom: 0px; right: 0px;
}

.mangapanelview #viewnum.viewnum0 {
	width: 0px; height: 0px; height: 0px; width: 0px;
}

.mangapanelview #viewnum.viewnum10 {
	width: 0px; height: 0px; width: 22px; height: 11.5px; top: 0px; left: 4px;
}

.mangapanelview #viewnum.viewnum20 {
	width: 0px; height: 0px; width: 22px; height: 11.5px; bottom: 0px; left: 4px;
}


/** Image related styles **/
#image-format-widget {
	font-size: 12px;	
}

.img-selected {
	border: 2px solid #FF0;
}

.img-block {
	display: block;
}

.img-block img {
	max-width: 100%;
	max-height: 100%;
}

.img-inline {
	display: inline-block;
	text-indent: 0px;
}

.img-inline img {
	max-width: 100%;
	max-height: 100%;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 1.0;
}

#img-margintop-slider-id {
	position: relative; left: 2px;
}

.imageAlignPanel .editor-style-label {
	position: relative; top: 4px; left: 5px;
}


/* ---------------------------------------------------------------------jQuery error message ------------------------------------------------------ */

.ui-widget-overlay { 
	background: black; 
}
	
.ui-dialog-titlebar { 
	font-size: 17px; font-family: sans-serif; background: url('https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/button._V362295055_.png'); background-size: 100% 100%;
}


.user-message-container div { 
	font-size: 14px !important; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; cursor: default; word-wrap: break-word;
}

.ui-dialog-titlebar i { 
	transform: scale(1.3); position: absolute; display: inline-block; margin-right: 5px; color: black; top: 9px; left: 8px; 
}

span.ui-dialog-title  { 
	position: relative; left: 17px; top: -0.5px;
}

.refresh-bar { 
	height: 50px; position: relative; 
}

.message-button { 
	height: 24px; background: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/button._V362295055_.png"); border-radius: 3px; 
	position: relative; float: right; top: 16px; padding-top: 6px; padding-right: 15px; cursor: pointer !important; border: 1px solid #aeaeae; 
	outline: 0; outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 9px; background-size: 100% 100%; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.message-button.okay-message-button {
	padding: 8px 21px 0px 21px;
}

#user-message-view {
	padding-bottom: 21px;
}

.message-button div {
	cursor: pointer;
}

.message-button:active { 
	top: 17px; left: 1px; 
}

.message-button i { 
	display: inline-block; position: relative; margin-left: 15px; margin-right: 7px;
}

.user-message-statement { 
	margin-top: 5px; 
}

.ui-dialog-titlebar-close { 
	display: none !important; 
}

.message-button .gwt-HTML {
	display: inline-block;
}

.ui-dialog .ui-dialog-title {
	margin-bottom: -2px;
}

/* ---------------------------------------------------------------------TOC Panel Styles ------------------------------------------------------ */

#toc-nav-tree-panel .gwt-Tree div[level="1"], #toc-nav-tree-panel .gwt-Tree div[level="2"] {
	padding-left: 20px !important;
}

#toc-nav-tree-panel .gwt-Tree img {
	position: relative; top: 3px;
}

.new-dropdown {
	z-index: 35;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------Initial Navigation ------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */


      /* ---------------------------------------------------------------------Buttons ------------------------------------------------------ */

.nextNavButton {
	float: right;
}

.previousNavButton {
	float: left;
}

.nextNavButton,.previousNavButton {
	position: relative; top: 17px; background: #004df8; border: 1px solid #004df8; border-radius: 5px; width: 76px; padding: 3px 0px 4px 0px; 
	cursor: pointer; color: white; outline: none; outline: 0px; z-index: 1; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

       /* ---------------------------------------------------------------------Widgets ------------------------------------------------------ */

.modalBackgroundWidget {
	position: absolute; z-index: 5000; background: black; opacity: 0.5; top: 0px; left: 0px; width: 100%; height: 100%; outline: 0; outline: none;
}

.containerWidget {
	position: relative; margin: 40px auto 0px auto; background: #ff8400; width: 520px; border-radius: 10px; height: 600px; z-index: 5001; 
	font-family: Arial; font-size: 13px; left: -8.5px;  outline: 0; outline: none; box-shadow: 15px 5px 15px black; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.messagePanel {
	position: absolute; top: 30px; left: 0px; width: 100%; height: 95%;
}

.messageContainerPanel #about {
	max-height: 179px; height: 179px !important;
}

.messageContainerPanel #about .content {
	padding-top: 0px;
}

.messagePanel .content div {
	word-wrap: break-word; margin-bottom: 5px; line-height: 17px;
}

.messagePanel img {
	display: block; margin: 20px auto 0px auto;
}

.innerContainerWidget {
	background: white; border-radius: 10px; width: 490px; height: 570px; position: absolute; top: 15px; left: 15px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.navigationPanel {
	height: 50px; border-top: 3px solid black; width: 90%; margin: 0px auto; position: relative;
}

.messageContainerPanel {
	width: 90%; height: 470px; padding-top: 30px; position: relative; margin: 0px auto; overflow: hidden;
}

.headerContainer {
	color: #000361; font-size: 16px; text-align: center; margin-bottom: 15px;
}

.containerWidget i {
	position: absolute; top: 2.5px; left: 5.5px; color: white; font-size: 17px;
}

.cancelBox {
	position: absolute; top: -28px; right: 0px; cursor: pointer;
}

.cancelBox i {
	 z-index: 5002; font-size: 26px !important; color: white;  
}

/* ---------------------------------------------------------------------Coin Navigation ------------------------------------------------------ */

.coins {
	position: absolute; width: 100%; height: 50px;  top: 0px; left: 0px; text-align: center;
}

.coins div {
	display: inline;
}

.coins i {
	color: blue; display: inline-block; position: relative; top: 23px; margin-right: 4px;
}

.coins .coin {
	display: inline-block; position: relative; top: 23px; margin-right: 7px; border-radius: 5px; height: 10px; width: 10px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.coin.filled {
	background: #004df8;
}

.coin.empty {
	background: #aeaeae;
}

.helpClass {
    right: 10px;
}

.helpdiv {
	display: inline-block; background: #eeeeee; padding: 2px 2px 0px 2px; height: 10px; border-radius: 5px; margin-right: 10px; position: relative;
	top: 3px;  behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.helpPanel .helpdiv i {
	color: black; top: -5px !important;
}

.helpPanel .helpdiv.safari i {
	top: -3px !important;
}

.helpMenuContainer {
	position: absolute; width: 150px; height: 90px; background: white; z-index: 500; top: 40px; left: 290px; border-radius: 5px; border: 1px solid grey;
	border-top-left-radius: 0px; outline: none; outline: 0; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

.helpMenu {
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 
}

.helpMenu .helpOption {
	font-size: 13px; font-family: Arial; color: black; padding: 2.5px 0px 3.5px 12px; cursor: pointer;
}

.helpOption a.gwt-Anchor {
	color: black; outline: 0; outline: none;
}

.helpMenu .helpOption:hover {
	background: grey;
}

.helpMenu .helpOption:last-child, .helpMenu .helpOption:first-child{
	margin-top: 3px;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------Menu Bar ------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */

.menuContainer {
	position: absolute; background: #fafafa; overflow: hidden;
}

.menuContainer.hidden {
	display: none;
}

.menuContainer  .menuPage {
	width: 100%; position: absolute; top: 0px; left: 0px;
}

.menuContainer .optionContainer {
	display: table; width: 100%; color: black; cursor: pointer; position: relative;
}

.lastOption {
	margin-bottom: 5px;
}

#right-panel-container .menuContainer .nano .content {
	padding: 10px 10px 0px 10px;
}

#right-panel-container .menuContainer .nano .pane {
	right: 3px;
}

.menuContainer .nano .pane {
	background: transparent;
}

.optionContainer i.fa-chevron-right {
	position: absolute; right: 10px; top: 10px; color: grey;
}

.optionTextContainer {
	display: table-cell; text-align: left; vertical-align: middle; padding-left: 9px;
}

.optionContainer:hover {
	background: #8ba7c9; color: white;
}

.optionContainer:hover i {
	color: white;
}

.optionContainer i.fa-chevron-left {
	position: absolute; top: 10px; color: grey; left: 10px;
}

.optionContainer.childHeading:hover i {
	color: grey;
}

.optionContainer.childHeading .optionTextContainer {
	text-align: center; 
}

.optionContainer.childHeading span {
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;
}

.optionContainer.noChild {
	cursor: default; color: grey; opacity: 0.7;
}

.optionContainer.noChild:hover {
	background: #fafafa; color: grey;
}

.optionContainer.childHeading.noChild {
	cursor: default; border-bottom: 1px solid grey; padding-left: 15px; color: black ; opacity: 1;
}

.optionContainer.childHeading.noChild:hover {
	cursor: default; border-bottom: 1px solid grey; padding-left: 15px; color: black !important; opacity: 1 !important;
}




/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------Custom Semantic Menu Bar ------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */

#customSemanticMenubar {
	border-radius: 5px; top: 11.5px; right: 6px; height: 114px; width: 190px; z-index: 150; border: 1px solid grey; font-size: 13px;
	font-family: Arial; max-height: 114px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc");
}

#customSemanticMenubar .menuPage #about {
	max-height: 114px; overflow: hidden;
}

#customSemanticMenubar .menuPage.child #about {
	max-height: 114px; overflow: hidden;
}

#customSemanticMenubar .optionContainer {
	height: 33px; border-radius: 5px; behavior: url("https://images-na.ssl-images-amazon.com/images/G/01/cyborg/shared/images/PIE._V360904841_.htc"); 
}

#customSemanticMenubar .optionContainer.childHeading span {
	width: 170px;
}
	
#customSemanticMenubar .optionContainer.childHeading .optionTextContainer {
	width: 170px;
}

#customSemanticMenubar .optionContainer span {
	width: 132px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

#customSemanticMenubar .optionContainer.maxWidthOption span {
	width: 152px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------Information Pop Up ------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */


.infoPopUp {
	position: absolute; border: 1px solid #eaeaea; border-radius: 5px; width: 300px; z-index: 250; background: white; color: black; font-family: Arial; outline: 0; outline: none;
}

.infoPopUp > div {
	width: 100%; height: 100%; border-radius: 5px;
}

.toc-help-info {
	top: 41px; right: -140px; width: 380px;
}

.fixlist-help-info {
	top: 41px; right: 0px; width: 350px;
}

.toc-help-info .info-popup-header i.fa-caret-up {
	right: 157px;
}

.fixlist-help-info .info-popup-header i.fa-caret-up {
	right: 20px;
}

.info-popup-header {
	background: #eaeaea; border-radius: 5px 5px 0px 0px; color: black; font-size: 13px; position: relative;
	font-weight: bold; height: 40px; margin-bottom: 10px;
}

.info-popup-header  span {
	display: inline-block; position: relative; margin: 12px 0px 0px 10px;
}

.info-popup-header i.fa-caret-up {
	color: #eaeaea; position: absolute; top: -24.5px; right: 20px; font-size: 35px !important;
}

.infoPopUp .info-popup-info {
	padding: 0px 10px; font-size: 12px; word-break: break-word;
}

.infoPopUp .boldText {
	font-weight: bold;
}

.helpTool i {
	position: absolute; right: 20px; top: 11px; height: 16px; width: 16px; color: grey; cursor: pointer; z-index: 255; font-size: 17px;
}

.donwnLoadPanel {
	width: 100%; texta-align: center; margin-top: 20px;
}


/*# sourceMappingURL=static/js/styles.d716c0dd33e48fa09f8a.css.map.js*/