@charset "UTF-8";
/* CSS Document */

body{ background:#F2F0F0; text-align:center; padding:0; margin:0; font-size:1em;}

@media print {
	#printingBox{ display: none; }
	.archiveItem { break-inside: avoid; }
}

/* OTHER NAVIGATION */
:focus{ outline: none !important; }

a.viewBy {display: inline-block; height:16px; width:16px; border:1px solid #fff !important; vertical-align:middle; margin-right:3px; background:url('images/icon_sizes.gif') no-repeat 1px 1px; padding:1px; }
a.viewBy:hover, a.viewBy.selected{ border-color:#F93 !important;}
#viewsnav{ float:right; /*margin-top:-.5em;*/}
#viewsnav span{ font-weight:bold; font-size:.7em; text-transform:uppercase;}
#catalogueIndex #viewsnav span {text-transform: none; font-weight: normal; font-size:12px; color: #636679;}

a#thumbnail{ background-position:1px}
a#size{width:28px; background-position:-16px}
a#listA{background-position:-45px;}
a#listB{background-position:-62px;}

#scale{padding-top:5px;clear:both;}
#scale table{border-top: dotted 1px #CCC;}
#scale td{padding:4px; font-size:.7em}
#scale .scale div {
	height: 5px; border: #666 solid 1px; border-top: none;
}
#scaleCont{padding:1em 0;}

.button{ display: inline-block;
    padding: 2px 5px;
    border: 1px solid #ccc;
    text-decoration: none !important; }


ul.noBullet {
    list-style: none !important;
    padding-left: 20px;
}
ul.outdent li{ text-indent:-20px;
    margin-bottom: .8em; }


/* LAZY LOAD */
.lazyload,
.lazyload-persist {
    opacity: 0;
    transition: opacity 1000ms;
}
.lazyloaded {
    opacity: 1;
}


/* 		INDEX PAGE 		*/

.indexPage #topMatter{ margin-bottom:1em;}
#splahtext .blue{ font-size: .9em; line-height: 1.4em;}

.indexPage #centerMatter {width: 810px; margin: 0 auto 24px;}
.indexPage .rowheading {  font-size: 1.4em; display:block; padding:8px 0; border-bottom: solid 2px #CAC9C9; margin:20px 0 6px;}
.indexPage .entryRef { margin: 12px; display:block; }
.indexPage .divider{ border-bottom: 1px solid #E9E8E7; margin-bottom:10px; padding-top:10px;}
.indexPage .recType{ color: #8F8D8D; font-size:.8em; padding-right:12px; }
.indexPage .recType span{ color: #B7B4B4;}
.indexPage .fullRef{   }

#indexContainer #loader{ text-align:center; margin:100px 40px;}

.noresults{ text-align: center; padding: 100px; min-height: 250px;}


/* splash box */

#indexsplash{ margin-top: -1em; margin-bottom: 2em; padding: .8em; background-color:#FFF; font-size:1em; line-height:1.2em;
	border:solid 1px #F2EEEF;
 /* position:absolute; width:80%;
	-webkit-box-shadow: 6px 6px 6px 3px #B0AAAB;
     -moz-box-shadow: 6px 6px 6px 3px #B0AAAB;
     box-shadow: 6px 6px 6px 3px #B0AAAB; */ 
	 -webkit-box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
	-moz-box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
	box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
}
	 
#indexsplash .heading{
	    display: block;
    font-size: 1.2em;
    margin-bottom: .5em;
    line-height: 1.2em;
}
#indexsplash .caption{margin:5px 0; font-size:12px; color:#666;}
#indexsplash .callout{ font-size:12px; text-transform: uppercase; font-weight:bold; color:#333;}
#indexsplash p {margin-bottom: 1.2em; margin-right:1.2em; font-size:.95em; color:#464646; line-height:1.3em}


#indexsplash .item{ border: 1px solid #efefef; padding:.4em; margin-bottom:.4em; }
#indexsplash .item img{max-width:140px; max-height:120px;}
#indexsplash .item.right{float:right; margin-left:1em; text-align:center; }
#indexsplash .item.left{float:left; margin-right:1em; }
#indexsplash .item.center{ vertical-align:center;margin-right:.5em; margin-left:.5em;}
#indexsplash .item a{ border-bottom: none;}
#indexsplash .item .caption a{ text-decoration:underline;}
#indexsplash .item .caption{ max-width:140px; text-align:left;}

#indexsplashClose{position: relative; top: -8px; right: 8px; padding:3px; display:inline-block; border-bottom:none !important; padding-left: 16px; background: url(images/icon_close.jpg) left no-repeat; min-height: 12px;}
#indexsplashCtrl a {padding-left: 18px; background: url(images/icon_question.jpg) left no-repeat; min-height:14px; display:inline-block;}


	/*splash images*/
#SplashRandomImg{
	float: right;
    clear: right;
    margin: 0 20px 20px 20px;
	max-width: 200px !important;
}
#indexsplash #SplashRandomImg .caption {margin: 3px 0 0 0; }

#SplashRandomImg img {max-height: 200px; max-width: 200px; }


/* FILTERS */

#plainfilter{	
	margin-top:1.5em;
	border: 1px solid #7F7F7F;
	background-color: #E6E2E3;
	padding: 5px 8px;
	font-size:11px;
	letter-spacing:.1em;
}


#filterContentsLink{
	padding: 3px 5px;
	display:inline-block;
	font-size:11px;
	letter-spacing:.1em;
	cursor:pointer;
	border:1px solid #7F7F7F;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#filterContentsLink img{
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	vertical-align:middle;
	margin:-3px 0 -3px 5px;
	position:relative;
	top:-1px;
	height:16px; width: 20px;
}
#filterContentsLink.open{ border-bottom-color:#E6E2E3;}
#filterContentsLink.open img{
	-ms-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
	height:20px; width: 16px;
}
#selectedFiltersCont{font-size:12px; margin-left:16px;}
#filterContents {
	font-size:12px; 
	margin:0 14px 20px; 
	display:none; 
	padding:10px; 
	border: 1px solid #ccc;
	background-color: rgba(242, 242, 242, .90);
	/*top: -1px;*/
	position: absolute;
	z-index: 1000;	
	width:940px;
}
#filterContents .heading{font-weight:bold; padding-bottom:2px;}
#filterContents .heading a{font-weight:normal; font-size:10px; color: inherit;}
.filterCont{float:left;}
.filterCont .heading {margin:10px 0 4px; }
.filter{padding-bottom:3px; text-indent: -18px; margin-left: 18px; padding-right: 20px }
.filter.sub{margin-left:22px;}
.filter.subsub{margin-left:18px; padding-right: 0;}
a.permalink, a.removefilter{ color: #959595 !important; display:inline-block; border-bottom:none !important; text-decoration:underline !important; }
.permalink{ background:url('images/icon_permalink.gif') no-repeat 0 2px; padding-left: 16px;}
.removefilter{ background:url('images/icon_close.jpg') no-repeat 0 2px; padding-left: 16px;}
.filetercount {color:#9B9596;}
.filetercount::before { content: "(";}
.filetercount::after { content: ")";}

/* filters accordian style*/

#closeFiltersDiv {display: none; }

#filterAccordion{
	float:left; 
	width: 20%;
}
#filterAccordion .filterCont{float: none; }

#searchResultsBox {
    margin-bottom: 1em;
    background-color: #FFFFE4;
    border: dotted 1px #E7845C;
    padding: .4em;
    font-size: .7em;
    text-transform: uppercase;
    text-align: center;
	clear: both;
}
#searchResultsBox a{color: #666;}

#headerSearch{float: right;}

	/* PAGINATION */

	#paginationTop, #paginationBottom {
		margin: 2em 0px;
		font-size: 80%; 
		border-bottom: 1px solid #D5D5CE; 
		border-top: 1px solid #D5D5CE; 
		padding:  .6em 0;
	}
 	#paginationBottom{clear: both; }

	.account #paginationTop, .account #paginationBottom {display:none;}
	#catWorks #paginationTop, #catWorks #paginationBottom{margin-top: 0px;}
	
	#pagiWrapper{text-align:center; clear:both; }
	#pagiContentTop{ margin-bottom:12px; color:#696a7c;}
	/*#pagiContentTop a { color:#9e9472; border-bottom:none;}*/
		a.pageLink{display:inline-block; border:1px solid #9e9472; padding: 2px 5px; margin-right:6px; min-width:14px; 
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		#pagiContentTop a.pageLink:hover{background-color: #c9c4b1; color:#fff;}
		.pageLinkCurrent{display:inline-block; border:1px solid #9e9472; color:#fff; background-color:#c9c4b1; padding: 2px 5px;  margin-right:6px; min-width:14px;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
	#pagiContentBottom {color:#9d999a; }
	a.nextprev{ text-decoration:underline; display:inline-block; font-size:13px;}
	span.nextprev { display:inline-block; font-size:13px; color: #999;  cursor: not-allowed; } 
	.nextprev img{ position:relative; top:4px; }
	#first, #prev{ margin-right:12px; }
	#next, #last{ margin-left:12px;  }
	#next img, #last img{ 
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg); }




	/* sorting */
/*#sortControls{ border-bottom: 2px solid #CAC9C9; border-top: 2px solid #CAC9C9; padding:3px 0; color:#929090 ; margin-bottom:20px; font-size: .9em; }
#sortbyHeading{ background: no-repeat right url("<?php echo CR_IMAGES;?>graphic_thin_arrow_left.png") ; display: inline-block; padding:6px 20px 6px 0; }
#sortControls a.last{ border-right:none; }
#sortControls a.selected{   }
#sortControls a:hover{ text-decoration:underline;}
#sortWhichDir {float:right; top: 6px; position: relative; }
#sortControls a{ display: inline-block; padding:6px 12px; color:#929090; font-size:85% }*/

#sortControls{ color: #333; font-size:85%; margin-bottom:20px; }
#sortControls a { color: #333; text-decoration:underline; border-bottom:none; }

.sortASC{
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
	transform:rotate(90deg);
	margin-right:2px;
	top:2px;
	position:relative;
}
.sortDESC{
	-ms-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
	margin-right:4px;
}


	/*pagination*/

/*#pagiWrapper {padding:3px 0; color:#929090 ; }
.entryPage #pagiWrapper {float:right;}
#pagiWrapper a{ text-decoration:none; }
#pagiWrapper a:hover{ text-decoration:underline; }
#paginationBottom {margin-top:20px;} 
.pageLink, .pageLinkCurrent, .nextprev{ display: inline-block; padding:4px 8px; color:inherit; }
#pagiWrapper a:hover{ text-decoration:underline; }
.pageLink, .pageLinkCurrent{ border-right:1px solid #CAC9C9; }
.pageLinkCurrent{  }*/


#pageTopMatter{ margin-bottom:20px;}

#errorNoRecord {margin: 100px 100px 0 100px;
    text-align: center;}
#errorNoRecord a:hover{color:inherit; text-decoration: underline; }

/* 		[CATALOGUE] ENTRY PAGE 		*/

.twocolumn .twocolumn_left {float:left; }
.twocolumn .twocolumn_right {/*float:right;*/}

.twocolumn #catalogueTombstone.right{/*clear: right;*/ }
.twocolumn #catalogueTombstone.left{clear: left; }

.twocolumn #mainCatImage.right{float: right; }


.entryPage #topMatter{ position:relative; width:800px; margin: 0 auto 30px;}
.entryPage #mainImageCont { /*min-height:400px;*/ float:left; }
.entryPage #mainImage {width:auto; height:auto; /*max-width:450px; max-height:450px; */}

#mainImageWrapper a.image { display: inline-block; }

.entryPage #workDetailsCont {float:left; padding-left:20px;}
#workDetailsCont .item .label{ width: 130px; }
#workDetailsCont h1 {margin-top:0px;}

.entryPage #previousRecord, .entryPage #nextRecord { display:block; width:45px; height:64px; text-indent:-3000px; overflow:hidden; position:absolute; top:280px; }
.entryPage #previousRecord { background:url(images/graphic_prev_arrow_large.png) no-repeat; left:40px }
.entryPage #nextRecord { background:url(images/graphic_next_arrow_large.png) no-repeat; right:40px; }


.entryPage #centerMatter #leftColumn{float:left; margin-left: 150px; width:382px; }
.entryPage #centerMatter #rightColumn{float:right; margin-right: 150px; width:382px;}

.entryPage #centerMatter .item { text-indent:-20px; padding-left:20px;}

.entryPage #mainMatter {width:800px; margin: 0 auto 30px; min-height:400px;}

#pageBottomMatter #imageWrapper a{ border:none !important;}
#pageBottomMatter #tabs {min-height: 300px;}

#loadcontent{ text-align:center; min-height:300px; clear:both; }
#loadcontent #loader{ margin-top:150px;}

#SuppImgsSlick{ display: none; }
#SuppImgsSlick img{ max-height: 80px; width: auto; }

#entryFullCitation { margin-bottom: 1.5em;}
#LitCommentary, #ExhibCommentary { margin-top: 1em; }



#catalogueDir #linksUl.linksContainer .item.slideshow {width: 25%; }
#catalogueDir #linksUl.linksContainer .item.slideshow img {width: 100%; }


	/*  [exhibitions]  */
	.traveledref{ margin-top:.5em; font-size:.9em; }
	.entryPage .traveledref {padding-top: .5em; border-top: solid 1px #C7C6C6;}
	.traveledref .heading{ font-size:.8em; color: #ACAAAA }
	.traveledref ul{margin:0px;}
	.traveledref li{ list-style:none; }
	.traveledref li:before {content: "-"; }
	
	
#beginWorksHeading{color: #929090; margin:2em 0 .8em; padding-bottom: .5em; border-bottom: solid 1px #929090;font-size:.9em;}

/* catalogue image */
.catWorksCont {margin-right:-30px !important; }
.catWorksCont .item{width:235px; float:left; height:270px; margin: 0 30px 30px 0; text-align:center; position:relative; padding:8px; 
	border-top:1px solid #E6E2E3; border-left:1px solid #E6E2E3;
	border-right:1px solid #CDC9CA; border-bottom:1px solid #CDC9CA; }
.catWorksCont .item.long{height:298px;}
.catWorksCont .item img{ margin: 0 auto 8px; max-width:235px; max-height: 220px;}
.catWorksCont .item .noimg, .imageColumn .noimg, #suppTable .noimg {display:inline-block; background-color:#E6E2E3; width:160px; height: 110px; text-align:center; font-size:11px; color:#7f7f7f; }
.catWorksCont .item .caption {text-align:left; position:absolute; bottom:4px; font-size:13px; line-height: 1.3em; padding-right:8px; background-color:rgba(255,255,255,0.5);}
.catWorksCont .item .workTitle {font-size:14px; line-height: 16px; color: #44617F;}
.item .catNo {color:#7D797A; white-space:nowrap;}
.catWorksCont .item.fade img{ opacity:0.2;filter:alpha(opacity=20); }

.imgplaceholder{display:inline-block; background-color:#E6E2E3; text-align:center; color:#BEBBBB; padding:45% 0; width:300px;}
#catalogueDir.entryPage .imgplaceholder{ padding: 0; position: relative; }
#catalogueDir.entryPage .imgplaceholder span{ position: relative; top: 40%; }
.enlarge{font-size:13px; margin-top:.5em; background:url('images/icon_zoom.gif') no-repeat left; padding-left:14px; color:#999; display:block;}

#catWorks .interactive{ border: none; text-align: left; margin-top:.3em; margin-left: 0px; float:left; visibility:hidden;}
#catalogIndex #catWorks .interactive { visibility:visible; }
#popoutEntries .interactive, #relatedcont .interactive, #alsoRelatedcont .interactive, #essays .interactive, #pageIndex .interactive {display:none;}

#mainCatImage a{border-bottom:none;}

.item .dims {color:#7D797A; padding-top:4px; margin-top:6px; border-top:1px solid #efefef; width:100%;}
.catWorksCont .item .creditline, .sizeWrapper .item .creditline { padding-top:4px; margin-top:6px; border-top:1px solid #efefef; width:100%; display: inline-block;}
.catWorksCont .item .reference, .sizeWrapper .item .reference { padding-bottom:4px; margin-bottom:6px; border-bottom:1px solid #efefef; width:100%; display: inline-block;}

.sizeWrapper .caption .catDate{white-space: normal}

.captionCrop.open{ position:absolute; background-color:#fff;
	-webkit-box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
	-moz-box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
	box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5); 
	padding-bottom:4px;}

#catWorks{ 
	margin:20px 40px; 
	text-align:left;
} 
#collectionsEntry #catWorks, #exhibitionEntry #catWorks, #literatureEntry #catWorks{ min-height:300px;}
.slideshow a.image, a.zoom {border-bottom:none !important;}
.slideshow a.image img:hover, a.zoom img:hover{opacity:0.5;filter:alpha(opacity=50);}
#catWorks a.image, .slideshow a.image, a.zoom{display:inline-block; border-bottom:none; min-height:45px}
.closed .slideshow a.image { display:inline-block;}
.slideshow a.image:hover, a.zoom:hover{ background: url('images/icon_zoom_lg.png') no-repeat center center;}
@media screen and (max-width: 600px) {
  .slideshow a.image:hover, a.zoom:hover{ background-image: none;}

}

#PhotoCredit_entryfooter{margin-top: 1em; padding-top: 1em; border-top: 1px solid #ccc;}

/* in slideshow */



/* images */
.commentary .item{width: 240px; height:300px; float:left; margin-right:1.3em;}
.commentary .item.first{margin-left:0;}
.commentary .item img{ max-width:250px; max-height:225px; }
.commentary .caption, .commentary .photocredit{ font-size:.8em; line-height: 1.3em; margin-top:.5em}
.commentary .photocredit{ margin-top:4px; color:gray; }

		/* RELATED work - on entry page */
#image_slotA #relatedcontent, #image_slotB #relatedcontent{margin-top: 4em; border:1px dotted #ccc; padding:16px; }
#relatedcontent {width:220px; position: relative;}
#catalogueMain #relatedcontent {width:auto !important; position: inherit ;}
#relatedcontent h3{ font-size:110%; font-weight:400; margin-bottom:.5em;}
#relatedcontent .section{margin-bottom: 1.5em;}

#relatedcontent .item, #popoutEntries .item{width:140px; float:left; height:200px; margin-bottom: 12px; text-align:center; position:relative; padding:4px; 
	border-top:1px solid #E6E2E3; border-left:1px solid #E6E2E3;
	border-right:1px solid #CDC9CA; border-bottom:1px solid #CDC9CA;}
#relatedcontent .item.right{margin-left:12px;}
#relatedcontent .item img, #popoutEntries .item img{margin: 0 auto 8px; max-width:140px; max-height: 140px;}
#relatedcontent .item .caption, #popoutEntries .item .caption {text-align:left; position:absolute; bottom:4px; font-size:11px; line-height: 1.3em; padding-right:4px; background-color:rgba(255,255,255,0.5);}
#relatedcontent .item a.image, #popoutEntries .item a.image{border-bottom:none;}
#relatedcontent .caption .catDate, #popoutEntries .caption .catDate{ white-space: normal; }
#relatedcontent h3{ margin-top:0; padding-bottom:3px; border-bottom: 1px dotted #78555D;}
#relatedcontent ul{padding-left:0px;}
#relatedcontent #keywords ul{margin-left:1em;}
#relatedcontent h5{ letter-spacing: .15em; font-size:.9em; }
#relatedcontent .item.slideshow {margin-right:1.2em;}
#relatedcontent .item.slideshow.nopad {margin-right:0;}


#popoutEntries .item{margin-right:12px;}
#popoutEntries  .current{border-top-color:#f7941d; border-left-color: #f7941d; border-right-color: #f26522; border-bottom-color: #f26522;}
#popoutEntries{ position:absolute; z-index:3000; padding:1em 1.5em 1.5em;  border: 1px solid #D2CEC3;
	width: 900px; 
	background-color:#FFF;
 	-webkit-box-shadow: 3px 3px 10px 2px #AEAEAE;
     -moz-box-shadow: 3px 3px 10px 2px #AEAEAE;
     box-shadow: 3px 3px 10px 2px #AEAEAE;
 }
#popoutEntries.narrow{ width:504px !important;}
.narrow #popOutClose{ position:relative; top:-8px; right:-11px; }
#popoutEntries .innerCont{ max-height:450px; overflow-y: auto;}
#popoutEntries h4{margin-bottom:1em; }
#popOutClose{ float:right; color:#666; padding:3px; display:inline-block; border-bottom:none !important; padding-left: 16px; background: url("images/icon_close.jpg") left no-repeat; min-height: 12px; font-size:.8em}
#popoutEntries .noimg {display:inline-block; background-color:#E6E2E3; width:90px; height: 70px; text-align:center; font-size:10px; color:#7f7f7f;}

.getlinked{ background:url('images/graphic_minigrid.png') no-repeat ; padding-left:16px; font-size:.9em; display: inline-block; margin-top:.5em; line-height:1em; max-width:300px; padding-bottom: .2em;}
.getlinked.highlighted{ background-color:#FFC;}


	/* list view */
.listview .item {margin:.8em 0; padding-bottom:.8em; clear:both; border-bottom:1px solid #efefef; position:relative; text-align: left !important; }
.listview .woImg{padding-left: 1em;}
.listview .item img { max-width: 100px; max-height:200px; margin-right:1em;}
.listview .item a.image{ float:left; }
.listview .item .noimg {display:inline-block; background-color:#E6E2E3; width:100px; height: 120px; text-align:center; font-size:.6em; color:#7f7f7f; float:left; margin-right:16px;}
.listview .item .noimg span{display:inline-block}
.listview .item .reference {padding-bottom:.5em;}
.listview .item .creditline {padding-top:.5em;}
.listview .item .dims {padding-top:.5em; border-top: none; }

	/* by size */
#catWorks.sizeWrapper { overflow-y: auto !important; }
.sizeWrapper .item {float:left; padding-right:14px; position:relative }
.sizeWrapper .item .bookmarkLink{ right: 6px;}
.sizeWrapper { max-height: 560px; overflow-y: hidden; overflow-x: auto; clear:both; margin-top:0;}
.sizeWrapper .item .caption{font-size:11px; line-height: 1.3em; padding-top:1em;}
.sizeWrapper .item .caption em{font-size:12px;}
.sizeWrapper .item .noimg {display:inline-block; background-color:#E6E2E3; text-align:center; font-size:10px; color:#BEBBBB; }
.sizeInner{margin-bottom: 20px;}
.noimg span{position: relative; top: 35%; }
.noimg span span {position: static; top: 0; }
.innershadow {	
	-moz-box-shadow: inset 10px 0 10px -10px #b0a88d,inset -10px 0 10px -10px #b0a88d;
	-webkit-box-shadow: inset 10px 0 10px -10px #b0a88d,inset -10px 0 10px -10px #b0a88d;
	box-shadow: inset 10px 0 10px -10px #b0a88d ,inset -10px 0 10px -10px #b0a88d;
}

.sizeWrapper::-webkit-scrollbar, .innerCont::-webkit-scrollbar {
    width: 14px;
}
 
.sizeWrapper::-webkit-scrollbar-track, .innerCont::-webkit-scrollbar-track {
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    border-radius: 2px;
}
 
.sizeWrapper::-webkit-scrollbar-thumb, .innerCont::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -moz-box-shadow: inset 0 0 6px rgba(176,170,171,0.9); 
    -webkit-box-shadow: inset 0 0 6px rgba(176,170,171,0.9); 
    box-shadow: inset 0 0 6px rgba(176,170,171,0.9); 
}


#norecord{ margin:100px; text-align:center; color:#666 }

.abbreviationDiv .linkqualifier:before { content: '('; }
.abbreviationDiv .linkqualifier:after { content: ')'; }
.abbreviationDiv .linkqualifier { font-style: italic; font-weight: normal; }

/* OTHER Entry pages */

#sectionNavigation{ float:right; /*position:relative; top:.7em; */color:#999; font-size: .85em; margin-bottom:1.5em; padding-right:20px; border-right:2px solid #efefef;}
#sectionNavigation a{ color: #636679; text-decoration:underline; font-size:inherit;}

.entry .info { font-size:12px; color:#686868; display: inline-block; white-space: nowrap;}
.entry .info img{ float: right; margin-left:40px; }

#entryFullRef p, #entryFullRef{margin:1em 0;}

#collectionsDir #entryExternalLink {margin-top: 1em;}

/* ~~~~~~~~~~~~~~~~~  SECTION PAGES WITH ESSAY TEXT ~~~~~~~~~~~~~~~~~~~ */

#mainTextDiv .item.slideshow.right{float: right; margin: 0 1em 1em;}
#mainTextDiv .catlink, #sectionCommentary .catlink, #indexsplash .catlink {
    background-color: rgb(255, 251, 239);
    padding: 1px 2px;
	display: inline;
}
#sectionDir div.floatLeft{ margin: 0 50px 30px 0; }
#sectionDir div.floatRight{ margin: 0 0 30px 50px; }

/* BEGIN: bookmark / toolbar */
div#toolbar.floatRight{margin:0 0 10px 20px;}
.bookmarkLink{ border: none !important; display:inline-block; width: 14px; height:18px; background:url("images/icon_bookmarks.png") no-repeat; margin-right:8px; }
.bookmarkLink.off{ background-position: 0px }
@media screen and (min-width: 800px) {
	.bookmarkLink.off:hover{ background-position:-17px 0; border:none;}
}
.bookmarkLink.on{ background-position: -34px 0; }
/*.bookmarkLink.on:hover{opacity:0.6;filter:alpha(opacity=60); }*/


#BookMarksTotalLink{ float: right; color: #333;
    font-size: 85%;
    margin-top: -6px; }
#BookMarksTotalLink a{color: #333; text-decoration: none; }
#bkmkIcon{ display: inline-block; background:url("images/icon_bookmarks.png") no-repeat; width: 16px;
    height: 19px; position: relative;
    top: 7px; background-position: -34px 0;}
#bkmkRemove{ display: inline-block; background:url("images/icon_close.jpg") no-repeat; width: 16px;
    height: 19px; position: relative;
    top: 9px; }

.item .bookmarkLink{position: absolute; right: -6px; top: 0px; margin:0 8px 8px; z-index: 1000;
 }
.item .bookmarkLink.off, .indexrow .bookmarkLink.off{ visibility: hidden; }
@media screen and (min-width: 800px) {
	.item:hover .bookmarkLink.off, .indexrow:hover .bookmarkLink.off{ visibility: visible; }
}
.indexrow .bookmarkLink {margin-right:0; margin-left:8px;}

#resourcesSupplementary .item.slideshow{padding: 6px}
#indexsplash .bookmarkLink{ display:none !important; }
/* END: bookmark / tool */


.traveledref {margin-top:8px;}
.traveledref .heading {font-size:11px; font-weight: bold;}
.traveledref li { list-style:none; margin-left:1.2em;}
.traveledref li:before {
  content: "-";
  text-indent: 0;
  display: inline-block;
  width: 0;
  position: relative;
  left: -.9em;
}



/* documents */

.entryRef .linkedDocImg img {
	float:right; 
	margin:0 0 10px 10px; 
	max-height:150px; 
	max-width:200px;
}

#docContainer{ float:right; /*max-width:50%;*/ padding-bottom:1.5em;  margin-left: 3em;}
#docContainer a{border:none;}
#docContainer img{ max-width:200px; max-height:120px;}
#docContainer .item{ display:inline-block; padding-left:10px; }
#docContainer .type, #docContainer .caption{ display:none; }

#pdfContainer #pdfObject { height: 100vh; width: 100%; }


/* links */
.linksContainer {margin: 1em; }
.linksContainer li{ list-style:none; margin-bottom:.6em;}
.linksContainer a{color: #636679}

#linksUl{clear:both;}

#relatedEntries .linksContainer li.item:before{ content:"-"; position:relative; left:-5px;}
#relatedEntries .linksContainer li.item{ text-indent:-5px; }
#relatedEntries .outdent{ text-indent: -16px;}

	/* LINK & DOCUMENTS ON other pages */
	#catalogueEntry .linksContainer {margin:0; padding:0; }
	
	#exhibitionsIndex #docContainer{ float:none; margin-top:1.2em; }
	#exhibitionsIndex #docContainer .item { padding-left:0px; display:block; clear:both; border-top:3px double #efefef; }
	#exhibitionsIndex .linksContainer li{ list-style: circle; list-style-position:inside;  border-bottom:3px double #efefef; padding: 1em 0}
	#exhibitionsIndex .linksContainer {clear:both; border-top:3px double #efefef; padding:0; margin:0;}
	#exhibitionsIndex #docContainer .caption{ display:block; float:left; width:45%; padding-top:2em; color:#666; }
	#exhibitionsIndex #docContainer img, #exhibitionsIndex #docContainer .image{ max-width:auto; max-height:200px !important; display:inline-block; float:left;}
	#exhibitionsIndex #docContainer .image{padding:1em 1em 1em 0;}
	

/* additional materials box */
#addMatCont .image, #materialsInner .image {float: left; margin: 0 1em 1em 0; display: block;}
#addMatCont .slideshow img, #materialsInner .slideshow img { width:auto; height:auto; max-width:60px !important; max-height: 80px !important;}
#addMatCont .slideshow span.image img, #materialsInner .slideshow span.image img { max-width:100px !important; max-height: 120px !important;}

#addMatCont, #materialsOuter{ padding:.5em; border:1px dotted #AEAEAE; margin-bottom:1.5em; }
#addMatCont { display:none; }
#addMatTab { font-size:smaller; display: inline-block; border: 1px solid #CDC9CA; padding:2px 4px; border-radius: 4px; color:#969192; cursor:pointer; background-color: white; }
#addMatTab.open{ position: relative; top: 3px; border-style: dotted; border-color:#CDC9CA; border-bottom-color: white; }

#materialsOuter{ 
	max-height: 220px; 
	overflow:hidden; 
  	position: relative; 
}
#materialsOuter .read-more { position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 20px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
  visibility:hidden; }

 #materialsOuter .read-more  a.button{ 
    font-size: .75em;
    text-transform: uppercase;
	background-color: #EFEFEF;
	color:#525252;
	padding:2px 3px; 
	border-color: #D6D6D6 !important;
	position: relative;
    top: 12px;
}

/* SEARCH PAGE */
 #searchNav {
	margin-bottom: 30px;
	padding-left:20px;
	border-bottom: solid 2px #A3A3A3;
	position:relative;
	 height: 27px;
}
#searchNav li{ list-style: none; float:left; padding: 0 10px; }
#searchNav li a{ 
	padding-top:3px;
	display:inline-block; padding:3px 16px;  
	border:1px solid #A3A3A3;
	border-right-width:2px;
	border-bottom-width:2px;
	position: relative; top: 2px;
	background-color: #A3A3A3;
	color:#FFF;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	text-decoration: none;
}
#searchNav li a:hover{
	border-bottom-color:#A3A3A3; 
	background-color: #747474;
	color: #fff; }
#searchNav li.clearfloats{ float:none; padding:0 }
#searchNav li a.selected, #searchNav li a.selected:hover{
	background-color: #fff;
	border-bottom-color: #fff;
	color: #666666; 
}

#accordion { visibility: hidden; }
#accordion .selections{ margin: .5em 2em; }
#accordion .selecInsturction{ color: #232323; font-size-adjust: 1px;  }
#accordion h3 { font-size: .7em !important; }
#accordion h3 .ui-accordion-header-icon{ float: left; }
#accordion .ui-accordion-content {}

#closeAccordion{ float: right; display: inline-block; font-size: .9em; color: gray; position: relative; top: -15px; right: -10px; }

#closeAccordion.closed img {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	transform: rotate(180deg);
    vertical-align: middle;
    margin: -3px 0 -3px 5px;
    position: relative;
    top: -1px;
    height: 16px;
    width: 20px;
}
#closeAccordion.open img{
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
	transform: rotate(270deg);
    vertical-align: middle;
    margin: -3px 0 -3px 5px;
    position: relative;
    top: -1px;
    height: 20px;
    width: 16px;
}


#searchCriteria{
	padding: 20px; 
    padding-bottom: 0px;
	border: solid 1px #A3A3A3;
	position: absolute; 
	width: 40%;
	background-color: #FFF;
	z-index: 10000;
	opacity: 0.9;
}
.ui-accordion .ui-accordion-content{padding: .5em 1em !important;}
#searchCriteria hr{
	    border-style: dotted;
    border-width: 1px;
    border-bottom: none;
    border-color: #666;
}
#searchCriteria h2{
    font-size: 1em;
    font-weight: 500;
	position: relative; top: -15px;
	display: inline-block; 
}


.removelink { border-bottom:none !important;}
.removelink img {width:12px; height:12px; margin-top:2px;}

#searchDir #indexContainer{
	position: relative; 
	top: 100px;
    padding-top: 20px;
	border-top: 2px solid #999999;
}

/* these styles are for the works that come in for the results */
#searchIndex #catWorks{margin-top:0;}
#sendsearch{ margin: 10px auto; display: inline-block; border: 1px solid; padding: 4px 8px; }
#sendsearchWrapper{ text-align: center; }
#searchIndex #exhibcat{ margin-top:4px; padding-top:4px; border-top:dotted 1px #ccc}
#searchIndex #searchResultsBox {margin-top:-6px;}

#updateDisclaimer {margin: .6em 0 1em;}
#updateDisclaimer, #printCitation{ font-size:12px; color: #747474;}


/* login box */
#loginOverlay{
	width: auto;
	height: auto;
	display: block;
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: 8110;
	background-color:#000;
	opacity:0.6;filter:alpha(opacity=60);
}
#loginCont{
	width: auto;
	height: auto;
	display: block;
	position: fixed;
	top: 16%;
	left: 10%;
	right: 10%;
	z-index: 8120;
	background-color:#ccc;
	overflow-y: auto;
	min-width:630px;
}

.login #search{visibility:hidden;}
#loginCont table{/*width:80%*/} 
#loginCont.homepage table{width:96%}
#loginCont td{ text-align:left; vertical-align:top; padding:5px 10px; }
#loginCont td.right{width:46%} #loginCont td.left{width:44%}
#loginCont.homepage td.right{width:48%} #loginCont.homepage td.left{width:47%}
#loginCont label{width:70px; font-size:12px; text-align:right; display:inline-block; margin-right:10px; }
#loginCont h3{ text-align:center}
#loginCont .button{display:inline-block; padding:3px 6px; text-decoration:none; font-size:12px; margin-left:150px; 
	border-top:1px solid #908B8C; border-left:1px solid #908B8C; border-bottom:1px solid #716E6F; border-right:1px solid #716E6F;}
@media screen and (min-width: 800px) {
	#loginCont .button:hover{ border-bottom:1px solid #908B8C; border-right:1px solid #908B8C; border-top:1px solid #716E6F; border-left:1px solid #716E6F; cursor:pointer; }
}
#loginCont.homepage .white, #loginCont.homepage .white a, #loginCont.homepage label, #loginCont.homepage .button{color:#333;}
#loginCont.homepage .button{ background-color:#B0AAAB;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
		JQUERY UI — TABS 				
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.ui-widget.ui-widget-content {
    border:none !important;
	padding:0; 
	margin:0;
}
.ui-widget{
	font-size: inherit !important;
}
.ui-widget-header{
	background-color: transparent !important;
    background-image: none !important;
	border-bottom: 1px solid #AAAAAA !important;
    padding-left: 8px !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
.ui-tabs-tab{	margin-right: 10px !important;}
.ui-tabs-tab a{ text-decoration: none !important; text-transform: lowercase;}
#tabs #suppTableContent{
	margin: 0 40px;
}

#concordanceTable th {border-bottom: 1px solid #ccc; white-space: nowrap; font-weight: 400; font-size: 13px; text-align: center; }
#concordanceTable td, #concordanceTable th {padding: 8px; }
#concordanceTable .imageColumn .caption{display: none; }
#concordanceTable .imageColumn, #concordanceTable .imageColumn img {  
	max-width:235px; max-height: 220px;
    text-align: center; 
}
#concordanceTable .odd td {background-color: #F8F9FA; }
td.numberCol, th.numberCol, td.imageColumn {border-right: solid 1px #efefef; }
td.numberCol { text-align: center;  }

.ui-tabs-nav li:last-of-type{
	margin-right: 0px !important; 
} 
/*.locked {
  position: fixed;
  top: 0;
  display: table; 
  box-sizing: border-box; 
}*/
