@charset "utf-8";
/* The styles placed here will override identical main.css styles */

@font-face {
    font-weight: normal;
    font-style: italic;
    font-family: 'Open_Sans';
    src: url('./fonts/OpenSans/OpenSans-Italic-webfont.eot');
    src: url('./fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Italic-webfont.svg#Open_Sans_Italic') format('svg');
}

@font-face {
    font-weight: 300;
    font-style: italic;
    font-family: 'Open_Sans';
    src: url('./fonts/OpenSans/OpenSans-LightItalic-webfont.eot');
    src: url('./fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-LightItalic-webfont.svg#Open_Sans_Light-Italic') format('svg');
}

@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: 'Open_Sans';
    src: url('./fonts/OpenSans/OpenSans-Light-webfont.eot');
    src: url('./fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Light-webfont.svg#Open_Sans_Light') format('svg');
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'Open_Sans';
    src: url('./fonts/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('./fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Regular-webfont.svg#Open_Sans') format('svg');
}

@font-face {
    font-weight: 600;
    font-style: italic;
    font-family: 'Open_Sans';
    src: url('./fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('./fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg#Open_Sans_Semibold-Italic') format('svg');
}

@font-face {
    font-weight: 600;
    font-style: normal;
    font-family: 'Open_Sans';
    src: url('./fonts/OpenSans/OpenSans-Semibold-webfont.eot');
    src: url('./fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Semibold-webfont.svg#Open_Sans_Semibold') format('svg');
}

/*-----------Image Clarity for Chrome 84+ -----------
 * The following is a css selector hack which only selects for Chrome 29+
 */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    img {
        image-rendering: -webkit-optimize-contrast !important;
    }
}

/*----------- Cross-Browser Element Resets -----------*/


/* In chrome, if the user accidentally clicks and drags then it results
 * in many elements being highlighted with an ugly default blue highlight.
 * This hides that effect.  Had to be careful with this and not just use
 * ::selection because that breaks input field text selection on several
 * browsers.
 */

body :not(input):not(textarea):not([contenteditable])::-moz-selection {
    background: rgba(255, 255, 255, 0.0)
}

body :not(input):not(textarea):not([contenteditable])::selection {
    background: rgba(255, 255, 255, 0.0)
}

/* Selection highlight for PopUpWindows when 'EnableSelection' : 'true' in the skin */
 body.PlatformDesktop .popUpWindow.popUpEnableSelection :not(input):not(textarea):not([contenteditable])::selection {
    background: rgba(0, 0, 255, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

/* The above hack works for all of our supported browsers besides IE8
 * and Firefox.  Firefox breaks because it still highlights undesired
 * areas and doesn't highlight input text which we want highlighted.  This
 * Firefox specific hack at least restores the highlight to input text 
 */

::-moz-selection {
    background: rgba(0, 0, 96, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

/*---- Hides the orange outline browsers would apply to the page input, search box ----*/

input:focus {
    outline: none
}


/*---- IE10 has its own text clear functionality for text input fields which this disables ----*/

input[type=text]::-ms-clear {
    display: none
}


/*-----Need this for mobile ios issues------*/


/*-----Below adds placeholder attribute support for contenteditable------*/

[contentEditable=true]:empty:not(:focus):before {
    content: attr(placeholder)
}


/*----- Style for the placeholder text in tpod template pages -----*/

.thumbnailDiv .TpodImageResourceWrapper,
.thumbnailDiv .TpodImageResourceElement,
.thumbnailDiv .TpodImageResourcePlaceholder[contentEditable=true] {
	cursor: inherit;
}
.TpodEditMode .TpodImageResourceWrapper,
.TpodEditMode .TpodImageResourceElement,
.TpodEditMode .TpodImageResourcePlaceholder[contentEditable=true] {
	cursor: inherit;
}
.TpodEditMode .TpodImageResourcePlaceholder[contentEditable=true] {
	display: none;
}
.TpodImageResourceWrapper,
.TpodImageResourceElement,
.TpodImageResourcePlaceholder[contentEditable=true] {
	cursor: pointer;
}
.TpodImageResourcePlaceholder[contentEditable=true]:empty {
    opacity: .25;
}

.thumbnailDiv [contentEditable=true] {
	cursor: inherit;
}
[contentEditable=true] {
	cursor: text;
}
[contentEditable=true]:empty {
    opacity: .35;
}

html {
    background-color: #000;
}


/*----------- SEO Elements -----------*/

.PageContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
}


/*----------- Body & View Styles -----------*/

body {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    min-width: 200px;
    background-color: #fff;
    font-size: 13px;
    /* Eliminates scrollbars from widgets */
    font-family: 'Open_Sans', Helvetica, Arial, sans-serif;
}

body:not(.InsideIframe,.PlatformDesktop,.PlatformTablet) {
    width: 100vw;
	height: 100vh;
}

body.InsideIframe:not(.PlatformDesktop) {
	right: 0;
	bottom: 0;
}

body.PlatformDesktop {
	right: 0;
	bottom: 0;
    min-width: 750px;
    min-height: 0px;
    /* Will calculate from header height + footer height + applicationView min-height */
}
body.PlatformTablet {
	right: 0;
	bottom: 0;
}
#CustomHeader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0;
    border: none;
}

#CustomFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0;
    border: none;
}

#CustomRightSidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 0;
    border: none;
}

#ProductView {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    min-height: 250px;
}

#ApplicationView {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    min-height: 250px;
}

.PlatformMobile #ApplicationView {
    min-height: 0px;
}

.applicationView {
    background: #fff;
}

.TpodMode .applicationView {
    background-color: #ccc;
    background-image: url(../images/tpod.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.TpodCreatorStudy .applicationView {
    background-color: #ccc;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
}

.PlatformDesktop #popup_container,
.PlatformTablet #popup_container {
    max-width: 400px;
    /* Dialog will wrap after this width */
}

.PlatformDesktop #popup_message,
.PlatformTablet #popup_message {
    max-width: inherit;
}

.alertMessageCtl {
    position: absolute;
    display: block;
    overflow: hidden;
    padding: 5px 8px 5px;
    min-height: 28px;
    width: 230px;
    border-radius: 10px;
    background: transparent;
    background-color: #444;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
}

.alertMessageText {
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.pageCtl {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    background-image: none;
    z-index: 100;
}


/*----------- SpriteButton SVG Styles -----------*/

.spriteButton.svgButton .spriteElement {
    margin: 10%;
}


/* Styles applied to svg states with state image */

.spriteButton.svgButton.svgImage.default .spriteElement {}

.spriteButton.svgButton.svgImage.over .spriteElement {}

.spriteButton.svgButton.svgImage.down .spriteElement {}

.spriteButton.svgButton.svgImage.disabled .spriteElement {}


/* Styles applied to SpriteButton default state to generate over-down-disabled states */

.spriteButton.spriteCss {
	--sprite-css-scale : 1.0;
	--sprite-css-scale-menu : 1.0;
}

.tbContainer .spriteButton.spriteCss.tbImageButton.scaleUp {
	padding-left: calc( var(--sprite-css-menu-padding-adj) * 1px) !important;
	padding-right: calc( var(--sprite-css-menu-padding-adj) * 1px) !important;
}

.tbContainer .spriteButton.spriteCss.tbButton.scaleDown,
.tbContainer .spriteButton.spriteCss.tbImageButton.scaleDown {
	margin-left: calc( var(--sprite-css-menu-margin-adj) * 1px) !important;
	margin-right: calc( var(--sprite-css-menu-margin-adj) * 1px) !important;
}

.tbContainer .spriteButton.spriteCss.tbButton .spriteElement,
.tbContainer .spriteButton.spriteCss.tbImageButton .spriteElement {
	-webkit-transform: scale(calc( var(--sprite-css-scale) * 1.0 )) !important;
	transform: scale(calc( var(--sprite-css-scale) * 1.0 )) !important;
}

.tbContainer .spriteButton.spriteCss.tbButton.over .spriteElement,
.tbContainer .spriteButton.spriteCss.tbImageButton.over .spriteElement {
    -webkit-transform: scale(calc( var(--sprite-css-scale) * 1.1 )) !important;
	transform: scale(calc( var(--sprite-css-scale) * 1.1 )) !important;
}

.tbContainer .spriteButton.spriteCss.tbButton.down .spriteElement,
.tbContainer .spriteButton.spriteCss.tbImageButton.down .spriteElement {
    -webkit-transform: scale(calc( var(--sprite-css-scale) * 0.97 )) !important;
	transform: scale(calc( var(--sprite-css-scale) * 0.97 )) !important;
}

.tbCustomMobileMenu .spriteButton.spriteCss.tbButton .spriteElement,
.tbCustomMobileMenu .spriteButton.spriteCss.tbImageButton .spriteElement,
.menuWidgetMenu .spriteButton.spriteCss.tbButton .spriteElement,
.menuWidgetMenu .spriteButton.spriteCss.tbImageButton .spriteElement {
	-webkit-transform: scale(calc( var(--sprite-css-scale-menu) * 1.0 )) !important;
	transform: scale(calc( var(--sprite-css-scale-menu) * 1.0 )) !important;
}

.tbCustomMobileMenu .spriteButton.spriteCss.tbButton.over .spriteElement,
.tbCustomMobileMenu .spriteButton.spriteCss.tbImageButton.over .spriteElement,
.menuWidgetMenu .spriteButton.spriteCss.tbButton.over .spriteElement,
.menuWidgetMenu .spriteButton.spriteCss.tbImageButton.over .spriteElement {
    -webkit-transform: scale(calc( var(--sprite-css-scale-menu) * 1.1 )) !important;
	transform: scale(calc( var(--sprite-css-scale-menu) * 1.1 )) !important;
}

.tbCustomMobileMenu .spriteButton.spriteCss.tbButton.down .spriteElement,
.tbCustomMobileMenu .spriteButton.spriteCss.tbImageButton.down .spriteElement,
.menuWidgetMenu .spriteButton.spriteCss.tbButton.down .spriteElement,
.menuWidgetMenu .spriteButton.spriteCss.tbImageButton.down .spriteElement {
    -webkit-transform: scale(calc( var(--sprite-css-scale-menu) * 0.97 )) !important;
	transform: scale(calc( var(--sprite-css-scale-menu) * 0.97 )) !important;
}

.spriteButton.spriteCss.disabled .spriteElement,
.spriteButton.spriteCss.disabled {
    opacity: 0.4;
}

/*----------- SpriteButton - for buttons in tab panels -----------*/

.spriteButton.leftSlider {
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
}

.spriteButton.rightSlider {
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;
}


/*----------- TOOLBAR -----------*/

.tbContainer {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 102;
    margin: 0;
    padding: 0;
    border-style: none;
}

.spriteInputField {
    z-index: 101
}

.PlatformMobile .tbCombo {
    margin-top: 5px;
    font-size: 16px;
}

.pageNavBtn {
	position: absolute;
    z-index: 101; /* Behind tab controls (103) */
}

.pageNavLeft {
	left: 0;
}

.pageNavRight {
	right: 0;
}

.pageHistLeft .pageCtlButton {
    overflow: hidden;
    margin-top: -1px;
    padding: 0px 15px;
    width: 100%;
    height: 24px;
    border-radius: 0px 0px 7px 7px;
    background-color: #272727;
    color: #fff;
    white-space: nowrap;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
}

.pageHistLeft .pageCtlButton:hover {
    height: 26px;
    font-size: 22px;
}

.pageHistLeft .pageCtlButton.disabled {
    display: none;
}

.pageSelectBtn {
    position: absolute;
    width: 24px;
    height: 24px;
	cursor: pointer;
}

.pageSelectBtn:hover {
    transform: scale(1.1,1.1);
}

.pageSelectBtn .pageSelectIcon {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #ffffff;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
	line-height: 1.6;
}

.pageSelectBtn .pageSelectIcon .checked,
.pageSelectBtn .pageSelectIcon .unchecked {
    pointer-events: none;
}

.pageSelectBtn:not(.selected) .pageSelectIcon .checked {
    display: none;
}

.pageSelectBtn.selected .pageSelectIcon .unchecked {
    display: none;
}

/*----------- SVG NAV ARROWS -----------*/
.svgNav.pageNavBtn .spriteElement {
    background-image: none !important;
}
.svgNav.pageNavBtn:hover .pageCtlButton {
    transform: scale(1.2,1.2);
}
.svgHoverTall.svgNav.pageNavBtn {
    top: 0px !important;
    bottom: 0px;
}
.svgHoverTall.svgNav.pageNavBtn:hover .pageCtlButton {
    background-color: rgba(255,255,255,.3);
    transform: initial;
}
.svgHoverTall.svgNav.pageNavBtn:hover .pageCtlButton.disabled {
    background-color: transparent;
    cursor: default !important;
}
.svgNav.pageNavBtn.btnNavPrev {
    left: 40px !important;
    right: initial !important;
}
.svgNav .pageCtlButton#btnNavPrev {
    cursor: pointer;
    height: 100% !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 50%;
}
.svgNav.pageNavBtn.btnNavNext {
    right: 40px !important;
    left: initial !important;
}
.svgNav .pageCtlButton#btnNavNext {
    cursor: pointer;
    height: 100% !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 50%;
}

/*----------- PAGE DETAIL BTN IN PAGECTL -----------*/

.pageCtl .pageDetailsWrapper .spriteButton.svgButton .spriteElement {
    margin: 0;
}

.pageCtl .pageDetailsWrapper {
	position: absolute;
	top: 0;
	right: 0;
}

.PlatformDesktop.High .pageCtl .pageDetailsBtn,
.PlatformTablet       .pageCtl .pageDetailsBtn,
.PlatformTablet7      .pageCtl .pageDetailsBtn,
.PlatformMobile       .pageCtl .pageDetailsBtn {
	padding: 8px;
}

.PlatformDesktop.High .pageCtl .pageDetailsBtn .spriteElement,
.PlatformTablet       .pageCtl .pageDetailsBtn .spriteElement,
.PlatformTablet7      .pageCtl .pageDetailsBtn .spriteElement,
.PlatformMobile       .pageCtl .pageDetailsBtn .spriteElement {
	width: 38px;
	height: 38px;
}

.PlatformDesktop.Med .pageCtl .pageDetailsBtn {
	padding: 6px;
}

.PlatformDesktop.Med .pageCtl .pageDetailsBtn .spriteElement {
	width: 34px;
	height: 34px;
}

.PlatformDesktop.Low .pageCtl .pageDetailsBtn {
	padding: 4px;
}

.PlatformTablet .pageCtl .pageDetailsBtn,
.PlatformTablet7 .pageCtl .pageDetailsBtn,
.PlatformMobile .pageCtl .pageDetailsBtn {
	padding: 8px;
}

/*-------------------------------------------------------------*/


/* Toolbar global styles - applies to all Platforms            */


/*-------------------------------------------------------------*/

.tbLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.tbCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.tbRight {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.tbLogo {
    float: left;
    border-style: none;
}

.tbButton {
    position: relative;
    float: left;
    margin-top: 0;
    border-style: none;
}

.tbCombo {
    float: left;
    margin-top: 0;
}

.tbPadding {
    float: left;
    width: 1px;
    height: 1px;
}

.tbSpacer {
    float: left;
    height: 1px;
}

.tbPageInput {
    float: left;
    margin-top: 0;
    border-style: none;
}

.tbSearchInput,
.tbLibSearchInput,
.tbPostalCodeInput {
    float: left;
    border-style: none;
}

.btnCartPlusText0 {
    position: absolute;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
}

.btnCartPlusText1 {
    position: absolute;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
}

.tbPageInput .spriteInputField {
    position: absolute;
    top: 16%;
    padding: 0px;
    width: 100%;
    height: 62%;
    background-color: #fff;
    text-align: center;
}

.tbSearchInput .spriteInputField,
.tbLibSearchInput .spriteInputField,
.tbPostalCodeInput .spriteInputField {
    position: absolute;
    top: 16%;
    padding-right: 12%;
    padding-left: 16%;
    width: 100%;
    height: 62%;
    background-color: #fff;
    text-align: left;
}

.tbSearchInput .spriteInputGoBtn,
.tbLibSearchInput .spriteInputGoBtn,
.tbPostalCodeInput .spriteInputGoBtn {
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 200;
    width: 20%;
    height: 60%;
    background-image: url(../images/toolbar/searchGo@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
}

.PlatformTablet .tbSearchInput .spriteInputGoBtn,
.PlatformTablet .tbLibSearchInput .spriteInputGoBtn,
.PlatformTablet .tbPostalCodeInput .spriteInputGoBtn {
    top: 21%;
}

.PlatformTablet.tbHasText .tbSearchInput .spriteInputGoBtn,
.PlatformTablet.tbHasText .tbLibSearchInput .spriteInputGoBtn,
.PlatformTablet.tbHasText .tbPostalCodeInput .spriteInputGoBtn {
    top: 21%;
}

.tbSearchInput .spriteInputClearBtn,
.tbLibSearchInput .spriteInputClearBtn,
.tbPostalCodeInput .spriteInputClearBtn {
    position: absolute;
    top: 23%;
    right: 0;
    z-index: 200;
    width: 17%;
    height: 51%;
    background-image: url(../images/toolbar/searchX@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
}

.PlatformTablet .tbSearchInput .spriteInputClearBtn,
.PlatformTablet .tbLibSearchInput .spriteInputClearBtn,
.PlatformTablet .tbPostalCodeInput .spriteInputClearBtn {
    top: 24%;
}

.PlatformTablet.tbHasText .tbSearchInput .spriteInputClearBtn,
.PlatformTablet.tbHasText .tbLibSearchInput .spriteInputClearBtn,
.PlatformTablet.tbHasText .tbPostalCodeInput .spriteInputClearBtn {
    top: 24%;
}

.tbCombo.form-control {
    float: left;
    padding: 0px;
    width: auto;
    background-color: #fff;
}

.tbLabel {
    position: relative;
    float: left;
}

.tbTextButton,
.tbTextLink,
.tbMenuButton {
    float: left;
}

.tbDivider {
    float: left;
    width: 2px;
    height: 100%;
    background-image: url(../images/toolbar/divider@2x.png);
    background-repeat: no-repeat;
}

.ToolbarAtLeft .tbDivider {
    float: left;
    width: 100%;
    height: 1px;
    background-color: #888;
    background-image: none;
    background-repeat: repeat;
}

.ToolbarAtTop .minimal_ui_btn.tbButton {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.ToolbarAtBottom .minimal_ui_btn.tbButton {
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.ToolbarAtLeft .minimal_ui_btn.tbButton {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.PlatformMobile .minimal_ui_btn.tbButton.stdButton,
.PlatformMobile .minimal_ui_btn.tbButton.svgButton {
	z-index: 101;
}

.PlatformDesktop.High.ToolbarAtTop .ProductView .tbContainer,
.PlatformDesktop.Med.ToolbarAtTop .ProductView .tbContainer,
.PlatformDesktop.Low.ToolbarAtTop .ProductView .tbContainer,
.PlatformTablet.ToolbarAtTop .ProductView .tbContainer,
.PlatformDesktop.High.ToolbarAtTop .applicationView .tbContainer,
.PlatformDesktop.Med.ToolbarAtTop .applicationView .tbContainer,
.PlatformDesktop.Low.ToolbarAtTop .applicationView .tbContainer,
.PlatformTablet.ToolbarAtTop .applicationView .tbContainer,
.PlatformDesktop.High.ToolbarAtTop .BookshelfView .tbContainer,
.PlatformDesktop.Med.ToolbarAtTop .BookshelfView .tbContainer,
.PlatformDesktop.Low.ToolbarAtTop .BookshelfView .tbContainer,
.PlatformTablet.ToolbarAtTop .BookshelfView .tbContainer,
.PlatformDesktop.High.ToolbarAtBottom .ProductView .tbContainer,
.PlatformDesktop.Med.ToolbarAtBottom .ProductView .tbContainer,
.PlatformDesktop.Low.ToolbarAtBottom .ProductView .tbContainer,
.PlatformTablet.ToolbarAtBottom .ProductView .tbContainer,
.PlatformDesktop.High.ToolbarAtBottom .applicationView .tbContainer,
.PlatformDesktop.Med.ToolbarAtBottom .applicationView .tbContainer,
.PlatformDesktop.Low.ToolbarAtBottom .applicationView .tbContainer,
.PlatformTablet.ToolbarAtBottom .applicationView .tbContainer,
.PlatformDesktop.High.ToolbarAtBottom .BookshelfView .tbContainer,
.PlatformDesktop.Med.ToolbarAtBottom .BookshelfView .tbContainer,
.PlatformDesktop.Low.ToolbarAtBottom .BookshelfView .tbContainer,
.PlatformTablet.ToolbarAtBottom .BookshelfView .tbContainer,
{
    -webkit-transition: height .1s ease-in-out;
    transition: height .1s ease-in-out;
}

.PlatformTablet7.ToolbarAtTop .ProductView .tbContainer,
.PlatformMobile.ToolbarAtTop .ProductView .tbContainer,
.PlatformTablet7.ToolbarAtTop .applicationView .tbContainer,
.PlatformMobile.ToolbarAtTop .applicationView .tbContainer,
.PlatformTablet7.ToolbarAtTop .BookshelfView .tbContainer,
.PlatformMobile.ToolbarAtTop .BookshelfView .tbContainer,
.PlatformTablet7.ToolbarAtBottom .ProductView .tbContainer,
.PlatformMobile.ToolbarAtBottom .ProductView .tbContainer,
.PlatformTablet7.ToolbarAtBottom .applicationView .tbContainer,
.PlatformMobile.ToolbarAtBottom .applicationView .tbContainer,
.PlatformTablet7.ToolbarAtBottom .BookshelfView .tbContainer,
.PlatformMobile.ToolbarAtBottom .BookshelfView .tbContainer {
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
}

.ToolbarAtTop .tbContainer {
    top: 0px;
	overflow: hidden;
}

.ToolbarAtBottom .tbContainer {
    bottom: 0px;
	overflow: hidden;
}

.ToolbarAtTop .tbContainer breadcrumbCtl,
.ToolbarAtBottom .tbContainer breadcrumbCtl {
    float: left;
}

/*----------- Desktop High Resolution Monitor Toolbar -----------*/

.PlatformDesktop.High.ToolbarAtTop .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformDesktop.High.ToolbarAtTop .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.High.ToolbarAtBottom .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformDesktop.High.ToolbarAtBottom .minimalHideToolbar .tbContainer {
    display: none;
}

.PlatformDesktop.High.ToolbarAtTop.tbHasText .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformDesktop.High.ToolbarAtTop.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.High.ToolbarAtBottom.tbHasText .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformDesktop.High.ToolbarAtBottom.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.High.ToolbarAtTop .toolbarOffset {
    top: 50px;
}

.PlatformDesktop.High.ToolbarAtTop .bookshelfView_header {
    height: 50px;
}

.PlatformDesktop.High.ToolbarAtTop .bookshelfView_body {
    top: 50px;
}

.PlatformDesktop.High.ToolbarAtTop .tbContainer {
    height: 50px;
}

.PlatformDesktop.High.ToolbarAtTop.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformDesktop.High.ToolbarAtTop.tbHasText .bookshelfView_body {
    top: 60px;
}

.PlatformDesktop.High.ToolbarAtTop.tbHasText .toolbarOffset {
    top: 60px;
}

.PlatformDesktop.High.ToolbarAtTop.tbHasText .tbContainer {
    height: 60px;
}

.PlatformDesktop.High.ToolbarAtBottom .toolbarOffset {
    bottom: 50px;
}

.PlatformDesktop.High.ToolbarAtBottom .bookshelfView_header {
    height: 50px;
}

.PlatformDesktop.High.ToolbarAtBottom .bookshelfView_body {
    bottom: 50px;
}

.PlatformDesktop.High.ToolbarAtBottom .tbContainer {
    height: 50px;
}

.PlatformDesktop.High.ToolbarAtBottom.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformDesktop.High.ToolbarAtBottom.tbHasText .bookshelfView_body {
    bottom: 60px;
}

.PlatformDesktop.High.ToolbarAtBottom.tbHasText .toolbarOffset {
    bottom: 60px;
}

.PlatformDesktop.High.ToolbarAtBottom.tbHasText .tbContainer {
    height: 60px;
}

.PlatformDesktop.High .tbContainer .tbLogo,
.PlatformDesktop.High .tbContainer .tbLogo img {
    width: auto;
    height: 50px;
}

.PlatformDesktop.High .tbButton.stdButton {
    z-index: 1;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.PlatformDesktop.High .tbButton.stdButton .spriteElement {}

.PlatformDesktop.High .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.tbButton.fitwidth.svgButton.selected {
   background-color: gray;
}

.PlatformDesktop.High .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 8px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformDesktop.High.tbHasText .tbContainer .tbLogo,
.PlatformDesktop.High.tbHasText .tbContainer .tbLogo img {
    width: auto;
    height: 60px;
}

.PlatformDesktop.High.tbHasText .tbButton.stdButton {
    z-index: 1;
    margin: 0px 8px;
    width: 50px;
    height: 50px;
}

.PlatformDesktop.High.tbHasText .tbButton.stdButton .spriteElement {}

.PlatformDesktop.High.tbHasText .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 66px;
    height: 50px;
}

.PlatformDesktop.High.tbHasText .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 16px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformDesktop.High .tbContainer .breadcrumb {
    margin: 8px 0px;
    height: 34px;
    font-size: 13px;
}

.PlatformDesktop.High .btnWishlistText0,
.PlatformDesktop.High .btnWishlistText {
    position: absolute;
    z-index: 9999;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    cursor: pointer;
}

.PlatformDesktop.High .btnBookmarks.stdButton .btnWishlistText0,
.PlatformDesktop.High .btnBookmarks.stdButton .btnWishlistText {
    top: 20px;
    left: -1px;
}

.PlatformDesktop.High .btnBookmarks.svgButton .btnWishlistText0,
.PlatformDesktop.High .btnBookmarks.svgButton .btnWishlistText {
    top: 25px;
    left: 0px;
}

.PlatformDesktop.High .btnCart.stdButton .btnWishlistText0,
.PlatformDesktop.High .btnCart.stdButton .btnWishlistText {
    top: 14px;
    left: 2px;
}

.PlatformDesktop.High .btnCart.svgButton .btnWishlistText0,
.PlatformDesktop.High .btnCart.svgButton .btnWishlistText {
    top: 15px;
    left: -2px;
}

.PlatformDesktop.High .btnCartPlusText0 {
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 44px;
    font-size: 9px;
}

.PlatformDesktop.High .btnCartPlusText1 {
    padding-top: 28px;
    padding-right: 10px;
    padding-left: 44px;
    font-size: 12px;
}

.PlatformDesktop .btnCartPlus .btnCartPlusText0,
.PlatformDesktop .btnCartPlus .btnCartPlusText1 {
    white-space: nowrap;
}

.PlatformDesktop.High .btnWishlist.stdButton .btnWishlistText0,
.PlatformDesktop.High .btnWishlist.stdButton .btnWishlistText {
    top: 22px;
    left: 0px;
}

.PlatformDesktop.High .btnWishlist.svgButton .btnWishlistText0,
.PlatformDesktop.High .btnWishlist.svgButton .btnWishlistText {
    top: 24px;
    left: 0px;
}

.PlatformDesktop.High .tbButton .btnDefaultText {
    display: none;
}

.PlatformDesktop.High.tbHasText .tbButton .btnDefaultText {
    display: block;
}

.PlatformDesktop.High.tbHasText .tbButton .btnDefaultText {
    position: absolute;
    height: auto;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    cursor: pointer;
}

.PlatformDesktop.High.tbHasText .tbButton.svgButton .btnDefaultText {
    right: 1px;
    bottom: -7px;
    left: 1px;
}

.PlatformDesktop.High.tbHasText .tbButton.stdButton .btnDefaultText {
    right: -7px;
    bottom: -7px;
    left: -7px;
}


/* This next style allows std custom buttons text to align better with svg toolbar text */

.PlatformDesktop.High.tbHasText.tbIsSvg .tbButtonCustom.stdButton .btnDefaultText {
    bottom: -7px;
}

.PlatformDesktop.High .tbPageInputSizes {
    width: 50px;
    height: 50px;
}

.PlatformDesktop.High.LargePageInput .tbPageInputSizes {
    width: 86px;
}

.PlatformDesktop.High .tbPageInput .spriteInputField {
    font-size: 16px;
}

.PlatformDesktop.High .tbSearchInputSizes,
.PlatformDesktop.High .tbLibSearchInputSizes,
.PlatformDesktop.High .tbPostalCodeInputSizes {
    width: 150px;
    height: 50px;
}

.PlatformDesktop.High .tbSearchInput .spriteInputField,
.PlatformDesktop.High .tbLibSearchInput .spriteInputField,
.PlatformDesktop.High .tbPostalCodeInput .spriteInputField {
    font-size: 16px;
}

.PlatformDesktop.High .tbCombo {
    margin-top: 8px;
    height: 31px;
    font-size: 16px;
}

.PlatformDesktop.High .tbComboLabel {
    margin-top: 13px;
    margin-right: 2px;
}

.PlatformDesktop.High .tbLabel {
    line-height: 50px;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 16px;
}

.PlatformDesktop.High .tbTextButton,
.PlatformDesktop.High .tbTextLink,
.PlatformDesktop.High .tbMenuButton {
    margin-top: 8px;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 8px;
    padding: 6px 12px;
    font-size: 14px;
}

.PlatformDesktop.High.tbHasText .tbTextButton {
    margin-top: 13px;
    margin-bottom: 13px;
}

.PlatformDesktop.High .tbTextLink img.large {
	float: left;
	width: 28px;
	height: 28px;
	margin-top: -4px;
	margin-right: 5px;
	background-image: none;
	background-size: cover;
}
.PlatformDesktop.High .tbTextLink img.med {
	float: left;
	width: 24px;
	height: 24px;
	margin-top: -2px;
	margin-right: 4px;
	background-image: none;
	background-size: cover;
}
.PlatformDesktop.High .tbTextLink img.small {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 0px;
	margin-right: 3px;
	background-image: none;
	background-size: cover;
}

.PlatformDesktop.High .tbTextLink img.large.right {
	float: right;
	margin-left: 5px;
}
.PlatformDesktop.High .tbTextLink img.med.right {
	float: right;
	margin-left: 4px;
}
.PlatformDesktop.High .tbTextLink img.small.right {
	float: right;
	margin-left: 3px;
}

.PlatformDesktop.High.ToolbarAtLeft .ThumbView.thumbPanel {
    left: 50px;
}

.PlatformDesktop.High.ToolbarAtBottom .ThumbView.thumbPanel {
    bottom: 50px;
}

.PlatformDesktop.High.ToolbarAtBottom.tbHasText .ThumbView.thumbPanel {
    bottom: 60px;
}


/*----------- Desktop Medium Resolution Monitor Toolbar -----------*/

.PlatformDesktop.Med.ToolbarAtTop .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformDesktop.Med.ToolbarAtTop .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.Med.ToolbarAtBottom .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformDesktop.Med.ToolbarAtBottom .minimalHideToolbar .tbContainer {
    display: none;
}

.PlatformDesktop.Med.ToolbarAtTop.tbHasText .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformDesktop.Med.ToolbarAtTop.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.Med.ToolbarAtBottom.tbHasText .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformDesktop.Med.ToolbarAtBottom.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.Med.ToolbarAtTop .toolbarOffset {
    top: 40px;
}

.PlatformDesktop.Med.ToolbarAtTop .bookshelfView_header {
    height: 40px;
}

.PlatformDesktop.Med.ToolbarAtTop .bookshelfView_body {
    top: 40px;
}

.PlatformDesktop.Med.ToolbarAtTop .tbContainer {
    height: 40px;
}

.PlatformDesktop.Med.ToolbarAtTop.tbHasText .bookshelfView_header {
    height: 48px;
}

.PlatformDesktop.Med.ToolbarAtTop.tbHasText .bookshelfView_body {
    top: 48px;
}

.PlatformDesktop.Med.ToolbarAtTop.tbHasText .toolbarOffset {
    top: 48px;
}

.PlatformDesktop.Med.ToolbarAtTop.tbHasText .tbContainer {
    height: 48px;
}

.PlatformDesktop.Med.ToolbarAtBottom .toolbarOffset {
    bottom: 40px;
}

.PlatformDesktop.Med.ToolbarAtBottom .bookshelfView_header {
    height: 40px;
}

.PlatformDesktop.Med.ToolbarAtBottom .bookshelfView_body {
    bottom: 40px;
}

.PlatformDesktop.Med.ToolbarAtBottom .tbContainer {
    height: 40px;
}

.PlatformDesktop.Med.ToolbarAtBottom.tbHasText .bookshelfView_header {
    height: 48px;
}

.PlatformDesktop.Med.ToolbarAtBottom.tbHasText .bookshelfView_body {
    bottom: 48px;
}

.PlatformDesktop.Med.ToolbarAtBottom.tbHasText .toolbarOffset {
    bottom: 48px;
}

.PlatformDesktop.Med.ToolbarAtBottom.tbHasText .tbContainer {
    height: 48px;
}

.PlatformDesktop.Med .tbContainer .tbLogo,
.PlatformDesktop.Med .tbContainer .tbLogo img {
    width: auto;
    height: 40px;
}

.PlatformDesktop.Med .tbButton.stdButton {
    z-index: 1;
    margin: 0px 0px;
    width: 40px;
    height: 40px;
}

.PlatformDesktop.Med .tbButton.stdButton .spriteElement {}

.PlatformDesktop.Med .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 40px;
    height: 40px;
}

.PlatformDesktop.Med .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 6px 6px;
    padding: 0px;
    width: 28px;
    height: 28px;
}

.PlatformDesktop.Med.tbHasText .tbContainer .tbLogo,
.PlatformDesktop.Med.tbHasText .tbContainer .tbLogo img {
    width: auto;
    height: 48px;
}

.PlatformDesktop.Med.tbHasText .tbButton.stdButton {
    z-index: 1;
    margin: 0px 7px;
    width: 40px;
    height: 40px;
}

.PlatformDesktop.Med.tbHasText .tbButton.stdButton .spriteElement {}

.PlatformDesktop.Med.tbHasText .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 54px;
    height: 40px;
}

.PlatformDesktop.Med.tbHasText .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 6px 13px;
    padding: 0px;
    width: 28px;
    height: 28px;
}

.PlatformDesktop.Med .tbContainer .breadcrumb {
    margin: 6px 0px;
    height: 28px;
    font-size: 10px;
}

.PlatformDesktop.Med .btnWishlistText0,
.PlatformDesktop.Med .btnWishlistText {
    position: absolute;
    z-index: 9999;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 9px;
    cursor: pointer;
}

.PlatformDesktop.Med .btnBookmarks.stdButton .btnWishlistText0,
.PlatformDesktop.Med .btnBookmarks.stdButton .btnWishlistText {
    top: 17px;
    left: -1px;
}

.PlatformDesktop.Med .btnBookmarks.svgButton .btnWishlistText0,
.PlatformDesktop.Med .btnBookmarks.svgButton .btnWishlistText {
    top: 21px;
    left: 0px;
}

.PlatformDesktop.Med .btnCart.stdButton .btnWishlistText0,
.PlatformDesktop.Med .btnCart.stdButton .btnWishlistText {
    top: 12px;
    left: 1px;
}

.PlatformDesktop.Med .btnCart.svgButton .btnWishlistText0,
.PlatformDesktop.Med .btnCart.svgButton .btnWishlistText {
    top: 13px;
    left: -2px;
}

.PlatformDesktop.Med .btnWishlist.stdButton .btnWishlistText0,
.PlatformDesktop.Med .btnWishlist.stdButton .btnWishlistText {
    top: 18px;
    left: 0px;
}

.PlatformDesktop.Med .btnWishlist.svgButton .btnWishlistText0,
.PlatformDesktop.Med .btnWishlist.svgButton .btnWishlistText {
    top: 20px;
    left: 0px;
}

.PlatformDesktop.Med .tbButton .btnDefaultText {
    display: none;
}

.PlatformDesktop.Med.tbHasText .tbButton .btnDefaultText {
    display: block;
}

.PlatformDesktop.Med.tbHasText .tbButton .btnDefaultText {
    position: absolute;
    height: auto;
    text-align: center;
    font-size: 7px;
    line-height: 7px;
    cursor: pointer;
}

.PlatformDesktop.Med.tbHasText .tbButton.svgButton .btnDefaultText {
    right: 1px;
    bottom: -5px;
    left: 1px;
}

.PlatformDesktop.Med.tbHasText .tbButton.stdButton .btnDefaultText {
    right: -5px;
    bottom: -5px;
    left: -5px;
}


/* This next style allows std custom buttons text to align better with svg toolbar text */

.PlatformDesktop.Med.tbHasText.tbIsSvg .tbButtonCustom.stdButton .btnDefaultText {
    bottom: -5px;
}

.PlatformDesktop.Med .tbPageInputSizes {
    width: 40px;
    height: 40px;
}

.PlatformDesktop.Med.LargePageInput .tbPageInputSizes {
    width: 70px;
}

.PlatformDesktop.Med .tbPageInput .spriteInputField {
    font-size: 13px;
}

.PlatformDesktop.Med .tbSearchInputSizes,
.PlatformDesktop.Med .tbLibSearchInputSizes,
.PlatformDesktop.Med .tbPostalCodeInputSizes {
    width: 120px;
    height: 40px;
}

.PlatformDesktop.Med .tbPostalCodeInput .spriteInputField,
.PlatformDesktop.Med .tbLibPostalCodeInput .spriteInputField,
.PlatformDesktop.Med .tbPostalCodeInput .spriteInputField {
    font-size: 13px;
}

.PlatformDesktop.Med .tbCombo {
    margin-top: 6px;
    height: 25px;
    font-size: 13px;
}

.PlatformDesktop.Med .tbComboLabel {
    margin-top: 10px;
    margin-right: 2px;
}

.PlatformDesktop.Med .tbLabel {
    line-height: 40px;
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 4px;
    font-size: 13px;
}

.PlatformDesktop.Med .tbTextButton,
.PlatformDesktop.Med .tbTextLink,
.PlatformDesktop.Med .tbMenuButton {
    margin-top: 6px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px 10px;
    font-size: 11px;
}

.PlatformDesktop.Med.tbHasText .tbTextButton {
    margin-top: 10px;
}

.PlatformDesktop.Med .tbTextLink img.large {
	float: left;
	width: 23px;
	height: 23px;
	margin-top: -3px;
	margin-right: 4px;
	background-image: none;
	background-size: cover;
}
.PlatformDesktop.Med .tbTextLink img.med {
	float: left;
	width: 21px;
	height: 21px;
	margin-top: -2px;
	margin-right: 3px;
	background-image: none;
	background-size: cover;
}
.PlatformDesktop.Med .tbTextLink img.small {
	float: left;
	width: 19px;
	height: 19px;
	margin-top: -1px;
	margin-right: 3px;
	background-image: none;
	background-size: cover;
}

.PlatformDesktop.Med .tbTextLink img.large.right {
	float: right;
	margin-left: 4px;
}
.PlatformDesktop.Med .tbTextLink img.med.right {
	float: right;
	margin-left: 3px;
}
.PlatformDesktop.Med .tbTextLink img.small.right {
	float: right;
	margin-left: 3px;
}

.PlatformDesktop.Med.ToolbarAtLeft .ThumbView.thumbPanel {
    left: 40px;
}

.PlatformDesktop.Med.ToolbarAtBottom .ThumbView.thumbPanel {
    bottom: 40px;
}

.PlatformDesktop.Med.ToolbarAtBottom.tbHasText .ThumbView.thumbPanel {
    bottom: 48px;
}


/*----------- Desktop Low Resolution Monitor Toolbar -----------*/

.PlatformDesktop.Low.ToolbarAtTop .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformDesktop.Low.ToolbarAtTop .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.Low.ToolbarAtBottom .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformDesktop.Low.ToolbarAtBottom .minimalHideToolbar .tbContainer {
   display: none;
}

.PlatformDesktop.Low.ToolbarAtTop.tbHasText .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformDesktop.Low.ToolbarAtTop.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.Low.ToolbarAtBottom.tbHasText .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformDesktop.Low.ToolbarAtBottom.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformDesktop.Low.ToolbarAtTop .toolbarOffset {
    top: 30px;
}

.PlatformDesktop.Low.ToolbarAtTop .bookshelfView_header {
    height: 30px;
}

.PlatformDesktop.Low.ToolbarAtTop .bookshelfView_body {
    top: 30px;
}

.PlatformDesktop.Low.ToolbarAtTop .tbContainer {
    height: 30px;
}

.PlatformDesktop.Low.ToolbarAtTop.tbHasText .bookshelfView_header {
    height: 36px;
}

.PlatformDesktop.Low.ToolbarAtTop.tbHasText .bookshelfView_body {
    top: 36px;
}

.PlatformDesktop.Low.ToolbarAtTop.tbHasText .toolbarOffset {
    top: 36px;
}

.PlatformDesktop.Low.ToolbarAtTop.tbHasText .tbContainer {
    height: 36px;
}

.PlatformDesktop.Low.ToolbarAtBottom .toolbarOffset {
    bottom: 30px;
}

.PlatformDesktop.Low.ToolbarAtBottom .bookshelfView_header {
    height: 30px;
}

.PlatformDesktop.Low.ToolbarAtBottom .bookshelfView_body {
    bottom: 30px;
}

.PlatformDesktop.Low.ToolbarAtBottom .tbContainer {
    height: 30px;
}

.PlatformDesktop.Low.ToolbarAtBottom.tbHasText .bookshelfView_header {
    height: 36px;
}

.PlatformDesktop.Low.ToolbarAtBottom.tbHasText .bookshelfView_body {
    bottom: 36px;
}

.PlatformDesktop.Low.ToolbarAtBottom.tbHasText .toolbarOffset {
    bottom: 36px;
}

.PlatformDesktop.Low.ToolbarAtBottom.tbHasText .tbContainer {
    height: 36px;
}

.PlatformDesktop.Low .tbContainer .tbLogo,
.PlatformDesktop.Low .tbContainer .tbLogo img {
    width: auto;
    height: 30px;
}

.PlatformDesktop.Low .tbButton.stdButton {
    z-index: 1;
    margin: 0px 0px;
    width: 30px;
    height: 30px;
}

.PlatformDesktop.Low .tbButton.stdButton .spriteElement {}

.PlatformDesktop.Low .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 30px;
    height: 30px;
}

.PlatformDesktop.Low .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 4px 4px;
    padding: 0px;
    width: 22px;
    height: 22px;
}

.PlatformDesktop.Low.tbHasText .tbContainer .tbLogo,
.PlatformDesktop.Low.tbHasText .tbContainer .tbLogo img {
    width: auto;
    height: 36px;
}

.PlatformDesktop.Low.tbHasText .tbButton.stdButton {
    z-index: 1;
    margin: 0px 6px;
    width: 30px;
    height: 30px;
}

.PlatformDesktop.Low.tbHasText .tbButton.stdButton .spriteElement {}

.PlatformDesktop.Low.tbHasText .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 40px;
    height: 30px;
}

.PlatformDesktop.Low.tbHasText .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 4px 9px;
    padding: 0px;
    width: 22px;
    height: 22px;
}

.PlatformDesktop.Low .tbContainer .breadcrumb {
    margin: 4px 0px;
    height: 22px;
    font-size: 8px;
}

.PlatformDesktop.Low .btnWishlistText0,
.PlatformDesktop.Low .btnWishlistText {
    position: absolute;
    z-index: 9999;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 7px;
    cursor: pointer;
}

.PlatformDesktop.Low .btnBookmarks.stdButton .btnWishlistText0,
.PlatformDesktop.Low .btnBookmarks.stdButton .btnWishlistText {
    top: 13px;
    left: -1px;
}

.PlatformDesktop.Low .btnBookmarks.svgButton .btnWishlistText0,
.PlatformDesktop.Low .btnBookmarks.svgButton .btnWishlistText {
    top: 16px;
    left: 0px;
}

.PlatformDesktop.Low .btnCart.stdButton .btnWishlistText0,
.PlatformDesktop.Low .btnCart.stdButton .btnWishlistText {
    top: 9px;
    left: 1px;
}

.PlatformDesktop.Low .btnCart.svgButton .btnWishlistText0,
.PlatformDesktop.Low .btnCart.svgButton .btnWishlistText {
    top: 9px;
    left: -1px;
}

.PlatformDesktop.Low .btnCartPlusText0 {
    padding-top: 9px;
    padding-right: 6px;
    padding-left: 28px;
    font-size: 7px;
}

.PlatformDesktop.Low .btnCartPlusText1 {
    padding-top: 18px;
    padding-right: 6px;
    padding-left: 28px;
    font-size: 8px;
}

.PlatformDesktop.Low .btnWishlist.stdButton .btnWishlistText0,
.PlatformDesktop.Low .btnWishlist.stdButton .btnWishlistText {
    top: 13px;
    left: 0px;
}

.PlatformDesktop.Low .btnWishlist.svgButton .btnWishlistText0,
.PlatformDesktop.Low .btnWishlist.svgButton .btnWishlistText {
    top: 14px;
    left: 0px;
}

.PlatformDesktop.Low .tbButton .btnDefaultText {
    display: none;
}

.PlatformDesktop.Low.tbHasText .tbButton .btnDefaultText {
    display: block;
}

.PlatformDesktop.Low.tbHasText .tbButton .btnDefaultText {
    position: absolute;
    height: auto;
    text-align: center;
    font-size: 5px;
    line-height: 5px;
    cursor: pointer;
}

.PlatformDesktop.Low.tbHasText .tbButton.svgButton .btnDefaultText {
    right: 1px;
    bottom: -4px;
    left: 1px;
}

.PlatformDesktop.Low.tbHasText .tbButton.stdButton .btnDefaultText {
    right: -4px;
    bottom: -4px;
    left: -4px;
}


/* This next style allows std custom buttons text to align better with svg toolbar text */

.PlatformDesktop.Low.tbHasText.tbIsSvg .tbButtonCustom.stdButton .btnDefaultText {
    bottom: -4px;
}

.PlatformDesktop.Low .tbPageInputSizes {
    width: 34px;
    height: 30px;
}

.PlatformDesktop.Low.LargePageInput .tbPageInputSizes {
    width: 54px;
}

.PlatformDesktop.Low .tbPageInput .spriteInputField {
    font-size: 10px;
}

.PlatformDesktop.Low .tbSearchInputSizes,
.PlatformDesktop.Low .tbLibSearchInputSizes,
.PlatformDesktop.Low .tbPostalCodeInputSizes {
    width: 90px;
    height: 30px;
}

.PlatformDesktop.Low .tbSearchInput .spriteInputField,
.PlatformDesktop.Low .tbLibSearchInput .spriteInputField,
.PlatformDesktop.Low .tbPostalCodeInput .spriteInputField {
    font-size: 10px;
}

.PlatformDesktop.Low .tbCombo {
    margin-top: 5px;
    height: 19px;
    font-size: 10px;
}

.PlatformDesktop.Low .tbComboLabel {
    margin-top: 8px;
    margin-right: 1px;
}

.PlatformDesktop.Low .tbLabel {
    line-height: 30px;
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 3px;
    font-size: 10px;
}

.PlatformDesktop.Low .tbTextButton,
.PlatformDesktop.Low .tbTextLink,
.PlatformDesktop.Low .tbMenuButton {
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    padding: 4px 5px;
    font-size: 10px;
}

.PlatformDesktop.Low.tbHasText .tbTextButton {
    margin-top: 6px;
}

.PlatformDesktop.Low .tbTextLink img {
	width: 18px;
	height: 18px;
	margin-top: -1px;
}

.PlatformDesktop.Low .tbTextLink img.large {
	float: left;
	width: 18px;
	height: 18px;
	margin-top: -2px;
	margin-right: 3px;
	background-image: none;
	background-size: cover;
}
.PlatformDesktop.Low .tbTextLink img.med {
	float: left;
	width: 16px;
	height: 16px;
	margin-top: -1px;
	margin-right: 2px;
	background-image: none;
	background-size: cover;
}
.PlatformDesktop.Low .tbTextLink img.small {
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 0px;
	margin-right: 2px;
	background-image: none;
	background-size: cover;
}

.PlatformDesktop.Low .tbTextLink img.large.right {
	float: right;
	margin-left: 3px;
}
.PlatformDesktop.Low .tbTextLink img.med.right {
	float: right;
	margin-left: 2px;
}
.PlatformDesktop.Low .tbTextLink img.small.right {
	float: right;
	margin-left: 2px;
}

.PlatformDesktop.Low.ToolbarAtLeft .ThumbView.thumbPanel {
    left: 30px;
}

.PlatformDesktop.Low.ToolbarAtBottom .ThumbView.thumbPanel {
    bottom: 30px;
}

.PlatformDesktop.Low.ToolbarAtBottom.tbHasText .ThumbView.thumbPanel {
    bottom: 36px;
}


/*----------- Tablet Toolbar -----------*/

.PlatformTablet.ToolbarAtTop .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformTablet.ToolbarAtTop .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformTablet.ToolbarAtBottom .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformTablet.ToolbarAtBottom .minimalHideToolbar .tbContainer {
    display: none;
}

.PlatformTablet.ToolbarAtTop.tbHasText .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformTablet.ToolbarAtTop.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformTablet.ToolbarAtBottom.tbHasText .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformTablet.ToolbarAtBottom.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformTablet.ToolbarAtTop .toolbarOffset {
    top: 50px;
}

.PlatformTablet.ToolbarAtTop .bookshelfView_header {
    height: 50px;
}

.PlatformTablet.ToolbarAtTop .bookshelfView_body {
    top: 50px;
}

.PlatformTablet.ToolbarAtTop .tbContainer {
    height: 50px;
}

.PlatformTablet.ToolbarAtTop.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformTablet.ToolbarAtTop.tbHasText .bookshelfView_body {
    top: 60px;
}

.PlatformTablet.ToolbarAtTop.tbHasText .toolbarOffset {
    top: 60px;
}

.PlatformTablet.ToolbarAtTop.tbHasText .tbContainer {
    height: 60px;
}

.PlatformTablet.ToolbarAtBottom .toolbarOffset {
    bottom: 50px;
}

.PlatformTablet.ToolbarAtBottom .bookshelfView_header {
    height: 50px;
}

.PlatformTablet.ToolbarAtBottom .bookshelfView_body {
    bottom: 50px;
}

.PlatformTablet.ToolbarAtBottom .tbContainer {
    height: 50px;
}

.PlatformTablet.ToolbarAtBottom.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformTablet.ToolbarAtBottom.tbHasText .bookshelfView_body {
    bottom: 60px;
}

.PlatformTablet.ToolbarAtBottom.tbHasText .toolbarOffset {
    bottom: 60px;
}

.PlatformTablet.ToolbarAtBottom.tbHasText .tbContainer {
    height: 60px;
}

.PlatformTablet .tbContainer .tbLogo,
.PlatformTablet .tbContainer .tbLogo img {
    width: auto;
    height: 50px;
}

.PlatformTablet .tbButton.spriteButton,
.PlatformTablet .tbButton .spriteElement,
.PlatformTablet .tbButton .btnDefaultText,
.PlatformTablet .tbPageInput
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.PlatformTablet .tbPageInput .spriteInputField
{
	-webkit-touch-callout: none;
}

.PlatformTablet .tbButton.stdButton {
    z-index: 1;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.PlatformTablet .tbButton.stdButton .spriteElement {}

.PlatformTablet .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.PlatformTablet .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 8px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformTablet.tbHasText .tbContainer .tbLogo,
.PlatformTablet.tbHasText .tbContainer .tbLogo img {
    width: auto;
    height: 60px;
}

.PlatformTablet.tbHasText .tbButton.stdButton {
    z-index: 1;
    margin: 0px 8px;
    width: 50px;
    height: 50px;
}

.PlatformTablet.tbHasText .tbButton.stdButton .spriteElement {}

.PlatformTablet.tbHasText .tbButton.svgButton {
    z-index: 1001;
    margin: 0px 0px;
    width: 66px;
    height: 50px;
}

.PlatformTablet.tbHasText .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 16px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformTablet .tbContainer .breadcrumb {
    margin: 8px 0px;
    height: 34px;
    font-size: 13px;
}

.PlatformTablet .btnWishlistText0,
.PlatformTablet .btnWishlistText {
    position: absolute;
    z-index: 9999;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    cursor: pointer;
}

.PlatformTablet .btnBookmarks.stdButton .btnWishlistText0,
.PlatformTablet .btnBookmarks.stdButton .btnWishlistText {
    top: 21px;
    left: -1px;
}

.PlatformTablet .btnBookmarks.svgButton .btnWishlistText0,
.PlatformTablet .btnBookmarks.svgButton .btnWishlistText {
    top: 25px;
    left: 0px;
}

.PlatformTablet .btnCart.stdButton .btnWishlistText0,
.PlatformTablet .btnCart.stdButton .btnWishlistText {
    top: 14px;
    left: 2px;
}

.PlatformTablet .btnCart.svgButton .btnWishlistText0,
.PlatformTablet .btnCart.svgButton .btnWishlistText {
    top: 15px;
    left: -2px;
}

.PlatformTablet .btnCartPlusText0 {
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 58px;
    font-size: 8px;
}

.PlatformTablet .btnCartPlusText1 {
    padding-top: 24px;
    padding-right: 10px;
    padding-left: 58px;
    font-size: 12px;
}

.PlatformTablet .btnWishlist.stdButton .btnWishlistText0,
.PlatformTablet .btnWishlist.stdButton .btnWishlistText {
    top: 22px;
    left: 0px;
}

.PlatformTablet .btnWishlist.svgButton .btnWishlistText0,
.PlatformTablet .btnWishlist.svgButton .btnWishlistText {
    top: 24px;
    left: 0px;
}

.PlatformTablet .tbButton .btnDefaultText {
    display: none;
}

.PlatformTablet.tbHasText .tbButton .btnDefaultText,
.PlatformTablet .tbCenterWrapper .tbButton .btnDefaultText,
.PlatformTablet7 .tbCenterWrapper .tbButton .btnDefaultText {
    display: block;
}

.PlatformTablet.tbHasText .tbButton .btnDefaultText {
    position: absolute;
    right: 1px;
    left: 1px;
    height: auto;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    cursor: pointer;
}

.PlatformTablet.tbHasText .tbButton.svgButton .btnDefaultText {
    right: 1px;
    bottom: -7px;
    left: 1px;
}

.PlatformTablet.tbHasText .tbButton.stdButton .btnDefaultText {
    right: -7px;
    bottom: -7px;
    left: -7px;
}


/* This next style allows std custom buttons text to align better with svg toolbar text */

.PlatformTablet.tbHasText.tbIsSvg .tbButtonCustom.stdButton .btnDefaultText {
    bottom: -7px;
}

.PlatformTablet .tbPageInputSizes {
    width: 50px;
    height: 50px;
}

.PlatformTablet.LargePageInput .tbPageInputSizes {
    width: 86px;
}

.PlatformTablet .tbPageInput .spriteInputField {
    font-size: 16px;
}

.PlatformTablet .tbSearchInputSizes,
.PlatformTablet .tbLibSearchInputSizes,
.PlatformTablet .tbPostalCodeInputSizes {
    width: 150px;
    height: 50px;
}

.PlatformTablet .tbSearchInput .spriteInputField,
.PlatformTablet .tbLibSearchInput .spriteInputField,
.PlatformTablet .tbPostalCodeInput .spriteInputField {
    font-size: 16px;
}

.PlatformTablet .tbCombo {
    margin-top: 8px;
    height: 31px;
    font-size: 16px;
}

.PlatformTablet .tbComboLabel {
    margin-top: 13px;
    margin-right: 2px;
}

.PlatformTablet .tbLabel {
    line-height: 50px;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 16px;
}

.PlatformTablet .tbTextButton,
.PlatformTablet .tbTextLink,
.PlatformTablet .tbMenuButton {
    margin-top: 8px;
    margin-right: 6px;
    margin-left: 6px;
    padding: 6px 12px;
    font-size: 14px;
}

.PlatformTablet.tbHasText .tbTextButton {
    margin-top: 13px;
    margin-bottom: 13px;
}

.PlatformTablet .tbTextLink img {
	width: 28px;
	height: 28px;
	margin-top: -4px;
}

.PlatformTablet .tbTextLink img.large {
	float: left;
	width: 28px;
	height: 28px;
	margin-top: -4px;
	margin-right: 5px;
	background-image: none;
	background-size: cover;
}
.PlatformTablet .tbTextLink img.med {
	float: left;
	width: 24px;
	height: 24px;
	margin-top: -2px;
	margin-right: 4px;
	background-image: none;
	background-size: cover;
}
.PlatformTablet .tbTextLink img.small {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 0px;
	margin-right: 3px;
	background-image: none;
	background-size: cover;
}

.PlatformTablet .tbTextLink img.large.right {
	float: right;
	margin-left: 5px;
}
.PlatformTablet .tbTextLink img.med.right {
	float: right;
	margin-left: 4px;
}
.PlatformTablet .tbTextLink img.small.right {
	float: right;
	margin-left: 3px;
}

.PlatformTablet.ToolbarAtLeft .ThumbView.thumbPanel {
    left: 50px;
}

.PlatformTablet.ToolbarAtBottom .ThumbView.thumbPanel {
    bottom: 50px;
}

.PlatformTablet.ToolbarAtBottom.tbHasText .ThumbView.thumbPanel {
    bottom: 60px;
}


/*----------- Mobile Toolbar -----------*/

.PlatformMobile.ToolbarAtTop.MinimalUI:not(.minimalHideToolbar) .toolbarOffset {
    top: 50px;
}

.PlatformMobile.ToolbarAtTop.MinimalUI:not(.minimalHideToolbar).PlatformLandscape .applicationView .toolbarOffset {
    top: 0px;
}

.PlatformMobile.ToolbarAtTop.MinimalUI .minimalHideToolbar .toolbarOffset {
    top: 0px;
}

.PlatformMobile.ToolbarAtTop.MinimalUI .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformMobile.ToolbarAtBottom.MinimalUI:not(.minimalHideToolbar) .toolbarOffset {
    bottom: 50px;
}

.PlatformMobile.ToolbarAtBottom.MinimalUI:not(.minimalHideToolbar).PlatformLandscape .applicationView .toolbarOffset {
    bottom: 0px;
}

.PlatformMobile.ToolbarAtBottom.MinimalUI .minimalHideToolbar .toolbarOffset {
    bottom: 0px;
}

.PlatformMobile.ToolbarAtBottom.MinimalUI .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformMobile.ToolbarAtTop.tbHasText .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformMobile.ToolbarAtTop.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformMobile.ToolbarAtBottom.tbHasText .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformMobile.ToolbarAtBottom.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformMobile.ToolbarAtTop .toolbarOffset {
    top: 50px;
}

.PlatformMobile.ToolbarAtTop.PlatformLandscape .applicationView .tbContainer,
.PlatformMobile.ToolbarAtBottom.PlatformLandscape .applictionView .tbContainer,
.PlatformMobile.ToolbarAtTop.PlatformLandscape .BookshelfView .tbContainer,
.PlatformMobile.ToolbarAtBottom.PlatformLandscape .BookshelfView .tbContainer {
    display: none;
}

.PlatformMobile.ToolbarAtTop.PlatformLandscape .applicationView .toolbarOffset,
.PlatformMobile.ToolbarAtTop.PlatformLandscape .BookshelfView .toolbarOffset {
    top: 0px;
}

.PlatformMobile.ToolbarAtTop .toolbarOffset.mobileHeaderControlViewOffset {
    top: 70px;
}

.PlatformMobile.ToolbarAtTop.PlatformLandscape .applicationView .toolbarOffset.mobileHeaderControlViewOffset,
.PlatformMobile.ToolbarAtTop.PlatformLandscape .BookshelfView .toolbarOffset.mobileHeaderControlViewOffset {
    top: 20px;
}

.PlatformMobile.ToolbarAtTop .bookshelfView_header {
    height: 50px;
}

.PlatformMobile.ToolbarAtTop .bookshelfView_body {
    top: 50px;
}

.PlatformMobile.ToolbarAtTop .tbContainer {
    height: 50px;
}

.PlatformMobile.ToolbarAtTop.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformMobile.ToolbarAtTop.tbHasText .bookshelfView_body {
    top: 60px;
}

.PlatformMobile.ToolbarAtTop.tbHasText .toolbarOffset {
    top: 60px;
}

.PlatformMobile.ToolbarAtTop.tbHasText .tbContainer {
    height: 60px;
}

.PlatformMobile.ToolbarAtBottom .toolbarOffset {
    bottom: 50px;
}

.PlatformMobile.ToolbarAtBottom .bookshelfView_header {
    height: 50px;
}

.PlatformMobile.ToolbarAtBottom .bookshelfView_body {
    bottom: 50px;
}

.PlatformMobile.ToolbarAtBottom .tbContainer {
    height: 50px;
}

.PlatformMobile.ToolbarAtBottom.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformMobile.ToolbarAtBottom.tbHasText .bookshelfView_body {
    bottom: 60px;
}

.PlatformMobile.ToolbarAtBottom.tbHasText .toolbarOffset {
    bottom: 60px;
}

.PlatformMobile.ToolbarAtBottom.tbHasText .tbContainer {
    height: 60px;
}

.PlatformMobile .tbContainer .tbLogo,
.PlatformMobile .tbContainer .tbLogo img {
    width: auto;
    height: 50px;
}

.PlatformMobile .tbButton.spriteButton,
.PlatformMobile .tbButton .spriteElement,
.PlatformMobile .tbButton .btnDefaultText,
.PlatformMobile .tbPageInput
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.PlatformMobile .tbPageInput .spriteInputField
{
	-webkit-touch-callout: none;
}

.PlatformMobile .tbButton.stdButton {
    z-index: 1;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.PlatformMobile .tbButton.stdButton .spriteElement {}

.PlatformMobile .tbButton.svgButton {
    z-index: 1;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.PlatformMobile .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 8px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformMobile.tbHasText .tbContainer .tbLogo,
.PlatformMobile.tbHasText .tbContainer .tbLogo img {
    width: auto;
    height: 60px;
}

.PlatformMobile.tbHasText .tbButton.stdButton {
    z-index: 1;
    margin: 0px 8px;
    width: 50px;
    height: 50px;
}

.PlatformMobile.tbHasText .tbButton.stdButton .spriteElement {}

.PlatformMobile.tbHasText .tbButton.svgButton {
    z-index: 1;
    margin: 0px 0px;
    width: 66px;
    height: 50px;
}

.PlatformMobile.tbHasText .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 16px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformMobile .tbContainer .breadcrumb {
    margin: 8px 0px;
    height: 34px;
    font-size: 13px;
}

.PlatformMobile .btnBookmarks.stdButton .btnWishlistText0,
.PlatformMobile .btnBookmarks.stdButton .btnWishlistText {
    top: 20px;
    left: 0px;
}

.PlatformMobile .btnBookmarks.svgButton .btnWishlistText0,
.PlatformMobile .btnBookmarks.svgButton .btnWishlistText {
    top: 25px;
    left: 0px;
}

.PlatformMobile .btnCart.stdButton .btnWishlistText0,
.PlatformMobile .btnCart.stdButton .btnWishlistText {
    top: 14px;
    left: 2px;
}

.PlatformMobile .tbLeft .btnCart.stdButton .btnWishlistText0,
.PlatformMobile .tbRight .btnCart.stdButton .btnWishlistText {
    position: absolute;
    top: 14px;
    left: 22px;
}

.PlatformMobile .btnCart.svgButton .btnWishlistText0,
.PlatformMobile .btnCart.svgButton .btnWishlistText {
    top: 15px;
    left: -2px;
}

.PlatformMobile .tbLeft .btnCart.svgButton .btnWishlistText0, 
.PlatformMobile .tbRight .btnCart.svgButton .btnWishlistText {
    position: absolute;
    top: 14px;
    left: 19px;
}

.PlatformMobile .btnCartPlusText0 {
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 58px;
    font-size: 8px;
}

.PlatformMobile .btnCartPlusText1 {
    padding-top: 24px;
    padding-right: 10px;
    padding-left: 58px;
    font-size: 12px;
}

.PlatformMobile .btnWishlist.stdButton .btnWishlistText0,
.PlatformMobile .btnWishlist.stdButton .btnWishlistText {
    top: 22px;
    left: 0px;
}

.PlatformMobile .btnWishlist.svgButton .btnWishlistText0,
.PlatformMobile .btnWishlist.svgButton .btnWishlistText {
    top: 24px;
    left: 0px;
}

.PlatformMobile .tbButton .btnDefaultText {
    display: none;
}

.PlatformMobile.tbHasText .tbButton .btnDefaultText,
.PlatformMobile .tbCenterWrapper .tbButton .btnDefaultText {
    display: block;
}

.PlatformMobile.tbHasText .tbButton .btnDefaultText {
    position: absolute;
    right: -8px;
    left: -8px;
    height: auto;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    cursor: pointer;
}

.PlatformMobile.tbHasText .tbButton.svgButton .btnDefaultText {
    right: 1px;
    bottom: -7px;
    left: 1px;
}

.PlatformMobile.tbHasText .tbButton.stdButton .btnDefaultText {
    right: -7px;
    bottom: -7px;
    left: -7px;
}

/* This next style allows std custom buttons text to align better with svg toolbar text */

.PlatformMobile.tbHasText.tbIsSvg .tbButtonCustom.stdButton .btnDefaultText {
    bottom: -7px;
}

.PlatformMobile .tbPageInputSizes {
    width: 50px;
    height: 50px;
}

.PlatformMobile.LargePageInput .tbPageInputSizes {
    width: 86px;
}

.PlatformMobile .tbPageInput .spriteInputField {
    font-size: 16px;
}

.PlatformMobile .tbSearchInputSizes,
.PlatformMobile .tbLibSearchInputSizes,
.PlatformMobile .tbPostalCodeInputSizes {
    width: 150px;
    height: 50px;
}

.PlatformMobile .tbSearchInput .spriteInputField,
.PlatformMobile .tbLibSearchInput .spriteInputField,
.PlatformMobile .tbPostalCodeInput .spriteInputField {
    font-size: 16px;
}

.PlatformMobile .tbCombo {
    margin-top: 8px;
    height: 31px;
    font-size: 16px;
}

.PlatformMobile .tbComboLabel {
    margin-top: 13px;
    margin-right: 2px;
}

.PlatformMobile .tbLabel {
    line-height: 50px;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 16px;
}

.PlatformMobile .tbTextButton,
.PlatformMobile .tbTextLink,
.PlatformMobile .tbMenuButton {
    margin-top: 8px;
    margin-right: 6px;
    margin-left: 6px;
    padding: 6px 12px;
    font-size: 14px;
}

.PlatformMobile.tbHasText .tbTextButton {
    margin-top: 13px;
}

.PlatformMobile .tbTextLink img {
	width: 28px;
	height: 28px;
	margin-top: -4px;
}

.PlatformMobile .tbTextLink img.large {
	float: left;
	width: 28px;
	height: 28px;
	margin-top: -4px;
	margin-right: 5px;
	background-image: none;
	background-size: cover;
}
.PlatformMobile .tbTextLink img.med {
	float: left;
	width: 24px;
	height: 24px;
	margin-top: -2px;
	margin-right: 4px;
	background-image: none;
	background-size: cover;
}
.PlatformMobile .tbTextLink img.small {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 0px;
	margin-right: 3px;
	background-image: none;
	background-size: cover;
}

.PlatformMobile .tbTextLink img.large.right {
	float: right;
	margin-left: 5px;
}
.PlatformMobile .tbTextLink img.med.right {
	float: right;
	margin-left: 4px;
}
.PlatformMobile .tbTextLink img.small.right {
	float: right;
	margin-left: 3px;
}

.PlatformMobile.ToolbarAtLeft .ThumbView.thumbPanel {
    left: 50px;
}

.PlatformMobile.ToolbarAtBottom .ThumbView.thumbPanel {
    bottom: 0px;
}

.PlatformMobile.ToolbarAtBottom.tbHasText .ThumbView.thumbPanel {
    bottom: 0px;
}

/*----------- Double line labels is common for foreign languages so give a little more space for label -----------*/

.PlatformDesktop.tbHasText:not(.LanguageEnu) .tbButton.svgButton .spriteElement,
.PlatformTablet.tbHasText:not(.LanguageEnu) .tbButton.svgButton .spriteElement,
.PlatformMobile.tbHasText:not(.LanguageEnu) .tbButton.svgButton .spriteElement {
    top: -2px;
}

/*----------- Mobile Menu -----------*/

.PlatformMobile .tbContainer.showMobileMenu {
    z-index: 1100;
    height: 100%;
}

.PlatformMobile .mobilemenubtn {
    float: right;
    margin-top: 7px;
    border: none;
    background-color: transparent;
}

.PlatformMobile .tbRight .mobilemenubtn {
    margin-right: 10px;
}

.PlatformMobile .tbLeft .mobilemenubtn {
    margin-left: 15px;
}

.PlatformMobile .mobilemenubtn .icon-bar {
    display: block;
    margin-top: 6px;
    margin-left: 7px;
    width: 22px;
    height: 3px;
    background-color: #fff;
}

.PlatformMobile .tbCenterWrapper .tbCenter .tbSpacer {
    width: 0px !important
}

.PlatformMobile .tbCenterWrapper {
    position: absolute;
    top: 50px;
    bottom: 50px;
    display: block;
    padding: 0;
    width: 100%;
    background-color: #333;
    overflow: hidden;
}

.PlatformMobile.tbHasText .tbCenterWrapper {
    top: 60px;
}

.PlatformMobile .androidWrapper {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 0px 15px 0px;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.PlatformMobile .tbCenterWrapper .tbCenter {
    position: static;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    height: 100%;
}

.PlatformMobile .tbCenterWrapper .tbButton.spriteButton {
    padding-right: 90%;
    padding-left: 25px;
    background-color: #333;
    line-height: 50px;
    cursor: pointer;
}

.PlatformMobile .tbCenterWrapper .tbButton.svgButton .btnDefaultText {
    top: 0;
}

.PlatformMobile .tbCenterWrapper .tbButton.stdButton .btnDefaultText {
    top: 0;
}

.PlatformMobile .tbCenterWrapper .tbCenter .tbButton .btnDefaultText {
    position: absolute;
    padding-left: 100px;
    width: auto;
    white-space: nowrap;
    font-size: inherit;
    line-height: 50px;
}

.PlatformMobile .tbCenterWrapper .tbButton > div {
    float: left;
}

.PlatformMobile .tbCenterWrapper .tbPageInput,
.PlatformMobile .tbCenterWrapper .tbSearchInput,
.PlatformMobile .tbCenterWrapper .tbLibSearchInput,
.PlatformMobile .tbCenterWrapper .tbPostalCodeInput {
    padding-left: 35px;
    width: 320px;
    background-color: #333;
}

.PlatformMobile .tbCenterWrapper .tbCombo {
    margin-top: 0px;
    margin-left: 35px;
}

.PlatformMobile .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText0,
.PlatformMobile .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText {
    position: relative;
    top: 4px;
    left: -29px;
    float: initial;
    width: auto;
}

.PlatformMobile .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText0,
.PlatformMobile .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText {
    position: relative;
    top: 10px;
    left: 22px;
    float: initial;
    width: auto;
}

.PlatformMobile.tbHasText .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText0,
.PlatformMobile.tbHasText .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText {
    top: 10px;
    left: 30px;
}

.PlatformMobile .tbCenterWrapper .btnCart.stdButton .btnWishlistText0,
.PlatformMobile .tbCenterWrapper .btnCart.stdButton .btnWishlistText {
    position: relative;
    top: -3px;
    left: -27px;
    float: initial;
    width: auto;
}

.PlatformMobile .tbCenterWrapper .btnCart.svgButton .btnWishlistText0,
.PlatformMobile .tbCenterWrapper .btnCart.svgButton .btnWishlistText {
    position: relative;
    top: -2px;
    left: 19px;
    float: initial;
    width: auto;
}

.PlatformMobile.tbHasText .tbCenterWrapper .btnCart.svgButton .btnWishlistText0,
.PlatformMobile.tbHasText .tbCenterWrapper .btnCart.svgButton .btnWishlistText {
    top: -2px;
    left: 28px;
}

.PlatformMobile .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText0,
.PlatformMobile .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText {
    position: relative;
    top: 5px;
    left: -28px;
    float: initial;
    width: auto;
}

.PlatformMobile .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText0,
.PlatformMobile .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText {
    position: relative;
    top: 8px;
    left: 22px;
    float: initial;
    width: auto;
}

.PlatformMobile.tbHasText .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText0,
.PlatformMobile.tbHasText .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText {
    top: 8px;
    left: 30px;
}

.PlatformMobile .tbCenterWrapper .tbButton:focus {
    background-color: initial
}

.PlatformMobile .tbCenterWrapper .tbButton:active {
    background-color: #222
}


/*----------- Tablet7 Toolbar -----------*/

.PlatformTablet7.ToolbarAtTop .minimalHideToolbar .toolbarOffset,
.PlatformTablet7.ToolbarAtTop.PlatformLandscape .applicationView .toolbarOffset {
    top: 0px
}

.PlatformTablet7.ToolbarAtTop .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformTablet7.ToolbarAtBottom .minimalHideToolbar .toolbarOffset,
.PlatformTablet7.ToolbarAtBottom.PlatformLandscape .applicationView .toolbarOffset {
    bottom: 0px
}

.PlatformTablet7.ToolbarAtBottom .minimalHideToolbar .tbContainer,
.PlatformTablet7.ToolbarAtBottom.PlatformLandscape .applicationView .tbContainer {
    height: 0px;
}

.PlatformTablet7.ToolbarAtTop.PlatformLandscape .applicationView .tbContainer, 
.PlatformTablet7.ToolbarAtBottom.PlatformLandscape .applicationView .tbContainer,
.PlatformTablet7.ToolbarAtTop.PlatformLandscape .BookshelfView .tbContainer,
.PlatformTablet7.ToolbatAtBottom.PlatformLandscape .BookshelfView .tbContainer,
.PlatformTablet7.PlatformLandscape #CustomFooter {
    display: none;
}

.PlatformTablet7.ToolbarAtTop.tbHasText .minimalHideToolbar .toolbarOffset {
    top: 0px
}

.PlatformTablet7.ToolbarAtTop.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformTablet7.ToolbarAtBottom.tbHasText .minimalHideToolbar .toolbarOffset {
    bottom: 0px
}

.PlatformTablet7.ToolbarAtBottom.tbHasText .minimalHideToolbar .tbContainer {
    height: 0px;
}

.PlatformTablet7.ToolbarAtTop .toolbarOffset {
    top: 50px;
}

.PlatformTablet7.ToolbarAtTop .bookshelfView_header {
    height: 50px;
}

.PlatformTablet7.ToolbarAtTop .bookshelfView_body {
    top: 50px;
}

.PlatformTablet7.ToolbarAtTop .tbContainer {
    height: 50px;
}

.PlatformTablet7.ToolbarAtTop.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformTablet7.ToolbarAtTop.tbHasText .bookshelfView_body {
    top: 60px;
}

.PlatformTablet7.ToolbarAtTop.tbHasText .toolbarOffset {
    top: 60px;
}

.PlatformTablet7.ToolbarAtTop.tbHasText .tbContainer {
    height: 60px;
}

.PlatformTablet7.ToolbarAtBottom .toolbarOffset {
    bottom: 50px;
}

.PlatformTablet7.ToolbarAtBottom .bookshelfView_header {
    height: 50px;
}

.PlatformTablet7.ToolbarAtBottom .bookshelfView_body {
    bottom: 50px;
}

.PlatformTablet7.ToolbarAtBottom .tbContainer {
    height: 50px;
}

.PlatformTablet7.ToolbarAtBottom.tbHasText .bookshelfView_header {
    height: 60px;
}

.PlatformTablet7.ToolbarAtBottom.tbHasText .bookshelfView_body {
    bottom: 60px;
}

.PlatformTablet7.ToolbarAtBottom.tbHasText .toolbarOffset {
    bottom: 60px;
}

.PlatformTablet7.ToolbarAtBottom.tbHasText .tbContainer {
    height: 60px;
}

.PlatformTablet7 .tbContainer .tbLogo,
.PlatformTablet7 .tbContainer .tbLogo img {
    width: auto;
    height: 50px;
}

.PlatformTablet7 .tbButton.stdButton {
    z-index: 1;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.PlatformTablet7 .tbButton.stdButton .spriteElement {}

.PlatformTablet7 .tbButton.svgButton {
    z-index: 1;
    margin: 0px 0px;
    width: 50px;
    height: 50px;
}

.PlatformTablet7 .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 8px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformTablet7.tbHasText .tbContainer .tbLogo,
.PlatformTablet7.tbHasText .tbContainer .tbLogo img {
    width: auto;
    height: 60px;
}

.PlatformTablet7.tbHasText .tbButton.stdButton {
    z-index: 1;
    margin: 0px 8px;
    width: 50px;
    height: 50px;
}

.PlatformTablet7.tbHasText .tbButton.stdButton .spriteElement {}

.PlatformTablet7.tbHasText .tbButton.svgButton {
    z-index: 1;
    margin: 0px 0px;
    width: 66px;
    height: 50px;
}

.PlatformTablet7.tbHasText .tbButton.svgButton .spriteElement {
    position: absolute;
    margin: 8px 16px;
    padding: 0px;
    width: 34px;
    height: 34px;
}

.PlatformTablet7 .tbContainer .breadcrumb {
    margin: 8px 0px;
    height: 34px;
    font-size: 13px;
}

.PlatformTablet7 .btnWishlistText0,
.PlatformTablet7 .btnWishlistText {
    position: absolute;
    z-index: 9999;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    cursor: pointer;
}

.PlatformTablet7 .btnBookmarks.stdButton .btnWishlistText0,
.PlatformTablet7 .btnBookmarks.stdButton .btnWishlistText {
    top: 20px;
    left: 0px;
}

.PlatformTablet7 .btnBookmarks.svgButton .btnWishlistText0,
.PlatformTablet7 .btnBookmarks.svgButton .btnWishlistText {
    top: 26px;
    left: 0px;
}

.PlatformTablet7 .btnCart.stdButton .btnWishlistText0,
.PlatformTablet7 .btnCart.stdButton .btnWishlistText {
    top: 14px;
    left: 0px;
}

.PlatformTablet7 .btnCart.svgButton .btnWishlistText0,
.PlatformTablet7 .btnCart.svgButton .btnWishlistText {
    top: 15px;
    left: -2px;
}

.PlatformTablet7 .btnCartPlusText0 {
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 58px;
    font-size: 8px;
}

.PlatformTablet7 .btnCartPlusText1 {
    padding-top: 24px;
    padding-right: 10px;
    padding-left: 58px;
    font-size: 12px;
}

.PlatformTablet7 .btnWishlist.stdButton .btnWishlistText0,
.PlatformTablet7 .btnWishlist.stdButton .btnWishlistText {
    top: 21px;
    left: -1px;
}

.PlatformTablet7 .btnWishlist.svgButton .btnWishlistText0,
.PlatformTablet7 .btnWishlist.svgButton .btnWishlistText {
    top: 25px;
    left: 0px;
}

.PlatformTablet7 .tbButton .btnDefaultText {
    display: none;
}

.PlatformTablet7.tbHasText .tbButton .btnDefaultText,
.PlatformTablet7 .tbCenterWrapper .tbButton .btnDefaultText {
    display: block;
}

.PlatformTablet7.tbHasText .tbButton .btnDefaultText {
    position: absolute;
    right: -8px;
    left: -8px;
    height: auto;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    cursor: pointer;
}

.PlatformTablet7.tbHasText .tbButton.svgButton .btnDefaultText {
    top: 46px;
}

.PlatformTablet7.tbHasText .tbButton.stdButton .btnDefaultText {
    top: 44px;
}


/* This next style allows std custom buttons text to align better with svg toolbar text */

.PlatformTablet7.tbHasText.tbIsSvg .tbButtonCustom.stdButton .btnDefaultText {
    top: 46px;
}

.PlatformTablet7 .tbPageInputSizes {
    width: 50px;
    height: 50px;
}

.PlatformTablet7.LargePageInput .tbPageInputSizes {
    width: 86px;
}

.PlatformTablet7 .tbPageInput .spriteInputField {
    font-size: 16px;
}

.PlatformTablet7 .tbSearchInputSizes,
.PlatformTablet7 .tbLibSearchInputSizes,
.PlatformTablet7 .tbPostalCodeInputSizes {
    width: 150px;
    height: 50px;
}

.PlatformTablet7 .tbSearchInput .spriteInputField,
.PlatformTablet7 .tbLibSearchInput .spriteInputField,
.PlatformTablet7 .tbPostalCodeInput .spriteInputField {
    font-size: 16px;
}

.PlatformTablet7 .tbCombo {
    margin-top: 8px;
    height: 31px;
    font-size: 16px;
}

.PlatformTablet7 .tbLabel {
    line-height: 50px;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 16px;
}

.PlatformTablet7 .tbTextButton,
.PlatformTablet7 .tbTextLink,
.PlatformTablet7 .tbMenuButton {
    margin-top: 8px;
    margin-right: 6px;
    margin-left: 6px;
    padding: 6px 12px;
    font-size: 14px;
}

.PlatformTablet7.tbHasText .tbTextButton {
    margin-top: 13px;
}

.PlatformTablet7 .tbTextLink img.large {
	float: left;
	width: 28px;
	height: 28px;
	margin-top: -4px;
	margin-right: 5px;
	background-image: none;
	background-size: cover;
}
.PlatformTablet7 .tbTextLink img.med {
	float: left;
	width: 24px;
	height: 24px;
	margin-top: -2px;
	margin-right: 4px;
	background-image: none;
	background-size: cover;
}
.PlatformTablet7 .tbTextLink img.small {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 0px;
	margin-right: 3px;
	background-image: none;
	background-size: cover;
}

.PlatformTablet7 .tbTextLink img.large.right {
	float: right;
	margin-left: 5px;
}
.PlatformTablet7 .tbTextLink img.med.right {
	float: right;
	margin-left: 4px;
}
.PlatformTablet7 .tbTextLink img.small.right {
	float: right;
	margin-left: 3px;
}

.PlatformTablet7.ToolbarAtLeft .ThumbView.thumbPanel {
    left: 50px;
}

.PlatformTablet7.ToolbarAtBottom .ThumbView.thumbPanel {
    bottom: 50px;
}

.PlatformTablet7.ToolbarAtBottom.tbHasText .ThumbView.thumbPanel {
    bottom: 60px;
}


/*----------- Tablet7 Mobile Menu -----------*/

.PlatformTablet7 .mobilemenubtn {
    float: right;
    margin-top: 7px;
    border: none;
    background-color: transparent;
}

.PlatformTablet7 .tbRight .mobilemenubtn {
    margin-right: 10px;
}

.PlatformTablet7 .tbLeft .mobilemenubtn {
    margin-left: 15px;
}

.PlatformTablet7 .mobilemenubtn .icon-bar {
    display: block;
    margin-top: 6px;
    margin-left: 7px;
    width: 22px;
    height: 3px;
    background-color: #fff;
}

.PlatformTablet7 .tbCenterWrapper .tbCenter .tbSpacer {
    width: 0px !important
}

.PlatformTablet7 .tbCenterWrapper {
    position: absolute;
    top: 50px;
    bottom: 50px;
    display: none;
    padding: 15px 0px 15px 0px;
    width: 100%;
    background-color: #333;
}

.PlatformTablet7.tbHasText .tbCenterWrapper {
    top: 60px;
}

.PlatformTablet7 .androidWrapper {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 30px;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.PlatformTablet7 .tbCenterWrapper .tbCenter {
    position: static;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    height: 100%;
}

.PlatformTablet7 .tbCenterWrapper .tbButton.spriteButton {
    padding-right: 30%;
    padding-left: 15%;
    background-color: #333;
    line-height: 50px;
    cursor: pointer;
}

.PlatformTablet7 .tbCenterWrapper .tbButton.svgButton .btnDefaultText {
    top: 0;
}

.PlatformTablet7 .tbCenterWrapper .tbButton.stdButton .btnDefaultText {
    top: 0;
}

.PlatformTablet7 .tbCenterWrapper .tbCenter .tbButton .btnDefaultText {
    position: static;
    padding-left: 60px;
    width: auto;
    white-space: nowrap;
    font-size: inherit;
    line-height: 50px;
}

.PlatformTablet7 .tbCenterWrapper .tbButton > div {
    float: left;
}

.PlatformTablet7 .tbCenterWrapper .tbPageInput,
.PlatformTablet7 .tbCenterWrapper .tbSearchInput,
.PlatformTablet7 .tbCenterWrapper .tbLibSearchInput,
.PlatformTablet7 .tbCenterWrapper .tbPostalCodeInput {
    margin-right: -8px;
    margin-left: 8px;
    padding-left: 15%;
    width: 45%;
    background-color: #333;
}

.PlatformTablet7 .tbCenterWrapper .tbCombo {
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 16%;
    width: 28%;
}

.PlatformTablet7 .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText0,
.PlatformTablet7 .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText {
    position: relative;
    top: 3px;
    left: -29px;
    float: initial;
    width: auto;
}

.PlatformTablet7 .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText0,
.PlatformTablet7 .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText {
    position: relative;
    top: 10px;
    left: 22px;
    float: initial;
    width: auto;
}

.PlatformTablet7.tbHasText .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText0,
.PlatformTablet7.tbHasText .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText {
    top: 10px;
    left: 30px;
}

.PlatformTablet7 .tbCenterWrapper .btnCart.stdButton .btnWishlistText0,
.PlatformTablet7 .tbCenterWrapper .btnCart.stdButton .btnWishlistText {
    position: relative;
    top: -3px;
    left: -27px;
    float: initial;
    width: auto;
}

.PlatformTablet7 .tbCenterWrapper .btnCart.svgButton .btnWishlistText0,
.PlatformTablet7 .tbCenterWrapper .btnCart.svgButton .btnWishlistText {
    position: relative;
    top: -2px;
    left: 20px;
    float: initial;
    width: auto;
}

.PlatformTablet7.tbHasText .tbCenterWrapper .btnCart.svgButton .btnWishlistText0,
.PlatformTablet7.tbHasText .tbCenterWrapper .btnCart.svgButton .btnWishlistText {
    top: -2px;
    left: 27px;
}

.PlatformTablet7 .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText0,
.PlatformTablet7 .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText {
    position: relative;
    top: 5px;
    left: -28px;
    float: initial;
    width: auto;
}

.PlatformTablet7 .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText0,
.PlatformTablet7 .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText {
    position: relative;
    top: 8px;
    left: 23px;
    float: initial;
    width: auto;
}

.PlatformTablet7.tbHasText .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText0,
.PlatformTablet7.tbHasText .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText {
    top: 8px;
    left: 30px;
}


/*----------- Styles to hide toolbar(s) -----------*/

.PlatformTablet7 .tbCenterWrapper .tbButton:focus {
    background-color: initial
}

.PlatformTablet7 .tbCenterWrapper .tbButton:active {
    background-color: #222
}

.PlatformDesktop.ToolbarAtTop.tbHide .toolbarOffset {
    top: 0px;
}

.PlatformDesktop.ToolbarAtTop.tbHide.tbHasText .toolbarOffset {
    top: 0px;
}

.PlatformDesktop.ToolbarAtBottom.tbHide .toolbarOffset {
    bottom: 0px;
}

.PlatformDesktop.ToolbarAtBottom.tbHide.tbHasText .toolbarOffset {
    bottom: 0px;
}

.PlatformDesktop.tbHide .tbContainer {
    display: none;
}

.PlatformDesktop.tbHide.tbHasText .tbContainer {
    display: none;
}

.PlatformTablet.ToolbarAtTop.tbHide .toolbarOffset {
    top: 0px;
}

.PlatformTablet.ToolbarAtTop.tbHide.tbHasText .toolbarOffset {
    top: 0px;
}

.PlatformTablet.ToolbarAtBottom.tbHide .toolbarOffset {
    bottom: 0px;
}

.PlatformTablet.ToolbarAtBottom.tbHide.tbHasText .toolbarOffset {
    bottom: 0px;
}

.PlatformTablet.tbHide .tbContainer {
    display: none;
}

.PlatformTablet.tbHide.tbHasText .tbContainer {
    display: none;
}

.PlatformTablet7.ToolbarAtTop.tbHide .toolbarOffset {
    top: 0px;
}

.PlatformTablet7.ToolbarAtTop.tbHide.tbHasText .toolbarOffset {
    top: 0px;
}

.PlatformTablet7.ToolbarAtBottom.tbHide .toolbarOffset {
    bottom: 0px;
}

.PlatformTablet7.ToolbarAtBottom.tbHide.tbHasText .toolbarOffset {
    bottom: 0px;
}

.PlatformTablet7.tbHide .tbContainer {
    display: none;
}

.PlatformTablet7.tbHide.tbHasText .tbContainer {
    display: none;
}

.PlatformMobile.ToolbarAtTop.tbHide .toolbarOffset {
    top: 0px;
}

.PlatformMobile.ToolbarAtTop.tbHide.tbHasText .toolbarOffset {
    top: 0px;
}

.PlatformMobile.ToolbarAtBottom.tbHide .toolbarOffset {
    bottom: 0px;
}

.PlatformMobile.ToolbarAtBottom.tbHide.tbHasText .toolbarOffset {
    bottom: 0px;
}

.PlatformMobile.tbHide .tbContainer {
    display: none;
}

.PlatformMobile.tbHide.tbHasText .tbContainer {
    display: none;
}


/*-------------------------------------------------------------*/


/* Toolbar coloring styles                                     */


/*-------------------------------------------------------------*/

.PlatformDesktop .btnCart.stdButton .btnCartText,
.PlatformDesktop .btnCart.stdButton .btnWishlistText,
.PlatformDesktop .btnCart.stdButton .btnWishlistText0 {
    color: #fff;
}

.PlatformDesktop .btnCart.svgButton .btnCartText,
.PlatformDesktop .btnWishlistText,
.PlatformDesktop .btnWishlistText0 {
    color: #000;
}


/*----------- DARK TOOLBAR BUTTON STYLES -----------*/

.DarkToolbarButtonStyle.PlatformDesktop .tbContainer,
.DarkToolbarButtonStyle .bookshelfView_header {
    background: #fff;
}

.DarkToolbarButtonStyle.PlatformMobile .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet7 .tbContainer {
    background: #fff;
}

.DarkToolbarButtonStyle .titleControl .titleControlTab {
    background-color: #4d4d4d;
}

.DarkToolbarButtonStyle .pageHistLeft .pageCtlButton {
    background-color: #4d4d4d;
}

.DarkToolbarButtonStyle .btnCart.stdButton .btnWishlistText0 {
    color: #fff;
}


/* Empty cart */

.DarkToolbarButtonStyle .btnCart.stdButton .btnWishlistText {
    color: #fff;
}

.DarkToolbarButtonStyle .btnCart.svgButton .btnWishlistText0 {
    color: #fff;
}


/* Empty cart */

.DarkToolbarButtonStyle .btnCart.svgButton .btnWishlistText {
    color: #fff;
}

.DarkToolbarButtonStyle .btnBookmarks.stdButton .btnWishlistText0 {
    color: #000;
    display: none;
}


/* Zero bookmarks */

.DarkToolbarButtonStyle .btnBookmarks.stdButton .btnWishlistText {
    color: #000;
}

.DarkToolbarButtonStyle .btnBookmarks.svgButton .btnWishlistText0 {
    color: #fff;
    display: none;
}


/* Zero bookmarks */

.DarkToolbarButtonStyle .btnBookmarks.svgButton .btnWishlistText {
    color: #fff;
}

.DarkToolbarButtonStyle .btnWishlist.stdButton .btnWishlistText0 {
    color: #fff;
}


/* Zero items */

.DarkToolbarButtonStyle .btnWishlist.stdButton .btnWishlistText {
    color: #fff;
}

.DarkToolbarButtonStyle .btnWishlist.svgButton .btnWishlistText0 {
    color: #fff;
}


/* Zero items */

.DarkToolbarButtonStyle .btnWishlist.svgButton .btnWishlistText {
    color: #fff;
}

.DarkToolbarButtonStyle .tbComboLabel {
    color: #000;
}

.DarkToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.DarkToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar {
    background-color: #000;
}

.DarkToolbarButtonStyle .tbButton .btnDefaultText,
.DarkToolbarButtonStyle .btnBookmarksText,
.DarkToolbarButtonStyle .btnCartText {
    color: #000;
}

.DarkToolbarButtonStyle.PlatformDesktop.High .tbLabel,
.DarkToolbarButtonStyle.PlatformDesktop.Med .tbLabel,
.DarkToolbarButtonStyle.PlatformDesktop.Low .tbLabel,
.DarkToolbarButtonStyle.PlatformTablet .tbLabel,
.DarkToolbarButtonStyle.PlatformTablet7 .tbLabel,
.DarkToolbarButtonStyle.PlatformMobile .tbLabel {
    color: #000;
}

.tbButton:not(.btnBookmarks) .btnWishlistText0 {
    display: none !important; /* adding important for it to be easily overwriteable */
}

/*----------- LIGHT TOOLBAR BUTTON STYLES -----------*/

.LightToolbarButtonStyle.PlatformDesktop .tbContainer,
.LightToolbarButtonStyle .bookshelfView_header {
    background: #4d4d4d;
}

.LightToolbarButtonStyle.PlatformMobile .tbContainer,
.LightToolbarButtonStyle.PlatformTablet .tbContainer,
.LightToolbarButtonStyle.PlatformTablet7 .tbContainer {
    background: #000;
}

.LightToolbarButtonStyle .titleControl .titleControlTab {
    background-color: #000;
}

.LightToolbarButtonStyle .pageHistLeft .pageCtlButton {
    background-color: #000;
}

.LightToolbarButtonStyle .btnCart.stdButton .btnWishlistText0 {
    color: #000;
}


/* Empty cart */

.LightToolbarButtonStyle .btnCart.stdButton .btnWishlistText {
    color: #000;
}

.LightToolbarButtonStyle .btnCart.svgButton .btnWishlistText0 {
    color: #000;
}


/* Empty cart */

.LightToolbarButtonStyle .btnCart.svgButton .btnWishlistText {
    color: #000;
}

.LightToolbarButtonStyle .btnBookmarks.stdButton .btnWishlistText0 {
    color: #fff;
    display: none;
}


/* Zero bookmarks */

.LightToolbarButtonStyle .btnBookmarks.stdButton .btnWishlistText {
    color: #fff;
}

.LightToolbarButtonStyle .btnBookmarks.svgButton .btnWishlistText0 {
    color: #000;
    display: none;
}


/* Zero bookmarks */

.LightToolbarButtonStyle .btnBookmarks.svgButton .btnWishlistText {
    color: #000;
}

.LightToolbarButtonStyle .btnWishlist.stdButton .btnWishlistText0 {
    color: #000;
}


/* Zero items */

.LightToolbarButtonStyle .btnWishlist.stdButton .btnWishlistText {
    color: #000;
}

.LightToolbarButtonStyle .btnWishlist.svgButton .btnWishlistText0 {
    color: #000;
}


/* Zero items */

.LightToolbarButtonStyle .btnWishlist.svgButton .btnWishlistText {
    color: #000;
}

.LightToolbarButtonStyle .tbComboLabel {
    color: #fff;
}

.LightToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.LightToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar {
    background-color: #fff;
}

.LightToolbarButtonStyle .tbButton .btnDefaultText,
.LightToolbarButtonStyle .btnBookmarksText,
.LightToolbarButtonStyle .btnCartText {
    color: #fff;
}

.LightToolbarButtonStyle.PlatformDesktop.High .tbLabel,
.LightToolbarButtonStyle.PlatformDesktop.Med .tbLabel,
.LightToolbarButtonStyle.PlatformDesktop.Low .tbLabel,
.LightToolbarButtonStyle.PlatformTablet .tbLabel,
.LightToolbarButtonStyle.PlatformTablet7 .tbLabel,
.LightToolbarButtonStyle.PlatformMobile .tbLabel {
    color: #fff;
}


/*----------- MOBILE MENU BUTTON STYLES -----------*/

.DarkMenuButtonStyle .tbCenterWrapper {
    background-color: #eee;
}

.DarkMenuButtonStyle .tbCenterWrapper .tbButton.spriteButton {
    background-color: #eee;
}

.DarkMenuButtonStyle .tbCenterWrapper .tbButton .btnDefaultText,
.DarkMenuButtonStyle .tbCenterWrapper .tbPageInput .btnDefaultText,
.DarkMenuButtonStyle .tbCenterWrapper .btnBookmarksText,
.DarkMenuButtonStyle .tbCenterWrapper .btnCartText {
    color: #4d4d4d;
}

.LightMenuButtonStyle .tbCenterWrapper {
    background-color: #333;
}

.LightMenuButtonStyle .tbCenterWrapper .tbButton.spriteButton {
    background-color: #333;
}

.LightMenuButtonStyle .tbCenterWrapper .tbButton .btnDefaultText,
.LightMenuButtonStyle .tbCenterWrapper .tbPageInput .btnDefaultText,
.LightMenuButtonStyle .tbCenterWrapper .btnBookmarksText,
.LightMenuButtonStyle .tbCenterWrapper .btnCartText {
    color: #fff;
}

.DarkMenuButtonStyle .tbCenterWrapper .btnCart.stdButton .btnWishlistText0 {
    color: #fff;
}


/* Empty cart */

.DarkMenuButtonStyle .tbCenterWrapper .btnCart.stdButton .btnWishlistText {
    color: #fff;
}

.DarkMenuButtonStyle .tbCenterWrapper .btnCart.svgButton .btnWishlistText0 {
    color: #fff;
}


/* Empty cart */

.DarkMenuButtonStyle .tbCenterWrapper .btnCart.svgButton .btnWishlistText {
    color: #ffff;
}

.DarkMenuButtonStyle .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText0 {
    color: #000;
    display: none;
}


/* Zero bookmarks */

.DarkMenuButtonStyle .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText {
    color: #000;
}

.DarkMenuButtonStyle .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText0 {
    color: #fff;
    display: none;
}


/* Zero bookmarks */

.DarkMenuButtonStyle .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText {
    color: #fff;
}

.DarkMenuButtonStyle .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText0 {
    color: #fff;
}


/* Zero items */

.DarkMenuButtonStyle .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText {
    color: #fff;
}

.DarkMenuButtonStyle .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText0 {
    color: #fff;
}


/* Zero items */

.DarkMenuButtonStyle .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText {
    color: #fff;
}

.LightMenuButtonStyle .tbCenterWrapper .btnCart.stdButton .btnWishlistText0 {
    color: #000;
}


/* Empty cart */

.LightMenuButtonStyle .tbCenterWrapper .btnCart.stdButton .btnWishlistText {
    color: #000;
}

.LightMenuButtonStyle .tbCenterWrapper .btnCart.svgButton .btnWishlistText0 {
    color: #000;
}


/* Empty cart */

.LightMenuButtonStyle .tbCenterWrapper .btnCart.svgButton .btnWishlistText {
    color: #000;
}

.LightMenuButtonStyle .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText0 {
    color: #fff;
    display: none;
}


/* Zero bookmarks */

.LightMenuButtonStyle .tbCenterWrapper .btnBookmarks.stdButton .btnWishlistText {
    color: #fff;
}

.LightMenuButtonStyle .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText0 {
    color: #000;
    display: none;
}


/* Zero bookmarks */

.LightMenuButtonStyle .tbCenterWrapper .btnBookmarks.svgButton .btnWishlistText {
    color: #000;
}

.LightMenuButtonStyle .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText0 {
    color: #000;
}


/* Zero items */

.LightMenuButtonStyle .tbCenterWrapper .btnWishlist.stdButton .btnWishlistText {
    color: #000;
}

.LightMenuButtonStyle .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText0 {
    color: #000;
}


/* Zero items */

.LightMenuButtonStyle .tbCenterWrapper .btnWishlist.svgButton .btnWishlistText {
    color: #000;
}

.DarkMenuButtonStyle .btnCart .btnWishlistText0,
.LightMenuButtonStyle .btnCart .btnWishlistText0 {
    display: none;
}


/*----------- Crop and LibShare Menu button colors -----------*/

.LightToolbarButtonStyle .tbTextButton.CropAcceptBtn,
.LightToolbarButtonStyle .tbTextButton.LibShareContinueBtn {
    background-color: #fff;
    color: #000;
}

.LightToolbarButtonStyle .tbTextButton.CropDoneBtn,
.LightToolbarButtonStyle .tbTextButton.LibShareCancelBtn {
    background-color: #fff;
    color: #000;
}

.DarkToolbarButtonStyle .tbTextButton.CropAcceptBtn,
.DarkToolbarButtonStyle .tbTextButton.LibShareContinueBtn {
    background-color: #333;
    color: #fff;
}

.DarkToolbarButtonStyle .tbTextButton.CropDoneBtn,
.DarkToolbarButtonStyle .tbTextButton.LibShareCancelBtn {
    background-color: #333;
    color: #fff;
}


/*----------- End of Toolbar Styles -----------*/

.titleControl, .pageHistLeft {
    z-index: 102; /* Behind tab controls (103) */
}

.titleControl {
    position: absolute;
    top: 0;
    cursor: default;
}

.TpodMode .titleControl {
    cursor: pointer;
}

.PlatformTablet7 .titleControl {
    top: -1px !important;
}

.titleControl .titleControlTab,
.titleControl .center {
    float: left;
    overflow: hidden;
    margin: 0px 2px;
    padding: 1px 15px;
    height: 25px;
    border-radius: 0px 0px 7px 7px;
    background-color: #272727;
    /*width: 100%;*/
    color: #fff;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
}

.PlatformDesktop.High .titleControl .titleControlTab,
.PlatformDesktop.High .titleControl .center {
    padding: 5px 15px;
    height: 32px;
    font-weight: 400;
    font-size: 14px;
}

.PlatformDesktop.Med .titleControl .titleControlTab,
.PlatformDesktop.Med .titleControl .center {
    padding: 5px 15px;
    height: 26px;
    font-weight: 400;
    font-size: 11px;
}

.PlatformDesktop.Low .titleControl .titleControlTab,
.PlatformDesktop.Low .titleControl .center {
    padding: 5px 15px;
    height: 21px;
    font-weight: 400;
    font-size: 10px;
}

.PlatformTablet .titleControl .titleControlTab,
.PlatformTablet .titleControl .center {
    padding: 5px 15px;
    height: 32px;
    font-weight: 400;
    font-size: 14px;
}

.titleControl .selected {
    cursor: default;
}

.titleControl .unselected {
    background-color: #ddd !important;
    cursor: pointer;
}

.tpodStudyTab,
.tpodCreateTab {
    min-width: 150px;
    text-align: center;
}

.tpodControlWrapper {
    position: absolute;
    right: 0;
    z-index: 2;
    overflow: hidden;
    padding: 0px 1px 2px 1px;
    height: 25px;
    border-radius: 0px 0px 0px 7px;
    background-color: #000;
    color: #fff;
    white-space: nowrap;
    font-weight: 500;
    font-size: 15px;
    cursor: default;
}

.tpodControlWrapper.unsaved {
    background-color: #db4454;	
}

.PlatformTablet .tpodControlWrapper {
    height: 32px;
    font-weight: 400;
    font-size: 15px;
}

.tpodControlWrapper.selectable {
    cursor: pointer;
}

.TpodMode .tpodControlWrapper,
.TpodMode .tpodControlWrapper.selectable {
    cursor: default;
}

.tpodControlWrapper.selectable .tpodControlTextWrapper:hover {
    color: #eee;
}

.TpodMode .tpodControlWrapper.selectable .tpodControlTextWrapper:hover {
    color: #fff;
}

.tpodControlWrapper .tpodControlTextWrapper {
    z-index: 2;
    float: left;
	background-color: #000;
}

.tpodControlWrapper.unsaved .tpodControlTextWrapper {
    background-color: #db4454;
    color: #fff;
    font-style: italic;
}

.tpodControlText {
    float: left;
    margin-top: 1px;
    margin-right: 4px;
    padding-left: 12px;
    text-align: left;
}

.tpodControlTextCount {
    float: left;
    margin-top: 1px;
    margin-right: 12px;
    text-align: left;
}

.PlatformTablet .tpodControlText,
.PlatformTablet .tpodControlTextCount {
    margin-top: 5px;
}

.tpodControlClearBtn {
    float: left;
    padding-left: 2px;
    width: 25px;
    height: 25px;
    background-image: url(../images/toolbar/clearX@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
}

.PlatformTablet .tpodControlClearBtn {
    width: 32px;
    height: 32px;
}


/*----------- LEFT PANEL -----------*/

.leftPanel {
    border-left-style: none;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #393939;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.PlatformMobile .leftPanel {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ToolbarAtTop .leftPanel {
    position: absolute;
    top: 58px;
    bottom: 9px;
    left: 0px;
    width: 300px;
}

.ToolbarAtTop.tbHide .leftPanel {
    top: 8px;
}

.ToolbarAtBottom .leftPanel {
    position: absolute;
    top: 9px;
    bottom: 60px;
    left: 0px;
    width: 300px;
}

.ToolbarAtBottom.tbHide .leftPanel {
    bottom: 10px;
}

.PlatformMobile .leftPanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 103;
    width: 100%;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.leftTitle {
    position: absolute;
    top: 7px;
    right: 60px;
    left: 60px;
    overflow: hidden;
    height: 38px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 16px;
}

.ToolbarAtLeft .leftTitle {
    right: 36px;
    left: 36px;
    display: none;
}


/* This style only used for measuring the width of the title text */

.leftTitle.measure {
    right: auto;
    left: auto;
}

.leftSubtitle {
    position: absolute;
    right: 20px;
    left: 20px;
    overflow: hidden;
    height: 24px;
    color: #cfcfcf;
    vertical-align: top;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 14px;
}

.leftSubtitle1 {
    top: 42px
}

.leftSubtitle2 {
    top: 63px
}

.leftBack {
    position: absolute;
    top: 3px;
    left: 6px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.leftBack:hover {
    color: #fff;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.leftBack:active {
    color: #999
}

.leftBackBtn {
    position: absolute;
    top: 4px;
    left: 4px;
    padding: 3px 6px 3px 6px;
    border: 1px solid #999;
    border-radius: 4px;
    color: #333;
    vertical-align: top;
    font-weight: normal;
    cursor: pointer;
}

.ToolbarAtLeft .leftBackBtn {
    top: initial;
    bottom: 6px;
    left: 6px;
    z-index: 1;
    display: none;
}

.ToolbarAtLeft .leftBackBtn_glyph {
    color: #000;
}

.ToolbarAtLeft .leftBackBtn_text {
    color: #000;
}

.leftBackBtn_glyph {
    margin-bottom: 2px;
    width: 20px;
    color: #fff;
    vertical-align: middle;
    font-size: 20px;
    line-height: 20px;
}

.leftBackBtn_text {
    margin-bottom: 2px;
    margin-left: -2px;
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
}

.leftBackBtn:not(.enabled) {
    cursor: default;
    display: none;
    opacity: 0.25;
}

.leftBackBtn.enabled {
    cursor: pointer;
}

.leftBackBtn.enabled:hover {
    color: #ccc;
}

.leftBackBtn.enabled:hover .leftBackBtn_glyph {
    color: #ccc;
}

.leftBackBtn.enabled:hover .leftBackBtn_text {
    color: #ccc;
}

.leftBackBtn.enabled:active {
    color: #999;
}

.leftBackBtn.enabled:active .leftBackBtn_glyph {
    color: #999;
}

.leftBackBtn.enabled:active .leftBackBtn_text {
    color: #999;
}

.leftClose {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.ToolbarAtLeft .leftClose {
    display: none
}

.leftClose:hover {
    color: #fff;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.leftClose:active,
.leftClose:focus {
    color: #999
}

.left_tocPin {
    position: absolute;
    top: 6px;
    right: 32px;
    z-index: 301;
}

.ToolbarAtLeft .left_tocPin {
    display: none;
}

.leftContent {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 6px;
    border-radius: 5px;
    background-color: #fff;
}

.leftContent_toc {
    top: 52px;
    overflow: hidden;
}

.leftContent_searchTip {
    position: absolute;
    top: 88px;
    right: 20px;
    left: 20px;
    color: #eeeeee;
    vertical-align: top;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
}

.leftContent_nosearchTip {
    top: 88px
}

.leftContent_nosearchInput {
    top: 40px
}

.leftContent_search {
    margin-top: 8px
}

.leftContent_web {
    top: 52px;
    overflow: hidden;
    padding: 0px;
}

/*----------- TOC TEMPLATES -----------*/
#tocMultiList .listview_link .page_link {
    width: 25%;
}
#tocMultiList .page_label {
    width: 75%;
    height: 60px;
    padding: 0px 12px 0px 0px;
    display: inline-block;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#tocMultiList .listview_link.tocNoImage_link .page_label,
#tocMultiList .listview_nextLevel.tocNoImage_nextLevel .page_label {
    line-height: 18px;
    width: 90%;
}
#tocMultiList .listview_link.tocNoImage_link,
#tocMultiList .listview_nextLevel.tocNoImage_nextLevel {
    padding-left: 10px;
}
#tocMultiList .listview_img_container {
    width: 25%;
    padding: 0px 12px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}
#tocTiered .panel-heading {
    padding:0px;
    background-color:#fff;
    display:table;
    width:100%;
    cursor: pointer;
}
#tocTiered img.listview_link {
    width:50px;
    height:50px;
    display:table-cell;
    border-bottom:0px;
}
#tocTiered .panel-heading[data-toggle="collapse"] span {
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 95% center;
    padding-right: 10%;
    display: table-cell;
    cursor: pointer;
}
#tocTiered .panel-title>a {
    color: inherit;
    padding: 7px 7px;
    display: table-cell;
    vertical-align: middle;
    width: 270px;
    cursor: pointer;
    text-decoration: none;
}
#tocTiered .panel-title>a:hover,
#tocTiered .panel-title>a:focus {
    text-decoration: none;
}
#tocTiered .panel-heading:not(.collapsed)[data-toggle="collapse"] span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQwNy40MzYgNDA3LjQzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyMzM5OTU3MzY3NjZlLTE3LC0xLDEsNi4xMjMyMzM5OTU3MzY3NjZlLTE3LC0wLjAwMDUxMTE2OTQzMzY1MDU5MzQsNDA3LjQzNTQ5MzQ2OTIzODMpIj4KPHBvbHlnb24geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwb2ludHM9IjMxNS44NjksMjEuMTc4IDI5NC42MjEsMCA5MS41NjYsMjAzLjcxOCAyOTQuNjIxLDQwNy40MzYgMzE1Ljg2OSwzODYuMjU4IDEzMy45MjQsMjAzLjcxOCAiIGZpbGw9IiMwMDAwMDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcG9seWdvbj4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==);
}
#tocTiered .panel-heading.collapsed[data-toggle="collapse"] span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQwNy40MzYgNDA3LjQzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMS4yMjQ2NDY3OTkxNDczNTMyZS0xNiwtMS4yMjQ2NDY3OTkxNDczNTMyZS0xNiwtMSw0MDcuNDM0OTgyMjk5ODA0Nyw0MDcuNDM2MDA0NjM4NjcxOSkiPgo8cG9seWdvbiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHBvaW50cz0iMzE1Ljg2OSwyMS4xNzggMjk0LjYyMSwwIDkxLjU2NiwyMDMuNzE4IDI5NC42MjEsNDA3LjQzNiAzMTUuODY5LDM4Ni4yNTggMTMzLjkyNCwyMDMuNzE4ICIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wb2x5Z29uPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
}
#tocTiered a.child-image {
    padding:0px;
    min-height:70px;
}
#tocTiered a.child-image img {
    display: flex;
    float: left;
    padding: 10px;
    justify-content: flex-start;
}
#tocTiered a.child-image span {
    display: flex;
    padding: 15px;
    min-height: 70px;
    vertical-align: middle;
    width: calc(100% - 70px);
    align-items: center;
}
#tocTiered .panel-title {
    display: table-cell;
    padding-right: 10%;
}
/*----------- CONTENTS -----------*/

.tocSlider {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
}

.momentumScrolling {
    -webkit-overflow-scrolling: touch;
}

.tocScroller {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0px 0px 0px;
    width: 276px;
    border-radius: 5px;
    background-color: #ffffff;
}

.ToolbarAtLeft .leftContent {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0px;
}

.ToolbarAtLeft .tocSlider {}

.ToolbarAtLeft .tocScroller {
    padding: 12px;
    width: 300px;
    border-radius: 0px;
}

.ToolbarAtLeft .tocScroller.hasBackBtn {
    bottom: 42px;
    border-bottom: solid 1px #bfbfbf;
}

.tocContentsTable td {
    padding: 5px;
    vertical-align: middle;
}

.tocContentsTable a {
    color: #222;
    text-decoration: none;
    font-size: 14px;
}

.tocContentsTable a:hover {
    color: #777;
    text-decoration: none;
    font-size: 14px;
}

#TocTabView_Content h4 {
    cursor: pointer;
}


/*----------- CONTENTS - list view styles -----------*/

.listview {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #000;
    font-size: 14px;
}

.listview ul {
    margin: 0;
    padding: 0;
}

.listview li {
    color: #000;
    list-style-type: none;
}

.listview li a {
    display: block;
    padding: 13px 24px 13px 18px;
    color: #000;
    text-decoration: none;
}

.PlatformDesktop .listview li a {
    padding: 10px 24px 10px 12px
}

.listview li a:hover {
    color: #fff
}

.listview_nextLevel {
    display: block;
    padding: 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background: url(../images/tree/arrow.png) no-repeat 96%;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.listview_nextLevel .panel-heading.collapsed {
    background: url(../images/tree/arrow.png) no-repeat 96%;
}

.listview_nextLevel .panel-heading {
    background: url(../images/tree/arrow_over.png) no-repeat 96%;
}

.listview_nextLevel .panel-heading:hover {
    background: url(../images/tree/arrow_over.png) no-repeat 96%;
}

.listview_nextLevel:hover,
.listview_nextLevel.listview_selected {
    background: #008fc5 url(../images/tree/arrow_over.png) no-repeat 96%;
    color: #fff;
}

.listview_link {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background: white;
    color: black;
    text-decoration: none;
    font-size: 14px;
}

.listview_link:hover,
.listview_link.listview_selected {
    background: #008fc5;
    color: #fff;
}

.listview_divider {
    display: block;
    padding: 3px 0 3px 10px;
    border-bottom: 1px solid #E0E0E0;
    background: #E0E0E0;
    font-weight: 600;
}


/*----------- THUMBS PANELS -----------*/

.thumbPanel {
    position: absolute;
    z-index: 101;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    border-color: rgba(0, 0, 0, 0.65);
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.65);
    left: 0;
}

.thumbPanel.thumbgrid {
     background-color: rgba(0,0,0,.95);
}

.thumbBackground,
.thumbContent {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    border-style: none;
}

.thumbnailDiv {
    padding: 0px;
    /*****************************************************************/
    /* The amount of space around thumb images is controlled by the  */
    /* ThumbViewPadLR and ThumbViewPadTB skin settings in core.txt   */
    /* rather than the setting below:                                */
    /*                                                               */
    /* margin: 6px 0px 10px 10px;                                    */
    /*****************************************************************/
}

.LightThumbViewStyle .thumbnailDiv {
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px #000;
}

.thumbnailDiv.dragging {
    position: absolute !important;
    z-index: 999999 !important;
    border: 1px solid #888;
}

.LightThumbViewStyle.thumbnailDiv.dragging {
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px #000;
}

.thumbnailDiv .thumbnailImgWrapper.thumbnailLeft {
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0%;
}

.thumbnailDiv .thumbnailImgWrapper.thumbnailRight {
    position: absolute;
    height: 100%;
    width: 50%;
    left: 50%;
}

.thumbnailDiv .thumbnailImgWrapper,
.thumbnailDiv .thumbnailImgWrapper.thumbnailOne {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0%;
}

.thumbnailDiv .thumbnailImgWrapper .thumbnailImg {
    position: absolute;
    padding: 0px;
    z-index: 1;
}

.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index:2;
}

.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailX {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    z-index: 100;
    background-image: url(../images/thumbview/minus-red-64.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index:2;
    cursor: pointer;
}

.thumbnailDiv .thumbnailImgWrapper.thumbnailOne .thumbnailDecorations .thumbnailX,
.thumbnailDiv .thumbnailImgWrapper.thumbnailLeft .thumbnailDecorations .thumbnailX {
    right: initial;
    left: 0px;
}

.thumbnailDiv .thumbnailImgWrapper.inactiveTpod .thumbnailDecorations .thumbnailX {
    background-image: url(../images/thumbview/plus-green-64.png);
}

.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailY {
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    opacity: 0.01;
    background-image: url(../images/thumbview/drag-128.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
    z-index: 1;
}

.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailZ {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    z-index: 100;
    opacity: 0.01;
    background-image: url(../images/thumbview/full-screenB-64.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index:2;
    cursor: pointer;
}

.thumbnailDiv .thumbnailImgWrapper.thumbnailLeft .thumbnailDecorations .thumbnailZ {
    right: initial;
    left: 0px;
}

.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailX:hover,
.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailY:hover,
.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailZ:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Default implementation has the Y/Z decorations off */
.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailY,
.thumbnailDiv .thumbnailImgWrapper .thumbnailDecorations .thumbnailZ {
    display: none;
}

.thumbnailDiv.dragging .thumbnailImgWrapper .thumbnailDecorations .thumbnailX,
.thumbnailDiv.dragging .thumbnailImgWrapper .thumbnailDecorations .thumbnailY,
.thumbnailDiv.dragging .thumbnailImgWrapper .thumbnailDecorations .thumbnailZ {
    display: none;
}

/*****************************************************************/
/*                    TpodBrocureWizard Styles                   */
/*****************************************************************/
/* Disables template page thumbnails when in TpodBrochureWizardMode so they can't be selected */
.TpodBrochureWizardMode .thumbnailDiv.tpodTemplatePage,
.TpodBrochureWizardMode .thumbSelection {
    opacity: .3;
    cursor: default;
}
.TpodBrochureWizardMode.thumbWrapper {
    cursor: default;
}
.TpodBrochureWizardMode .thumbnailDiv {
    cursor: pointer;
}

/* Can use something like this in core.css to make template pages stand out in thumbstrip
.thumbnailDiv.tpodTemplatePage,
.thumbnailDiv.tpodTemplatePage.dragging,
.LightThumbViewStyle .thumbnailDiv.tpodTemplatePage,
.LightThumbViewStyle.thumbnailDiv.tpodTemplatePage.dragging {
    box-shadow: 0 0 48px #00f;
}
*/

.thumbStrip {
    display: inline;
    float: left;
    border: none;
}

.PlatformIE8 .thumbSelection {
    border: 5px solid #008fc5;
}

.thumbSelection {
    position: absolute;
    display: block;
    margin: 12px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 3px #008fc5, 0 1px 5px rgba(0, 0, 0, 0.75);
}

.thumbLabel {
    position: absolute;
    bottom: -24px;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    color: #888;
}

.thumbnailDiv.dragging .thumbLabel {
    display:none;
}

.thumbHighlight {
    position: absolute;
    display: block;
    margin: 12px;
    background-color: #ffffff;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
}

.thumbTip {
    z-index: 102;
}

.thumbTip-top {
    display: block;
    display: none;
    width: 174px;
    height: 21px;
    background: url(../images/thumbTip/bg_top.png) top left no-repeat;
}

.thumbTip-sides {
    display: block;
    min-height: 28px;
    width: 174px;
    border-radius: 8px 8px 0 0;
    background-color: #000000;
    /* Fallback for IE8 */
    background-color: rgba(0, 0, 0, 0.65);
}

.thumbTip-text {
    padding: 1px 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 28px;
}

.thumbTip-bottom {
    display: block;
    display: none;
    width: 174px;
    height: 37px;
    background: url(../images/thumbTip/bg_bottom.png) top left no-repeat;
}

.PlatformMobile .thumbTip-top {
    width: 87px;
    height: 10px;
    background-size: 100%;
}

.PlatformMobile .thumbTip-sides {
    min-height: 14px;
    width: 87px;
    background-size: 100%;
}

.PlatformMobile .thumbTip-bottom {
    width: 87px;
    background-size: 100%;
}

.PlatformMobile .thumbTip-text {
    font-size: 14px;
}

.PlatformDesktop .thumbTip-top {
    display: none;
    width: 124px;
    height: 12px;
    background: url(../images/thumbTip/desktop_bg_top.png) top left no-repeat;
}

.PlatformDesktop .thumbTip-sides {
    min-width: 124px;
    min-height: 18px;
    width: auto;
    border-radius: 8px 8px 0 0;
    background-color: #000000;
    /* Fallback for IE8 */
    background-color: rgba(0, 0, 0, 0.65);
}

.PlatformDesktop .thumbTip-text {
    padding: 5px 0;
    font-size: 18px;
}

.PlatformDesktop .thumbTip-bottom {
    display: none;
    width: 124px;
    height: 26px;
    background: url(../images/thumbTip/desktop_bg_bottom.png) top left no-repeat;
}

.LightThumbViewStyle.thumbPanel {
    border-color: #ccc;
    background-color: rgba(255, 255, 255, 0.85);
}

.LightThumbViewStyle.thumbPanel.thumbgrid {
    background-color: rgba(255,255,255,1.0);
}

.LightThumbViewStyle .thumbTip-sides {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-bottom: 0px;
    background-color: rgba(255, 255, 255, 0.85);
}

.LightThumbViewStyle .thumbTip-text {
    color: #333;
}

.thumbgrid .thumbTip-text {
   display: table-cell;
    vertical-align: middle;
    height: 145px;
    width: 145px;
    text-align: center;
    font-size: 26px;
}

.thumbTip-sides {
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    border-bottom: 0px;
}

.thumbgrid .thumbTip-sides {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-bottom: 0px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
}

/*----------- TOC - TABLE OF CONTENTS -----------*/

.TocContents .tocBack {
    position: absolute;
    top: 3px;
    left: 6px;
}

.TocContents .tocClose {
    position: absolute;
    top: 3px;
    right: 6px;
}

.TocContents .tocTitle {
    position: absolute;
    top: 10px;
    right: 60px;
    left: 60px;
    overflow: hidden;
    height: 38px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 0.2px;
    font-weight: 600;
    font-size: 16px;
}

.TocContents .tocContent {
    position: absolute;
    top: 52px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    background-color: #F7F7F7;
}


/*----------- SEARCH -----------*/

.SearchResults .searchSubtitle {
    position: absolute;
    overflow: hidden;
    width: 276px;
    height: 24px;
    color: #cfcfcf;
    vertical-align: top;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 14px;
}

.SearchResults .searchSubtitle1 {
    top: 0px
}

.SearchResults .searchSubtitle2 {
    top: 24px
}

.SearchResults .searchContent {
    position: absolute;
    top: 40px;
    right: 12px;
    bottom: 0px;
    left: 12px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.ToolbarAtLeft .SearchResults .searchContent {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.SearchResults .searchInput {
    position: absolute;
    top: 12px;
    left: 14px;
    padding: 0px;
    height: 32px;
}

.ToolbarAtLeft .SearchResults .searchInput .form-control {
    border: 1px solid #222;
    border-radius: 0;
}

.SearchResults .searchInputSizes {
    width: 276px;
    height: 34px;
    font-size: 16px;
}

.SearchResults .spriteInputField {
    padding-right: 30px;
    padding-left: 35px;
}

.SearchResults .spriteInputGoBtn {
    position: absolute;
    top: 5%;
    left: 0.5%;
    width: 13%;
    height: 93%;
    background-image: url(../images/toolbar/searchGo@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
}

.SearchResults .spriteInputClearBtn {
    position: absolute;
    top: 5%;
    right: 0;
    width: 13%;
    height: 93%;
    background-image: url(../images/toolbar/searchX@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
}

.PlatformTablet       .SearchResults .spriteInputGoBtn,
.PlatformTablet       .SearchResults .spriteInputClearBtn,
.PlatformMobile       .SearchResults .spriteInputGoBtn,
.PlatformMobile       .SearchResults .spriteInputClearBtn,
.PlatformTablet7      .SearchResults .spriteInputGoBtn,
.PlatformTablet7      .SearchResults .spriteInputClearBtn,
.PlatformDesktop.High .SearchResults .spriteInputGoBtn,
.PlatformDesktop.High .SearchResults .spriteInputClearBtn,
.PlatformDesktop.Med .SearchResults .spriteInputGoBtn,
.PlatformDesktop.Med .SearchResults .spriteInputClearBtn,
.PlatformDesktop.Low .SearchResults .spriteInputGoBtn,
.PlatformDesktop.Low .SearchResults .spriteInputClearBtn {
    width: 32px;
}

.SearchResults .searchTipText {
    position: absolute;
    left: 16px;
    width: 253px;
    color: #dddddd;
    vertical-align: top;
    letter-spacing: 0.5px;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
}

.ToolbarAtLeft .SearchResults .searchTipText {
    color: #222;
}

.SearchResults .searchSlider {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    background-color: #393939;
}

.ToolbarAtLeft .SearchResults .searchSlider {
    bottom: 0px;
    background-color: #fff;
}

.SearchResults .searchScroller {
    position: absolute;
    top: 48px;
    bottom: 0px;
    left: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0px 0px 0px;
    width: 276px;
    border-radius: 5px;
    background-color: #fff;
    /* The line below was put here to improve SearchWidget appearance but broke SearchResultsTabPanel */
    /*display: none;*/
}

.ToolbarAtLeft .SearchResults .searchScroller {
    bottom: 0px;
    left: 0 !important;
    width: 100%;
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    border-radius: 0px;
}

.ToolbarAtLeft .SearchResults .searchScroller.hasBackBtn {
    bottom: 42px;
    border-bottom: solid 1px #bfbfbf;
}

.SearchResults .searchWrapper {
    position: absolute;
    right: 12px;
    left: 12px;
}

.SearchResults .results {
    margin: 3px 0 3px 0;
    padding: 0;
}

.SearchResults .results_not_found {
    margin: 0px 0;
    padding: 5px 5px 5px 5px;
}

.SearchResults .group {
    margin-bottom: 25px
}

.SearchResults .group:last-child {
    margin-bottom: 7px
}

.SearchResults .group .group_title {
    display: block;
    padding: 4px 6px;
    width: 100%;
    border-radius: 3px;
    background-color: #a5a5a5;
    color: #fff;
    font-size: 15px;
}

.SearchResults .searchFilterTitle {
    clear: both;
    margin-bottom: 15px;
    padding: 4px 6px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #333;
    color: #fff;
    letter-spacing: 0;
    font-size: 15px;
    cursor: pointer;
}

.SearchResults .searchFilterTitle:hover {
    background: #555;
}
.SearchResults .searchFilterTitle:not(.open) #resultsAccordionGlyph {
    transform: rotate(180deg);
}
.SearchResults.skuEnabled .btn-group.sku-search {
    top: 53px;
}
.SearchResults.skuEnabled .sku-search-container {
    text-align: center;
}
.SearchResults.skuEnabled #productSkuMoreInfoBtn {
    width: 100.75%;
    border-radius: 0px;
    margin-left: -1px;
    box-shadow: 0 1px 5px #ACACAC;
}

.SearchResults.skuEnabled .productSkuSearchLabel .dropdown {
    display: inline-block !important;
}

.SearchResults.skuEnabled .dropdown-menu > li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    cursor: pointer;
    white-space: nowrap;
}
.SearchResults.skuEnabled .dropdown-menu > li:hover,
.SearchResults.skuEnabled .dropdown-menu > li:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.SearchResults.skuEnabled .productSkuSearchLabel {
    display: inline-block;
    float: right;
    margin-right: 35px;
    margin-top: 12px;
}
.SearchResults.skuEnabled .productSkuSearchLabel #dropdown-button {
    border-radius: 0px 5px 5px 0px;
}

.SearchResults.skuEnabled .spriteInputClearBtn {
    display: none;
}

.SearchResults.skuEnabled input.spriteInputField {
    padding-right: 55px;
}

.searchFilterTitle.collapsed #resultsAccordionGlyph.glyphicon-chevron-down:before {
    content: "\e113" !important;
}

.searchWrapper .advancedBtnWrapper {
    background-color: #fff;
    position: fixed;
    margin-left: -12px;
    margin-top: -8px;
    width: 259px;
    padding: 5px;
    text-align: center;
}

.searchWrapper #advancedSearchBtn {
    position: relative;
    width: 100%;
    background-color: #393939;
    border-radius: 4px;
}

.searchWrapper .advancedBtnWrapper .btn-clearfilters {
    position: absolute;
    left: 0;
    top: -19px;
    right: 0;
    padding: 0px 5px;
    font-size: 12px;
    border-radius: 0px;
    width: 276px;
}

.SearchResults .results.advancedResults {
    margin: 50px 0 3px 0;
    padding: 0;
}

.searchWrapper #productSkuMoreInfoBtn {
    width: 100%;
    border-radius: 0px;
}

.resultsAccordion.collapse.in {
    border: 1px solid #ACACAC;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 5px #ACACAC;
}

.resultsAccordion.collapsing {
    border: 1px solid #ACACAC;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 5px #ACACAC;
}

.toggleThumbLabel {
    position: absolute;
    bottom: 0px;
    left: 15%;
    padding: 0px 10px 0px 10px;
    width: 100%;
    color: #fff;
    line-height: 40px;
}
.PlatformTablet7 .toggleThumbLabel {
    left: 32%;
}
.ToolbarAtLeft .toggleThumbLabel {
    color: #333;
}

#SearchTabView_Content .toggleThumbLabel {
    display: none;
}

.SearchResults #toggleThumbCheckbox {
    float: left;
    margin-top: 11px;
    margin-right: 15px;
    width: 18px;
    height: 18px;
}

.SearchResults #toggleThumbCheckbox:focus {
    box-shadow: none;
}

.SearchResults .group_title1 {
    padding-left: 5px;
}

#resultsAccordionGlyph {
    top: 3px;
    float: right;
    margin-right: 10px;
    font-size: 15px;
}

.headingToggler {
    display: inline;
    padding: 1px 0 3px 12px;
    color: #333;
    cursor: pointer;
}

.sortToggler {
    display: inline;
    padding: 1px 0 3px 12px;
    color: #333;
    cursor: pointer;
}

#headingResultsForm input.headingCheckbox {
    display: none;
}

#headingResultsForm label {
    padding: 10px;
    width: 100%;
    font-size: 13px;
    cursor: pointer;
}

.sortResultsForm {
    margin-left: 10px;
}

.SearchResults .item {
    margin: 10px 0;
    padding: 0;
    border: 1px solid #ACACAC;
    border-radius: 3px;
    background: #ffffff;
    background-size: 1px 400px;
    box-shadow: 0 1px 5px #ACACAC;
    -o-box-shadow: 0 1px 5px #ACACAC;
}

.SearchResults .item:hover {
    border-color: #008fc5;
    background-position: 175px;
    box-shadow: 0 1px 7px #008fc5;
    -o-box-shadow: 0 1px 7px #008fc5;
}

.SearchResults .item a {
    display: block;
    padding: 12px 7px 12px 7px;
    width: 100%;
    color: #515151;
    text-decoration: none;
    text-decoration: none;
    line-height: inherit;
}

.SearchResults .item a:hover {
    display: block;
    padding: 12px 7px 12px 7px;
    width: 100%;
}

.SearchResults .item.autoselect {
    background-color: #d6d6d6
}

.SearchResults .item.autoselect a {
    color: #333
}

.SearchResults .item .context {
    margin-top: 5px;
    padding: 0 10px;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
}

.SearchResults .item .listing {
    display: block;
    padding-right: 16px;
    background-image: url(../images/left/resultsArrow.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 14px;
}

.SearchResults .item img {
    margin: 0 0 5px 0;
    max-width: 100%;
    width: auto;
    height: 140px;
    border: 1px solid #888;
}

.SearchResults .item .name {
    display: block;
    padding-right: 16px;
    background-image: url(../images/left/resultsArrow.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    font-weight: 600;
    font-size: 14px;
}

.SearchResults .item a[href^="app:"] .listing,
.SearchResults .item a[href^="app:"] .name {
    margin-right: 0;
    padding-right: 0;
    background: none;
}

.SearchResults .item .address {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

.SearchResults .item .highlight {
    border-bottom: 1px dashed #313131;
    background: #FF9;
    color: #313131;
}


/*----------- WEBVIEW -----------*/

#WebView {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
}


/*----------- BUSY/LOADING SPINNER -----------*/

.spinner {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    text-align: center;
}

.spinner-msg {
    margin-bottom: 0px;
    color: #333;
    letter-spacing: 0.5px;
    font-weight: normal;
    font-style: italic;
    font-size: 20px;
}

.spinner-img {
    margin: 0 auto;
    width: 48px;
    height: 48px;
    background: url(../images/loader.gif) no-repeat;
    background-position: center center;
    background-size: cover;
}

.spinner-label {
    margin-top: -10px;
    padding: 2px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
}


/*----------- MOUSEPLUS TOOLTIPS & CUSTOM CURSORS -----------*/


/*---- Generic tooltip - used unless specific style override has been created - Example: .mousePlus-Zoom .tip-text ----*/

.tip-text {
    padding: 6px 8px 8px;
    border-radius: 10px;
    background-color: #444;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 14px;
}

.mousePlus-Pointer {
    cursor: pointer
}

/***** standard cursors *****/
.mousePlus-alias {cursor: alias;}
.mousePlus-all-scroll {cursor: all-scroll;}
.mousePlus-auto {cursor: auto;}
.mousePlus-cell {cursor: cell;}
.mousePlus-context-menu {cursor: context-menu;}
.mousePlus-col-resize {cursor: col-resize;}
.mousePlus-copy {cursor: copy;}
.mousePlus-crosshair {cursor: crosshair;}
.mousePlus-default {cursor: default;}
.mousePlus-e-resize {cursor: e-resize;}
.mousePlus-ew-resize {cursor: ew-resize;}
.mousePlus-grab {cursor: grab;}
.mousePlus-grabbing {cursor: grabbing;}
.mousePlus-help {cursor: help;}
.mousePlus-move {cursor: move;}
.mousePlus-n-resize {cursor: n-resize;}
.mousePlus-ne-resize {cursor: ne-resize;}
.mousePlus-nesw-resize {cursor: nesw-resize;}
.mousePlus-ns-resize {cursor: ns-resize;}
.mousePlus-nw-resize {cursor: nw-resize;}
.mousePlus-nwse-resize {cursor: nwse-resize;}
.mousePlus-no-drop {cursor: no-drop;}
.mousePlus-none {cursor: none;}
.mousePlus-not-allowed {cursor: not-allowed;}
.mousePlus-pointer {cursor: pointer;}
.mousePlus-progress {cursor: progress;}
.mousePlus-row-resize {cursor: row-resize;}
.mousePlus-s-resize {cursor: s-resize;}
.mousePlus-se-resize {cursor: se-resize;}
.mousePlus-sw-resize {cursor: sw-resize;}
.mousePlus-text {cursor: text;}
.mousePlus-url {cursor: url(myBall.cur),auto;}
.mousePlus-w-resize {cursor: w-resize;}
.mousePlus-wait {cursor: wait;}
.mousePlus-zoom-in {cursor: zoom-in;}
.mousePlus-zoom-out {cursor: zoom-out;}

/***** Custom cursors (Good Browsers) *****/
.mousePlus-Zoom {cursor: url(../images/cursors/zoom-in.cur), default}
.mousePlus-HorzArrow {cursor: url(../images/cursors/leftRight.cur), e-resize}
.mousePlus-VertArrow {cursor: url(../images/cursors/upDown.cur), n-resize}
.mousePlus-Move {cursor: url(../images/cursors/allDirections.cur), move}

/***** Custom cursors (Internet Explorer) *****/
.mousePlus-Zoom.ie {cursor: url(code-bin/skin-defaults/images/cursors/zoom-in.cur), default}
.mousePlus-HorzArrow.ie {cursor: url(code-bin/skin-defaults/images/cursors/leftRight.cur), e-resize}
.mousePlus-VertArrow.ie {cursor: url(code-bin/skin-defaults/images/cursors/upDown.cur), n-resize}
.mousePlus-Move.ie {cursor: url(code-bin/skin-defaults/images/cursors/allDirections.cur), move}

/***** Don't show zoom cursor if 'ClickOutsideToHide' mode *****/
.clickOutsideToHide .mousePlus-Zoom {cursor: default}
/***** When dragging over a no-drop zone (using not-allowed because no-drop is not consistent across browsers) *****/
.mousePlus-Move.NoDrop {cursor: not-allowed;}


/*---- VIDEO PLAY BUTTON ----*/

.playButton {
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
}


/*----------- BOOK CONTROL -----------*/

.bookCtlView_container {
    position: absolute;
    margin: 0px 0px;
    width: 310px;
    height: 190px;
    list-style: none;
    text-indent: 0px;
}

.PlatformMobile .bookCtlView_container {
    width: 290px;
}

.bookCtlView_image_container {
    display: inline-block;
    float: left;
    width: 50%;
}

.bookCtlView_text_container {
    display: inline-block;
    float: right;
    width: 50%;
}

.bookCtlView_single {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

.bookCtlView_cover {
    top: 0px;
    left: 0px;
    display: block;
    width: auto;
    height: 190px;
    cursor: pointer;
}

.PlatformMobile .bookCtlView_cover {
    height: 162px;
}

.bookCtlView_cover img {
    display: block;
    margin: 0 auto;
    max-width: 135px;
    max-height: 190px;
    box-shadow: 0px 0px 5px #000;
}

.PlatformMobile .bookCtlView_cover img {
    max-width: 115px;
    max-height: 162px;
}

.bookCtlView_cover .updateBadge {
    position: absolute;
    top: -8px;
    right: -8px;
    overflow: hidden;
    width: 28px;
    height: 28px;
}

.bookCtlView_title,
.bookCtlView_price,
.bookCtlView_additional_info,
.bookCtlView_booksize,
.bookCtlView_description,
.bookCtlView_btn_container,
.bookCtlView_progress_text,
.bookCtlView_progress_bar,
.bookCtlView_message {
    width: auto;
    text-align: left;
}

.bookCtlView_title {
    height: auto;
    color: #fff;
    vertical-align: top;
    font-size: 12px;
}

.bookCtlView_title h2 {
    margin: 0 0 5px 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

.bookCtlView_price {
    margin-bottom: 5px;
    color: #2eb6e6;
    font-weight: 600;
    font-size: 13px;
}

.bookCtlView_booksize {
    margin-bottom: 5px;
    color: #333;
    font-weight: 600;
    font-size: 13px;
}

.bookCtlView_description,
.bookCtlView_additional_info,
.bookCtlView_message {
    margin: 5px 0px 5px 0px;
    color: #333;
    word-wrap: break-word;
    font-weight: normal;
    font-size: 12px;
}

.bookCtlView_btn_container {
    float: left;
    margin-top: 5px;
    margin-right: 80px;
    margin-bottom: 5px;
    color: #7d7d7e;
    font-weight: 600;
    font-size: 12px;
}

a.bookCtlView_read_btn,
a.bookCtlView_download_btn,
a.bookCtlView_pause_btn,
a.bookCtlView_remove_btn,
a.bookCtlView_read_part_btn,
a.bookCtlView_download_part_btn,
a.bookCtlView_delete_part_btn,
a.bookCtlView_update_btn {
    display: block;
}

a.bookCtlView_read_btn.btn,
a.bookCtlView_download_btn.btn,
a.bookCtlView_pause_btn.btn,
a.bookCtlView_remove_btn.btn,
a.bookCtlView_read_part_btn.btn,
a.bookCtlView_download_part_btn.btn,
a.bookCtlView_delete_part_btn.btn,
a.bookCtlView_update_btn.btn {
    display: block;
    padding: 4px 8px;
    font-size: 12px;
}

.LanguageEsp a.bookCtlView_read_btn.btn,
.LanguageEsp a.bookCtlView_download_btn.btn,
.LanguageEsp a.bookCtlView_pause_btn.btn,
.LanguageEsp a.bookCtlView_remove_btn.btn,
.LanguageEsp a.bookCtlView_read_part_btn.btn,
.LanguageEsp a.bookCtlView_download_part_btn.btn,
.LanguageEsp a.bookCtlView_delete_part_btn.btn,
.LanguageEsp a.bookCtlView_update_btn.btn {
    font-size: 11px;
}

a.bookCtlView_download_part_btn,
a.bookCtlView_delete_part_btn,
a.bookCtlView_update_btn {
    margin-left: 10px;
}

a.bookCtlView_download_btn,
a.bookCtlView_pause_btn {
    margin-right: 5px;
    margin-left: 15px;
    color: #333;
    text-decoration: none;
    font-size: 24px;
}

a.bookCtlView_remove_btn {
    margin-right: 5px;
    margin-left: 5px;
    color: #333;
    text-decoration: none;
    font-size: 24px;
}

a.bookCtlView_download_btn:hover,
a.bookCtlView_pause_btn:hover,
a.bookCtlView_remove_btn:hover {
    color: #555;
    text-decoration: none;
    font-size: 24px;
}

.PlatformTablet leftslideintabview a.bookCtlView_download_btn {
    margin: 10px 0px 0px;
}

.bookCtlView_progress_text {
    padding-left: 5px;
    color: #333;
    text-transform: uppercase;
    font-size: 10px;
}

.PlatformDesktop .bookCtlView_progress_text {
    margin-top: 5px;
}

.bookCtlView_progress_bar {
    overflow: hidden;
    margin-top: 12px;
    width: 155px;
    height: 15px;
    background: #bbbbbb;
}

.progress_hidden {
    display: none
}

.PlatformMobile a.bookCtlView_download_part_btn,
.PlatformMobile a.bookCtlView_delete_part_btn,
.PlatformMobile a.bookCtlView_read_btn,
.PlatformMobile a.bookCtlView_update_btn,
.PlatformMobile a.bookCtlView_download_btn,
.PlatformMobile a.bookCtlView_pause_btn,
.PlatformMobile a.bookCtlView_remove_btn {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.PlatformTablet7 a.bookCtlView_download_part_btn,
.PlatformTablet7 a.bookCtlView_delete_part_btn,
.PlatformTablet7 a.bookCtlView_update_btn,
.PlatformTablet7 a.bookCtlView_download_btn,
.PlatformTablet7 a.bookCtlView_pause_btn,
.PlatformTablet7 a.bookCtlView_remove_btn {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.PlatformTablet a.bookCtlView_download_part_btn,
.PlatformTablet a.bookCtlView_delete_part_btn,
.PlatformTablet a.bookCtlView_update_btn,
.PlatformTablet a.bookCtlView_download_btn,
.PlatformTablet a.bookCtlView_pause_btn,
.PlatformTablet a.bookCtlView_remove_btn {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.PlatformMobile .bookCtlView_progress_bar {
    width: 100px;
}

.PlatformTablet7 .bookCtlView_progress_bar {
    width: 100px;
}

.PlatformTablet .bookCtlView_progress_bar {
    width: 100px;
}


/*------- NEW BOOK CONTROL -------*/

.NewBookCtlView_container {
    position: absolute;
    margin: 10px 20px 10px 20px;
    width: 150px;
    height: 240px;
}

.ExternalAssetCtlView_container {
    position: absolute;
    margin: 15px 20px 10px 20px;
    width: 140px;
    height: 200px;
    top: 15px;
}

.NewBookCtlView_container .popover {
    padding: 0px;
    border: 0px;
}

.PlatformTablet7 .NewBookCtlView_container .popover.bottom > .arrow {
    top: -10px;
}

.NewBookCtlView_container .popover-content .bookCtlView_booksize {
    float: left;
    margin-bottom: 10px;
}

.NewBookCtlView_container .popover-content .bookCtlView_price {
    float: right;
    margin-bottom: 10px;
}

.NewBookCtlView_container .popover-content .bookCtlView_label {
    display: inline-block;
    padding-right: 5px;
}

.NewBookCtlView_container .popover-content .bookCtlView_text {
    display: inline-block;
}

.NewBookCtlView_image_container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 200px;
}

.ExternalAssetCtlView_image_container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
    height: 160px;
}

.NewBookCtlView_cover_btn_container {
    position: absolute;
    width: 100%;
    /* top will be set by app to center */
}

.NewBookCtlView_cover_btn_container .btn {
    margin-top: 5px;
    margin-right: 15%;
    margin-bottom: 5px;
    margin-left: 15%;
    width: 70%;
    border-color: #aaa;
}

.NewBookCtlView_title_container {
    position: absolute;
    top: 200px;
    left: 0px;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    width: 150px;
    height: auto;
    text-align: center;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* max height needs to adjust if font-size is changed */
    font-size: 12px;
    cursor: pointer;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
}

.ExternalAssetCtlView_title_container {
    position: absolute;
    top: 165px;
    left: 0px;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    width: 130px;
    height: auto;
    text-align: center;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* max height needs to adjust if font-size is changed */
    font-size: 12px;
    cursor: pointer;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
}

.NewBookCtlView_title_container .ellipsis:after {
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 1em;
    height: 1.5em;
    background: #fff;
    content: '\02026';
}

.NewBookCtlView_container.selected {
	z-index: 999;
}

.NewBookCtlView_container.selected .NewBookCtlView_title_container {
    right: 0px;
    left: 0px;
    z-index: 999;
    display: block;
    overflow: visible;
    margin-top: 3px;
    padding: 6px 8px 8px;
    max-height: initial;
    width: auto;
    border-radius: 3px 3px 3px 3px;
    background-color: #000;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    color: #fff;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.NewBookCtlView_container.selected .NewBookCtlView_title_container:after {
    height: 0px;
    content: '';
}

.NewBookCtlView_tpod_info {
    display: none;
}

.NewBookCtlView_tpod_info.selected {
    display: block;
    font-size: 12px;
}

.NewBookCtlView_cover_image
 {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
    cursor: pointer;
}

.ExternalAssetCtlView_cover_image
 {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
    cursor: pointer;
    height: 160px;
}

.NewBookCtlView_image_container.inactiveTpod .NewBookCtlView_cover_star {
    display: none;
}

.NewBookCtlView_image_container.activeTpod .NewBookCtlView_cover_star {
    position: absolute;
    top: -3px;
    right: -12px;
    z-index: 1;
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../images/bookshelf/Star_TPOD_2016.png');
    background-size: contain;
}

.NewBookCtlView_cover_highlight {
    position: absolute;
    display: none;
    cursor: default;
}

.NewBookCtlView_container.selected .NewBookCtlView_cover_highlight {
    display: block;
    background-color: #000;
    opacity: 0.20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
}

.NewBookCtlView_topInfo {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 20px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #aaa;
    background-color: #b71234;
    color: white;
    text-align: center;
}

.NewBookCtlView_bottomInfo {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 20px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #aaa;
    background-color: #b71234;
    color: white;
    text-align: center;
}

.NewBookCtlView_progress_container {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #aaa;
    background-color: white;
}

.NewBookCtlView_progress_download_btn {
    position: absolute;
    top: 2px;
    left: 2px;
}

.NewBookCtlView_progress_pause_btn {
    position: absolute;
    top: 2px;
    left: 2px;
}

.NewBookCtlView_progress_remove_btn {
    position: absolute;
    top: 2px;
    right: 2px;
}

.NewBookCtlView_progress_bar {
    position: absolute;
    top: 5px;
    right: 18px;
    left: 18px;
    height: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
}

.NewBookCtlView_progress_text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 10px;
}

.NewBookCtlView_multiCheck {
    position: absolute;
    right: 0;
    left: 0;
    display: none;
    padding-top: 40%;
    height: 100%;
    color: #b71234;
    text-align: center;
    font-size: 65px;
    cursor: pointer;
    cursor: default;
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container .NewBookCtlView_multiCheck {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
    cursor: pointer;
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container.selected .NewBookCtlView_multiCheck {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    cursor: pointer;
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container .NewBookCtlView_cover_highlight {
    display: block;
    background-color: #fff;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container.selected .NewBookCtlView_cover_highlight {
    display: none;
}

.NewBookCtlView_container.selected .NewBookCtlView_title_container .ellipsis::after {
    display:none;
}

.NewBookCtlView_image_container .NewBookCtlView_cover_link_badge {
    position: absolute;
    z-index: 1;
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../images/bookshelf/link_badge.png');
    background-size: contain;
}

/*--------- OLD_BOOKSHELF ---------*/


/* Styles for old/deprecated bookshelf */

.bookshelfView_body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    /* Old Bookshelf style */
    overflow: auto;
    background-color: #f5f5f5;
    box-shadow: inset 0 9px 5px -8px #757575;
}

.bookshelfView_logo {
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
}

.bookshelfView_title {
    float: left;
    padding: 13px 0 13px 10px;
    color: #FFF;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
}

.bookshelfView_title sup {
    margin: 0 0 0 3px;
    padding: 0px;
    font-size: 11px;
}

.bookshelfView_header111 {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    margin: 0;
    width: 100%;
    /* Do not use padding here ... it causes strange stack overflow when changing books in iPad ios 4.x */
}


/*----------- BOOKSHELF -----------*/

.BookshelfView_gridBody {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.BookshelfView_gridBody .spinner {
    z-index: 10
}

.BookshelfView {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    min-height: 250px;
}

.BookshelfView_gridWrapper,
.BookshelfView_listWrapper,
.BookshelfView_errorWrapper {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 30px;
    left: 0px;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    /*border: 1px solid #bfbfbf;*/
    background-color: #fff;
}

.ExternalAssetsActive .BookshelfView_gridWrapper,
.ExternalAssetsActive .BookshelfView_listWrapper,
.ExternalAssetsActive .BookshelfView_errorWrapper {
	
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 280px;
    left: 0px;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    /*border: 1px solid #bfbfbf;*/
    background-color: #fff;
}

.BookshelfView_ExternalAssetGridWrapper,
.BookshelfView_ExternalAssetErrorWrapper {
    position: absolute;
    height: 250px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    overflow-x: auto;
    overflow-y: hidden;
    border: none;
    background-color: #fff;
}

.PlatformMobile .BookshelfView_ExternalAssetGridWrapper {
    position: absolute;
    height: 100%;
    right: 0px;
    top: 0px;
    left: 0px;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
    background-color: #fff;
}

.BookshelfView_ExternalAssetGridWrapperHeader {
	position: absolute;
  	left: 0;
   	right: 0;
   	bottom: 220px;
   	text-align: center;
   	border-bottom: 1px solid #000;
   	line-height: .1em;
   	margin: 7px 0 20px;
   	z-index: 100;
}

.BookshelfView_ExternalAssetGridWrapperHeaderSpan {
	background-color: #fff;
	padding: 0 25px;
}

.BookshelfView_errorText,
.BookshelfView_ExternalAssetErrorText, {
    position: absolute;
	font-size: 28px;
	line-height: 32px;
	font-family: sans-serif;
	font-weight: bold;
	color: #d62323;
	text-align: justify;
}

.PlatformDesktop.High .BookshelfView_errorText,
.PlatformDesktop.High .BookshelfView_ExternalAssetErrorText,
.PlatformTablet .BookshelfView_errorText {
	font-size: 28px;
	line-height: 32px;	
}

.PlatformDesktop.High .BookshelfView_errorText p:nth-child(2),
.PlatformDesktop.High .BookshelfView_ExternalAssetErrorText p:nth-child(2),
.PlatformTablet .BookshelfView_errorText p:nth-child(2) {
    font-style: italic;
	font-size: 21px;
	line-height: 24px;
	padding-top: 12px;
}

.PlatformDesktop.Med .BookshelfView_errorText,
.PlatformDesktop.Med .BookshelfView_ExternalAssetErrorText {
	font-size: 22px;
	line-height: 26px;	
}

.PlatformDesktop.Med .BookshelfView_errorText p:nth-child(2),
.PlatformDesktop.Med .BookshelfView_ExternalAssetErrorText p:nth-child(2) {
    font-style: italic;
	font-size: 16px;
	line-height: 19px;
	padding-top: 10px;
}

.PlatformDesktop.Low .BookshelfView_errorText,
.PlatformDesktop.Low .BookshelfView_ExternalAssetErrorText {
	font-size: 16px;
	line-height: 19px;	
}

.PlatformDesktop.Low .BookshelfView_errorText p:nth-child(2),
.PlatformDesktop.Low .BookshelfView_ExternalAssetErrorText p:nth-child(2) {
    font-style: italic;
	font-size: 12px;
	line-height: 14px;
	padding-top: 8px;
}

.PlatformMobile .BookshelfView_errorText,
.PlatformMobile .BookshelfView_ExternalAssetErrorText
{
	font-size: 16px;
	line-height: 19px;	
	text-align: center;
}

.PlatformMobile .BookshelfView_errorText p:nth-child(2),
.PlatformMobile .BookshelfView_ExternalAssetErrorText p:nth-child(2) {
    font-style: italic;
	font-size: 12px;
	line-height: 14px;
	padding-top: 8px;
	text-align: center;
}

.showPrevNextCtl .BookshelfView_gridWrapper,
.showPrevNextCtl .BookshelfView_listWrapper {
    bottom: 30px;
}

.showPrevNextCtl.ExternalAssetsActive .BookshelfView_gridWrapper,
.showPrevNextCtl.ExternalAssetsActive .BookshelfView_listWrapper{
    bottom: 280px;
}


.showPrevNextCtl.ExternalAssetsActive .prevNextControl{
    bottom: 250px;
}

.ToolbarAtLeft .BookshelfView_gridWrapper,
.ToolbarAtLeft .BookshelfView_listWrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    border-bottom: 1px solid #bfbfbf;
}

.ToolbarAtLeft .showPrevNextCtl .BookshelfView_gridWrapper,
.ToolbarAtLeft .showPrevNextCtl .BookshelfView_listWrapper {
    bottom: 30px;
}

.PlatformMobile .BookshelfView_gridWrapper,
.PlatformMobile .BookshelfView_listWrapper,
.PlatformMobile .BookshelfView_errorWrapper
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.PlatformMobile .BookshelfView_ExternalAssetErrorWrapper
{
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.PlatformMobile .showPrevNextCtl .BookshelfView_gridWrapper,
.PlatformMobile .showPrevNextCtl .BookshelfView_listWrapper {
    bottom: 30px;
}


/* Without this the popover takes max size of .NewBookCtlView_cover_btn_container */

.BookshelfView_gridWrapper .popover {
    min-height: 100px;
    width: 250px;
}

.BookshelfView_gridWrapper .popover.tpod {
    min-height: 100px;
    width: 220px;
    text-align: center;
}

.BookshelfView_gridBody .titleControl {
    z-index: 2;
}

.BookshelfView_gridBody .prevNextControl {
    position: absolute;
    bottom: 2px;
    overflow: hidden;
    height: 26px;
}

.BookshelfView_gridBody .prevNextBtn1,
.BookshelfView_gridBody .prevNextBtn2 {
    position: relative;
    float: left;
    padding: 3px;
    width: 80px;
}

.BookshelfView_gridBody .prevNextSelection {
    position: relative;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    text-align: center;
}

.BookshelfView_gridBody .prevNextSelectionSizes,
.BookshelfView_gridBody .prevNextSelection .spriteInputField {
    width: 100px;
    height: 26px;
    text-align: center;
    font-size: 14px;
}

.PlatformMobile .NewBookCtlView_container.topRow {
    margin-top: 30px;
}

/*----------- CARD FLIP EFFECT -----------*/

.cardContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-perspective: 1000;
}

.card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 1.0s;
    -webkit-transform-style: preserve-3d;
}

.front {
    position: absolute;
    z-index: 50;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-box-shadow: 0 2px 5px #ccc;
    -webkit-backface-visibility: hidden;
}

.back {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px #ccc;
    -webkit-transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
}

.flipped {
    -webkit-transform: rotateY(180deg)
}

.flipped .back {
    z-index: 99
}


/*----------- CALENDAR -----------*/

#Calendar_DialogContent {
    width: 100%;
    height: 100%;
    border-radius: 0 0 8px 8px;
    background: #3d3d3d;
}
.PlatformMobile #Calendar_DialogContent {
    border-radius: 0px;
}
.hidden {
    position: absolute;
    opacity: 0;
}

.visible {
    opacity: 1
}

div.calendar {
    text-align: center;
}

div.calendar.month {
    padding: 7px;
    width: 296px;
    height: 311px;
}

div.calendar.year {
    width: 296px;
    height: 230px;
}

div.calendar.caltype2 {
    width: 216px;
    height: 230px;
}

.calendar .calendarArchive {
	color: white;	
	font-size: 30px;
}

.calendar #archiveLink {
    background-color: #49bad7;
    color: white;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    width: 100px;
    text-align: center;
    position: relative;
    top: 25px;
    left: 91px;	
}

.PlatformMobile div.calendar.month {
    padding: 6px;
    width: 281px;
    height: 298px;
}

.PlatformMobile div.calendar.year {
    padding: 6px;
    width: 290px;
    height: 222px;
}

.PlatformMobile div.calendar.caltype2 {
    padding: 6px;
    width: 290px;
    height: 222px;
}

div.calendar * {
    margin: 0;
    padding: 0;
}

div.calendar div.calendarcontent {
    position: relative;
    overflow: hidden;
}

div.calendar caption {
    position: relative;
    color: #fff;
    letter-spacing: 0.2px;
    font-weight: 600;
    font-size: 17px;
}

.PlatformMobile div.calendar caption {
    margin: 0;
    letter-spacing: 0;
    font-size: 15px;
}

div.calendar.month caption {
    height: 37px
}

div.calendar.year caption {
    height: 42px
}

div.calendar.caltype2 caption {
    height: 42px
}

.PlatformMobile div.calendar.month caption {
    height: 35px
}

.PlatformMobile div.calendar.year caption {
    height: 42px
}
.PlatformMobile div.calendar.caltype2 caption {
    height: 42px
}

div.calendar caption a {
    position: absolute;
    top: 7px;
    display: block;
    overflow: hidden;
    width: 29px;
    height: 37px;
    color: #fff;
    text-decoration: none !important;
    font-weight: normal;
    font-size: 24px;
    cursor: pointer;
}

div.calendar caption a.prev {
    left: 3px;
}

div.calendar caption a.next {
    right: 3px;
}

div.calendar caption span {
    position: relative;
    top: 6px;
    text-align: center;
}

div.calendar caption span.month {
    padding-right: 8px
}

div.calendar caption span.month:after {
    /*content: ', ';_NO__DOTCOMMA__AFTER__*/
}

div.calendar table {
    overflow: hidden;
    margin: 0 auto;
    border: 0;
    border-spacing: 2px;
    border-collapse: collapse;
    cursor: default;
}
.PlatformMobile div.calendar table {
    margin-top: 30px;
}
div.calendar th {
    padding: 0 0 2px 0;
    width: 42px;
    border: 0;
    color: #fff;
    text-align: center;
    text-shadow: #000 0 -1px 0px;
    font-weight: normal;
    font-size: 15px;
}

.PlatformMobile div.calendar th {
    padding: 0 0 2px 0;
    font-size: 13px;
}

div.calendar td {
    color: #5a5a5a;
    font-size: 15px;
}

div.calendar.month td {
    padding-left: 2px;
    width: 42px;
    height: 41px;
}

div.calendar.year td {
    padding-left: 3px;
    width: 94px;
    height: 45px;
}

div.calendar.caltype2 td {
    padding: 4px;
    width: 94px;
    height: 45px;
}

.PlatformMobile div.calendar.month td {
    padding-left: 1px;
    width: 41px;
    height: 39px;
}

.PlatformMobile div.calendar.year td {
    padding-left: 2px;
    width: 94px;
    height: 43px;
}

.PlatformMobile div.calendar.caltype2 td {
    padding-left: 2px;
    width: 94px;
    height: 43px;
}

div.calendar td div {
    border: 1px solid #2e2e2e;
    border-radius: 4px;
    background-color: #5a5a5a;
}

div.calendar.month td div {
    padding-top: 3px;
    width: 36px;
    height: 28px;
}

div.calendar.year td div {
    width: 90px;
    height: 30px;
    line-height: 28px;
}

div.calendar.caltype2 td div {
    width: 90px;
    height: 82px;
    line-height: 77px;
}

.PlatformMobile div.calendar.month td div {
    width: 35px;
    height: 28px;
    line-height: 28px;
}

.PlatformMobile div.calendar.year td div {
    width: 89px;
    height: 30px;
}

.PlatformMobile div.calendar.caltype2 td div {
    margin-top: -5px;
}

div.calendar div.inactive {}

div.calendar div.invalid {
    color: #e5e5e5
}
div.calendar.caltype2 div.invalid {
    opacity: .3;
    cursor: not-allowed;
}
div.calendar div.valid {
    border: 1px solid #797979;
    background: #0e6073;
    color: #000;
    cursor: pointer;
}

div.calendar div.valid:hover {
    border: 1px solid #797979;
    background: #0e6073;
}

div.calendar div.active,
div.calendar div.hilite {
    border: 1px solid #1b87d6;
    background: #0e6073;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}


/*----------- SCROLLBARS WHEN ZOOMING PAGE -----------*/


/*
.PlatformDesktop ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    border-left: solid 1 #fff;
}
.PlatformDesktop ::-webkit-scrollbar-button:start:decrement
{
    display: block;
    height: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-button:end:increment
{
    display: block;
    height: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-button:vertical:increment { background-color: transparent }
.PlatformDesktop ::-webkit-scrollbar-track:enabled
{
    background-color: rgba(0, 0, 0, 0.17);
    -webkit-border-radius: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-thumb:vertical
{
    height: 50px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-border-radius: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-thumb:horizontal
{
    width: 50px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-border-radius: 5px;
}
*/


/*----------- SCROLLBARS ON THUMBNAIL PAGE SLIDER -----------*/


/*
.PlatformDesktop .thumbPanel ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    border-left: solid 1 #fff;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-button:start:decrement
{
    display: block;
    height: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-button:end:increment
{
    display: block;
    height: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-button:vertical:increment { background-color: transparent }
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-track:enabled
{
    background-color: rgba(255, 255, 255, 0.17);
    -webkit-border-radius: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-thumb:vertical
{
    height: 50px;
    background-color: rgba(255, 255, 255, .4);
    -webkit-border-radius: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-thumb:horizontal
{
    width: 50px;
    background-color: rgba(255, 255, 255, .4);
    -webkit-border-radius: 5px;
}
*/


/*----------- Text Style Buttons -----------*/

.buttonText {
    display: inline-block;
    padding: 0.5em 1.0em;
    width: auto;
    height: auto;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.buttonTextDefault {
    border: 1px solid #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    background-color: #cede85;
    box-shadow: #e6eec1 0 1px 0 inset;
    color: white;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
}

.buttonTextDefault:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
    background-color: #96ab2f;
}

.buttonTextDefault:active {
    box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
}

.buttonTextInsetLight {
    border: 1px solid #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    background-color: #cede85;
    box-shadow: #e6eec1 0 1px 0 inset;
    color: white;
    text-shadow: #839629 0 -1px 0;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
}

.buttonTextInsetLight:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
    background-color: #96ab2f;
}

.buttonTextInsetLight:active {
    box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
}

.buttonTextInsetDark {
    border: 1px solid #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    background-color: #cede85;
    box-shadow: #e6eec1 0 1px 0 inset;
    color: #333333;
    text-shadow: #cedd84 0 1px 0;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
}

.buttonTextInsetDark:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
    background-color: #96ab2f;
}

.buttonTextInsetDark:active {
    box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
}

.buttonTextRaisedLight {
    border: 1px solid #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    background-color: #cede85;
    box-shadow: #e6eec1 0 1px 0 inset;
    color: white;
    text-shadow: #839629 0 1px 0;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
}

.buttonTextRaisedLight:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
    background-color: #96ab2f;
}

.buttonTextRaisedLight:active {
    box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
}

.buttonTextRaisedDark {
    border: 1px solid #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    background-color: #cede85;
    box-shadow: #e6eec1 0 1px 0 inset;
    color: #333333;
    text-shadow: #cedd84 0 -1px 0;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
}

.buttonTextRaisedDark:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
    background-color: #96ab2f;
}

.buttonTextRaisedDark:active {
    box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
}


/*----------- Unstyled Button Base -----------*/

.button {
    display: inline-block;
    padding: 0.5em 1.0em;
    width: auto;
    height: auto;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
}

.buttonPush {
    position: relative;
    display: inline-block;
    padding: 0.5em 1.0em;
    width: auto;
    height: auto;
    border: 1px solid #abab8e;
    border-bottom: solid 1px #ccccba;
    border-radius: 5px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7df), color-stop(50%, #ccccba), color-stop(100%, #b6b69d));
    background: -webkit-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background-color: #ccccba;
    box-shadow: white 0 1px 0 inset;
    box-shadow: #b2b297 0 0.4em 0px, #f3f3ef 0 1px 0 inset;
    color: white;
    text-shadow: #a1a180 0 -1px 0;
    font-size: 14px;
    cursor: pointer;
    -o-box-shadow: white 0 1px 0 inset;
    -o-box-shadow: #b2b297 0 0.4em 0px, #f3f3ef 0 1px 0 inset;
}

.buttonPush:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3d9), color-stop(50%, #b6b69d), color-stop(100%, #a5a585));
    background: -webkit-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background-color: #b6b69d;
}

.buttonPush:active {
    box-shadow: #a5a585 0 1px 2px inset;
    -o-box-shadow: #a5a585 0 1px 2px inset;
}

.buttonPush:active {
    top: 0.3em;
    box-shadow: #bbbba3 0 0.2em 0px;
    -o-box-shadow: #bbbba3 0 0.2em 0px;
}

.buttonInset {
    display: inline-block;
    padding: 0.5em 1.0em;
    width: auto;
    height: auto;
    border: 1px solid #abab8e;
    border: solid 1px #abab8e;
    border-radius: 5px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7df), color-stop(50%, #ccccba), color-stop(100%, #b6b69d));
    background: -webkit-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background-color: #ccccba;
    box-shadow: white 0 1px 0 inset;
    box-shadow: #bbbba3 0 0.2em 0.4em inset;
    color: white;
    text-shadow: #a1a180 0 -1px 0;
    font-size: 14px;
    cursor: pointer;
    -o-box-shadow: white 0 1px 0 inset;
    -o-box-shadow: #bbbba3 0 0.2em 0.4em inset;
}

.buttonInset:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3d9), color-stop(50%, #b6b69d), color-stop(100%, #a5a585));
    background: -webkit-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background-color: #b6b69d;
}

.buttonInset:active {
    background-color: #8c8c71;
    box-shadow: #a5a585 0 1px 2px inset;
    -o-box-shadow: #a5a585 0 1px 2px inset;
}

.buttonInset:active {
    box-shadow: #b2b297 0 0.2em 0.4em inset;
    -o-box-shadow: #b2b297 0 0.2em 0.4em inset;
}

.buttonSquare {
    border-radius: 0px;
}

.buttonRounded {
    border-radius: 5px;
}

.buttonOval {
    border-radius: 50px;
}

.buttonRed {
    border: 1px solid #e5582c;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0a087), color-stop(70%, #e86a43));
    background: -webkit-linear-gradient(#f0a087, #e86a43 70%);
    background: linear-gradient(#f0a087, #e86a43 70%);
    background-color: #e86a43;
    box-shadow: #f9d6cb 0 1px 0 inset;
    color: white;
    text-shadow: #d6471a 0 -1px 0;
    -o-box-shadow: #f9d6cb 0 1px 0 inset;
}

.buttonRed:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #ee8e70), color-stop(75%, #e5582c));
    background: -webkit-linear-gradient(#ee8e70 3%, #e5582c 75%);
    background: linear-gradient(#ee8e70 3%, #e5582c 75%);
    background-color: #e5582c;
}

.buttonRed:active {
    box-shadow: #e44d1f 0 1px 2px inset;
    -o-box-shadow: #e44d1f 0 1px 2px inset;
}

.buttonBlue {
    border: 1px solid #2d66a0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d8ccd), color-stop(100%, #3372b4));
    background: -webkit-linear-gradient(#4d8ccd, #3372b4);
    background: linear-gradient(#4d8ccd, #3372b4);
    background-color: #4d8ccd;
    box-shadow: #89b3de 0 1px 0 inset;
    color: white;
    text-shadow: #214a75 0 -1px 0;
    -o-box-shadow: #89b3de 0 1px 0 inset;
}

.buttonBlue:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #397fc7), color-stop(100%, #2d66a0));
    background: -webkit-linear-gradient(#397fc7, #2d66a0);
    background: linear-gradient(#397fc7, #2d66a0);
    background-color: #2d66a0;
}

.buttonBlue:active {
    box-shadow: #2a5e94 0 1px 2px inset;
    -o-box-shadow: #2a5e94 0 1px 2px inset;
}

.buttonGreen {
    border: 1px solid #7fb74d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #a1ca7c), color-stop(51%, #8cbe5f));
    background: -webkit-linear-gradient(#a1ca7c 50%, #8cbe5f 51%);
    background: linear-gradient(#a1ca7c 50%, #8cbe5f 51%);
    background-color: #8cbe5f;
    box-shadow: #c8e0b2 0 1px 0 inset;
    color: white;
    text-shadow: #5f8a38 0 -1px 0;
    -o-box-shadow: #c8e0b2 0 1px 0 inset;
}

.buttonGreen:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #8fbf63), color-stop(51%, #7ab148));
    background: -webkit-linear-gradient(#8fbf63 50%, #7ab148 51%);
    background: linear-gradient(#8fbf63 50%, #7ab148 51%);
    background-color: #7ab148;
}

.buttonGreen:active {
    box-shadow: #77ae47 0 1px 2px inset;
    -o-box-shadow: #77ae47 0 1px 2px inset;
}

.buttonTextBold {
    font-weight: 600
}


/*----------- MODAL OVERLAYS -----------*/

#popUpModalOverlay,
.popUpModalOverlay {
    background: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

#pageCtlModalOverlay {
    background: #000;
    opacity: 0.25;
    z-index: 103;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

/*----------- VideoPlayer STYLES FOR MOBILE -----------*/

body:not(.PlatformMobile) .videoWrapper .closeIcon,
body.PlatformMobile.PlatformLandscape .videoWrapper .closeIcon {
	display: none;
}

.videoWrapper .closeIcon {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 35px;
}

.videoWrapper .closeIcon .glyphicon {
    position: absolute;
    top:7px;
    right: 4px;
    bottom: 0;
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
    color: #fff;
    font-size: 19px;
    cursor: pointer;
}

/*----------- POPUP WINDOW -----------*/

.popUpWindow {
    position: absolute;
    margin-bottom: 0px;
    border-radius: 12px;
    background: #fff;
    text-align: left;
}

.PlatformMobile .popUpWindow {
    border-radius: 0px
}

.popUpWindow .header {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 35px;
    border-radius: 8px 8px 0 0;
    background-color: #333;
    -webkit-background-clip: padding-box;
}

.PlatformMobile .popUpWindow .header {
    border-radius: 0px
}

.popUpWindow .header span.titleText {
    position: absolute;
    top: 9px;
    left: 20px;
    display: block;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
}

.ToolbarAtLeft .contentHolder div:first-child,
.ToolbarAtLeft .popUpWindow,
.ToolbarAtLeft .popUpWindow .header,
.ToolbarAtLeft .popUpWindow .footer {
    border-radius: 0px !important;
}

.ToolbarAtLeft .popUpWindow {
    border: 2px solid #2e2e2e;
}

.ToolbarAtLeft .popUpWindow .header {
    z-index: 999999;
    visibility: hidden;
}

.ToolbarAtLeft .popUpWindow .content {
    top: 0px !important;
}

.popUpWindow div.content {
    position: absolute;
    width: 100%;
}

.popUpWindow div.contentHolder {
    position: absolute;
    width: 100%;
    height: 100%;
}

.popUpWindow .footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50px;
    border-radius: 0 0 8px 8px;
    background-color: #333;
    font-size: 20px;
}

.PlatformMobile .popUpWindow .footer {
    border-radius: 0px;
}


/*----------- POPUP WINDOW - PLATFORM DESKTOP STYLES -----------*/

.PlatformDesktop .popUpWindow .header {}

.PlatformDesktop .popUpWindow .header span.titleText {}

.popUpWindow .header .closeIcon .glyphicon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.ToolbarAtLeft .popUpWindow .header .closeIcon .glyphicon {
    top: 7px;
    left: 0px;
    margin: 0;
    padding: 0;
    width: 32px;
    color: #2e2e2e;
    text-align: center;
    font-size: 19px;
    cursor: pointer;
}

.popUpWindow .header .closeIcon .btn-primary {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    padding-top: 3px;
    background-color: #666;
}

.ToolbarAtLeft .popUpWindow .header .closeIcon .btn-primary {
    top: 5px;
    margin: 0;
    padding: 0;
    background-color: initial;
    color: #2e2e2e;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.ToolbarAtLeft .popUpWindow .header .closeIcon {
    position: absolute;
    /*line-height: 19px;*/
    top: -18px;
    right: -18px;
    visibility: visible;
    padding: 2px 4px;
    width: 36px;
    height: 36px;
    border: 2px solid #2e2e2e;
    border-radius: 18px;
    background-color: #fff;
    font-size: 19px;
}

.ToolbarAtLeft .popUpWindow .header .closeIcon .btn-primary:active {
    box-shadow: none;
}

/* RMG-ADA */
.popUpWindow .header div.closeIcon {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 35px;
}

.popUpWindow .header div.maximizeIcon {
    position: absolute;
    top: 4px;
    right: 41px;
    color: #fff;
    font-size: 23px;
    cursor: pointer;
}

.popUpWindow .header div.restoreIcon {
    position: absolute;
    top: 4px;
    right: 41px;
    color: #fff;
    font-size: 23px;
    cursor: pointer;
}

.PlatformDesktop:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:hover .glyphicon,
.PlatformDesktop:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:hover .glyphicon,
.PlatformDesktop:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:hover .glyphicon,
.PlatformTablet:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:hover .glyphicon,
.PlatformTablet:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:hover .glyphicon,
.PlatformTablet:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:hover .glyphicon,
.PlatformTablet7:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:hover .glyphicon,
.PlatformTablet7:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:hover .glyphicon,
.PlatformTablet7:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:hover .glyphicon,
.PlatformMobile:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:hover .glyphicon,
.PlatformMobile:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:hover .glyphicon,
.PlatformMobile:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:hover .glyphicon {
    color: #ddd
}

.PlatformDesktop:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:active .glyphicon,
.PlatformDesktop:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:active .glyphicon,
.PlatformDesktop:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:active .glyphicon,
.PlatformTablet:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:active .glyphicon,
.PlatformTablet:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:active .glyphicon,
.PlatformTablet:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:active .glyphicon,
.PlatformTablet7:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:active .glyphicon,
.PlatformTablet7:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:active .glyphicon,
.PlatformTablet7:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:active .glyphicon,
.PlatformMobile:not(.ToolbarAtLeft) .popUpWindow .header div.closeIcon:active .glyphicon,
.PlatformMobile:not(.ToolbarAtLeft) .popUpWindow .header div.maximizeIcon:active .glyphicon,
.PlatformMobile:not(.ToolbarAtLeft) .popUpWindow .header div.restoreIcon:active .glyphicon {
    color: #999
}

.ToolbarAtLeft .popUpWindow .header div.closeIcon:hover,
.ToolbarAtLeft .popUpWindow .header div.closeIcon:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.PlatformDesktop .popUpWindow .footer {}

.PlatformDesktop .popUpWindow div.resizeIcon {
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_desktop_resize.png?TotWidth=15&TotHeight=64&ImgWidth=15&ImgHeight=16);
    cursor: se-resize;
    /* SpriteButton formst */
}


/*----------- POPUP WINDOW - PLATFORM TABLET STYLES -----------*/

.PlatformTablet .popUpWindow {
    box-shadow: 0 15px 30px 10px rgba(0, 0, 0, .45);
}

.PlatformTablet .popUpWindow .footer,
.PlatformTablet7 .popUpWindow .footer {}

.PlatformTablet .popUpWindow div.resizeIcon,
.PlatformTablet7 .popUpWindow div.resizeIcon {
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52);
    /* SpriteButton formst */
}


/*----------- POPUP WINDOW - PLATFORM MOBILE STYLES -----------*/

.PlatformMobile .popUpWindow {}

.PlatformMobile .popUpWindow .header {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 50px;
}

.PlatformMobile .popUpWindow .header span.titleText {
    top: 12px;
    left: 20px;
    font-size: 22px;
}

.PlatformMobile .popUpWindow .header div.closeIcon {
    position: absolute;
    top: 8px;
    right: 6px;
    color: #fff;
    font-size: 28px;
}

.PlatformMobile .popUpWindow div.resizeIcon {
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52);
    /* SpriteButton formst */
}

.widgetWindow {
    position: absolute;
    margin-bottom: 0px;
    background: transparent;
    text-align: left;
}

.widgetWindow .header {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 0px;
    background: transparent;
}

.widgetWindow .header span.titleText {
    position: absolute;
    top: 9px;
    right: 20px;
    left: 20px;
    display: block;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
}

.widgetWindow div.content {
    position: absolute;
    width: 100%;
}

.widgetWindow div.contentHolder {
    position: absolute;
    width: 100%;
    height: 100%;
}

.widgetWindow div.anchor.top-menu {
    position: absolute;
    background: url(../images/widget/anchorTopMenu@2x.png?TotWidth=58&TotHeight=80&ImgWidth=58&ImgHeight=20);
}

.DarkToolbarButtonStyle .widgetWindow div.anchor.top-menu {
    background: url(../images/widget/anchorTopMenu@2x.png?TotWidth=58&TotHeight=80&ImgWidth=58&ImgHeight=20);
}

.widgetWindow div.anchor.left {
    position: absolute;
    background: url(../images/widget/anchorLeft@2x.png?TotWidth=20&TotHeight=232&ImgWidth=20&ImgHeight=58);
}

.widgetWindow div.anchor.right {
    position: absolute;
    background: url(../images/widget/anchorRight@2x.png?TotWidth=20&TotHeight=232&ImgWidth=20&ImgHeight=58);
}

.widgetWindow div.anchor.bottom-menu {
    position: absolute;
    background: url(../images/widget/anchorBottomMenu@2x.png?TotWidth=58&TotHeight=80&ImgWidth=58&ImgHeight=20);
}

.widgetWindow .footer {
    position: absolute;
    bottom: 0px;
    left: -1px;
    width: 100%;
    height: 50px;
    border: 1px solid #2a2a2a;
    border-radius: 0 0 8px 8px;
    background-color: #52A8E8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #3f3f3f));
    background-image: -webkit-linear-gradient(top, #666666, #3f3f3f);
    background-image: linear-gradient(top, #666666, #3f3f3f);
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 1px 0 0 #62615d;
    font-size: 20px;
}

.top-left .header,
.top-center .header,
.left-top .header {
    top: initial;
    right: 0px;
    bottom: 22px;
    left: initial;
    margin-right: -22px;
}

.top-right .header,
.right-top .header {
    top: initial;
    right: initial;
    bottom: 22px;
    left: 0px;
    margin-left: -22px;
}

.bottom-left .header,
.bottom-center .header,
.left-center .header,
.left-bottom .header,
.center .header {
    top: -22px;
    right: 0px;
    bottom: initial;
    left: initial;
    margin-right: -22px;
}

.bottom-right .header,
.right-center .header,
.right-bottom .header {
    top: -22px;
    right: initial;
    bottom: initial;
    left: 0px;
    margin-left: -22px;
}

.widgetWindow .header div.closeIcon .btnDefaultText.glyphicon {
    float: right;
    padding: 5px;
    width: auto;
    height: auto;
    border: 5px solid #fff;
    border-radius: 24px;
    background: #333;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.widgetWindow.bottom-right .header div.closeIcon,
.widgetWindow.right-center .header div.closeIcon,
.widgetWindow.right-bottom .header div.closeIcon,
.widgetWindow.top-right .header div.closeIcon,
.widgetWindow.right-top .header div.closeIcon {
    float: left
}

.widgetWindow .header div.closeIcon .btnDefaultText.glyphicon:hover {
    border: 5px solid #ddd;
    color: #ddd;
}

.widgetWindow .header div.closeIcon .btnDefaultText.glyphicon:active {
    border: 5px solid #999;
    color: #999;
}


/*----------- WIDGET WINDOW - PLATFORM DESKTOP STYLES -----------*/

.PlatformDesktop .widgetWindow div.resizeIcon {
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_desktop_resize.png?TotWidth=15&TotHeight=64&ImgWidth=15&ImgHeight=16);
    cursor: se-resize;
}


/*----------- WIDGET WINDOW - PLATFORM TABLET STYLES -----------*/

.PlatformTablet .widgetWindow .header span.titleText,
.PlatformTablet7 .widgetWindow .header span.titleText {
    top: 12px;
    left: 20px;
    font-size: 22px;
}

.PlatformTablet .widgetWindow div.resizeIcon,
.PlatformTablet7 .widgetWindow div.resizeIcon {
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52);
}


/*----------- WIDGET WINDOW - PLATFORM MOBILE STYLES -----------*/

.PlatformMobile .widgetWindow {
    box-shadow: 0 8px 20px 0px rgba(0, 0, 0, .25);
}

.PlatformMobile .widgetWindow .header span.titleText {
    top: 12px;
    left: 20px;
    font-size: 22px;
}


/*----------- All Widget Instances Where The Header and Close Need To Move To The Bottom -----------*/

.PlatformMobile .widgetWindow.IFrameWidget.top-left .header,
.PlatformMobile .widgetWindow.IFrameWidget.top-center .header,
.PlatformMobile .widgetWindow.IFrameWidget.top-right .header,
.PlatformMobile .widgetWindow.IFrameWidget.top-full .header {}

.PlatformMobile .widgetWindow div.resizeIcon {
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52);
}

.confirmation {
    width: 250px;
    height: 220px;
    border-radius: 12px;
    background: url(../images/textures/transparent_black.png) repeat;
    box-shadow: 0 15px 40px 10px rgba(0, 0, 0, .35);
    color: white;
    font-size: 12px;
}

.confirmation .confirmation_title {
    margin: 0em;
    padding: 0em;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.75em;
    cursor: default;
}

.confirmation .confirmation_content {
    margin: 0em;
    padding: 1em 1.75em;
}

.confirmation .confirmation_message {
    padding-left: 48px
}


/*-----------SLIDEIN TAB VIEW -----------*/

.tab-view-container, .tab-control {
	z-index: 103;
}

.tabClose {
    position: absolute;
    top: 3px;
    right: 6px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.tabClose .btnDefaultText {
    color: #fff;
    font-size: 24px;
}

.tabClose:hover {
    color: #fff;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tabClose:active {
    color: #999
}

.tabTitle {
    position: absolute;
    top: 7px;
    right: 60px;
    left: 60px;
    overflow: hidden;
    height: 38px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 16px;
}

.tab-control {
    position: absolute;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    width: 300px;
}

.PlatformDesktop.ToolbarAtTop .tab-control {
    top: 9px;
    bottom: 9px;
}

.PlatformDesktop.ToolbarAtBottom .tab-control {
    top: 9px;
    bottom: 9px;
}

.PlatformTablet.ToolbarAtTop .tab-control {
    top: 9px;
    bottom: 9px;
}

.PlatformTablet.ToolbarAtBottom .tab-control {
    top: 9px;
    bottom: 9px;
}

.PlatformMobile.ToolbarAtTop .tab-control {
    top: 0px;
    bottom: 0px;
}

.PlatformMobile.ToolbarAtBottom .tab-control {
    top: 0px;
    bottom: 0px;
}

.PlatformTablet7.ToolbarAtTop .tab-control {
    top: 0px;
    bottom: 0px;
}

.PlatformTablet7.ToolbarAtBottom .tab-control {
    top: 0px;
    bottom: 0px;
}

.PlatformMobile.ToolbarAtTop:not(.MinimalUI) .tab-control {
    top: -50px;
    bottom: 0px;
}

.PlatformMobile.ToolbarAtBottom:not(.MinimalUI) .tab-control {
    top: 50px;
    bottom: 0px;
}

.tab-control.tab-bar-rotate-270 {
    left: -300px;
    margin-left: 28px;
}

.PlatformTablet .tab-control.tab-bar-rotate-270 {
    margin-left: 35px;
}

.tab-control.tab-bar-rotate-90 {
    right: -300px;
    margin-right: 28px;
}

.PlatformTablet .tab-control.tab-bar-rotate-90 {
    margin-right: 35px;
}

.tab-bar-rotate-270 .tab-panel-wrapper {
    position: absolute;
    top: 0;
    right: 28px;
    left: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.PlatformTablet .tab-bar-rotate-270 .tab-panel-wrapper {
    right: 35px;
}

.tab-bar-rotate-90 .tab-panel-wrapper {
    position: absolute;
    top: 0;
    right: 0px;
    left: 28px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.PlatformTablet .tab-bar-rotate-90 .tab-panel-wrapper {
    left: 35px;
}

.tab-panel {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: #393939;
}

leftslideintabview .tab-panel {
    border-radius: 0 7px 7px 0;
}

rightslideintabview .tab-panel {
    border-radius: 7px 0 0 7px;
}

.ToolbarAtLeft leftslideintabview .tab-panel,
.ToolbarAtLeft rightslideintabview .tab-panel {
    border: solid 1px #bfbfbf;
    border-radius: 0;
    background-color: #fff;
}

.PlatformMobile.PlatformPortrait leftslideintabview .tab-panel,
.PlatformMobile.PlatformPortrait rightslideintabview .tab-panel {
    border-radius: 0;
}

.tab-panel-content {
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 6px;
    border-radius: 5px;
    background-color: #fff;
}

.ToolbarAtLeft .tab-panel-content {
    border-radius: 0;
}

.tab-panel-wrapper-pin {
    position: absolute;
    top: 6px;
    right: 32px;
    z-index: 301;
}

.tab-bar {
    position: absolute;
    top: 0;
    overflow: hidden;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
    width: 28px;
    font-weight: 600;
    font-size: 15px;
}

.ToolbarAtLeft .tab-bar {
    display: none;
}

.PlatformTablet .tab-bar {
    width: 35px;
    font-size: 15px;
    font-width: 400;
}

.PlatformTablet .tab-bar,
.PlatformTablet7 .tab-bar {
    top: 15px;
}

.tab-bar-wrapper2 {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    width: 2000px;
    height: 28px;
}

.PlatformTablet .tab-bar-wrapper2 {
    height: 35px;
}

.tab-bar-wrapper1 {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.tab-bar-wrapper1 ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

leftslideintabview .tab-bar-wrapper1 li {
    padding: 3px 8px 5px
}

rightslideintabview .tab-bar-wrapper1 li {
    padding: 3px 8px 5px
}


/*
.tab-panel, #SearchTabView_Content.SearchResults .searchSlider
{
    background-color: #333;
}
*/

.tab-bar-wrapper1 li {
    margin: 4px 2px 4px 2px;
    padding-right: 8px;
    padding-left: 8px;
    border: none;
    border-radius: 8px 8px 0 0;
    text-align: center;
}

.tab-bar-wrapper1 li.tab-selected {
    /* Color of selected tab */
    background-color: #272727;
    color: #fff;	
}

.tab-bar-wrapper1 li:not(.tab-selected) {
	/* Color of unselected tabs */
    background-color: #555;
    color: #fff;
}

.PlatformDesktop .tab-bar-wrapper1 li.tab-selected:hover {
	/* Do not bump tab out when hovering over selected tab */
    margin: 4px 2px 4px 2px;
}

.PlatformDesktop .tab-bar-wrapper1 li:not(.tab-selected):hover {
	/* Bump tab out when hovering over non-selected tab */
    margin: 0px 2px 4px 2px;
}

.PlatformTablet  .tab-bar-wrapper1 li.tab-selected:hover,
.PlatformTablet  .tab-bar-wrapper1 li:not(.tab-selected):hover,
.PlatformTablet7 .tab-bar-wrapper1 li.tab-selected:hover,
.PlatformTablet7 .tab-bar-wrapper1 li:not(.tab-selected):hover,
.PlatformMobile  .tab-bar-wrapper1 li.tab-selected:hover,
.PlatformMobile  .tab-bar-wrapper1 li:not(.tab-selected):hover {
	/* Do not bump tab out for touch based mobile platforms */
    margin: 4px 2px 4px 2px;
}

.tab-bar-wrapper1 li.tab-selected,
.ToolbarAtLeft .tab-bar-wrapper1 li.tab-selected,
.ToolbarAtLeft .tab-bar-wrapper1 li:not(.tab-selected),
.ToolbarAtLeft .tab-bar-wrapper1 li:hover,
.ToolbarAtLeft .tab-bar-wrapper1 li:hover:not(.tab-selected) {
    /* Color of selected tab - should match each panel's background color */
    background: transparent;
    background-color: #333;
    color: #ccc;
}

.ToolbarAtLeft .tab-bar-wrapper1 li:hover {
    /* Don't do the bump out when hovering for ToolbarAtLeft */
    margin: 4px 2px 4px 2px;
}

.tab-bar-wrapper1 li.tab-spacer {
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    border-style: none;
}

.tab-bar-rotate-270 .tab-bar {
    right: 0px
}

.tab-bar-rotate-90 .tab-bar {
    left: 0px
}

.tab-bar-rotate-270.standard .tab-bar-wrapper1 {
    top: -28px;
    margin-left: 0px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.PlatformTablet .tab-bar-rotate-270.standard .tab-bar-wrapper1 {
    top: -35px;
}

.tab-bar-rotate-90.standard .tab-bar-wrapper1 {
    top: -28px;
    left: 8px;
    margin-left: -1980px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.PlatformTablet .tab-bar-rotate-90.standard .tab-bar-wrapper1 {
    top: -35px;
}

.tab-bar-rotate-270.ie8 .tab-bar-wrapper1 {
    margin-left: 0px;
    /* IE8 rotation filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=-1, M21=1, M22=0,sizingMethod='auto expand')";
}

.tab-bar-rotate-90.ie8 .tab-bar-wrapper1 {
    left: 100%;
    margin: 0px 0px 0px -2000px;
    /* IE8 rotation filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0,sizingMethod='auto expand')";
}

.tab-bar-rotate-270 .tab-bar-wrapper1 li {
    float: left
}

.tab-bar-rotate-90 .tab-bar-wrapper1 li {
    float: right
}


/*.PlatformMobile .tab-bar {display:none}*/


/*----------- Product based styles -----------*/

.ProductNews .tocContentsTable a {
    color: #222;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.ProductNews .tocContentsTable a:hover {
    color: #777;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.ProductNews .tocContentsTable {
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    list-style: none;
}

.ProductNews .tocContentsTable td:before {
    float: left;
    width: 0;
    white-space: nowrap;
}

.ProductNews .tocContentsTable span:first-child {
    padding-right: 0.33em;
}

.ProductNews .tocContentsTable span + span {
    float: right;
    padding-left: 0.33em;
}

.ProductNews .ImageWidget {
    border: 5px solid #fff
}

.ProductNews #CustomHeader .ImageWidget {
    border: 0px
}


/*----------- BOOTSTRAP OVERRIDE -----------*/

.progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

.PlatformTablet7 .visible-xs {
    display: none !important;
}

.PlatformTablet7 .hidden-xs {
    display: block !important;
}

.form-control:focus {
    border-color: #008fc5 !important
}

.progress-bar {
    background-color: #008fc5
}

.btn:active,
.btn.active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.425);
}

.tbTextLink.btn:active,
.tbTextLink.btn.active {
    box-shadow: initial;
}

.btn-default {
    border-color: #ccc;
    background-color: #fff;
    color: #222;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    border-color: transparent;
    background-color: #555;
    color: #fff;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: transparent;
    background-color: #555;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}

.btn-default .badge {
    background-color: #666;
    color: #fff;
}

.btn-primary {
    border-color: transparent;
    background-color: #333;
    color: #fff;
}

.glyph-primary {
    color: #333
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: transparent;
    background-color: #555;
    color: #fff;
}

.glyph-primary:hover,
.glyph-primary:focus,
.glyph-primary:active,
.glyph-primary.active,
.open .dropdown-toggle.glyph-primary {
    color: #555
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: transparent;
    background-color: #333;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}

.btn-primary .badge {
    background-color: #fff;
    color: #333;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 1px solid -webkit-focus-ring-color;
    outline-offset: 0px;
}
/*----------- BUTTON PADDING -----------*/

.btn-wide {
    padding: 6px 36px
}


/*----------- MOBILE MENU APP STORE BUTTONS -----------*/

#tbAppStore {
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    display: none;
    background-color: #272727;
    text-align: center;
}

.tbContainer #tb-ios {
    width: 169px;
    height: 50px;
}

.tbContainer #tb-android {
    width: 144px;
    height: 50px;
}

.tbContainer #tb-ios img {
    width: 169px;
    height: 50px;
}

.tbContainer #tb-android img {
    width: 144px;
    height: 50px;
}

.PlatformMobile #tbSocial {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 50px;
    background-color: #272727;
    text-align: center;
}

.PlatformMobile #tbSocial div {
    display: inline-block;
    margin-top: 8px;
    width: 38px;
    height: 35px;
}

.PlatformMobile #tb-facebook_icon:hover,
.PlatformMobile #tb-facebook_icon:focus,
.PlatformMobile #tb-facebook_icon:active {
    background-color: #3b5998
}

.PlatformMobile #tb-twitter_icon:hover,
.PlatformMobile #tb-twitter_icon:focus,
.PlatformMobile #tb-twitter_icon:active {
    background-color: #0e6073
}

.PlatformMobile #tb-rss_icon:hover,
.PlatformMobile #tb-rss_icon:focus,
.PlatformMobile #tb-rss_icon:active {
    background-color: #FF9800
}

.PlatformMobile #tb-flickr_icon:hover,
.PlatformMobile #tb-flickr_icon:focus,
.PlatformMobile #tb-flickr_icon:active {
    background-color: #f90784
}

.PlatformMobile #tb-youtube_icon:hover,
.PlatformMobile #tb-youtube_icon:focus,
.PlatformMobile #tb-youtube_icon:active {
    background-color: #DF1F1C
}

.PlatformMobile #tb-pinterest_icon:hover,
.PlatformMobile #tb-pinterest_icon:focus,
.PlatformMobile #tb-pinterest_icon:active {
    background-color: #CB2528
}

.PlatformMobile #tb-instagram_icon:hover,
.PlatformMobile #tb-instagram_icon:focus,
.PlatformMobile #tb-instagram_icon:active {
    background-color: #517fa4
}

.PlatformMobile #tb-google_icon:hover,
.PlatformMobile #tb-google_icon:focus,
.PlatformMobile #tb-google_icon:active {
    background-color: #d73d32
}


/*----------- MOBILE OVERRIDE -----------*/

.PlatformMobile .panel-title {
    font-size: 14px
}


/*----------- TABLET MENU -----------*/

.PlatformTablet #btnLibraryText,
.PlatformTablet #btnTocToggleText,
.PlatformTablet #btnThumbText,
.PlatformTablet .btnBookmarksText,
.PlatformTablet #btnShareText,
.PlatformTablet .btnCartText,
.PlatformTablet #btnBookHistoryText,
.PlatformTablet #btnHelpText,
.PlatformTablet #btnPrevPageText,
.PlatformTablet #btnNextPageText,
.PlatformTablet #btnResultsToggleText {
    position: absolute;
    bottom: 3px;
    width: 66px;
    height: auto;
    color: #fff;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
}


/*----------- TABLET7 MENU -----------*/

.PlatformTablet7 #tbSocial {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 50px;
    background-color: #272727;
    text-align: center;
}

.PlatformTablet7 #tbSocial div {
    display: inline-block;
    margin-top: 8px;
    width: 38px;
    height: 35px;
}

.PlatformTablet7 #tb-facebook_icon:hover,
.PlatformTablet7 #tb-facebook_icon:focus,
.PlatformTablet7 #tb-facebook_icon:active {
    background-color: #3b5998;
}

.PlatformTablet7 #tb-twitter_icon:hover,
.PlatformTablet7 #tb-twitter_icon:focus,
.PlatformTablet7 #tb-twitter_icon:active {
    background-color: #0e6073;
}

.PlatformTablet7 #tb-rss_icon:hover,
.PlatformTablet7 #tb-rss_icon:focus,
.PlatformTablet7 #tb-rss_icon:active {
    background-color: #FF9800;
}

.PlatformTablet7 #tb-flickr_icon:hover,
.PlatformTablet7 #tb-flickr_icon:focus,
.PlatformTablet7 #tb-flickr_icon:active {
    background-color: #f90784;
}

.PlatformTablet7 #tb-youtube_icon:hover,
.PlatformTablet7 #tb-youtube_icon:focus,
.PlatformTablet7 #tb-youtube_icon:active {
    background-color: #DF1F1C;
}

.PlatformTablet7 #tb-pinterest_icon:hover,
.PlatformTablet7 #tb-pinterest_icon:focus,
.PlatformTablet7 #tb-pinterest_icon:active {
    background-color: #CB2528;
}

.PlatformTablet7 #tb-instagram_icon:hover,
.PlatformTablet7 #tb-instagram_icon:focus,
.PlatformTablet7 #tb-instagram_icon:active {
    background-color: #517fa4;
}

.PlatformTablet7 #tb-google_icon:hover,
.PlatformTablet7 #tb-google_icon:focus,
.PlatformTablet7 #tb-google_icon:active {
    background-color: #d73d32;
}

.PlatformTablet7.tbIsSvg .tbButton .spriteElement {
    position: absolute;
    margin: 8px;
    padding: 0px;
}
.PlatformTablet7.tbIsSvg .tbButtonCustom.stdButton {
    margin: 0px !important;
}
.PlatformTablet7.tbIsSvg .tbButtonCustom.stdButton .btnDefaultText {
    margin-top: 4px;
}

/*----------- MENUCTLVIEW STYLES -----------*/

.PlatformTablet7 .popUpWindow.MenuCtlView {
    background: transparent !important;
}

.PlatformTablet .widgetWindow.MenuCtlView,
.PlatformTablet7 .widgetWindow.MenuCtlView,
.PlatformMobile .widgetWindow.MenuCtlView {
    box-shadow: none;
}

.MenuCtlView_Content {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    border: 1px solid #393939;
    border-left-style: none;
    border-radius: 7px;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.MenuCtlView .header {
    display: none;
}

.MenuCtlView_Content .menuCtl {
    position: static;
    top: 12px;
    overflow: hidden;
    width: auto;
    height: auto;
    border-radius: 0px;
    background-color: #ffffff;
}

.MenuCtlView_Content .menuClose {
    position: absolute !important;
    top: 6px !important;
    right: 6px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.PlatformDesktop .MenuCtlView_Content .menuClose:hover {
    color: #fff;
    -webkit-transform: scale(1.1);
}

.MenuCtlView_Content .menuClose:active {
    color: #999;
}

.MenuCtlView_Content .menuCtl .menuPanels {
    position: static;
    width: auto;
    height: auto;
}

.MenuCtlView_Content .menuCtl .menuPanel1 {
    top: 0;
    left: 0;
    height: auto;
    text-align: center;
}

.MenuCtlView_Content .menuCtl .btnMenu {
    position: static;
    width: auto;
    height: auto;
    cursor: pointer;
}

.MenuCtlView_Content .menuClose {
    display: none;
}

.MenuCtlView_Content .btnMenu .btnDefaultText,
.MenuCtlView_Measure .btnMenu .btnDefaultText {
    padding: 10px 25px 5px 25px;
    border-bottom: 1px solid;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.MenuCtlView_Content .menuPanel1 .btnMenu:last-child .btnDefaultText {
    padding-bottom: 6px;
    border-bottom: none;
}

/*** ADVANCED SEARCH ***/
.AdvSearchWidget toolbarview.tbContainer {
    visibility: visible !important;
}
.AdvSearchWidget #ApplicationView.minimalHideToolbar .tbCenter,
.AdvSearchWidget #ApplicationView.minimalHideToolbar .tbLeft,
.AdvSearchWidget #ApplicationView.minimalHideToolbar .tbRight {
    visibility: hidden;
}
.ToolbarAtTop.AdvSearchWidget #ApplicationView.minimalHideToolbar #tbSearchInput {
    top: 0px;
}
.ToolbarAtTop.AdvSearchWidget #ApplicationView #tbSearchInput {
    top: 50px;
}
.PlatformDesktop.Low.ToolbarAtTop.AdvSearchWidget #ApplicationView.minimalHideToolbar #tbSearchInput {
    top: 9px;
}
.PlatformDesktop.Low.ToolbarAtTop.AdvSearchWidget #ApplicationView #tbSearchInput {
    top: 38px;
}
.PlatformTablet.tbHasText.ToolbarAtTop.AdvSearchWidget #ApplicationView.minimalHideToolbar #tbSearchInput {
    top: 0px;
}
.PlatformTablet.tbHasText.ToolbarAtTop.AdvSearchWidget #ApplicationView #tbSearchInput {
    top: 61px;
}
.ToolbarAtBottom.AdvSearchWidget #ApplicationView.minimalHideToolbar #tbSearchInput {
    bottom: 0px;
}
.ToolbarAtBottom.AdvSearchWidget #ApplicationView #tbSearchInput {
    bottom: 50px;
}
.PlatformDesktop.Low.ToolbarAtBottom.AdvSearchWidget #ApplicationView #tbSearchInput {
    bottom: 38px;
}
.PlatformDesktop.Low.ToolbarAtBottom.AdvSearchWidget #ApplicationView.minimalHideToolbar #tbSearchInput {
    bottom: 0px;
}
.AdvSearchWidget #tbSearchInput {
    width: 100vw;
    position: absolute;
    visibility: visible !important;
}
.AdvSearchWidget #tbSearchInput .tbSearchInputSizes {
    width: 500px;
    left: 100px;
    right: 100px;
    margin: 0 auto;
}
.AdvSearchWidget.ToolbarAtTop .tbButton.svgButton.minimal_ui_btn {
    width: 50px;
    height: 50px;
    margin: 0px 0px;
    z-index: 104;
}
.AdvSearchWidget #tbSearchInput .spriteInputGoBtn .spriteElement {
    background-size: 30px 120px !important;
    background-repeat: no-repeat;
}
.AdvSearchWidget #tbSearchInput .spriteInputClearBtn .spriteElement {
    background-size: 25.5px 102px !important;
    background-repeat: no-repeat;
}
.AdvSearchWidget #tbSearchInput .spriteInputGoBtn,
.AdvSearchWidget #tbSearchInput .spriteInputClearBtn {
    font-size: 15px;
    top: 34%;
    color: #aaa;
}
.PlatformDesktop.Med.AdvSearchWidget #tbSearchInput .spriteInputGoBtn,
.PlatformDesktop.Med.AdvSearchWidget #tbSearchInput .spriteInputClearBtn {
    top: 31%;
}
.PlatformDesktop.Low.AdvSearchWidget #tbSearchInput .spriteInputGoBtn,
.PlatformDesktop.Low.AdvSearchWidget #tbSearchInput .spriteInputClearBtn {
    font-size: 12px;
    top: 28%;
}
.AdvSearchWidget #tbSearchInput .spriteInputGoBtn .spriteElement {
    display: none !important;
}
.AdvSearchWidget #tbSearchInput .spriteInputGoBtn:hover {
    color: #151515;
}
.AdvSearchWidget #tbSearchInput .spriteInputGoBtn {
    left: 5px;
    width: 20px !important;
}
.AdvSearchWidget #tbSearchInput .spriteInputClearBtn {
    display: none;
}
.AdvSearchWidget #tbSearchInput .spriteInputField.form-control {
    padding-left: 35px !important;
    padding-right: 35px !important;
    border-radius: 0px;
}
.AdvSearchWidget .tbSearchInput .spriteInputAdvBtn {
    position: absolute;
    top: 10px;
    right: 0;
    width: auto;
    height: 51%;
    padding: 6px;
    font-size: 17px;
    color: #aaa;
    z-index: 200;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.PlatformDesktop.Med.AdvSearchWidget .tbSearchInput .spriteInputAdvBtn {
    top: 4px;
}
.PlatformDesktop.Low.AdvSearchWidget .tbSearchInput .spriteInputAdvBtn {
    top: 0px;
    font-size: 14px;
}
.AdvSearchWidget .tbSearchInput .spriteInputGoBtn:hover,
.AdvSearchWidget .tbSearchInput .spriteInputAdvBtn:hover {
    color: #151515;
    cursor: pointer;
}
.AdvSearchWidget .SearchResults .searchScroller {
    width: 100%;
}

/*** MOBILE ***/

.PlatformMobile.PlatformLandscape .MenuCtlView_Content .menuCtl {
    top: 10px !important;
}

.PlatformMobile.PlatformLandscape .pageCtlButton {
    display: none;
}

.PlatformMobile .MenuCtlView_Content {
    border-radius: 0px;
}

.PlatformMobile .MenuCtlView_Content .menuClose {
    display: none;
}

.PlatformMobile .MenuCtlView_Content .header {
    display: block;
}

.PlatformMobile .MenuCtlView_Content .menuCtl {
    position: relative;
    top: 40px;
    overflow: hidden;
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;
    width: 200px;
    height: 222px;
    border-radius: 7px;
    background-color: #fff;
}


/*** TABLET7 ***/

.PlatformTablet7 .MenuCtlView_Content {
    border-radius: 0px 0px 7px 7px;
}

.PlatformTablet7 .MenuCtlView_Content .menuClose {
    display: none;
}

.PlatformTablet7 .MenuCtlView .header {
    top: 1px !important;
    display: block;
}

.PlatformTablet7 .MenuCtlView_Content .menuCtl {
    position: relative;
    top: 40px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
    height: 222px;
    border-radius: 7px;
    background-color: #fff;
}

.PlatformTablet7.PlatformLandscape .pageCtlButton {
	display: none;
}


/*** COLORS ***/

.LightToolbarButtonStyle .MenuCtlView_Content {
    border: 1px solid #393939;
}

.DarkToolbarButtonStyle .MenuCtlView_Content {
    border: 1px solid #393939;
}

.LightToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText,
.LightToolbarButtonStyle .MenuCtlView_Measure .btnMenu .btnDefaultText {
    border-bottom: 1px solid #393939;
    /* fallback for ie8 */
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    background-color: #393939;
    color: #ffffff;
}

.DarkToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText,
.DarkToolbarButtonStyle .MenuCtlView_Measure .btnMenu .btnDefaultText {
    border-bottom: 1px solid #393939;
    background-color: #ffffff;
    color: #393939;
}

.LightToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText:hover,
.LightToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText:focus,
.LightToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText:active {
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.DarkToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText:hover,
.DarkToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText:focus,
.DarkToolbarButtonStyle .MenuCtlView_Content .btnMenu .btnDefaultText:active {
    background-color: #eeeeee;
}

.LanguageDeu .leftBackBtn {
    border: none;
}

/*----------- PageLayoutMgr Styles -----------*/

.PageLayoutMgr {
	z-index:0; /* Need to establish stack context for pages (TurnJS uses large z-index values) */
}

.PageLayoutMgr .PageScrollWrapper {
	border-style: solid;
	/* Used individual side settings to avoid chrome developer tools issue (RMG 04-18-2022) */
	border-top-color: #aaa;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	border-left-color: #aaa;
	
	border-top-color: var(--page-border-color);
	border-right-color: var(--page-border-color);
	border-bottom-color: var(--page-border-color);
	border-left-color: var(--page-border-color);
}

.PageLayoutMgr .page-border {
	background-color: #aaa;
	background-color: var(--page-border-color);
}

/* TimB-ADA */
*:focus{
    outline: 0;
}

body.keyboardNavFocus *:not(.PageScrollWrapper):focus{
	/*animation: pulse 3s infinite;*/
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
    outline-offset: -1px;
}

body.keyboardNavFocus .PageScrollWrapper:focus{
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
	outline-offset: 1px;
}

.PageScrollWrapper:focus{
   outline: -webkit-focus-ring-color auto 0px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
    outline: 6px solid rgba(125,125,125, 0);
  }
  70% {
      -webkit-box-shadow: 0 0 0 8px rgba(125,125,125, 0);
      box-shadow: 0 0 0 8px rgba(125,125,125, 0);
      outline: 6px solid rgba(125,125,125, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      outline: 8px solid rgba(125,125,125, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
    outline: 0;
  }
  70% {
      -moz-box-shadow: 0 0 0 8px rgba(125,125,125, 0);
      box-shadow: 0 0 0 8px rgba(125,125,125, 0);
      outline: 6px solid rgba(125,125,125, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      outline: 8px solid rgba(125,125,125, 0);
  }
}

/*----------- Touchpoint Styles -----------*/

.hotspot.tchpt-css .imageButton_wrapper img {
    display: none;
}
.hotspot.tchpt-css .imageButton_wrapper {
    position: absolute;
    display: block;
    content: '';
    width: 30px !important;
    height: 30px !important;
    cursor: pointer;
}

.hotspot.tchpt-css .imageButton_wrapper::before,
.hotspot.tchpt-css .imageButton_wrapper::after {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    border: 2px solid #fff;
}

.hotspot.tchPts2.tchpt-css .imageButton_wrapper::before,
.hotspot.tchPts2.tchpt-css .imageButton_wrapper::after {
    border: 2px solid #222;
}

.hotspot.tchpt-css .imageButton_wrapper::before {
    content: '';
    -webkit-animation: pulseSize 4s infinite,
    pulseOpacity 4s infinite;
    animation-timing-function: cubic-bezier(0.32, 0.94, 0.60, 1),
    linear;
}

.hotspot.tchpt-css .imageButton_wrapper::after {
    content: '+';
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-family: 'Arial';
    font-size: 26px;
}

.hotspot.tchPts2.tchpt-css .imageButton_wrapper::after {
    color: #222;
}

.hotspot.tchPts1.tchpt-css .imageButton_wrapper:hover::after {
    background: #0F0F0F;
}

.hotspot.tchPts2.tchpt-css .imageButton_wrapper:hover::after {
    background: #f0f0f0;
}

@-webkit-keyframes pulseOpacity {
    37.5%,
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulseSize {
    37.5%,
    100% {
        transform: scale(1.5) translate(-33.33%, -33.33%);
    }
}

.hotspot.tchpt-svg .imageBtn {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-decoration: none;
    display: block;
}
.hotspot.tchpt-svg .imageButton_wrapper {
    display: none;
}

/*----------- CSS for Simple Tree Menu -----------*/

.treeview ul{
	margin: 0;
	padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: url(../images/tree/closed.png) no-repeat left 0;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.open{ /* open */
	background: url(../images/tree/open.png) no-repeat left 0;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.closed{ /* closed */
	background: url(../images/tree/closed.png) no-repeat left 0;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

.treeview
{
	color: #000;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.treeview a
{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	display: block;
	/*background: url(../images/tree/arrow.png) no-repeat 99%;*/
	border-bottom: 1px solid #E0E0E0;
}

.treeview a:hover
{
	color: #fff;
	background: #2472d2 /*url(../images/tree/arrow_over.png) no-repeat 99%*/;
}

.treeview li b {	
	display: block;
	background: #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.treeview li b::first-letter {
	margin: 0 0 0 5px;
}

.treeview b > a
{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	display: block;
	background: #fff /*url(../images/tree/arrow.png) no-repeat 99%*/;
}
.treeview b > a:hover
{
	color: #fff;
	background: #2472d2 /*url(../images/tree/arrow_over.png) no-repeat 99%*/;
}

.leftContent_toc {
	padding: 0;
}

.treeSection {
	padding: 5px 0 5px 10px;
	background: #E0E0E0;
}

.PlatformDesktop.High .dropdown-menu {
	font-size: 14px;
}

.PlatformDesktop.Med .dropdown-menu {
	font-size: 11px;
}

.PlatformDesktop.Low .dropdown-menu {
	font-size: 10px;
}

.LightToolbarButtonStyle .tbContainer .dropdown-menu {
	background-color: #333;
}

.LightToolbarButtonStyle .tbContainer .dropdown-menu a {
	color: #fff;
}

.LightToolbarButtonStyle .tbContainer .dropdown-menu a:hover,
.LightToolbarButtonStyle .tbContainer .dropdown-menu a:hover:after {
	background-color:#ccc;
	color: #000;
}

.DarkToolbarButtonStyle .tbContainer .dropdown-menu {
	background-color: #fff;
}

.DarkToolbarButtonStyle .tbContainer .dropdown-menu a {
	color: #000;
}

.DarkToolbarButtonStyle .tbContainer .dropdown-menu a:hover,
.DarkToolbarButtonStyle .tbContainer .dropdown-menu a:hover:after {
	background-color:#ccc;
	color: #000;
}

.tbContainer .dropdown-menu.multi-level {
	top: 120%;
	border-radius: 7px;
}

.tbContainer .dropdown, 
.tbContainer .dropup {
	float:left;
    display: inherit !important;
}

.dropdown-submenu {
	position:relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 7px 7px 7px;
    -moz-border-radius: 0 7px 7px;
    border-radius: 0 7px 7px 7px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 7px 0 7px 7px;
    -moz-border-radius: 7px 0 7px 7px;
    border-radius: 7px 0 7px 7px;
}

.mobileHeaderControlContainer
{
	position: absolute;
    top: 50px;
    background-color: #360;
    width: 100%;
    overflow: auto;
  	white-space: nowrap;
  	height: 22px;
  	z-index: 1000;
}

.PlatformMobile .mobileHeaderControlViewOffset {
    top: 70px;
}
/*
.mobileHeaderControlContainer .mobileHeaderControlButton
{
  display: inline-block;
  color: white;
  text-align: center;
  padding-left: 50px;
}
*/
.mobileHeaderControlContainer .mobileHeaderControlButton {
   display: inline-block;
   color: white;
   width: 33%;
   text-align: center;
}
.mobileHeaderControlContainer .mobileHeaderControlButton:first-child {
	text-align: left;
	padding-left: 14px
}
.mobileHeaderControlContainer .mobileHeaderControlButton:last-child {
	text-align: right;
	padding-right: 10px
}

.mobileHeaderControlContainer .badge{
	background-color : #fff;
	color : #360;
}

.mobileHeaderControlButton.active {
	text-decoration: underline;
}

/* Place this class in any element to cancel transition */
.no-transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}


/**********************************************************************/
/**********************************************************************/
/* COPY EVERYTHING BELOW THIS POINT TO THE SKIN/CORE.CSS FILE AND     */
/* MODIFY TO COLORIZE THE INTERFACE.                                  */
/**********************************************************************/
/**********************************************************************/

/* NOTE: This is the just beginning.  More css variables will be added in time */
:root {
	--page-border-color               : #aaa;     /* Light Gray */
}