/* Styles for Thematic Essays */
/* The Heilbrunn Timeline of Art History - Metropolitan Museum of Art */
@import url(/toah/includes/outstanding.css);

/* Top Gray */
#subheaderGray { color:#444; }
#subheaderGray ul { margin:0px; padding:0px; padding-left:10px; height:26px; }
#subheaderGray li { list-style-type:none; display:inline; letter-spacing:.08em; line-height:26px; height:26px; margin-right:10px; padding:5px; height:26px; }
#subheaderGray a { color:#444; text-transform:uppercase; font-size:11px; line-height:26px; height:26px; font-family:Arial,Helvetica,sans-serif; text-decoration:none; }
#shadowNav { position:relative; left: -1px; top: -1px; color:#FFF; }
	#shadowNav a { color:#fff; }
#shadowText { position:absolute; }
#activeNav { background-color:#e6e6e6; border-bottom:solid 4px #e6e6e6; }
	#activeNav a { color:#444; }
#activeNavItemNOTUSED:after { display: block; margin-left: -1px; margin-top: -13px; color:#FFF; content: attr(title); }


#thematicEssay { width:970px; padding:15px 10px 15px 10px; font-family:Arial,sans-serif; font-size: 13px; line-height:140%; height:550px; min-height:500px; }
html > body #thematicEssay { width:950px; height:auto;}
	#thematicEssay h1 { padding:8px 15px 15px 10px; margin-bottom:5px; border-bottom:solid 1px #919191; line-height:110%;}
    #thematicEssay a { color:#7a0026; text-decoration:none; }
    #thematicEssay a:HOVER { text-decoration:underline; }

#thematicEssayInformation { position:relative; background-color:#fafafa; width:700px; padding:10px; border:solid 1px #cacaca; }
html > body #thematicEssayInformation { width:700; margin-bottom:15px;}
	#thematicEssayInformation h2 { font-size:12px; font-weight:800; font-family:Arial,sans-serif; color:#000; margin:0px; padding:0px; margin-bottom:5px; }
	#thematicEssayInformation p { margin:0px 20px 0 0px; padding:0px; }

#thematicIcons { margin-bottom:1px; font-size:10px; line-height:100%; }
	#thematicIcons li { list-style-type:none; display:inline; margin-right:1px; }
	.darkBorder { border:solid 1px #bbbbbb; }
	#thematicIcons .objThumbLI { float:left; margin-right:3px; margin-bottom:1px; }
	#thematicIcons .objThumb { display:none; position:absolute; margin:64px 0 0 64px; width:250px; border:solid 1px #bbbbbb; font-size:11px; background-color:#fafafa;  padding:12px 15px 15px 15px; z-index:201; line-height:140%;}
	#thematicIcons .objThumb img { margin-bottom:5px; margin-top:0px;   border: 1px solid #bbbbbb;}
		#thematicIcons .objThumb a { font-size:11px; line-height:150%; text-decoration:none; }
	#thematicIcons .objPreviewImage { display:block; text-align:center; margin-bottom:10px;}
	.previewCarrot { display:none; }
	#objThumbEnlarge1, #objThumbEnlarge2, #objThumbEnlarge3, #objThumbEnlarge4, #objThumbEnlarge5, #objThumbEnlarge6, #objThumbEnlarge7, #objThumbEnlarge8, #objThumbEnlarge9, #objThumbEnlarge10, #objThumbEnlarge11, #objThumbEnlarge12, #objThumbEnlarge13, #objThumbEnlarge14, #objThumbEnlarge15, #objThumbEnlarge16, #objThumbEnlarge17, #objThumbEnlarge18, #objThumbEnlarge19, #objThumbEnlarge20, #objThumbEnlarge21, #objThumbEnlarge22, #objThumbEnlarge23, #objThumbEnlarge24, #objThumbEnlarge25, #objThumbEnlarge26, #objThumbEnlarge27, #objThumbEnlarge28, #objThumbEnlarge29, #objThumbEnlarge30, #objThumbEnlarge31, #objThumbEnlarge32, #objThumbEnlarge33, #objThumbEnlarge34, #objThumbEnlarge35 { border:none #666; }
	.clearImages { width:100%; height:1px; overflow:hidden; margin:0px; padding:0px; clear:left; }
#thematicIconDescribe { background-image:url('/toah/art/magnify_sm.gif'); background-repeat:no-repeat; padding-left:20px; margin-bottom:15px; font-size:11px; color:#464646; clear:left; }
	#thematicIconDescribe img { position:relative; top:4px; margin-right:5px; }
#thematicRelated { width:250px; position:relative; float:left; margin:0 15px 5px -6px; padding-top:5px; padding-right: 0px; font-size:11px; background-color:#fafafa; border-right:dotted 0px #bcbcbc; }
	html > body #thematicRelated { width:249px; margin-left:-8px; }
	#thematicRelated h3 { padding:2px 0px 2px 0px; margin-right:0px; font-size:11px; border-top:solid 1px #d2d2d2; cursor:pointer; }
	html > body #thematicRelated h3 { margin-right:10px; }
	#thematicRelated h4 { font-size:10px; font-weight:300; text-transform:uppercase; padding-left:2px; line-height:100%; padding:0px; margin:0px 0 7px 0; }
	#thematicRelated ul { margin:3px 0 10px 0; color:#7a0026; }
	#thematicRelated li { display:block; list-style-type:none;  margin-left:0px; padding:0px 5px 0px 7px; text-indent:0px; margin-bottom:4px; line-height:120%; padding-right: 15px; background-image:url('/toah/art/bull.png'); background-repeat:no-repeat;}
	#relatedShare ul { margin:0px; }
	.thematicRelatedArrow { float:right; }
	.contentRow { display:block; clear:left; }
	.iconRow { display:block; clear:left; padding-top:10px; height:78px; overflow:hidden; width:720px; }
	.iconRow li { width:76px; height:76px; overflow:hidden; margin-bottom:10px; }
	#thematicRelated .relatedTitle, .RelatedNonMetContainer, .RelatedTimelineContainer, .RelatedThematicContainer, .RelatedPrimaryThematicContainer, .RelatedMapContainer, .RelatedIndexContainer, .RelatedMultimediaContainer { padding:0 5px 0 12px; }
	html > body #thematicRelated .relatedTitle, html > body .RelatedNonMetContainer, html > body .RelatedTimelineContainer, html > body .RelatedPrimaryThematicContainer, html > body .RelatedThematicContainer, html > body .RelatedMapContainer, html > body .RelatedIndexContainer, html > body .RelatedMultimediaContainer { padding:0 0px 0 8px; }
	
	/* Multimedia Specific */
	.RelatedMultimediaContainer { margin-bottom:5px; }
		.showTEEnlargement { cursor:pointer; }
	#multimediaEnlargement { display:none; }
	hr.multimediaHR { color:#D2D2D2; background-color:#D2D2D2; margin:10px 0 5px; border:none;  overflow:hidden; height:1px; width:97%; }
		
	#thematicRelated .relatedImageTop { position:absolute; top:-1000px; }
	#thematicRelated .relatedImageBottom { position:absolute; bottom:-1000px; }
	#thematicRelated .RelatedShareContainer { margin-bottom:15px; }
	#relatedIE { float:right; height:1px; overflow:hidden; }
	html > body #RelatedIEContainer { display:none; }

#thematic_essay_categories { position:absolute; right:10px; width:208px; margin-top:2px; padding-left: 0px;}
	#thematic_essay_categories ul { margin-left:0px; padding-left:0px; margin-top:5px; }
		#thematic_essay_categories ul.subCategoryList { margin-top:-2px; }
		html > body #thematic_essay_categories ul { margin-left:10px; }
	#thematic_essay_categories li { list-style-type:none; font-size:10px; line-height:19px; padding:1px 0px 1px 0px;}
	#thematic_essay_categories li.withSubnav { }
	#thematic_essay_categories li.withSubnavActive { }
	#thematic_essay_categories h4 { font-size:12px; color:#3C5FB8; padding-bottom:5px; margin:3px 0 0 0; }
	#thematic_essay_categories hr { background-color:#cacaca; height:3px; border:none; margin:10px 0 8px 0; }
	#thematic_essay_categories a { color:#000; }
	#thematic_essay_categories form { padding-top:3px; font-family:Arial,sans-serif; }
	#thematic_essay_categories select { border:solid 1px #bdbdbd; margin-bottom:8px;font-size:11px; font-family:Arial,sans-serif; width:100%; position:relative; z-index:1; color: #333; padding: 0px; background-color: fafafa;}
	#thematic_essay_categories h5 { font-size:11px; font-weight:normal;  }
		#thematic_essay_categories option { padding-left:5px; margin-left:2px; }

		#orSep { background-image:url('/toah/art/or_sep.gif'); background-repeat:no-repeat; text-indent:-4000px; width:200px; height:7px; margin:3px 0 0px 0; }
			html > body #orSep { margin-bottom:8px; }
		.submitBox { text-align:right; }
		.catHeadline { font-family:Arial,sans-serif; text-transform:uppercase; border-top:solid 1px #d2d2d2; }
		.catHeadline0 { text-transform:uppercase; border-top:solid 1px #d2d2d2;  }
		.catHeadline2 { text-transform:uppercase; border-top:solid 1px #999;  }
		.allActive { cursor:pointer; }
		#catHighlight a { color:#7a0026; font-weight:800; }
		ul.subCategoryList { padding:0px; margin:0px; }
		.subCategoryList li { text-indent:0px; text-transform:none; padding-left:0px; margin-left:5px; }
			html > body .subCategoryList li { padding-left:5px; }
		#thematic_essay_categories .subCategoryList a { font-size:11px; color:#464646; padding:0px; font-weight:300; }
		.categoryArrow { float:right; }
#thematic_essay_subcategories a { color:#000; }
#thematic_essay_subcategories a.active { color:7a0026; }
	
.authorCredit { margin-top:30px; font-size:11px; display:block; font-family:Arial,Helvetica,sans-serif; }	
	#thematicEssay td { font-size:11px; font-family:Arial,Helvetica,sans-serif; }
#teBottomLinks { padding:15px; margin-bottom:20px; border:solid 1px #e6e6e6; clear:both; line-height:110%; }
	#teBottomLinks hr { background-color:#bcbcbc; border:0px; height:1px; }
	
	#relatedMap, #relatedTimeline, #relatedPrimaryThematic, #relatedThematic, #relatedIndex, #relatedNonMet, #relatedShare { display:none; }
	#relatedNonMet { display:block; }
	#relatedNonMet li { display:inline; text-indent:0px; padding:0px; margin:0px; }
	#relatedNonMet img { border:solid 1px #666; }
	.nmText { display:none; max-width:500px; margin-top:15px; clear:left; font-family: Arial,Helvetica,sans-serif; line-height:140%; font-size:12px;}
	.nmText p { margin-bottom:10px; line-height:130%;}
	.mapImage img { border:solid 1px #bbbbbb; margin-left:10px; }
#teBottomLinks { margin-top:32px; line-height: 140%;}

#restOfContent { float:right; width:440px; }
#findTheseBooks { margin-left:10px; position:relative; height:20px; }
	html > body #findTheseBooks { padding-top:2px; top:0px; }
	#findTheseBook img { margin-right:10px; }
.bottomClear { width:100%; clear:both; height:1px; }

/* Handle NonMet Images */
#altViews { border-bottom:solid 1px #919191; padding-bottom:10px; margin-bottom:10px; }
.altHead { font-size:11px; color:#790026; display:inline; margin-bottom:5px; }

#altViewsEnlarge { border:solid 1px #3C3C3C; position:absolute; text-align:left; display:none; background-color:#f7f7f7; width:545px; z-index:101; }
html > body #altViewsEnlarge { max-width:540px; width:auto; }
#altViewsEnlarge2 { border:solid 1px #3C3C3C; position:absolute; text-align:left; display:none; background-color:#f7f7f7; width:545px; z-index:101; }
html > body #altViewsEnlarge2 { max-width:540px; width:auto; }
#EnlargedView img { text-align:center; display:block; margin:auto; margin-bottom:10px; border:solid 1px #222; }
	#EnlargedView { width:auto; padding:0 15px;}
#smallThumbs { float:left; margin:0px; width:100px; max-height:400px; overflow:auto; }
	#smallThumbs li { margin:0 5px 2px 0; list-style-type:none; }
	#smallThumbs img { border:solid 1px #666; }
html >body #smallThumbs { float:left; margin:0 0 15px 20px; }
	
#EnlargeHolder li { list-style-type:none; float:left; margin-right:5px; margin-bottom:5px; }
#EnlargeHolder img { border:solid 1px #dddddd; }

#EnlargeWidthHorizontal { height:1px; }
#EnlargeWidthVertical { height:1px; }
#EnlargeWidthNoAV { height:1px; }

#EnlargeShadowRight { visibility:hidden; position:absolute; top:5px; right:-6px; width:5px; background-color:#3C3C3C; height:100%; } 
#EnlargeShadowBottom { visibility:hidden; position:relative; bottom:-6px; left:5px; width:100%; background-color:#3C3C3C; height:5px; padding:0px; } 
html > body #EnlargeShadowRight { visibility:hidden; position:absolute; top:5px; right:-6px; width:5px; background-color:#3C3C3C; height:100%; } 
html > body #EnlargeShadowBottom { visibility:hidden; position:relative; bottom:-6px; left:5px; width:100%; background-color:#3C3C3C; height:5px; } 


#altViewsEnlargeMap { border:solid 1px #3C3C3C; position:absolute; text-align:left; display:none; background-color:#f7f7f7; width:750px; z-index:101;  }
html > body #altViewsEnlargeMap { max-width:750px; width:auto; }
#EnlargedViewMap img { text-align:center; display:block; margin:auto; border:solid 1px #222; }
	#EnlargedViewMap { width:auto; padding:0 15px; }
#EnlargeHolderMap li { list-style-type:none; float:left; margin-right:5px; margin-bottom:5px; }
#EnlargeHolderMap img { border:solid 1px #666; }
	
#altTitles { background-color:#666; margin-bottom:20px; cursor:move; }
			#altTitles li { list-style-type:none; cursor:pointer; }
#altTitlesMap { background-color:#666; margin-bottom:20px; cursor:move; }
			#altTitlesMap li { list-style-type:none; cursor:pointer; }
			
.leftPad20 { margin-left:20px; }
.leftFloat { float:left; }
.rightFloat { float:right; }
.absoluteMe { position:absolute; }
.objAccessionNumberEnlargeHorizontal { display:none; font-size:12px; line-height:120%; margin-bottom:20px; margin:0 20px 0 0; font-family:Arial,sans-serif; color:#000; width:450px; height:1px; overflow:hidden; }
.objAccessionNumberEnlargeVertical { display:none; font-size:12px; line-height:120%; margin-bottom:20px; margin:20px 20px 20px 0; font-family:Arial,sans-serif; color:#000; width:350px; }
.largeImage { border:solid 1px #666; }
.magnify { display:block; margin-top:5px; text-align:left; }
#tombTextAlt1, #tombTextAlt2, #tombTextAlt3, #tombTextAlt4, #tombTextAlt5, #tombTextAlt6, #tombTextAlt7, #tombTextAlt8, #tombTextAlt9, #tombTextAlt10, #tombTextAlt11, #tombTextAlt12, #tombTextAlt13, #tombTextAlt14, #tombTextAlt15, #tombTextAlt16, #tombTextAlt17, #tombTextAlt18, #tombTextAlt19 { display:none; font-family:Arial,Helvetica,sans-serif; font-size:13px; margin-top:15px; }
#mapTextAlt1, #mapTextAlt2, #mapTextAlt3, #mapTextAlt4, #mapTextAlt5, #mapTextAlt6, #mapTextAlt7, #mapTextAlt8, #mapTextAlt9, #mapTextAlt10 { display:none; font-family:Arial,Helvetica,sans-serif; font-size:13px; margin-top:15px; }

.timeCap { font-size:90%; font-variant:small-caps; }

/* Slideshow Specific */
	#slideshowIcons { width:100%; display:none; overflow:hidden; margin-bottom:10px; position:relative; }
	#slideshowWindow { width:15000px; }
		#slideshowWindow li { float:left; list-style-type:none; padding:20px 0; background-color:#CCCCCC; border:solid 1px #BDBDBD; margin:5px; height:315px; overflow:hidden; width:400px; text-align:center;  }
			html > body #slideshowWindow li { height:275px; }
		#slideshowWindow li img { max-height: 275px; height: expression(this.height > 275 ? 275: true); max-width: 360px; width: expression(this.width > 360 ? 360: true); border: 1px solid #bdbdbd; }
		.arrowRight { position:absolute; right:0px; z-index:500; margin-top:2px }
		.arrowLeft { position:absolute; left:0px; z-index:500; margin-top:2px }
		.thumbnailsButton { display:none; }
		.slideShowStarter { width:150px; height:275px; float:left; }
		
		.deadZoneLeft { position:absolute; left:0px; top:0px; width:170px; height:350px; z-index:20; display:block; }
		.deadZoneRight { position:absolute; right:0px; top:0px; width:150px; height:350px; z-index:20; display:block;  }
		.objSlideshowLI { position:relative; }
		.imageCaption { position:absolute; display:none; text-align:left; line-height:130%; color:#fff; font-size:12px; bottom:0px; left:0px; padding:20px; width:400px; background-color:#454545; opacity:.9; }
			html > body .imageCaption { width:360px; }
			#thematicEssayInformation .imageCaption a { color:#fff; text-decoration:none; display:block; }
			#thematicEssayInformation .imageCaption .tombstoneSmall { font-size:11px; margin-top:5px; }
			
		#slideShowToggler { position:relative; text-align:left; padding:0px; margin:0px 0 10px -10px; width:720px; position:relative; border-bottom:solid 1px #d0d0d0; height:25px; }
			html > body #slideShowToggler { height:23px; }
		/*#slideShowToggler { text-align:left; border-bottom:solid 1px #dcdcdc; padding:0px; margin:10px 0 10px -10px; width:960px; position:relative; }*/
			#slideShowToggler span, #slideShowToggler a.toggleLink { position:absolute; top:0px; background-color:#7a7a7a; padding:3px; border-left:solid 5px #7a7a7a; border-right:solid 5px #7a7a7a; color:#fff; cursor:pointer; margin:0 10px; font-size:10px; text-transform:uppercase; }

		#slideShowNotifier { position:absolute; right:5px; bottom:10px; display:none; }
			#slideShowNotifier li { float:left; width:10px; height:10px; position:relative; margin-right:5px; list-style-type:none; overflow:hidden; }
				#slideShowNotifier li a { position:absolute; width:100%; height:100%; text-indent:-6000px; background-image:url('/toah/art/dot-off.png'); }
				#slideShowNotifier li a:HOVER { text-decoration:none; background-image:url('/toah/art/dot-on.png'); }
				#slideShowNotifier li.activeNotify a { text-decoration:none; background-image:url('/toah/art/dot-on.png'); }

/*.objPageLink:after { content:" [Work of Art]"; font-size:9px; font-family:Arial,Helvetica,sans-serif; color:#3d3d3d;text-transform:uppercase; } */

.essayList {  }
	.essayList li { list-style-type:none; margin-bottom:5px; }
	.essayList li a {  }

small { font-size:11px; line-height:110%; margin-bottom:5px; }

.indentText { padding-left:20px;  }
.noResults { padding:0 20px; }

/* Lists of Rulers */
#rulersList td, #rulersList2 td { border-bottom:solid 1px #e6e6e6; padding:5px; font-size:12px; }
	#rulersList h3, #rulersList2 h3 { color:#3C5FB8; font-size:14px; }
		#rulersList h3 a, #rulersList2 h3 a { color:#7A0026; border:none; }
	#rulersList a.anchorLink, #rulersList2 a.anchorLink { color:#3C5FB8; text-decoration:none; }
	#rulersList .rulerSpaceSM, #rulersList2 .rulerSpaceSM { padding-left:30px; }
	#rulersList .rulerSpaceMED, #rulersList2 .rulerSpaceMED { padding-left:60px; }
	#rulersList .rulerSpaceLG, #rulersList2 .rulerSpaceLG { padding-left:90px; }
	#rulersList .imageRow, #rulersList2 .imageRow { border-left:solid 1px #e6e6e6; border-bottom:none; text-align:right; }
		#rulersList .imageRow img { border:none; }
	#rulersList .noBorder, #rulersList2 .noBorder { border:none; }
	#rulersList .spaceTop, #rulersList2 .spaceTop { padding-top:25px; }
	#rulersList sup, #rulersList2 sup { font-family:Verdana,Arial,sans-serif; }
	
.standardSelect { width:300px; padding:0px;background-color:#e6e6e6; border:1px solid #bdbdbd; color:#333333; font-family:Arial,sans-serif; font-size:12px;margin-bottom: 8px;}


#multimediaEnlargement { display:none; }
.videoCaption { margin-top:15px; clear:left; font-family: Arial,Helvetica,sans-serif; line-height:140%; font-size:12px;}

/* TE Tooltips on body text */
#essayPopupContainer { position:absolute; left:0; top:0; display:none; z-index: 20000; }
.essayPopupPopup { }
#essayPopupContent { padding:10px; border:solid 1px #acacac; background-color: #FFF; min-width: 175px; min-height: 100px; width:250px; text-align:center; }
	html > body #essayPopupContent { padding:0px; border:none; }
#essayPopupContent p { background-color: #FFF; display:block; text-align:left; margin-bottom:5px;}
.essayPopupPopup .essayPopupImage { margin: 5px; margin-right: 15px; }
html > body .essayPopupPopup .corner { width: 19px; height: 15px; }
html > body .essayPopupPopup .topLeft { background: url(/toah/art/balloon_topLeft.png) no-repeat;}
html > body .essayPopupPopup .bottomLeft { background: url(/toah/art/balloon_bottomLeft.png) no-repeat;}
html > body .essayPopupPopup .left { background: url(/toah/art/balloon_left.png) repeat-y;}
html > body .essayPopupPopup .right { background: url(/toah/art/balloon_right.png) repeat-y;}
html > body .essayPopupPopup .topRight { background: url(/toah/art/balloon_topRight.png) no-repeat;}
html > body .essayPopupPopup .bottomRight { background: url(/toah/art/balloon_bottomRight.png) no-repeat;}
html > body .essayPopupPopup .top { background: url(/toah/art/balloon_top.png) repeat-x;}
html > body .essayPopupPopup .bottom { background: url(/toah/art/balloon_bottom.png) repeat-x; text-align: center; }

#essayPopupContent h4 { font-size:12px; text-align:left; margin:5px 0; display:block; }
#essayPopupContent .objPreviewImage img, #essayPopupContent .adSpace img { border: 1px solid #bdbdbd;}

#essayPopupContent .readMore { visibility:hidden; }
.whiteBG { background-color:#fff; }


span.showPDF { color:#7A0026; cursor:pointer; }
ul.pdfList { display:none; padding-left:20px; }

blockquote { margin-left:20px; }

.audioCaption { margin-top:5px; }
.labelForAudio {margin-bottom:10px; }
.fullCaption { display:none; cursor:pointer; margin-bottom:10px; }

.pullQuote { font-size:16px; font-family:Georgia,"Times New Roman",serif; font-weight:300; padding:10px 20px 30px 20px; line-height:140%; margin-top:-7px; font-style: italic; color:#3c5fb8; }
	.pullQuote em { font-style:normal; }
	
.relatedSubHeader { display:block; margin:0 0 4px; }
.non-Met-Preview { color:#7A0026; cursor:pointer; }

.biblioLinks { display: block; }

.biblioAuthLink { pointer-events: none; cursor:default; }
#thematicEssay .biblioAuthLink { color:#000000; }