@import "/Themes/modern/page_style.css";

/* special restyling of the main table of contents page.  Uses the presentation's image dir as a qualifier so that we can select just the table of contents page and not the other pages of the presentation */
.commonInnerBox.PictureDataTOC .presentationElementText {
	padding: 0;
	margin: 0;
}

.commonInnerBox.PictureDataTOC .presentationBase {
	background-image: url(Graphics/MainPageBkg.jpg);
    background-position: -170px 0px;
    background-repeat: no-repeat;
}

.commonInnerBox.PictureDataTOC .presentationTitleBanner {
	background-image:none; /* only on the main page, we'll have no banner background and instead use the background above */
}


.presentationVideoMainPageWrapper {
	padding-left:18px;
	padding-right:18px;
	background-color:rgba(0,0,0,0.1);
	margin-top:20px;
}


.commonInnerBox.PictureDataTOC hr {
	 border:0; 
	 color:#efefef;
	 background-color:#888;
	 height:1px;
	 width: 300px;
	 margin-top: 30px;
	 margin-bottom: 30px;
}


.presentationTitleBanner {
	background-image: url(Graphics/TitleBannerBkg.jpg);
	background-size: 1000px;
	background-position: -250px -120px;
}

.presentationTitleBanner img {
	width: 100%;
}

@media only screen and (min-width: 1000px) {
	.presentationTitleBanner {
		background-size: 1150px;
    	background-position: -240px -140px;
	}
}

@media only screen and (min-width: 1200px) {
	.presentationTitleBanner {
		background-size: 1350px;
		background-position: -250px -100px;
	}
}