v64-BOXED_param.css

/* VITA Digital Toolkit v6.45 Public CSS for the default constrained & celled view in colours "BOXED" */ 

/*CONTAINERS*/

body {
	font-family: Lucida Grande, Geneva, Verdana, Arial, sans-serif;
	color:  [[colour_03]];
	text-align: left;
	width:100%;
	background-color:[[colour_20]];
	margin:0;
	padding:0;
	border:0;
}
/* Accessibility Skip to Link & OCR text
===============================================*/
#skip {
  /*background: #ffffff;
  border: .5px solid #0812fa;*/
  height: 30px;
  left: 50%;
  padding: 8px;
  z-index: 10;
  position: absolute;
  transform: translateY(-95%);
  transition: transform 3s;
}

#skip:focus-visable, #skip:.focusable-visable, #skip:focusable-visable {
  transform: translateY(110%);
    transition: transform 3s;
}

#HiddenOCRText {
    display: none;
}

#HiddenContent:hover #HiddenOCRText {
    display:block;	
    margin-right: 40px;
    margin-left: 40px;
    height: 100%;
    background-color:#ffffff;
}

div.accessibility{
  /*background: #ffffff;*/
  border: .5px solid #0812fa;*/
  height: 20px;
  left: 50%;
  padding: 5px;
  z-index: 10;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 3s;
}
div.accessibility a.focusable-visible {
  transform: translateY(0%);
    transition: transform 3s;
}

/*==============*/
.PageHeader {
	background:no-repeat center center;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	min-height: 100px;
}

dl {
	margin:0;
	padding:0;
}
dt {
	font-weight: bold;
	margin:0;
	padding:0;
}

a:link, a:visited {
	border-style: none;
	text-decoration: none;
	color: [[colour_09]];
}
a:hover {
	color: [[colour_09]];
	text-decoration: underline;
}

p { 
  	text-indent:12px;
  	margin-top:0;
  	margin-bottom:0;
}
.small {
	font-size: .75em;
}
a img {
	text-decoration: none;
	border-width: 0;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
table, tbody, tr, td { 
	margin: 0; 
}
.bodyContent {
	max-width:980px;
	margin:0 auto;
	background-color:[[colour_20]];
} 

.tableBodyContent {
	width: 100%;
}

#content {
	width: 100%;
	margin: 0 auto 10px;
	}

.content.copyright.clearfix  {
	clear: both;
	display: block;
}

.content.copyright.clearfix img {
	padding: 0;
	top: 20px;
}

.content.copyright.clearfix p {
	text-align: center;
	vertical-align: top;
}

.full {
	width:90%;
	margin: 0 auto;
}

.left {
	position:relative;
	float: right;	
	width: 400px;
	right:20px;
}

.right {
	position:relative;
	float: left;
	min-width:400px;
	max-width:1200px;
	left:20px;
}

#containerFlex, #mainTable {
    padding: 0 5px 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: stretch;
}

#container {
	min-height:400px;
}

#floatContainer #containerFlex {
	padding:0;
}

#container.content.clearfix {
	width:100%;
	display:block;
	position:relative;
	height:auto;
	padding:0;
	border:0;
	margin:0 auto;
}

#container.content.clearfix .rightFull {
	width: 100%;
	height: auto;
	display: block;
}

.leftFlex, #metadataPanel {
	order: 1;
	-webkit-flex: 1 0 520px;
	-ms-flex: 1 0 520px;
    flex: 1 0 520px;
    align-self: auto;
    max-width:720px;
}

#resultsPanel {
	order: 1;
    -ms-flex: 1 0 550px;
-webkit-flex: 1 0 550px;
	flex: 1 0 550px;
	align-self: auto;
	margin-right:5px;
}

.rightFlex, #navigationPanel, #facetsPanel {
	order: 2;
	align-self: auto;
-webkit-flex: 0 0 350px;
-ms-flex: 0 0 350px;
	flex: 0 0 350px;
}

#navigationPanelNarrow {
	order: 2;
	align-self: auto;
	-webkit-flex:0 0 250px;
	-ms-flex:0 0 250px;
	flex:0 0 250px;
}

#searchFeaturePanel {
	order:2;
	align-self: auto;
	-webkit-flex: 1 0 210px;
	-ms-flex: 1 0 210px;
	flex: 1 0 210px;
	margin:0 5px;
}

#searchSlideshowPanel {
	order:3;
	align-self: auto;
	-webkit-flex: 0 0 300px;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	margin:0 5px;
	text-align:center;
}

#searchNavPanel {
	order:1;
	align-self: auto;
	-webkit-flex: 0 0 210px;
	-ms-flex: 0 0 210px;
	flex: 0 0 210px;
	margin:0 5px;
}

.pageTitle, .contentTitle, .clearfix h1, .RecordTitle {
	font-size: 1.4em;
	margin-left: 15px;
	margin-bottom:10px;
	display: block;
	font-weight:bold;
	color:[[colour_04]];
}
.groupcaption {
	font-style: italic;
	padding-left: 35px;
}

/* Specialty HR (schooner days)
*************************************** */
hr.lineSloop {
        background: transparent url("/glib/HR_sloopX3_SM.svg") no-repeat center;
	height: .75em;
        visibility: visible;
	margin: 0;
	padding-top: 2px;
	border-style: none;
	padding-bottom: 2px;
}

/* Navbar breadcrumb menu on most public pages  *************************************** */ 

.NavBar {
	display:block;
	padding: 5px 0;
	color:  [[colour_21]];
	height: auto;
	min-height:25px;
	font-size:0.8em;
	margin:10px auto 30px;
	overflow:auto;
	width:99%;
	}

#NavBarTop {
	border-bottom: 1px solid [[colour_21]];
}

#NavBarBottom {
	border-top: 1px solid [[colour_21]];
	margin-top:30px;
	margin-bottom:10px;
}
	
.NavBar1 {
	display: inline-block;
	text-align: left;
	padding:5px 0;
}   

.NavBar .nbl {
	display:inline-block;
	margin-left:10px;
}

.NavBar .PrevNext {
	display:inline-block;
	margin-left:10px;
}

.NavBar2 {
	display: inline-block;
	text-align: right;
	padding-bottom: 5px;
	float:right;
}

.NavBar a {
	margin: 0; 
	text-decoration: none;
}
.NavBar a:hover {
	text-decoration:underline;
}

#Print {
	display: inline-block;
	margin-left:10px;
	vertical-align:middle;
}
	
.NavBar form {
	display: inline-block;
	margin-left:10px;
	margin-bottom:0;
	}

.NavBar #socialButtons {
	margin:0!important;
	margin-left:10px!important;
}

.NavBar2 label {
/*	color:[[colour_06]]; */
}

.NavBar form input[type='text']{
	border:1px solid [[colour_06]];
	margin: 0 2px; 
	padding: 4px;
	border-radius:5px;
	}

.NavBarButtonSubmit {
	background-color: [[colour_06]];
	color: [[colour_07]];
	margin: 0 2px; 
	padding: 5px;
	border-radius:5px;
	border:0;
	}
	
.NavBar2>form.Inline {
	margin-right: 200px;
	padding-right: 50px;
	display: inline-block;
}
.NavBar2>form.Inline label {
	font-size: 1.1em;
	color:[[colour_06]];
}
.NavBar2>form.Inline input[type='text']{
	border:1px solid [[colour_06]];
	margin: 0 2px; 
	padding: 4px;
	border-radius:5px;
	font-size: 1.2em;
}
.NavBar2>form.Inline input.NavBarButtonSubmit {
	background-color: [[colour_06]];
	color: [[colour_07]];
	margin: 0 2px; 
	padding: 5px;
	border-radius:5px;
	border:0;
	}

.NavBar #favouritesbuttons input:hover, .NavBarButtonSubmit:hover {
	background-color:[[colour_08]];
	cursor:pointer;
}

#favouritesbuttons {
	display: inline;
	margin-left:10px;
}

#user_login, #user_logoff, #user_collections, #user_collect {
	display: inline-block;
	background-color: [[colour_06]];
	color: [[colour_07]];
	margin: 0; 
	padding: 5px;
	border-radius:5px;
	border:0;
}
#user_collect_label {
	display: inline-block;
}

#socialButtons {
	text-align:center;
	vertical-align:top;
}

.resp-sharing-button {
	height:17px;
}

/* highlight system responses for users submitting Comments including Comment and Detail pages and also highlighting search errors on the SearchHints page 
*/
.alert{
  	color: [[colour_13]];
  	font-weight: bold;
}

/* used to tag the hint next to Mystery, to use the Comment tab*/
.Help{
	font-style: italic;
	font-size: .8em;
}

.Inline, .inline {
	display: inline;
}

.FloatLeft {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 5px;
}
.FloatRight {
	float: right;
	margin-right: 20px;
}

.seeMore {
	font-size:1.4em;
	margin-left:15px;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:20px;
}

/* SEARCH(home) PAGE 
***************************************  styles the search page*/

.SearchHeader, #SearchHeader, #VesselSearchHeader {
	margin-top: 0;
	font-weight: bold;
	font-size: 1.2em;
	color: [[colour_04]];
	padding-bottom: 5px;		
	clear: both;
}

#SearchHeader, #VesselSearchHeader {
	text-align:center;
	padding:10px;
	width:80%;
	margin:0 auto;
	border-radius:10px 10px 0 0;
}

#searchgroups, #searchexhibits, #searchlinks {
	margin-bottom:10px;
}

/* controls the search form on the Search page Also used in Results Facet panel for narrowing search*/
#SearchForm, .SearchForm, #VesselSearchForm  {
	text-align: center;
}

#SearchForm, #VesselSearchForm {
	padding:10px;
	margin:10px auto 30px;
}

#SearchForm label, #VesselSearchForm label {
  color: [[colour_06]];
  display: inline;
}

#searchSiteBox {
	margin:10px;
	vertical-align:middle;
	padding:50px;
}

#searchbox, #vesselsearchbox {
	border:1px solid [[colour_06]];
	border-radius:5px;
	height:25px;
	padding:5px 10px;
	font-size:1.1em;
	vertical-align:middle;
	margin:0 10px 0 20px;
}

.SearchGo {
	color:[[colour_07]];
	background-color: [[colour_06]];
	padding:6px;
	border-radius:5px;
	border:0;
	margin-left: 10px;
	cursor:pointer;
	vertical-align:middle;
}

.SearchGo:hover {
	background-color:[[colour_08]];
	color: [[colour_07]];
}

.spellCheck {
	font-size: .8em;	
}

.noResults {
	margin-bottom: 20px;
}

/* SITENAV 
******************************************* */

.SiteNav { 
	background-color: [[colour_04]];
	border-left: 1px solid [[colour_04]];
	border-right: 1px solid [[colour_04]];
	border-bottom: 1px solid [[colour_04]];
	border-radius:5px;
	vertical-align: top;
	width: 298px;
	margin:0 auto 20px;
}
	
.SiteNav a {
	background-color:[[colour_07]];
	color: [[colour_09]];
	border-top: 1px solid [[colour_04]];
  	display: block;
	padding: 5px;
	margin: 0;
}

.SiteNav a:last-of-type {
	border-radius: 0 0 5px 5px;
}

.SiteNav a:hover {
	background-color: [[colour_10]];
	text-decoration:none;
}	

.SiteNav a img {
	margin: 0;
	border: 0;
}

.SiteNav a .iconThumbnailImg {
	border: 0;
	display: inline;
}

.SiteNav .h4 {
	color: [[colour_07]];
	text-align: center;
	margin: 0;
	padding:5px;
	border-radius: 5px 5px 0 0;
}

.SiteNav .h4 a {
	color: [[colour_07]];
	background-color: [[colour_04]];
	text-align: center;
}

.SearchList{
	margin-top:0;
}

.SearchList ul li{
	list-style-type: none;
	list-style-position: inside; 
	margin: 2px 2px 10px;
	vertical-align:middle;
	clear:both;
	height:100%;
}
.SearchList img {
	display:inline-block;
	float:left;
	vertical-align:middle;
	margin:0;
	padding-right:5px;
	max-width: 75px;
}
.SearchList a {
	display:inline-block;
	width:100%;
	height:100%;
}
.SearchList a:hover {
	text-decoration:none;
	background-color:[[colour_10]];
}

/*  Slideshow 
***************************  
NOTE: handling of the placement of the image is in the Java Constructs library...  see "constructElements in jd.gallery.js" */

#slideshowcontainer {
	max-width: 300px;
	margin:0 auto 20px;
	border-radius:0 0 5px 5px;
}

#slideshowcontainer .SiteNav {
	margin-bottom:0;
	width:300px;
	border: 0;
	border-radius:5px 5px 0 0;
}

#slideshowcontainer .SiteNav .h4 a {
	border:0;
}

#myGallery, #myGallerySet, #flickrGallery {
	width: 298px;
	height: 300px;
	border: 1px solid [[colour_04]];
}

#myGallery .thumbnail, #myGallerySet .thumbnail {
	display: none;
}

.jdGallery {
	overflow:hidden;
	position: relative;
	border: 1px solid [[colour_04]];
	border-radius:0 0 5px 5px;
}

.jdGallery img {
	border: 0;
	margin: 0;
}

.jdGallery .slideElement {
	width: 100%;
	height: 100%;
	background-color: [[colour_12]];
	background-repeat: no-repeat;
	background-position: 50% 0%!important;
	background-size:100% auto;			
}

.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #111111;
	background-repeat: no-repeat;
	background-position: center center;
}

.jdGallery .slideInfoZone {
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0;
	left: 0;
	bottom: 0;
	height: 80px;
	background-color: [[colour_04]];
	color: [[colour_07]];
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .slideInfoZone {
	bottom: -1px;
}

.jdGallery .slideInfoZone h2 {
	padding: 0;
	font-size:0.9em;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p {
	padding: 0;
	font-size:0.7em;
	margin: 2px 5px;
	color: [[colour_07]];
}

.jdGallery a {
	text-decoration: none;
	color: inherit;
}

.jdGallery a.open {
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.jdGallery .right, .jdGallery .left {
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	opacity: 0.2;
}

.jdGallery .right:hover, .jdGallery .left:hover {
	opacity: 0.8;
}

.jdGallery .left {
	left: 0;
	top: 0;
}

.jdGallery .right {
	right: 0;
	top: 0;
}

.jdGallery .open {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* ADVANCED SEARCH  
******************************* */
#AdvSearch {
	background: linear-gradient( 90deg, [[colour_20]] 20%, [[colour_01]], [[colour_20]] 80% );	
}

.AdvSearchForm{
	padding: 10px;
	width:80%;
	margin: 0 auto;
	line-height:1em;
}

.AdvSearchForm a {
	color:[[colour_09]];
}

.AdvSrchFieldSet {
  	border-right: 1px solid [[colour_04]];
  	border-bottom: 1px solid [[colour_04]];
  	border-top: 1px solid [[colour_05]];
  	border-left: 1px solid [[colour_05]];
	border-radius: 5px;
	width: 100%;
	padding: 15px;
	margin: 10px;
	background-color:[[colour_01]];
}

.AdvSrchFieldSet .sectionHeading {
	margin-top: 1px;
	font-weight: bold;
	color:  [[colour_03]];
	display: block;
	text-align:left;
}

.sectionBlock {
	width: 100%;
	border-width: 0;
	padding: 2px;
	margin:5px auto;
	vertical-align:top;
	display: inline-flex;
	flex-flow: row nowrap;
	clear:both;
}

.AdvSrchFieldSet#mediatype .sectionBlock .subsection:first-of-type .sectionOptions, .AdvSrchFieldSet#creativecommons .sectionOptions {
    column-count: 2;
    column-fill: balance;
    column-gap: 2px;
}

.AdvSrchFieldSet#mediatype .noBreak, .AdvSrchFieldSet#creativecommons .noBreak {
	display:block;
	margin-right:0;
	page-break-inside:avoid; 
}

.AdvSrchFieldSet#mediatype label, .AdvSrchFieldSet#creativecommons label {
	display:inline;
}

.AdvSrchFieldSet#mediatype .subsection:first-of-type {
	-webkit-flex: 0 1 950px;
	-ms-flex: 0 1 950px;
	flex: 0 1 950px;
}
.AdvSrchFieldSet#mediatype .subsection:last-of-type {
	-webkit-flex: 0 1 500px;
	-ms-flex: 0 1 500px;
	flex: 0 1 500px;
}

.AdvSrchFieldSet .sectionOptions {
	width:100%;
	margin-top: 2px;
	display: inline-block;
	vertical-align:top;
	text-align:left;
}
.subsection {
	-webkit-flex: 0 1 800px;
	-ms-flex: 0 1 800px;
	flex: 0 1 800px;
	margin-bottom: 15px;
}
.AdvSrchBooleanChoices, .AdvSrchFieldSet .noBreak {
	display: inline-block;
	margin-right:40px;
}
#dimensions .noBreak, #final .noBreak  {
	margin-right:10px;
}

.AdvSearchForm select, .AdvSearchForm input[type='text'] {
	padding:2px;
	line-height:1.2em;
}

#AdvLabelGroups > option, #AdvLabelGroups > option:checked, #AdvLabelGroups > select, {
	word-wrap:break-word;	
}

#groups select {
    word-wrap:break-word;
}


.AdvSearchForm input, .AdvSearchForm label {
	display:inline-block;
	line-height:1.5em;
	cursor:pointer;
}

.AdvSearchForm input {
	border:1px solid #111111;
}

#final .noBreak input {
	width:55%;
}

.hint {
	display:block;	
	font-style:italic;
	margin-top:10px;
}
.AdvSrchFormFooter input {
	color:#111111;
	margin-top:30px;
	font-size:1.1em;
	font-weight:bold;
	padding:5px;
}

/* Help/Aider */
#keywords, #fuzzy, #fuzzyDate, a#location, #kml {
	margin-left: 15px;
}
	
.helpTableHeaderLeft, .helpTableHeaderRight {
	color: #1168A6;
	padding: 2px 3px;
	margin-right: 4px;
	margin-top: 10px;
}

.helpTableLabel {
	font-weight: bold;
	width: 200px;
	text-align: right;
	vertical-align: top;
	padding-right: 6px;
	margin-left: 2px;
	border-right: .1em solid #032e1a;
	color: #032e1a;
	font-size: 1.1em;
	border-bottom: .1em dotted #add4e4;
}

.helpTableData {
	text-align: left;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 4px;
}

.contentTitle, .ContentTitle {
	margin: 1px 15px 10px 15px;	
}
.contentSubTitle, .ContentSubTitle {
	color: [[colour_08]];
	font-weight: bold;
	padding-top:10px;
	margin: 0 auto;
	padding-left: 10px;
	width:90%;
}

.ContentSubTitle {
	background-color: #fbfbfb;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-radius: 5px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}
.ContentText dl {
	margin-bottom:20px;
	margin-left: 40px;
}

.ContentText dl dd {
	margin-bottom:20px;
	margin-left: 50px;
}

.ContextText dl dt {
	display:inline-block;
}

/* used on Results page, in group results for Group abstract*/
.contentText, .ContentText{
	margin: 0 auto;
	width:90%;
}
.contentText p, .ContentText p{
	margin-left: 10px;
	text-indent: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.ContentText {
	margin-bottom:40px;
}

.empty {
	height:50px;
}

/* RESULTS page - SEARCH LOGIC block 
************************************** */
.searchLogic {
	line-height:1.4em;
	font-size: .9em;
	padding-bottom: 10px;
	margin-top: 5px;	
        max-width: 90%;
}
.searchLogic > * {
	display:inline-block;
}
#resultsnumberbefore, #results_number, #resultsnumberafter {
	font-size: 1.2em;
	padding-top: 5px;
}
#resultsnumberafter {
	padding-right: 30px;
}
#results_number {
	font-weight: bold;
}
.searchlogiclabel {
	font-weight: bold;
}
.searchlogicvalue {
	font-weight:normal;
	padding-right: 20px;
}
#searchvalue {
	font-size: 1.2em;
	padding-right:30px;	
}
#srchtypelabel {
	font-size:1.2em;
	font-weight:bold;
}
.searchLogic ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	border-left: 1px solid #ccc;
	border-radius: 8px
}

/* REMOVE styles the SVG graphic used to delete a search term */
.remove {
	width: 13px;
	height: 13px;
	padding: 5px 3px 0 6px;
	text-align: left;
}
/* style to show the filter is currently in use - can't be selected*/
.facetFilterActive {
	color: #555555;
	font-size: 1em!important;
	line-height: 130%;
}
/*********** */


/* PAGINATION for SEARCH RESULTS and TESTIMONIALS ********** */
.pagination {
	display:block;
	width:100%;
	padding: 2px 0;
}

.paging {
	text-align:center;
	margin:0 auto 20px;
	font-size:0.9em;
}

#resultspaginationblock {
	padding: 10px 0 20px 0;
	display: inline;
}
.resultspageofpages, .resultspagelinks {
	display: inline;
}

.bodyContent>#resultspaginationblock>.pagination {
	display:block;
	margin:0 auto;
}

.resultspageofpages {
	padding-right:15px;
}

.paging a, .paging .big {
	display:inline;
}

.resultspagelinks a, .paging a {
	padding: 0 3px;
	border-right: 1px solid [[colour_17]];
}
.resultspagelinks a:hover, .paging a:hover {
	background-color:[[colour_10]];
	text-decoration: none;
}
.resultspagelinks span.big, .paging .big {
	font-size:1em;
	font-weight: bold;
	color:[[colour_13]];
	padding:0 3px;
	border-right: 1px solid [[colour_17]];
}

.resultspagelinks>*:last-child, .paging>*:last-child {
	border:0!important;
}

/* VIEWS - layout of VIEWS (& searchGallery on Home page)
**********************************************************/

#resultview {
	display:inline-block;
	margin:5px;
}
#listview, #thumbListview, #galleryview, #twocolview {
	background-color: [[colour_12]];
	border: 1px solid [[colour_05]];
  	display: inline-block;
	padding: 5px;
  	margin: 10px 0 0 0;
	cursor:pointer;
}
#listview:hover, #thumbListview:hover, #galleryview:hover, #twocolview:hover {
	background-color:[[colour_18]];
}

#resultList {
	display:block;
	list-style-type: none;
	list-style-image: none;
	padding:0;
	margin: 0;
	width: 100%;
	min-height:500px;
	overflow:auto;
}

#resultView {
	width: 100%;
}

#exhibitsResultView {
	display:block;
	padding:0;
	margin: 0 auto;
	width: 95%;
	min-height:500px;
	overflow:auto;
}

#exhibitsResultView .thumbbox {
width:155px;
}

#exhibitsResultView .single li {
	border:0;
	padding-left:15px;
}

.single {
	list-style-type: none;
	list-style-image: none;
	padding-bottom: 10px;
}

.single li {
	box-sizing: border-box;
	display: inline-block;
	margin-right:10px;
	margin-bottom:10px;
	overflow: hidden;
  	border-right: 1px solid [[colour_04]];
  	border-bottom: 1px solid [[colour_04]];
  	border-top: 1px solid [[colour_05]];
  	border-left: 1px solid [[colour_05]];
	border-radius: 5px;
	padding: 5px;
	background-color:[[colour_01]];
}

.searchGallery .single li {
	box-sizing: border-box;
	display: inline-block;
	margin-right: 2px;
	margin-bottom:10px;
	overflow: hidden;
  	border-right: 1px solid [[colour_04]];
  	border-bottom: 1px solid [[colour_04]];
  	border-top: 1px solid [[colour_05]];
  	border-left: 1px solid [[colour_05]];
	border-radius: 5px;
	padding: 2px;
	background-color:[[colour_01]];
}

.single li:hover {
/*	background-color:#EEEEEE; */
}

.single li a {
	/* no border is a hack for IE/FF to turn off link box */
	border:0;
	text-decoration:none;
}
.single li a:hover {
	text-decoration:none;
}

.single li .thumbbox {
	text-align:center;
}

.single li .thumbbox img {
	max-width:150px;
	max-height:150px;
	border:0;
	padding:0;
}

.dctitle {
	display:block;
	margin:0 auto;
	font-weight: bold;
}

.gallery .dctitle, .galleryShort .dctitle, .searchGallery .dctitle {
	font-size:0.9em;
}

.description {
	text-align: left;
	display: block;
	padding:2px;
	font-size: .9em;
}

.list li .description {
	text-align: left;
	display: inline;
}

.site {
	font-size: .7em;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	vertical-align:bottom;
}

.list .single li {
	display:block;
}

.columns .single li {
	width:290px;
	height:170px;
	display:inline-flex;
-webkit-flex-flow: row nowrap;
    -ms-flew-flow: row nowrap;
	flex-flow: row nowrap;
-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
	justify-content: flex-start;
	align-content: flex-start;
-webkit-align-items: flex-start;
    -ms-flex-align: start;
	align-items: flex-start;
	vertical-align:top;
}

.thumblist .single li {
	display:flex;
-webkit-flex-flow: row nowrap;
    -ms-flew-flow: row nowrap;
	flex-flow: row nowrap;
-webkit-justify-content: center;
    -ms-flex-pack: center;
	justify-content: center;
	align-content: center;
-webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
	align-items: flex-start;
}

.gallery .single li {
	vertical-align:top;
	height:280px;
	width:190px;
}

.galleryShort .single li {
	vertical-align:top;
	width:190px;
	height:230px;
}

.searchGallery .single li {
	vertical-align:top;
	width:154px;
	height:190px;
	text-align: center;
	font-size: .85em;
}

.searchGallery .single li img {
	max-width:150px;
	max-height: 150px;
	padding: 0;
	border-style: none;
	margin: 0;
}

.thumblist .single li .thumbbox, .columns .single li .thumbbox, .searchGallery .single li {
	order:1;
	min-width:150px;
	max-width:150px;
	flex-shrink:0;
	margin:1px 5px 1px 1px;
}

.columns .single li .metadatawrapper {
	order:2;
	min-width:112px;
	max-width:205px;
	overflow:hidden;
	flex-shrink:1;
	margin:1px;
}

.thumblist .single li .metadatawrapper {
	margin:1px;
	order:2;
	align-self: auto;
	-webkit-flex: 1 0 80px;
	-ms-flex: 1 0 80px;
	flex: 1 0 80px;
}

.gallery .single li .thumbbox, .galleryShort .single li .thumbbox .searchGallery .single li .thumbbox {
	text-align:center;
}

.description_truncate {
	display:block;
	width:100%;
	overflow:hidden;
	font-size:0.8em;
	max-height:65px;
}

.columns .description, .thumblist .description_truncate, .galleryShort .description_truncate, .list .description_truncate, .gallery .description, .galleryShort .description, .list li .thumbbox, .columns .docParts, .gallery .docParts, .galleryShort .docParts, .columns .single li .description_truncate img, .gallery .description_truncate img, .galleryShort .description_truncate img, .searchGallery .description_truncate, .searchGallery .description, .searchGallery .docParts {
	display: none;
}

.detailsGallery #resultsPanel {
padding:0;
margin:0;
}

.detailsGallery .gallery .single li, .detailsGallery .galleryShort .single li {
width:180px;
}


.detailsGallery .columns .single li {
width:280px;
}

/* EASYFORM 
************************************************** */
form.easyform {
	vertical-align: top;
	width: 350px;
	padding: 0;
}

form.easyform fieldset {
	width:350px;
	margin:0 0 10px 0;
	background-color: [[colour_01]];
	border-radius: 5px;
	padding:0 0 5px 0;
	border:0;
	border-bottom:1px solid [[colour_04]];
	border-right:1px solid [[colour_04]];
}

form.easyform fieldset legend {
	top:10px;
	width:100%;
	color: [[colour_03]];
	background-color:[[colour_01]];
	margin: 10px auto;
	padding: 5px 0;
	text-align: center;
	text-transform:uppercase;
	border-radius: 5px 5px 0 0;
	border:0;
	border-right:1px solid [[colour_04]];
}

.sortOptions, form.easyform fieldset .fieldsetContent {
	padding: 2px 10px;
}

fieldset .webtools a {
	display:inline!important;
}

form.easyform a {
	width:100%;
	margin: 0 0 0 2px;
	text-decoration: none;
}

form.easyform p {
	border-left: 1px solid [[colour_04]];
	border-right: 1px solid [[colour_04]];
}

form.easyform fieldset a {
	display:inline-block;
	width:100%;
	height:100%;
	margin: 0;
	text-decoration: none;
	padding:0;
}

form.easyform fieldset a:hover {
	color: [[colour_03]];
	text-decoration:none;
	background-color:[[colour_19]];
}

#orderedBy {
	font-weight:bold;
	display:inline;
}

form.easyform fieldset.externalResults, form.easyform fieldset.externalResults legend {
	background-color:[[colour_19]];
}

form.easyform fieldset a img {
	padding: 0;
	vertical-align:middle;
}

form.easyform fieldset label {
	display:none;
}

#searchfacetq {
	margin:10px 20px 10px 70px;
	width:200px;
	padding:4px;
	border-radius:5px;
	border:1px solid [[colour_06]];
}

form.easyform fieldset input[type="submit"] {
	color:[[colour_07]];
	background-color:[[colour_06]];
	border-radius: 5px;
	cursor:pointer;
	padding:5px;
	margin:0 2px;
	border:0;
}
form.easyform fieldset input[type="submit"]:hover {
	background-color:[[colour_08]];
}
			
.options, .tagcloud {
	padding: 4px 8px;
	margin-bottom: 10px;
}

.MapInstructions {
	padding: 4px 10px;
	font-size: .8em;
	text-align:center;
}

.browseMapInstructions {
	padding: 4px 10px;
	font-size: 1.2em;
	text-align:center;
}

#mapbox {
	padding:0;
	width: 350px;
}

#mapbox #map_canvas {
/*	width:100%!important;
	height:auto!important;*/	
	width: 350px!important;
	margin:0 auto;
}

.revealMap {
	width:400px;
	margin:0 0 10px 0;
	background-color: [[colour_12]];
	border-radius: 5px;
	padding:10px;
	border-bottom:1px solid [[colour_04]];
	border-right:1px solid [[colour_04]];
}

.revealMap img{
	margin: 0 0 0 15px;
}
/* FEATURES */

#features li {
	display:block;
	/*height:25px;*/
	margin-bottom:5px;
	width:305px;
}

#features li a {
	display:block;
	width:100%;
	height:100%;
	background-color:transparent;
	background-position:0 center;
	background-repeat:no-repeat;
}
#features li a:hover {
	background-color:[[colour_19]];
	text-decoration:none;
}

#features .options #facetComment a {
	padding-left: 22px !important;
	background-image:url("/glib/comment.png");
}

.icon-comment {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("/glib/comment.png") no-repeat 0 50%;
}

#features .options #facetMystery a {
	padding-left: 22px !important;
	background-image:url("/glib/mystery.png");
}

.icon-mystery {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("/glib/mystery.png") no-repeat 0 50%;
}

#features .options #facetContributed a {
	padding-left: 22px !important;
	background-image:url("/glib/contribution.png");
}

.icon-option-type-contributed {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("/glib/contribution.png") no-repeat 0 50%;
}

/* CREATIVECOMMONS */

#fcc-sort li {
	display:block;
	height:32px;
	width:235px;
	font-size:0.8em;
	line-height:1em;
}
#fcc-sort li a {
	display:block;
	width:100%;
	height:100%;
	background-color:transparent;
	background-position:0 center;
	background-repeat:no-repeat;
}
#fcc-sort li a:hover {
	background-color:[[colour_19]];
	text-decoration:none;
}
ul#fcc-sort li#fccLabelBY a {
	padding-left: 95px!important;
	background-image:url("/glib/by.png");
}
ul#fcc-sort li#fccLabelBYNC a {
	padding-left: 95px!important;
	background-image:url("/glib/by-nc.png");
}
ul#fcc-sort li#fccLabelBYNCSA a {
	padding-left: 95px!important;
	background-image:url("/glib/by-nc-sa.png");
}
ul#fcc-sort li#fccLabelBYNCND a {
	padding-left: 95px!important;
	background-image:url("/glib/by-nc-nd.png");
}
ul#fcc-sort li#fccLabelBYND a {
	padding-left: 95px!important;
	background-image:url("/glib/by-nd.png");
}
ul#fcc-sort li#fccLabelBYSA a {
	padding-left: 95px!important;
	background-image:url("/glib/by-sa.png");
}
ul#fcc-sort li#fccLabelNO a {
	padding-left: 95px!important;
	background-image:url("/glib/no.png");
}
ul#fcc-sort li#fccLabelPD a {
	padding-left: 95px!important;
	background-image:url("/glib/pd.png");
}

/* TINYSORT BUTTONS */

.sort_show {
	display: inline-block;
	height: 16px;
	padding: 0;
	border: 0;
	margin-bottom: 5px;
	cursor:pointer;
}

#itype #itype-numeric, #grn #grn-numeric, #grd #grd-numeric, #lc #lc-numeric, #site #site-numeric, #fsu-numeric, #lvt-numeric {
	width: 100px;	
	background: transparent url("/glib/numeric.png") no-repeat 0 0;
	margin-left:5px;
}

#itype #itype-alpha, #grn #grn-alpha, #grd #grd-alpha, #lc #lc-alpha, #site #site-alpha, #fsu-alpha, #lvt-alpha {
	width: 100px;
	background: transparent url("/glib/alpha.png") no-repeat 0 0;
	margin-left:5px;
}

#itype #itype-less, #grn #grn-less, #grd #grd-less, #lc #lc-less, #site #site-less, #fsu-less, #lvt-less {
	width: 45px;	
	background: transparent url("/glib/contract.png") no-repeat 0 0;
	margin-right:25px;
	margin-left:10px;
}

#itype #itype-more, #grn #grn-more, #grd #grd-more, #lc #lc-more, #site #site-more, #fsu-more, #lvt-more {
	width: 45px;
	background: transparent url("/glib/expand.png") no-repeat 0 0;
	margin-right:25px;
	margin-left:10px;
}

/* SEARCH RESULTS - MULTIPLE PAGES/PARTS 
********************************************** */
.docPartsLabel {
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
	margin-top: 2px;
	text-align: left;
	padding-left: 8px;
}
.docParts {
	font-size: .8em;
	background-color: #fbfbfb;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	width:70%;
	max-width:400px;
	border-radius: 5px;
	padding: 3px;
	display: block;
	text-align: left;
	margin-left:18px;
}
.docPart {
	display: inline;
	padding-left: 8px;
}
.docPart a {
	font-weight:bold;
	display:inline-block;
	padding:0 3px;
}
.docPart a:hover {
	text-decoration:none;
}

.pagePartsLabel {
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
	display: inline;
}

.pagePart {
	display: inline-block;
	padding: 2px 2px 2px 6px;
	font-size: .85em;
 	white-space: nowrap;
}

.pagePart a {
	display:block;
	width:100%;
	height:100%;
}

.pagePart a:hover {
	background:[[colour_10]];
}
.docPartAll {
	display: block;
	padding-left: 25px;
	font: .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.docPartAll a:hover {
	background:[[colour_14]];
}
			
.partsLabel {
	text-align: left;
	margin-left: 15px;
	margin-top: 10px;
	border-top: 1px solid [[colour_10]];
	width: 85%;
	font-size: 1.25em;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}   
						
.partsList {
	display: inline;
	clear: both;
}

.highlightImg img {
	padding: 3px 5px 5px 12px;
}

.ResultsMystery {
	color:  [[colour_13]];
	font-size: .9em;
}

/* RESULTS - snippets (check this section)
********************************************** */

.webtools {
	padding: 5px;
	text-align:center;
}

.webtoolstext {
	font-weight:bold;
	display:block;
}

.result {
	padding: 5px 0 5px 125px;
	margin: 0 0 5px;
	border-bottom: 1px solid [[colour_05]];
}
.result clearfix {
	min-width: 0;
	clear: both;
	display: block;
	float: none;
}
.result h4 {
	padding: 0;
	margin-top: 0;
	vertical-align: top;
}
						
img.result {
	float: left;
	margin-left: -125px;
	max-width: 110px;
	max-height: 110px;
}	
.snippet{
	padding: 1px 48px 0;
	font-size: small;
}
.img-icon {
	display: inline;
}
.res-p {
	padding-top: 0;
	padding-bottom: 0;
	text-indent: 1px;
}

/* No Bullets Unordered Lists 
*********************************************** */
.unbulletedList ul{
	list-style: none;
}

.noBullets {
	margin:0;
	padding: 0;
	list-style: none;
	font-size:0.8em;
	line-height: 100%;
	list-style-image: none;
}
.noBullets li {
	margin: 0;
}
.noBullets li a {
	list-style-image: none;
	list-style: none;
}


/* OPTIONS (moved over from Portal)
*********************************************** */
.sorttext {
	font-weight:bold;
	display:inline-block;
}

.options, .sortOptions ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height: 100%;
	text-align:left;
}
.options li, .sortOptions ul li {
	padding: 0 0 5px 0;
	margin: 0;
}

.options li a img, .sortOptions ul li a img {
	text-decoration: none;
	border-width: 0;
	list-style: none;
}

.sortOptions ul {
	margin-top:10px;
}
				
/* MEDIA TYPES *********************************************** */
#mt #mt-sort li {
	display:block;
	margin-bottom:5px;
	width:305px;
}

.option-type-audio a {
	padding-left: 22px !important;
	background: transparent url("/glib/audio.png") no-repeat 0 50%;
	}

.icon-option-type-audio {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/audio.png") no-repeat 0 50%; 
}

.option-type-video a {
	padding-left: 22px !important;
	background: transparent url("/glib/video.png") no-repeat 0 50%;
}

.icon-option-type-video {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/video.png") no-repeat 0 50%; 
}

.option-type-text a {
	padding-left: 22px !important;
	background: transparent url("/glib/text.png") no-repeat 0 50%;
}

.icon-option-type-text {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/text.png") no-repeat 0 50%; 
}

.option-type-object a, .option-type-physicalobject a {
	padding-left: 22px !important;
	background: transparent url("/glib/object.png") no-repeat 0 50%;
}

.icon-option-type-object, .icon-option-type-physicalobject  {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/object.png") no-repeat 0 50%; 
}

.option-type-images a {
	padding-left: 22px !important;
	background: transparent url("/glib/image.png") no-repeat 0 50%;
}

.icon-option-type-images {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/image.png") no-repeat 0 50%; 
}

.option-type-collection a {
	padding-left: 22px !important;
	background: transparent url("/glib/collection.png") no-repeat 0 50%;
}

.icon-option-type-collection {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/collection.png") no-repeat 0 50%; 
}
		
.option-type-website a {
	padding-left: 22px !important;
	background: transparent url("/glib/website.png") no-repeat 0 50%;
}	

.icon-option-type-website {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/website.png") no-repeat 0 50%; 
}

.option-type-genealogy a {
	padding-left: 22px !important;
	background: transparent url("/glib/genealogy.png") no-repeat 0 50%;
}

.icon-option-type-genealogy {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/genealogy.png") no-repeat 0 50%; 
}	
.option-type-newspaper a {
	padding-left: 22px !important;
	background: transparent url("/glib/newspaper.png") no-repeat 0 50%;
}		

.icon-option-type-newspaper {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/newspaper.png") no-repeat 0 50%; 
}						
.option-type-publication a {
	padding-left: 22px !important;
	background: transparent url("/glib/publication.png") no-repeat 0 50%;
}	
.icon-option-type-publication {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/publication.png") no-repeat 0 50%; 
}

.option-type-group a {
	padding-left: 22px !important;
	background: transparent url("/glib/group.png") no-repeat 0 50%;
}			

.icon-option-type-group {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/group.png") no-repeat 0 50%; 
}
.option-type-exhibit a {
	padding-left: 22px !important;
	background: transparent url("/glib/exhibit.png") no-repeat 0 50%;
}

.icon-option-type-exhibit {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/exhibit.png") no-repeat 0 50%; 
}	
.option-type-place a {
	padding-left: 22px !important;
	background: transparent url("/glib/place.png") no-repeat 0 50%;
}	

.icon-option-type-place {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/place.png") no-repeat 0 50%; 
}
.option-type-ship a {
	padding-left: 22px !important;
	background: transparent url("/glib/ship.png") no-repeat 0 50%;
}
.icon-option-type-ship {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/ship.png") no-repeat 0 50%; 
}
.option-type-shipdoc a {
	padding-left: 22px !important;
	background: transparent url("/glib/shipdoc.png") no-repeat 0 50%;
}
.icon-option-type-shipdoc {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/shipdoc.png") no-repeat 0 50%; 
}
.option-type-organization a {
	padding-left: 22px !important;
	background: transparent url("/glib/organization.png") no-repeat 0 50%;
}
.icon-option-type-organization {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/organization.png") no-repeat 0 50%; 
}

.option-type-contribute a {
	padding-left: 22px !important;
	background: transparent url("/glib/contribution.png") no-repeat 0 50%;
}

.icon-option-type-contribute {
	padding-left:4px;
	display:inline-block;
	width:16px;
	height:16px;
	background: transparent url("/glib/contribution.png") no-repeat 0 50%; 
}

/* PAGE 
*******(page.asp) ************ */

.pageSearchResults {
	width:920px;
	font-size: 1.1em;
	display: block;
	margin: 10px auto 0;
}
.pageSearchResults a:hover {
	background:[[colour_19]];
	text-decoration:none;
}

.pageSearchBlock {
	display: inline-block;
	font-size: .9em;
	padding-bottom: 10px;
	font-weight: bold;
	color: [[colour_10]];
	height:auto;
}
.pageSearchBlock form{
	display: inline-block;
}
.pageSearchBlock form label {
	color: [[colour_06]];
}
.pageSearchBlock form input[type='submit'] {
	background-color:[[colour_06]];
	color:[[colour_07]];
	margin:0 2px;
	padding:4px;
	border-radius:5px;
	cursor:pointer;
	border:0;
}
.pageSearchBlock form input[type='submit']:hover {
	background-color:[[colour_08]];
}

.pageSearchBlock form .noBreak {
	display:inline-block;
}

.detailsMenuPages {
	display: inline-block;
	margin-right:20px; 
}
.detailsMenuPages form {
	display: inline-block;
	padding-bottom: 4px;
	padding-right: 3px;
}

#pageSelect {
	min-width:75px;
	max-width:200px;
	background-color:[[colour_01]];
	border:1px solid [[colour_06]];
	border-radius:5px;
	padding:4px;
	margin:0 5px;
}
#qPage {
	border-radius:5px;
	border:1px solid [[colour_06]];
	padding:4px;
	margin: 0 2px;
}
	
.issueNavBar {
	font-size:0.9em;
	padding:4px;
	border-radius:5px;
	border:1px solid [[colour_05]];
	text-align: center;
	margin: 10px 20px 20px 0;
}
.issueNavBar a {
	display:inline-block;
	margin:0 5px;
}
.pageNavBar .issueNavBar {
	border:0;
	border-top:1px solid [[colour_04]];
	margin:5px auto 0;
	border-radius:0;
	width:880px;	
}

.pageNavBar {
	background-color:[[colour_14]];
	font-size: .9em; 
	text-align: center;
	display: block;
	width:960px;
	padding:5px 0;
}

#pageNavBarTop {
	margin:5px auto 0;
	border-radius:10px 10px 0 0;
}
.pageNavBar img {
	border:0;
	display: inline;
	padding-bottom: 0;
	vertical-align:middle;
}

.pageNavBar a {
	display:inline-block;
	margin:0 5px;
}

.pageNavBar form {
	border:0;
	display:inline;
	padding:0 5px;
}

.pageNavBar input[type='submit'] {
	background-color:[[colour_06]];
	color: [[colour_07]];
	border-radius:5px;
	border:0;
	margin:0 2px;
	padding:5px;
	cursor:pointer;
}
.pageNavBar input[type='submit']:hover {
	background-color:[[colour_08]];
}

#pageNavBarTop .Inline:first-of-type * {
	display:inline;
}

#pageNavBarBottom {
	margin:0 auto 5px;
	border-radius:0 0 10px 10px;
}

.pageNavForm {
	display: inline; 
	padding: 0 4px;
}
.pageNavForm form {
	display: inline; 
}

#pageNavBarTop .Inline a.navPrevPage, #pageNavBarTop .Inline a.navNextPage, #pageNavBarBottom a.navPrevPage, #pageNavBarBottom a.navNextPage {
	width:20px;
	height:20px;
	vertical-align:middle;
	text-align:center;
	background-size: 10px 18px;
	background-repeat: no-repeat;
	background-position: center;
	color:transparent;
	overflow:hidden;
	text-indent:-999px;
	direction:ltr;
	display:inline-block;
}

.copyright {
	font-size:0.9em;
	text-align:center;
	color: [[colour_13]];
	padding: 5px 0;
	width:960px;
	background-color:[[colour_14]];
	margin:0 auto;
}

.iconPDF {
	background:url("/glib/pdf.png") no-repeat 0 0;
	padding-left:20px;
	display:inline-block;
	text-align:left;
}

.DetailsDL .copyright {
	width:100%;
	background-color: [[colour_01]];
	margin: 0 20px 0 0;
}

/* TRANSCIPTIONS - scrollable */

.audioTranscript {
    height: 200px;
    width: 600px;
    font: .9em sans-serif;
    padding: 5px;
    background-color: rgba(234,234,234,0.82);
}

/* PAGES- used with zoomify, IIP-JPEG2000, SID and Panzoom presentations
 ********************* Legend may be deprecated *********
.Legend {
	font-variant: normal;
	border-right: none;
	margin-bottom: 8px;
	clear: none;
	display: block;
	float: none;
}
.Legend a {
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #797979;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 10px;
        box-shadow: 2px 2px 2px rgba(37,67,99,0.62);
}
************************* */

#viewer {
	margin:auto; 
  }
#fullView {
	margin:0 auto;
	text-align:center;
	display:flex;
 -webkit-align-items: center;
    -ms-flex-align: center;
	align-items:center;
 -webkit-justify-content: center;
    -ms-flex-pack: center;
	justify-content:center;
}
#JP2Image, #SidImage, #pageContent #ZoomContainer {
	width:890px;
	height:90vh;
	margin:0;
	vertical-align: top;
	display: inline-block;
	position: relative;
	min-height:400px;
	border:0;
}
#ViewerDisplay {
	width:100%;
	height:100%;
}

/* PANZOOM view */
#panzoomView {
	list-style-type: none;
	list-style-image: none;
	padding:0;
	margin: 0;
	vertical-align: top;
	width:890px;
	height:90vh;
}
#panzoomView .parent {
	width:890px;
	height:85vh;
	left: 0;
	background-color:#111111;
	vertical-align: top;
	position: relative;
}
#panzoomView section { 
	text-align: center; 
	margin:0;
	background-color:[[colour_14]];
	height: 100%;
	width: 100%;
	border-top:1px solid #111111;
}
#panzoomView .buttons { 
	margin: 0;
	padding-top: 5px;
	padding-bottom: 8px;
}

#panzoomView .buttons button {
	background:[[colour_06]];
	color:[[colour_07]];
	border-radius:5px;
	padding:4px;
	cursor:pointer;
	border:0;
}

#panzoomView .zoom-range {
	vertical-align: middle;
}
#panzoomView .panzoom {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	vertical-align: top;
	text-align: left;
}

#panzoomView #newspage {
	top: 0;
	left: 0;
	padding-left: 10px;
	padding-right: 10px;
}

#panzoomView #newspage img {
	top: 0;
	left: 0;
	border: 1px solid #808080;
}

/* Navigation Wings For Page Viewers */

#prevPage, #nextPage {
	font-size:1px;
	vertical-align:middle;
	text-align:center;
	display:inline-block;
	height:90vh;
	width:35px;
	background-color:[[colour_14]];
	margin:0;
}

#prevPage a, #nextPage a {
	height:95vh;
	width:35px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	color:transparent;
}

#prevPage a, .navPrevPage {
	background-image: url('/glib/prevpage.png');
}

#nextPage a, .navNextPage {
	background-image: url('/glib/nextpage.png');
}

#prevPage a:hover, .navPrevPage:hover {
	background-image: url('/glib/prevpage2.png');
	text-decoration:none;
}

#nextPage a:hover, .navNextPage:hover {
	background-image: url('/glib/nextpage2.png');
	text-decoration:none;
}
	


/* FULL IMAGE VIEWERS ****************************************** */
#containerFlex.fullImageDisplay {
	flex-flow:row-reverse wrap;
}

#view_window {
    height: 50em!important;
    width: 100%!important;
}

#imageCarousel {
	order: 2;
	-webkit-flex: 0 0 190px;
	-ms-flex: 0 0 190px;
	flex: 0 0 190px;
	align-self: auto;
}

#imageContent {
	order: 1;
	align-self: auto;
	-webkit-flex: 1 0 600px;
	-ms-flex: 1 0 600px;
	flex: 1 0 600px;
	margin-bottom:30px;
}

.wrap {
	width:183px;
	border:1px solid #111111;
	border-radius:0;
	background-color:#ffffff;
	height:98%;
	margin:10px 0;
	padding:5px 0;
}

.wrap .frame {
	min-height:800px;
	border:0;
	margin-left:5px;
	width:160px;
}

.scrollbar {
	height:95%;
	width:10px;
	right:5px;
	background-color:#ffffff;
}

.scrollbar .handle {
	background-color:#111111;
}

#imageContent > div:last-child {
	margin:20px auto 0;
	text-align:center;
}

#imageContent > div:last-child img {
	max-height:98vh;
	border:1px solid #111111;
}

#imageContent img {
	max-width:100%;
	margin:0 auto;
}

#imageContent iframe {
	width:100%;
	height:98vh;
	min-height:800px;
	margin:0;
	padding:0;
	border:0;
}

#imageContent .FloatLeft {
	width:970px;
	height:95vh;
}

#imageContent #ZoomContainer {
	max-width:970px!important;
	max-height:95vh;
	margin:0 auto;
}

#imageCarousel .items {
	width:183px;
	border:1px solid #111111;
}

#imageCarousel #smart .items {
	border:0;
}

#imageCarousel .items li {
	background: #FFFFFF;
	max-height: 200px;
	min-height:100px;
	padding:5px 0;
	border: 1px solid #FFFFFF;
}

#imageCarousel .items li:hover {
	background: #EEEEEE;
}

.frame ul.items {
	margin-left:0;
	padding:5px 0;
}

.carouselThumbnail {
	background-color:inherit;
	max-width:100%;
	margin:0 auto;
	display:block;
	padding:5px 0;
	text-align:center;
}

.carouselThumbnail a {
	vertical-align:top;
}

.carouselThumbnail img {
	vertical-align:top;
	max-height:150px;
	max-width:150px;
	margin:0 auto;
}

.carouselLabel {
	background-color:inherit;
	text-indent: 0;
	text-align:center;
	display:block;
	max-height:40px;
	overflow:hidden;
	padding:2px;
}

.carouselLabel a:hover {
	text-decoration:none;
}

.frame ul.items li {
	background-color:#FFFFFF;
	max-height:200px;
	height:auto;
	padding:5px 0;
	border:1px solid #ffffff;
}

.frame ul.items li:hover {
	background-color:#EEEEEE;
	max-height:195px;
	padding:5px 0;
	border:1px solid #ffffff;
}

.frame ul.items li img {
	margin:0 auto;
}

.frame ul.items li.active {
	background-color:#DDDDDD;
	border:1px solid #111111;
}

.fullImageCaption {
	margin-left: 10px;
	margin-bottom:10px;
}

.fullImageLabel {
	margin-bottom: 5px;
	padding-right: 3px;
	font-style:italic;
}

.fullImageTitle {
	font-size: 1.2em;
	margin-bottom:5px;
  	color:  [[colour_09]];
	display: block;
}

.fullImageDescription, .fullImageSource, .fullImagePhotographer {
	font-size: .9em;
	text-indent: 5px;
}

.orderButton {
	display:inline-block;
	margin: 5px;
}

.orderButton a:link {
	margin:5px;
	padding:5px;
	font-weight: normal;
	font-style: normal;
	background-color: #CCCCCC;
	border: 1px solid #555555;
	border-radius:5px;
}
.orderButton a:hover{
	background-color: #EEEEEE;
	text-decoration:none;
}

/* ABOUT pages (for sites which have them)  ******************************* */
.AboutContentPanel{
	margin-left: 20px;
	margin-right: 20px;
	padding: 1em;
}

.sidebar.leftFlex, .sidebar.rightFlex {
-webkit-flex: 0 0 200px;
    -ms-flex: 0 0 20px;
	flex: 0 0 200px;
}

.AboutContentPanel.rightFlex, .AboutContentPanel.leftFlex {
-webkit-flex: 1 0 520px;
-ms-flex: 1 0 520px;
    flex: 1 0 520px;
}

/* GEOgraphic Coverage  ******************************* */
li.geoLI {
	list-style-type:initial;
	list-style-position:inside;
	list-style-image: url("/glib/map-pin.png");
	padding-left: 20px;
	margin-top:5px;
}

li.geoLI .Subject {
	display:inline;
}

li.geoLI .Subject a {
	text-decoration: none;
	color:[[colour_09]];
}

li.geoLI .Subject a:hover {
	text-decoration: underline;
}

li.geoLI .hint {
	font-size: .9em;
	margin-bottom: 10px;
}

li.geoLI .hint .geo {
	display: inline;
}

/* DETAILS display and COMMENTS
 ******************************* */

.detailsHeader {
	display:block;
	margin:0 20px 30px 0;
	padding:5px 10px;
}

.detailsHeader .pageSearchBlock {
}

.detailsHeader .issueNavBar {
	display:inline-block;
	border:0;
}

.DetailsPanel{
	width: 100%;
}

.DetailsDL {	
	margin-left: 2px;
	height: auto;
	max-width:98%;
}

.comments, .detailsDisplay, .detailsGallery {
	background-color: [[colour_01]];
	border-top: 1px solid [[colour_05]];
	border-left: 1px solid [[colour_05]];
	border-right: 1px solid [[colour_04]];
	border-bottom: 1px solid [[colour_04]];
	border-radius: 10px;
	margin: 0 10px 20px 0;
	padding: 20px 5px 60px;
	height: auto;  
	display: block;
}

.detailsDisplay {
	height: 100%;
}

.comments a, .detailsDisplay a {
	color:[[colour_09]];
}

.detailsSponsors {
	color: #555555;
	font-size: .9em;
	font-style: italic;
}

.detailsFeaturedLink {
	display: inline-block;
    color: #555555;
    font-size: 1em;
    font-style: italic;
    margin: 5px;
	border: 1px solid [[colour_21]];
	border-radius: 8px;
	padding: 8px;
    background-color: [[colour_01]];
}


.detailsFeaturedLink img {
	padding-right: 5px;
	vertical-align: middle;
}

.fulltext {
	border-top: 1px solid [[colour_17]];
	padding: 8px;
	font-size: .9em;
	text-align: justify;
}

/*Navigation Panel/Details Menu  (non-easyform facets) 
******************************* */
.detailsMenu {
	vertical-align: top;
	width: 100%;
	padding: 0;
	margin-bottom:30px;
	text-align:left;
}

.detailsMenu #map_canvas {
	margin-top:20px;
}

.detailsMenu .h4 {
	background: [[colour_11]];
	color: [[colour_07]];
	text-align: center;
	width:100%;
	margin: 0;
	padding:5px 0;
	border-radius:5px 5px 0 0;
}

#navigationPanelNarrow .detailsMenu .h4 {
	width:250px;
}

.detailsImage {
	text-align:center;
	margin-bottom:15px;
	background: linear-gradient( [[colour_01]], [[colour_12]] );
	font-style: italic;
	font-size: .85em;
}
.detailsImage a {
	width:100%;
	display:block;
	text-decoration:none;
}
.detailsImage a:hover {
	background-color:[[colour_10]];
}

#navigationPanel .detailsImage img {
	max-width: 350px;
	height:auto;
	margin:0 auto;
}

#navigationPanelNarrow .detailsImage img {
	max-width:250px;
	height:auto;
	margin:0 auto;
}

.absmiddle {
	vertical-align:top;
	display:inline;
	padding:0 5px 0 0;
}

.audioplaying {
	display:inline-block;
	background:url("/glib/audioplaying.png") no-repeat center center;
	width:20px;
	height:16px;
	vertical-align:top;
	margin-left:10px;
}

.absmiddle.icon_video {
	display:inline-block;
	background:url("/glib/video.png") no-repeat center center;
	width:16px;
	height:16px;
	margin-right:5px;
}

.absmiddle.icon_audio {
	display:inline-block;
	background:url("/glib/audio.png") no-repeat center center;
	width:16px;
	height:16px;
	margin-right:5px;
}

.absmiddle.icon_detail {
	display:inline-block;
	background:url("/glib/icon_detailglass.gif") no-repeat center center;
	width:16px;
	height:16px;
	margin-right:5px;
}

.absmiddle.icon_text {
	display:inline-block;
	background:url("/glib/text.png") no-repeat center center;
	width:16px;
	height:16px;
	margin-right:5px;
}
.absmiddle.icon_pdf {
	display:inline-block;
	background:url("/glib/pdf.png") no-repeat center center;
	width:16px;
	height:16px;
	margin-right:5px;
}
.absmiddle.icon_podcast {
	background:url("/glib/podcast.png") no-repeat center center;
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
}

.detailsMenu>a {
	padding:5px 0;
	margin: 0; 
	border-top: 1px solid [[colour_11]];
	width: 100%;
	height:100%;
	display:flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
	flex-flow:row nowrap;
	align-content:space-between;
	text-align:left;
	justify-content:space-between;
}

.detailsMenu>a:first-of-type {
	border-top:0;
}
		
.detailsMenu a:hover {
	text-decoration:none;
	background-color:[[colour_10]];
}

.navThumb {
	order:2;
	display: inline-block; 
	max-height: 50px;
	max-width: 50px;
	vertical-align: middle;
	/*border:1px solid [[colour_04]];*/
	border-width:0;
	background-color:#FFFFFF;
	margin:5px;
}

/* AAAAAAAAAAA TERRIBLE HACK ****************/
#navigationPanel .navThumb:only-child {
	margin-left:300px;
}

#navigationPanelNarrow  .navThumb:only-child {
	margin-left:150px;
}

.navLabel {
	order:1;
	-webkit-flex:1 0 100px;
	-ms-flex:1 0 100px;
	flex:1 0 100px;
	margin:auto;
	text-align:left;
	line-height:16px;
}

.gm-style-mtc div[role='button'] {
	padding:2px 10px!important;
	font-size:12px!important;
}

.Mystery {
	color:  [[colour_13]];
}

.DetailsCurrentTab {
	display: inline;
	text-align: center;
	border: 1px solid [[colour_05]];
	text-decoration: none;
	margin-left: 20px;
	background-color: [[colour_05]];
	border-radius: 5px;
	padding: 2px 5px 5px;
}
.DetailsAlternateTab {
	display: inline;
	text-align: center;
	font-weight: normal;
	border: 1px solid [[colour_11]];
	text-decoration: none;
	margin-left: 20px;
	background-color: [[colour_11]];
	color: [[colour_07]];
	border-radius: 5px;
	padding: 2px 5px 5px;
}
.DetailsAlternateTab a {
	color: [[colour_07]];
	text-decoration: none;
}
.DetailsAlternateTab:hover {
	background-color:[[colour_06]];
	border: 1px solid [[colour_06]];
}

/* ....and  in GALLERY VIEW - Results page
*********************************************** */
.galleryPictureFlow {
	display: inline-block;
	border: 0; 
}

.galleryPictureFlowCell {
	display: inline-block;
	vertical-align:top;
	background-color: [[colour_12]];
	width:auto; 
	padding:10px;
	margin-bottom: 5px;
  	margin-right: 5px; 
	border-radius: 5px;
	height:auto;
}

.galleryPictureFlow a {
	height:100%;
	width:100%;
}

.galleryPictureFlow img {
	border: 0;
	padding: 0;
	margin: 0 auto;
	display:block;
}

.galleryPictureFlowCaption {
	font-size: .7em;
	text-decoration: none;
	padding: 0;
	max-width: 180px;
	display: table-caption;
}

.galleryVideo {
	padding: 15px 0;
	margin: 0 auto;
	max-width:680px;
}

.galleryVideo iframe {
	max-width:680px!important;
}

.detailsDisplay dt {
	text-align: left;
}

.detailsDisplay dd {
	margin-left: 12px;
	margin-bottom:10px;
}

/* tagclouds:  Results/Whats New/Browse by Subject ****************************************************/
.tagcloud {
	line-height: 1.4em;
	padding-right: 2px;	
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	border-style: none;
	padding-top: 15px;
}

ul.cloud {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.cloud li {
	display: inline;
	padding: .3em .5em;
	line-height: 200%;
	font-size: .8em;
	color: #cccccc;
}

ul.cloud li a {
	color: #3861a9;
}

ul.cloud li a small {
	font-size: .8em;
	color: #7390c2;
}

ul.cloud li a big {
	font-size: 1.3em;
	color: #144599;
}

.tagcloud a:link, .tagcloud a:visited, .tagcloud a:active {
  	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	border-style: none;
	padding-right:10px;
}
.tagcloud a:hover {
	text-decoration: underline;
	background: #EEEEEE;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	border-style: none;
}

.subthreshold {
	display: none;
}

/* BROWSE BY pages
*********************************************/
#browsebylocation {
	margin: 10px auto;
	display: block;
	position: relative;
	width:95%;
}

#browsebysubject, #browsebysubjectindex, #browsebynameindex, #browseBlock, #browsebyvesselnameindex, .browsebyvesselnameindex {
	width: 75%;
	margin: 10px auto;
	display: block;
	position: relative;
}

#browsebysubject>a:link, #browsebysubjectindex>a:link, #browsebynameindex>a:link, #browseBlock>a:link, #browsebyvesselnameindex>a:link {
	text-decoration: none;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-right: 8px;
	padding-bottom: 3px;
	border-bottom-width: .5px;
	border-right-width: .5px;
}

#browsebysubject>.noLink, #browsebysubjectindex>.noLink, #browsebynameindex>.noLink, #browseBlock>.noLink, #browsebyvesselnameindex>.noLink  {
	display: inline;
	text-decoration: none;
	border-style: none;
	padding-right: 8px;
	padding-bottom: 3px;
	border-bottom-width: .5px;
	border-right-width: .5px;
}

#browsebysubject>a:hover, #browsebysubjectindex>a:hover, #browsebynameindex>a:hover, #browseBlock>a:hover, #browsebyvesselnameindex>a:hover {
background-color:[[colour_18]];
}

#browsebysubject>.letterSelected, #browsebysubjectindex>.letterSelected, #browsebynameindex>.letterSelected, #browseBlock>.letterSelected, #browsebyvesselnameindex>.letterSelected {
background-color:[[colour_18]];
}

#subjects.tagcloud {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/* Newpaper Hit highlighting 
*************************** */
#newspage{
	position: relative;
}

.hh{
	margin: 0;
	position: absolute;
	padding: 13px;
	color:transparent;
	opacity: 0.4;
	background:#DC143C;
	z-index: 998;
}

/* Newspaper Calendar 
********************************* */
#calendar {
	text-align: center;
	margin:0 auto;
	width:auto;
}
#calendar table {
	margin:0 auto;
}

#calendar table, #calendar tbody, #calendar tr, #calendar td  {
	text-align: center;
	vertical-align: middle;
	padding:0;
	border-spacing:0;
	border:0;
	border-collapse:separate;
	margin:0;
}

#calendar table .calendar_row .calendar_month {
	vertical-align: top;
	padding-right: 8px;
	padding-bottom: 8px;
}

#calendar table .calendar_row .calendar_month table {
	width: 165px;
	text-align: center;	
	padding: 0;
	border: 1px solid [[colour_17]];
	margin:3px;
	background-color:#FFFFFF;
}

#calendar table .calendar_row .calendar_month .month .title {
	color: [[colour_07]];
	font-size: 1.1em;
	font-variant: small-caps;
	background-color: [[colour_17]];
}
#calendar table .calendar_row .calendar_month .month .dayname {
	font-weight: bold;
	padding: 2px;
}

#calendar table .calendar_row .calendar_month table td {
	text-align: center;
	border:1px solid [[colour_17]];
	font-size: .9em;
	color: [[colour_16]];
	width:20px;
}


#calendar table .calendar_row .calendar_month table td a {
	background-color:[[colour_18]];
	color:[[colour_09]];
	width:100%;
	display:block;
}

#calendar table .calendar_row .calendar_month table td .restricted {
	border: 1px solid #cccccc;
	background-color: #f1c8c8;
	color: #000000;
	width:100%;
	display:block;
}

#calendar table .calendar_row .calendar_month table td a:visited {
	background-color:[[colour_05]];
}

#calendar table .calendar_row .calendar_month table td a:hover {
	text-decoration:none;
	background-color:[[colour_09]];
	color:[[colour_10]];
}

.RestrictedCalendarMessage {
	max-width: 60%;
	padding-top: 10px;
	padding-left: 15px;
	text-align: center;
	font-size: .90em;
}

.RestrictedCalendarMessage img{
	display: inline-block;
}

/* Publication Chronology
*************************** */
table.pubYearTable {
	width:350px;
	margin:5px auto;
	padding:0;
}
.pubYearTable caption {
	color: [[colour_03]];
	text-align:left;
	padding:5px 0;
	font-size:0.9em;
}
.pubYearNull {
	margin: 0 auto;
}
.pubYearActive a {
	margin: 0 auto;
	font-weight:bold;
}
.pubYearActive a:link:hover {
	font-weight:bold!important;
}
.pubYearActive a:visited:hover {
	background-color: #EEEEEE;
	font-weight:bold!important;
}
.pubYearCurrent {
	font-weight: bold;
	margin: 0 auto;
}

/* Facet Panel Content - Years and Decades
*********************************** */
#decadeTable table {
	width: 340px;
	margin: 5px auto;
	padding: 0;
	border-spacing:0;
}

#decadeTable .decade, #decadeTable .year {
	text-align: center;
	letter-spacing: 0.1px;
	line-height:1.3;
	font-size: .7em;
	padding:1px;
	color: [[colour_16]];
}
.pubYearNull, .pubYearCurrent, .pubYearActive {
	text-align: center;
	letter-spacing: 0.1px;
	line-height:1.8;
	font-size: .7em;
	padding:1px;
	color: [[colour_16]];
}
#decadeTable .decade a, #decadeTable .year a, .pubYearActive a {
	display:block;
	text-decoration: none;
	height:100%;
	width:100%;
	text-align: center;
	padding:0!important;
	color: [[colour_09]];
	background-color:[[colour_05]]
}
#decadeTable .decade a:hover, #decadeTable .year a:hover, .pubYearActive a:link:hover {
	display:block;
	height:100%;
	width:100%;
	background-color:[[colour_16]]!important;
	text-decoration: none!important;
	font-weight:normal;
}

.decade {
/*	border-right:1px solid #333; */
	padding:0!important;
	background-color:[[colour_10]];
}


/* Details:  for paragraphing Transcriptions *************************** */
.Transcription p
{
	padding-bottom: 5px;
}

.hidden {
	visibility: hidden;
	width: 0;
	display:none!important;
}

/* Clippings - largely superceded by the following multicolumn options */

.clippings {
	width: 350px;
	margin-left: 10px;
	text-align: justify;
	background-image: url("/glib/BK_oldnewspaper.gif");
	padding: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.clippings table {
	width: 100%;
	margin-left: 5px;
	font-size: .80em;
	text-align: left;
}

.pagenum {
	text-indent: -18px;
}

.speeches{
	width:90%;
	margin-right:auto;
	margin-left: 10px;
	text-align: justify;
	background-image: url("/glib/BK_light_grey_weave2.png");
	padding: 25px;
}

/* Clippings-multi-columns */
.detailsDisplay h2 { 
	 column-span: all; 
}

#clipping {
	padding: 5px;
	text-align: justify;
	background-image: url("/glib/BK_oldnewspaper.gif");
	font-family: Georgia, "Times New Roman", Times, serif;
	column-fill: balance;
	column-gap: 10px;
	column-rule: 1px solid #666666;	
	margin: 0 12px 0 0;
}

#clipping .headline1 {
	font-weight: bold;
	text-align: center;
	font-size: 1.3em;
}

#clipping .headline2 {
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
}

.multicol1 {
	width: 90%;
	column-count: 1;
	max-width: 350px;
}
.multicol1 img { 
	display: block; width: 100%; 
}

.multicol2 {
	width: 98%;
	column-count: 2;
	max-width: 680px;
}
.multicol2 img { 
	display: block; width: 100%; 
}

.multicol2w {
	width: 520px;
	column-count: 2;		
}
.multicol2w img { 
	display: block;
	width: 100%; 
}	

.multicol3 {
	width:98%;
	column-count: 3;
	max-width: 1020px;
}	
.multicol3 img { 
	display: block; width: 100%;
}

#browseBlock .multicol3 {
	width:95%;
	margin:0 auto;
}

/* Specialty HR (schooner days)
*************************************** */
hr.lineSloop {
        background: transparent url("/glib/HR_sloopX3_SM.svg") no-repeat center;
	height: .75em;
        visibility: visible;
		margin: 3px 0;
	padding-top: 1px;
	border-style: none;
	padding-bottom: 1px;
}

/* Tombstones */
.tombstone {
	width: 425px;
	margin-left: 15px;
	margin-right: 15px;
	background: url("/glib/tombstoneslice-3.gif") repeat-y;
}

.tombstone p {
	text-align: justify;
	padding: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-left: 20px;
}

.tombstone table {
	width: 100%;
	margin-left: 5px;
	font-size: .80em;
	text-align: left;
}

/* Fieldset layout for Ships Data 
************************************************** */

#subDisplay fieldset, #metadataPanel #construction, #metadataPanel #power, #metadataPanel #dimensions, #metadataPanel #final, #metadataPanel #history, #metadataPanel #notes, #metadataPanel #contact, #metadataPanel #identification {
	border-top: 1px solid [[colour_19]];
	border-left: 1px solid [[colour_19]];
	border-right: 1px solid [[colour_18]];
	border-bottom: 1px solid [[colour_18]];
	border-radius:10px;
	background-image:linear-gradient([[colour_01]], [[colour_12]], [[colour_12]]);
}

#subDisplay fieldset legend, #metadataPanel #construction legend, #metadataPanel #power legend, #metadataPanel #dimensions legend, #metadataPanel #final legend, #metadataPanel #history legend, #metadataPanel #notes legend, #metadataPanel #contact legend, #metadataPanel #identification legend {
	font-weight:bold;
	font-size:1.1em;
	text-transform: uppercase;
	margin:0;
        background-color: [[colour_01]];
}

#metadataPanel fieldset {
	padding: 20px 5px;
	margin:0 10px 20px 0;
}
 
#metadataPanel fieldset legend {
	padding-right: 5px;
	padding-left: 5px;
}

#metadataPanel fieldset dl dt {
	font-weight: bold;
	padding-top: 8px;
}

/* MyCollections Modal form 
********************************************** */	
#form_collection ul li {
	padding: 0 0 5px;
	margin: 0 0 0 3px;
}

#form_collection #my_title, #my_description, #my_user_notes, #my_user_tags {
	width: 90%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}	
		
#form_collection, #form_login {
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#form_login label {
	font: bold .95em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 0;
}

#form_login p {
	font-weight: bold;
	font-style: italic;
	font-size: .9em;
	color: #7b0c00;
	padding-top: 8px;
	text-indent: 10px;
}

#form_login #user_name, #user_pwd {
	width: 90%;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#form_collection label {
	font: bold .95em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 0;
}

#form_collection #groupList
{
	background: #f8f8f8;
	width: 85%;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #d5d5d5;
	border-radius: 5px;
	z-index: 1;
}

#form_collection ul li {
	padding: 0 0 5px;
	margin: 0 0 0 3px;
}

#form_collection #my_title, #my_description,#my_user_notes, #my_user_tags {
	width: 90%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* ADDITIONAL BITS
********************************************** */
.accessibility {
	display: none;
}
hr {
	height: .1em;
	clear: both;
	color: #ffffff;
	visibility: hidden;
}

/* FOOTERS
***********************************/
/* Agency footer - appears at the bottom of every public page*/

.OfflineFooter {
	margin-top:20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.1em;	
}

.Footer {
	width:98%;
	margin:5px auto;
	text-align: center;
	font-size: .8em;
	color: #333333;
}
/* VITA Footer - appears at the bottom of every public page*/	
.VTFooter {
	width:98%;
	margin:5px 10px;
	text-align: right;
	color: #333333;
	font: normal .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}

.VTFooter a:link, .VTFooter a:visited, .VTFooter a:hover {
	color: #333333;
}

.odwFooterRight p{
	float: right;
	text-align: right;
	vertical-align: baseline;
	padding-top: 5px;
	padding-bottom: 25px;
}
	
/* Clearfix 
(clears all floats, so that page can resume below)
********************************************** */

.clearfix {
	display: block;
	clear: both;
	float: none;
}
* html .clearfix {
	height: 1%;
	clear: both;
	float: none;
}

/* Postcards */

#container.postcard, #container.testimonial {
	margin:0 auto;
	text-align:center;
}

#container.postcard #postcard, .testHeader, .testConfirmation, .testReview, .testLink {
	margin:0 auto 10px;
	text-align:center;
}

#containerFlex.postcard #postcard {
	margin-left:20px;
}

#postcard, .testHeader, .testConfirmation, .testReview, .testLink {
	padding:10px;
	width:480px;
	background:[[colour_01]];
	border-radius:5px;
  	border-right: 1px solid [[colour_17]];
  	border-bottom: 1px solid [[colour_17]];
  	border-top: 1px solid [[colour_12]];
  	border-left: 1px solid [[colour_12]];
}

#postcard div, #testimonial div {
	padding:10px;
	font-size:0.9em;
}

#testimonal p {
	text-indent:0;
}

.testConfirmation form {
	font-weight:bold;
}

.testConfirmation form input {
	margin:10px 0;
}

.postcard .rightFlex img, #postcardImageTitle {
	display:block;
	padding:0;
	max-width:400px;
	height:auto;
	max-height:400px;
	margin:0 auto;
	text-align:center;
}

.postcard .rightFlex img {
	border:1px solid [[colour_17]];
}

/* your message, name, email address */
#postcard .postcardLabel, .commentLabel {
	margin:5px 10px;
	width:350px;
	display:block;
}

/* to, from */
#postcard .postcardTitle, .commentHeader, .postcardHeader, .comments fieldset legend {
	width:400px;
	font-weight:bold;
	display:block;
	color:[[colour_04]];
}

.postcardHeader {
	text-align:center;
	margin:10px auto;
}


/* Comments */

.Instructions{
	border-collapse:collapse;
	border-spacing:0;
	padding: 5px;
	vertical-align: top;
	width:340px;
}

#navigationPanelNarrow .Instructions {
	width:240px;
}

/*used on Details page with the Comments tab active*/

.firstComment {
	font-style:italic;
}

.commentMessage {
	padding:10px;
	border-radius:5px;
	background-color:#FFFFFF;
	font-style: italic;
}

.comments .commentMessage p {
	margin-left: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-style: italic;
}

.textarea #comment {
	margin-bottom: 20px;
}

#confirmComment {
	width: 75%;
	margin-left:auto;
	margin-right:auto;
}
.comments form fieldset {
	max-width: 450px;
}
.approvedComments {
	padding-bottom:20px;
	max-width:412px;
	margin:0 10px;
}

.commentHeader {
	margin:10px 0;
}

.commentData {
	font-weight:bold;
}

#postcard input, #postcard textarea, #testimonial textarea, #testimonial input[type="text"], .comments input, .comments textarea {
	width:400px;
	display:block;
	padding:5px;
	margin:10px;
	border:1px solid #AAAAAA;
	resize:vertical;
}

.comments fieldset {
	border:0;
	width:400px;
	padding:5px;
	margin:10px;
}

.comments fieldset input, .comments fieldset label {
	display:inline;
	max-width:30px;
	cursor:pointer;
}

#testimonial textarea, #testimonial input[type="text"] {
	margin:10px auto;
}

#postcard input[type="button"], #postcard input[type="reset"], #testimonial input[type="button"], .comments input[type="button"], .comments input[type="submit"] {
	display:inline-block;
	cursor:pointer;
	padding:5px 10px;
}

.comments input[type="button"], .comments input[type="submit"] {
	max-width:250px;
}

#postcard .hidden {
	height:0;
	width:50px;
	display:inline-block;
}

#postcard .postcardHelp, .postcard #postcardLabelHeader {
	font-style:italic;
	font-size:0.9em;
	margin:5px 10px;
}

.testHeader {
	font-style:italic;
}

/* used on preview and form and result */
#postcardImageTitle {
	font-weight:bold;
	text-align:center;
	margin:10px auto;
}

#postcardPreview {
	background:url("/glib/Postcard_back_800.jpg") 50% 50% no-repeat;
	width:505px;
	height:340px;
	background-size: 505px 340px;
	margin:10px auto 40px;
	border:0;
	border-radius:10px;
	background-size:contain;
}

#postcardPreview .postcardTitle {
	font-weight:bold;
	left:-5px;
	position:relative;
}

.postcardText {
	font-size:0.95em;
	text-align: left;
}
.postcardTextSmall {
	font-size: 0.9em;
	text-align: left;
}
.postcardTextTiny {
	text-align: left;
	font-size: 0.8em;
}

#postcardPreview .postcardText .postcardEmail {
	font-size:0.9em;
	font-style:italic;
}

#postcardPreview #postcardMessage {
	z-index:1;
	width:220px;
	text-align:left;
	margin-left:28px;
	margin-right:20px;
	margin-top:150px;
	display:inline-block;
	vertical-align:top;
	word-wrap:break-word;
	font-family:sans-serif;
}

#postcardPreview #postcardAddress {
	z-index:1;
	width:210px;
	text-align:left;
	margin-top:150px;
	display:inline-block;
	vertical-align:top;
	word-wrap:break-word;
}

.postcard .postcardFront {
	width:500px;
	height:333px;
	background-size:contain;
}

.postcard .postcardFront img {
	vertical-align:middle;
	margin:30px auto;
	max-width:400px;
}

/*SPAM*/

#postcard fieldset.spamTest, #testimonial fieldset.spamTest {
	border:0;
	width:90%;
	text-align:center;
	margin:0 auto;
}

#postcard .alert, #testimonial .alert {
	font-size:0.9em;
	text-align:center;
}

#postcard fieldset.spamTest legend, #testimonial fieldset.spamTest legend {
	background-color:inherit;
	margin:10px auto 5px;
}

#postcard fieldset.spamTest input, #testimonial fieldset.spamTest input {
	display:inline!important;
	width:20px;
}

#postcard input[id='fChars'], #testimonial input[id='fChars'] {
	color: [[colour_09]];
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
	font-size: 1.15em;
	width:50px;
	display:inline-block;
	}

label[for='fChars'] {
	display:inline-block;
}	

/*__ Testimonial Form - will duplicate with Postcard form __*/

content form #sentPostcard {
	padding-top: 20px;
}

.testimonialPostcard {
	text-align: center;		
	margin-left: auto;
	margin-right: auto;
}

.postcardvFront img {
	max-height: 460px;
	display: table-cell;
	vertical-align: middle;
	margin: 25px auto;
}

.postcardFront img {
	max-height: 290px;   
	display: table-cell;   
	vertical-align: middle;
	margin:25px auto;
}

.postcardFrontTitle {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 8px;
}

.postcardvFrontTitle {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 8px;
}

.postcardFront {
	background: url("/glib/TestimonialPostcard_front.jpg") no-repeat 0 center;
	min-width: 500px;
	min-height: 335px;
	padding: 0;
	display: table;
	width: 500px;
	height: 335px;
	margin: 0 auto;
	background-size:contain;
}

.postcardvFront {
	background: url("/glib/TestimonialPostcard_vfront.jpg") no-repeat center center;
	min-height: 500px;
	min-width: 335px;
	padding: 0;
	display: table;
	margin: 0 auto;
	border-radius: 5px;
	background-size:contain;
}

.postcardBack {
	background: url("/glib/Postcard_back_800.jpg") no-repeat 0 center;
	min-width: 500px;
	min-height: 335px;
	padding: 0;
	display: table;
	margin: 0 auto;
	border-radius: 5px;
	background-size:contain;
}


/* Testimonials - non-duplicating items  */

#testimonial {
	background:[[colour_12]];
	width:80%;
	padding:10px;
	min-width:500px;
	margin:0 auto;
	text-align:center;
  	border-right: 1px solid [[colour_17]];
  	border-bottom: 1px solid [[colour_17]];
  	border-top: 1px solid [[colour_12]];
  	border-left: 1px solid [[colour_12]];
	border-radius: 5px;
}

#postcardPanel{
	width:90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	text-align: center;
	display: inline-block;
}

#postcardPanel .active{
	background-color:#111111;
	margin-bottom:10px;
	padding: 10px;
	min-width:155px;
}

#postcardPanel .inactive{
	margin-bottom:10px;
	background: inherit;
	padding: 10px;
	min-width: 155px;
}
	
#postcardPanel div{
	display: inline-block;
	padding: 10px;
	min-width: 155px;
	margin-right: auto;
	margin-left: auto;
}
	
#postcardPanel div img{
	margin-left: auto;
    	margin-right: auto;
	display: inline-block;
}

#permissions{
	clear:both;
	display:block;
	width:100%;
}
			
.featureOptional {
	clear:both;
	display:block;
	width: 700px;
	height: 120px;
	border: 0;
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 8px;
}

.contentTestimonial{
	display:block;
	width:90%;
	text-align:left;
	margin:0 auto;
}

.testimonialPublic {		
	width: 80%;
	background-color:[[colour_01]];
	max-width:900px;
	min-width: 500px;
	min-height: 170px;
	padding: 10px;
	margin: 10px auto;	
  	border-right: 1px solid [[colour_17]];
  	border-bottom: 1px solid [[colour_17]];
  	border-top: 1px solid [[colour_12]];
  	border-left: 1px solid [[colour_12]];
	border-radius: 5px;	
}

.testimonialPublic img {
	display:inline-block;
	padding: 5px;
}

.testimonialist {
	display:inline-block;
	vertical-align:top;
	font-weight: bold;
	padding: 5px;
	width:90px;
	text-indent:0;
	color:[[colour_04]];
	word-wrap:break-word;
}

.testMessage { 
	display:inline-block;
	vertical-align:top;
	padding: 5px;
	width:400px;
	word-wrap:break-word;
	text-indent:0;
}

/* JPLAYER FIX */
#jquery_jplayer_1 {
	padding:10px 0;
}

#jp_container_2 .jp-gui {
	width:430px;
}

#jp_container_1.jp-video-360p.jp-video .jp-gui {
	width:646px;
}

.ui-widget-content {
	background:#FFFFFF;
}

/* this is the only thing that needs fixing in a 980pxW layout */
.jp-video-360p {
	width:646px!important;
	height:auto;
} 

.jp-progress-slider {
	left:90px;
	width:150px;
}

.jp-current-time {
	left:90px;
}
.jp-duration {
    left: 200px;
}


.jp-gui li.jp-play, .jp-gui li.jp-pause {
	margin-left:0;
}

.jp-gui li.jp-repeat, .jp-gui li.jp-repeat-off {
	margin-left:180px;
}

.jp-gui li.jp-mute, .jp-gui li.jp-unmute {
	margin-left:5px;
}

.jp-volume-slider {
	width:70px;
	left:322px;
}

.jp-gui li.jp-volume-max {
	margin-left:90px;
}

.jp-jplayer {
	margin:0 auto;
}

/* PDF SPAM TEST
***************************** */
#PDFForm {
	width:450px;
	display: block;	
	margin: auto;

}

.PDFspamTest {
	width:400px;
	text-align:center;
	margin: 50px auto;
	border-style: inset;
	background-color: #f3f3f3;
}

PDFspamTest .alert {
	font-size:0.9em;
	text-align:center;
}

fieldset.PDFspamTest legend {
	background-color: transparent;
	margin:10px auto 5px;
	font-weight: bold;
	font-size: 2em;
}

fieldset.PDFspamTest input {
	display:inline!important;
	width:20px;
}

#PDFsubmit {
	color: #111111;
	font-weight: bold;
	text-align: center;
	display: block;	
	padding: 10px 20px;
	width:100px;
	margin: 5px auto;
}