/*----------- SEARCH & REPLACE NOTES -----------*/
/*

Primary Color:   #c51230
Secondary Color: #d60125

Search & Replace Primary Color to change colors of:
Toolbars
Page Back Button
Book Toolbar Title
Left Tabs
Social Tabs

Search & Replace Secondary Color to change colors of:
Input/Form Fields 'Glow'
TOC & Search Results Hover
Selected Thumbnail 'Glow'
AboutAccordion Hover
Progress Bar

*/

/*----------- MAIN BACKGROUND -----------*/
.applicationView,
.TpodMode .applicationView
{
	background: #f5f5f5;
}

/*----------- TOOLBARS -----------*/

/* DESKTOP & BOOKSHELF TOOLBARS */
.PlatformDesktop .tbContainer,
.PlatformTablet .tbContainer,
.bookshelfView_header,
.verticalToolbar  .tbCenterWrapper,
.verticalToolbar  .tbCenterWrapper .tbButton.spriteButton,
.verticalToolbar  .tbCenterWrapper,
.verticalToolbar  .tbCenterWrapper .tbButton.spriteButton,
.DarkToolbarButtonStyle.PlatformDesktop .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet .tbContainer,
.DarkToolbarButtonStyle .bookshelfView_header,
.LightToolbarButtonStyle.PlatformDesktop .tbContainer,
.LightToolbarButtonStyle.PlatformTablet .tbContainer,
.LightToolbarButtonStyle .bookshelfView_header
.DarkMenuButtonStyle .verticalToolbar  .tbCenterWrapper,
.DarkMenuButtonStyle .verticalToolbar  .tbCenterWrapper .tbButton.spriteButton,
.LightMenuButtonStyle .verticalToolbar .tbCenterWrapper,
.LightMenuButtonStyle .verticalToolbar  .tbCenterWrapper .tbButton.spriteButton
{
	background: #f5f5f5;
    /****** UNCOMMENT THESE STYLES FOR TRANSPARENT TOOLBARS
	background: none  !important;
	border: none  !important;
    *****/
}

.verticalToolbar 
{ 
    /****** UNCOMMENT THESE STYLES FOR TRANSPARENT TOOLBARS
	background-color: rgba(0,0,0,0.10) !important;
	border: none  !important;
    *****/
}

.verticalToolbar .tbCenterWrapper .tbButton.spriteButton.minimalShowTip,
.verticalToolbar .tbCenterWrapper .tbPageInput.minimalShowTip,
.LightMenuButtonStyle .verticalToolbar .tbCenterWrapper tbButton:hover,
.DarkMenuButtonStyle .verticalToolbar .tbCenterWrapper tbButton:hover,
.LightToolbarButtonStyle .verticalToolbar .tbCenterWrapper .tbButton.spriteButton.radio-group.down,
.DarkToolbarButtonStyle .verticalToolbar .tbCenterWrapper .tbButton.spriteButton.radio-group.down 
{
    /****** UNCOMMENT THESE STYLES FOR TRANSPARENT TOOLBARS
	background-color: rgba(0,0,0,0.20) !important;
    *****/
}

/* MOBILE TOOLBARS */
.DarkToolbarButtonStyle.PlatformMobile .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet7 .tbContainer,
.LightToolbarButtonStyle.PlatformMobile .tbContainer,
.LightToolbarButtonStyle.PlatformTablet7 .tbContainer
{
	background: #f5f5f5;
}

/* MOBILE MENU BUTTON */
.LightToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.LightToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar
{
    background-color: #f5f5f5;
}
.DarkToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.DarkToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar
{
    background-color: #f5f5f5;
}

/* PAGE BACK BUTTON */
.DarkToolbarButtonStyle .pageHistLeft .pageCtlButton,
.LightToolbarButtonStyle .pageHistLeft .pageCtlButton
{
	background-color: #36454f;
}

/* BOOK TOOLBAR TITLE */
.DarkToolbarButtonStyle  .titleControl .center,
.LightToolbarButtonStyle .titleControl .center,
.DarkToolbarButtonStyle .titleControl .titleControlTab,
.LightToolbarButtonStyle .titleControl .titleControlTab
{
	background-color: #36454f;
}

/*---- LEFT & SOCIAL TABS ----*/

.DarkToolbarButtonStyle .tab-bar-wrapper1 li
{
	color: #fff;
}

.LightToolbarButtonStyle .tab-bar-wrapper1 li
{
	color: #fff;
}

.tab-bar-wrapper1 li:not(.tab-selected)
{
	background-color: #36454f;
	font-weight: 400;
}

.tab-bar-wrapper1 li:hover:not(.tab-selected)
{
	background-color: #36454f; /* Hover color of unselected tab */
	margin-top: 0px;
}

.tab-panel, #SearchTabView_Content.SearchResults .searchSlider 
{
	background-color: #36454f;
}

.tab-bar-wrapper1 li.tab-selected
{
	color: #fff;
	background-color: #36454f;
	font-weight: 400;
}

#SocialWidgets #social-tabs .social-tabs li
{
	background-color: #36454f;
}

/*---- ACCENTS / INPUT 'GLOW' ----*/

.form-control:focus
{
	border-color: #c31230 !important;
}

.form-control:focus
{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(195, 18, 48, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(195, 18, 48, 0.6);
}

.listview_link:hover,
.listview_nextLevel:hover
{
	background-color: #c31230;
}

#AboutAccordion_DialogContent .panel-default > .panel-heading:hover,
#AboutAccordion_DialogContent .panel-default > .panel-heading:focus,
#AboutAccordion_DialogContent .panel-default > .panel-heading:active
{
	background-color: #c31230 !important;
}

.SearchResults .item:hover
{
	-webkit-box-shadow: 0 1px 7px #c31230;
	-moz-box-shadow: 0 1px 7px #c31230;
	-o-box-shadow: 0 1px 7px #c31230;
	box-shadow: 0 1px 7px #c31230;
	border-color: #c31230;
}

#headingResultsForm label:hover
{
	color: #c31230;
}

#headingResultsForm label.headingCheckboxLabel
{
	background-color: #c31230 !important;
	color: #fff;
}

.progress-bar
{
	background-color: #c31230;
}

.PlatformIE8 .thumbSelection
{
	border: 5px solid #c31230;
}

.thumbSelection
{
	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 5px #c31230, 0 1px 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 5px #c31230, 0 1px 5px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 5px #c31230, 0 1px 5px rgba(0, 0, 0, 0.75);
}

/*----------- START NEWSPAPERS ----------- */

.ProductNews .tocContentsTable .supp
{
	color: #c31230;
}

.ProductNews .tocContentsTable a:hover .supp
{
	color: #fff;
}

div.calendar div.active,
div.calendar div.hilite
{
    color: #000;
    border: 1px solid #c31230;
    background: #c31230;
}
div.calendar div.active:hover,
div.calendar div.hilite:hover
{
    color: #000;
    border: 1px solid #c31230;
    background: #c31230;
	opacity: 0.7;
}
div.calendar div.valid
{
	border: 1px solid #c31230;
	background: #c31230;
	opacity: 0.7;
}
div.calendar div.valid:hover
{
	border: 1px solid #c31230;
	background: #c31230;
	opacity: 1;
}

/*----------- END NEWSPAPERS ----------- */

/*----------- START TPOD ----------- */
/*
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:hover,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:focus,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:active 
{
	background-color: #c31230 !important;
}
.listview_link:hover
{
	background: #c31230;
}
#TpodStudiesTabPanel_Content .studiesPanel .tpodLabelWrapper:hover span
{
	color: #c31230 !important; 
}
#TpodPubsTabPanel_Content .allPubsPanel li.listview_nextlevel:hover
{
	background-color: #c31230 !important;
	color: #fff;
}
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:hover,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:focus,
#TpodPubsTabPanel_Content .allPubsPanel .listview_link:active
{
	background-color: #c31230 !important;
}
#TpodPubsTabPanel_Content .favoritesPanel label span:hover
{
	color: #c31230;
}

.TpodImageResourceSelected {
	border: 4px solid #c31230 !important;
}

/*----------- END TPOD ----------- */

.bookshelfView_body {
	background-color:#f5f5f5;
}

/*----------- BOOKSHELF BACKGROUND COLOR BEHIND LEFT TABS  -----------*/
.BookshelfView_gridBody {
    background-color: #f5f5f5;
}

.BookshelfView_gridWrapper, .BookshelfView_listWrapper {
    border: 0px solid #f5f5f5;
    background-color: #f5f5f5;
}

/*-------- BOOKSHELF POPOVER ------- */

.NewBookCtlView_container .popover-title
{
	background-color: #c31230;
	color: #fff;
}
.NewBookCtlView_container .popover.left > .arrow
{
	border-left-color: #fff;
}
.NewBookCtlView_container .popover.right > .arrow
{
	border-left-color: #fff;
}
.NewBookCtlView_container .popover.bottom > .arrow:after
{
	border-bottom-color: #c31230;
}
.NewBookCtlView_container .bookCtlView_price
{
	color: #c31230;
}

/*--------- BOOKSHELF GRID --------- */

.NewBookCtlView_cover_open_btn.btn.btn-primary {
	background-color: #c31230;
}
.NewBookCtlView_title_container.selected {
	background-color: #c31230;
}

.NewBookCtlView_multiCheck {
	color: #c31230;
}

/*-------- BOOKSHELF FILTERS ------- */

#BookshelfFilterTabView_Content .searchFilterTitle,
#BookshelfCategories_DialogContent .searchFilterTitle
{
	background: #36454f;
}
#BookshelfFilterTabView_Content .searchFilterElement.checked,
#BookshelfCategories_DialogContent .searchFilterElement.checked
{
	background-color: #36454f;
	color: #fff;
}
#BookshelfFilterTabView_Content .accordion .toggler.filterExists {
    background-color: #36454f;
    color: #fff;
}
#BookshelfFilterTabView_Content li.filterGroupStart
{
	border-color: #c31230;
}
#BookshelfFilterTabView_Content .applyFiltersBtn,
#BookshelfFilterTabView_Content .clearFiltersBtn
{
	background-color: #c31230;
}

/*-------- COMPOSER ------- */

.ProductModule .template-header
{
	background-color: #c31230;	
}
.ProductModule .template-footer
{
	background-color: #36454f;
}
.ProductModule .hotspot:hover div 
{
	outline: thick solid #36454f;
}

/*----------- CUSTOM -----------*/

/************ DARK TOUCHPOINTS *************/

	.hotspot.tchPts1 .imageButton_wrapper img {
		display: none;
	}
	.hotspot.tchPts1 .imageButton_wrapper {
	    position: absolute;
	    display: block;
	    content: '';
	    width: 30px !important;
	    height: 30px !important;
	    cursor: pointer;
	}
	.hotspot.tchPts1 .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.tchPts1 .imageButton_wrapper::before,
	.hotspot.tchPts1 .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.tchPts1 .imageButton_wrapper::before,
	.hotspot.tchPts1 .imageButton_wrapper::after {
	    border: 2px solid #888;
	}
	.hotspot.tchPts1 .imageButton_wrapper::after {
	    content: '+';
	    color: #fff;
	    text-align: center;
	    line-height: 26px;
	    font-family: 'Arial';
	    font-size: 26px;
	}
	.hotspot.tchPts1 .imageButton_wrapper::after {
	    color: #888;
	}
	.hotspot.tchPts1 .imageButton_wrapper:hover::after {
	    background: rgba(0,0,0,0.05) !important;
	}
	@-webkit-keyframes pulseOpacity {
	    37.5%,
	    100% {
	        opacity: 0;
	    }
	}
	@-webkit-keyframes pulseSize {
	    37.5%,
	    100% {
	        transform: scale(1.5) translate(-33.33%, -33.33%);
	    }
	}
		

/************ LIGHT TOUCHPOINTS *************/
	.hotspot.tchPts2 .imageButton_wrapper img {
		display: none;
	}
	.hotspot.tchPts2 .imageButton_wrapper {
	    position: absolute;
	    display: block;
	    content: '';
	    width: 30px !important;
	    height: 30px !important;
	    cursor: pointer;
	}
	.hotspot.tchPts2.tchPts2 .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.tchPts2.tchPts2 .imageButton_wrapper::before,
	.hotspot.tchPts2.tchPts2 .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 #222;
	}
	.hotspot.tchPts2.tchPts2 .imageButton_wrapper::before,
	.hotspot.tchPts2.tchPts2 .imageButton_wrapper::after {
	    border: 2px solid #fff;
	}
	.hotspot.tchPts2.tchPts2 .imageButton_wrapper::after {
	    content: '+';
	    color: #222;
	    text-align: center;
	    line-height: 26px;
	    font-family: 'Arial';
	    font-size: 26px;
	}
	.hotspot.tchPts2.tchPts2 .imageButton_wrapper::after {
	    color: #fff;
	}
	.hotspot.tchPts2.tchPts2 .imageButton_wrapper:hover::after {
	    background: rgba(255,255,255,0.15) !important;
	}
	@-webkit-keyframes pulseOpacity {
	    37.5%,
	    100% {
	        opacity: 0;
	    }
	}
	@-webkit-keyframes pulseSize {
	    37.5%,
	    100% {
	        transform: scale(1.5) translate(-33.33%, -33.33%);
	    }
	}
		
/* Page Dropshadow */
.PlatformDesktop #PageScrollWrapperDesktopScroll,
.PlatformTablet #PageScrollWrapperDesktopScroll {
    -webkit-box-shadow: 0 10px 10px -10px black;
    -moz-box-shadow: 0 10px 10px -10px black;
    box-shadow: 0 10px 10px -10px black;
}