/* Overrides to miscellaneous_sidebar_style.css, which is pulled in by output_sidebar_navigation.jsp */

.sidebar {
    background: none !important;
	background-color: white !important;
	margin-left:20px; 
	margin-right:20px;
}

.sidebar_title_text {
	background-color: white !important;
	color: black !important;
	font-size: 22px !important;
	border-top:0px !important;
	margin-top:30px !important;
}

.sidebar_separator {
	margin-top: 30px;
	border-top: 1px solid #efefef;
}

.sidebar_social_media {
	margin-top:25px;
}

.adk_page_reference {
	margin-top:20px;
	text-align:center;
}

.page_background {
	background: none !important;
}

#navi a, #navi strong {
	color:black !important;
	background-color: white !important;
	border-top:1px solid #efefef !important;
}

#navi a:hover, #navi strong:hover {
    background-color: #efefef !important;
}

.sidebar_mainpage_return:hover {
    background-color: #efefef !important;
}

/* non-link text headings within link blocks */
#navi .text_header
{
	color: black !important;
	padding-top:15px;
	font-size:1.3em !important;
	border: none !important;
	background-color: transparent !important;
	font-family: Verdana;
}

/* style for the nav buttons */
.styleHeaderFooterColor {
    background-color: rgba(0,0,0,0.04);
    box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.04);
}

.footerStyling {
	margin-top: 40px;
}


/* style for the left-right presentations, entire entry */

.styleBlockLeftRight 
{
   width:600px;
   margin-top:15px;
   margin-bottom:15px;
}


/* style for the bar at the top of each left-right entry (i.e. contains title and buttons) */

.styleLeftRightHeaderTable
{
   width:100%;
}


/* style for the cell that contains the buttons in a left-right entry */

.styleLeftRightButtonsCell
{
   text-align:right; 
   padding-top:3px; 
   padding-right:2px;
   margin:1px; 
   vertical-align:middle;
   width:275px;
}


/* style for the href for each button in a left-right entry */

.styleLeftRightButtons
{
   vertical-align:middle;
}


/* style for the cell that contains the title in a left-right entry */

.styleLeftRightTitleCell
{
   width:325px;
   padding-left:5px;
}


/* style for the just the text within the cell that contains the title in a left-right entry */

.styleLeftRightTitle
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:medium; 
   font-weight:bold;
   color:#FFFFFF;
}


/* style for the content in each left-right entry (i.e. image and caption text) */

.styleLeftRightTable
{
   border: 0px;
   margin: 0px;
   border-collapse:collapse;
}


/* style for the caption text cell within the content of the left-right entry */

.styleRightTableTextCell
{
}

.styleRightTableText
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
   margin-top:5px;
   margin-left:10px;
}

.styleLeftTableTextCell
{

}

.styleLeftTableText
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;;
   margin-top:5px;
   margin-right:10px;
}

.styleRightTableImageCell
{

}

.styleLeftTableImageCell
{
}


/* styleTextBlock
   this is the style for an entire text block (including any flowed images 
*/
.styleTextBlock
{
   width:600px;
   margin:0 auto;
   margin-bottom:12px;
   margin-top:12px;
}

/* styleTextBlockParagraph
   this is the style for the paragraph within a text block 
*/
.styleTextBlockParagraph
{
   text-align:justify;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.0em;
   margin-top:0px;
}


/* this style is for the hr between blocks of pics in presentations */

.stylePictureSeparator
{
   border:1px solid #888888;
   width: 550px;
   margin-top:17px;
   margin-bottom:22px;
}



/* this style is for the individual paragraphs that contain
   each image on a row of images in a 'dense' slideshow display */
   
.stylePictureRowElement
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.66em;
}

/* this style is for the cladding around trackmap entries */

.styleTrackmapRowElement
{
}

/* this style is for the lower caption text on inline trackmaps */
   
.styleTrackmapCaption
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.66em;
}

/* this style is for the upper caption text on inline trackmaps */
.trackmap_popup_title_style
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.88em;
   
}



/* for messageboard entries */


.messageBoardEntryCladding1
{

}

.messageBoardEntryCladding2
{

}

.messageBoardEntryBorderStyle1 /* to fix a stupid IE6 bug */
{
   border: 1px solid #B9BAA5;
}

.messageBoardEntryBorderStyle2 /* to fix a stupid IE6 bug */
{
   border: 1px solid #BEBEAC;
}

.messageBoardEntryBody
{
   border-top:1px solid #A8A99F;
   margin-top:3px;

}

.messageBoardEntryThreaded:hover
{
	background-color:#CFD1BC;
}


.styleTitleCaptionAndImage
{
	width: auto;
}

.styleTitleCaptionAndImage_m
{
	width: auto;
}


.styleShowImageTitleAndCaption
{
	background-color:black;
	padding: 3px;
	padding-left: 6px;
	min-height:45px; /* minimum height based on anchor logo height */
}

.styleShowImageTitleAndCaption_m
{
	/*padding: 3px;*/
	padding-left: 6px;
	/* min-height:45px; */
}


.styleShowImageTitle
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.3em; 
   font-weight:bold;
   color:#fff;
}

.styleShowImageTitle_m
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.6em; 
   font-weight:bold;
}


.styleShowImageTitleIcon
{
	float:right;
	margin-top:3px;
	margin-right:6px;
}

.styleShowImageCaption
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:small; 
   color:#fff;
}

.styleShowImageCaption_m
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:small; 
}

.styleShowImageBottomMatter_m
{
	width:100%;
}

.styleShowImageBottomMatter img
{
	border: 0px;
}

.stylePresentationNonDenseBackground 
{
    background-image: url("/Themes/basic/NonDenseImageBkgFadeTop.png");
}

.styleShowImageImage
{
	text-align:center;
	background: rgb(0,0,0) transparent;
	background: rgba(0,0,0,0.1);
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000, endColorstr=#11000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000, endColorstr=#11000000)";
	
}

.styleShowImageImage_m
{
	text-align:center;

	
	
}

.styleShowImageImage_m img
{
	width:100%;
}

.presentationNavigation {
	margin-top: 20px !important;
	margin-left: 20px;
	margin-right: 20px;
}


.presentationElementText {
	font-family: 'Open Sans', sans-serif !important;
	font-size:1.5em !important;
	margin: 10px 20px 10px 20px
}

.presentation_page_heading_p {
	font-family: 'Open Sans', sans-serif;
	text-align:center;
}


/* default page heading style if not specified in a presentation's presentation_lf.css */
.presentation_page_heading_big_text
{
	font-size:1.7em;
	font-weight:bold;
}

/* special extra stying when heading big text is at the very top of the presentation (usually when no banner image) */
.presentationBase>.presentation_page_heading_big_text {
	font-size: 2.5em;
	text-align: center;
	margin-top: 25px;
}


.presentation_page_heading_big_text_m
{
	text-align:center;
}

.presentation_page_heading_small_text
{
	font-size:1.0em; 
	font-weight:bold;
	text-align: center;
}

.presentation_page_heading_small_text_m
{
	text-align:center;
}

/* --- for "main" pages of big presentations -- */
.presentation_main_page_sidebar_text_title {
	font-size:1.5em;
	margin-bottom:25px;
}

/* --- end for "main" pages --- */
 
.presentationImage {
	text-align: center !important;
    margin: 0 auto !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.presentationImageLeft {
	margin: 18px 22px 16px 22px !important;
}

.presentationImageRight {
	margin: 18px 22px 16px 22px !important;
}

.presentationElementTable {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
	clear: both;
}

.presentationVideo {
	position: relative;
	padding-bottom: 60%; /* 16:9 + a bit for caption */
	padding-top: 25px;
	height: 0;
}

.presentationVideo_v2 {
	position: relative;
	padding-bottom: 66%; /* for some reason the plugin version needs 66 instead of 60 to properly style */
	padding-top: 25px;
	height: 0;
}

.presentationVideo iframe, .presentationVideo_v2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.presentationVideoCaption {
	font-size: calc(6px + 1.5vw);
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}


@media only screen and (min-width: 1000px) {
	.presentationElementTableImage, .presentationElementTableCaption {
		padding-left:15px;
		padding-right:15px;
	}

	.presentationVideoCaption {
		font-size: 2rem;
	}
}

@media only screen and (min-width: 1200px) {
	.presentationElementTableImage, .presentationElementTableCaption {
		padding-left:30px;
		padding-right:30px;
	}

}

.big_presentation_toc {
	display: flex;
    align-items: start;
}

.big_presentation_left_column {
	flex:50%;
	margin:20px;
	padding-top:20px;
	padding-left:30px;
	padding-bottom:3px;
}

.big_presentation_right_column {
	flex:50%;
	margin:20px;
	padding-top:20px;
}

@media only screen and (max-width: 600px) {
	.big_presentation_toc {
		flex-direction: column;
	}
	
	.big_presentation_left_column {
		margin: 0px;
		padding-left:0px;
	}
	
	.big_presentation_right_column {
		font-size: 0.8em;
	}
	
	.big_presentation_front_table sidebar_text_title {
		text-align:left;
	}
}



.presentationTitleBanner img {
    width: 100%;
}

/* in newstyled presentations, a nice big extra NEXT > button is nice to have near the lower nav bar.
 Helps catch ppls' eyes.
 */
.inlinePresentationNextButton {
	width: 100%;
	clear: both;
}

.inlinePresentationNextButton > div {
	margin: 0 20px 30px 0;
	font-size: 2em;
	float:right;
}

.article_quote_unquote {

	width: 300px;
	margin-top: 10px;
	padding-top: 10px;	
	font-size: 0.7em;
	margin-bottom: 10px;
	padding-bottom: 10px;	
}

.article_quote_unquote_header {
	font-size: 1.6em;
    background-size: 40px;
    background-image: url(quotation-icon.png);
    background-repeat: no-repeat;
    background-position: 0px -1px;
    height: 30px;
	padding-left: 50px;
}

.article_quote_unquote_subject {
	font-style:italic;
	padding-top:10px;
	padding-bottom: 10px;
}

.article_quote_unquote_center {
	width: 100%;
	border-left: 10px solid #eee;
	border-right: 10px solid #eee;
	padding-left: 10px;
	padding-right: 10px;
}

.article_quote_unquote_right {
	margin-left: 30px;
	padding-left: 10px;
	float: right;
	border-left: 10px solid #eee;
}

.article_quote_unquote_left {
	margin-right: 30px;
	padding-right: 10px;
	float: left;
	border-right: 10px solid #eee;
}