/* All */

body {
	background-color: #ffffff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
}

.container_12 {
	background: white;
}

.siteLogo {
	width: 960px !important;
	margin-left: 0px;
	margin-right: 0px;
}

.siteLogo img, .header img {
	max-width: 100%;
}

.header {
	width: 960px !important;
	margin-left: 0px;
	margin-right: 0px;
}

.topNav {
	width: 960px !important;
	margin-left: 0px;
	margin-right: 0px;
}

#main-content {
	padding-bottom: 20px;
}

.footer {
	width: 960px !important;
	margin-left: 0px;
	margin-right: 0px;
}

.grid_10 {
	margin-top: 10px;
}

.systemBackgroundColor {
	margin-top: 10px;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.fullWidth {
	width: 100%;
}

#cmdSendEmail, #cmdSendFeedback, #cmdOrderPhoto, .cmdOrderPhotoFromLightBox {
	cursor: pointer;
}

figure {
	margin-bottom: 0px;
}

footer {
	padding: 10px;
}

h1.content-heading{
	margin-bottom: 3px;
	color: #222222;
}

h2.results-heading {
	margin-bottom: 5px;
}

.dont-break-out {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


/* Cookie Notice */

#cookieNotice {
	position: fixed;
	bottom: 30px;
	width: 400px;
	box-shadow: 0 0 25px -5px #1e2022;
	border-radius: 8px;
	padding: 20px;
	background: #fff;
	z-index: 99999;
	max-width: calc(100vw - 60px);
}

@media screen and (min-width: 641px) {
	#cookieNotice {
		right: 15px;
	}
}

#cookieNotice button {
	width: 100%;
	margin: 0 5px 10px 5px;
    border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 7px 7px;
	appearance: none;
	-webkit-appearance: none;
    background-color: #ffffff;
	color: #333333;
	cursor: pointer;
	font-family: inherit;
	font-size: 1rem;
	outline: 0;
	transition: box-shadow .3s;
}

#cookieNotice button:hover {
	border-color: #adadad;
    background-color: #ebebeb;
	color: #333333;
}


/* Input Styles */

input {
	font-family: inherit;
}

.topSearchArea {
	clear: both;
	display: block;
	float: none; 
	white-space: normal;
	margin-bottom: 10px;
}

.topSearchArea input[type=text] {
	background: url(/pastperfectonline/sitecontent/search-icon.png) #f9f9f9 center right no-repeat;
	padding: 10px;
	font-family: inherit;
	color: #555555;
	font-size: 22px;
	border: solid 1px #d8d7d7;
	min-width: 500px;
	transition: 200ms ease-in;
	margin: 0px;
}

.topSearchArea input[type=text]:hover, .topSearchArea input[type=text]:focus {
	background: url(/pastperfectonline/sitecontent/search-icon-active.png) #fff center right no-repeat;
	color: #333;
	border-color: #478afa;
	-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
	transition: 200ms ease-in;
}

.topSearchArea input[type=submit] {
	background-color: #1754B5;
	padding: 12px 20px 12px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #fff;
	transition: 200ms ease-in;
	border: solid 1px #1754B5;
	cursor: pointer;
	margin-left: 5px;
}

.topSearchArea input[type=submit]:hover, input[type=submit]:focus {
	background-color: #056800;
	color: #fff;
	transition: 200ms ease-in;
	border: solid 1px #056800;
}

textarea, input { 
	outline: none; 
}

input[type=checkbox]:focus {
	outline: 1px solid #1754B5;
	outline-offset: 1px;
}


/* Text Styles */ 
.topSearchArea p {
	margin: 0;
}

.highlightedWord {
	color: #AE1D1D;
}


/* Search by Term Styles */
.vocabulary_letters a, .vocabulary_letters span {
	padding: 0px;
}

.vocabularyLabel {
	font-weight: bold;
	font-size: 16px;
}

.vocabulary_letters a, .vocabulary_words_div a {
	color: #1754B5;
}

.vocabulary_letters a:hover, .vocabulary_words_div a:hover {
	color: #056800;
}



/* Search Result Styles */
.span7 {
	min-height: 100px;
}

.searchResultTitle {
	clear: both;
	font-size: 22px;
	line-height: 26px;
	color: #595959;
}

.searchResultTitle span {
	color: #AE1D1D;
}

.grid_10 h2, .grid_12 h2 { 
	clear: both;
}

#searchresultsdisplay .row, .keyword-results-container .row, .advancedSearchResultsContainer .row {
	display: flex;
	margin-bottom: 20px;
}

.search-results-left_column {
	min-width: 104px;
	max-width: 104px;
	flex: 0;
	text-align: center;
}

#searchresultsdisplay .right_column {
	flex: 1;
}

.indvResultDetails {
	margin-left: 15px;
	font-size: 1.4rem;
}

.indvResultDetails a {
	color: #1754B5;
	text-decoration: none !important;
	transition: 200ms ease-in; 
	font-size: 1.4rem;
}

.indvResultDetails a:hover, .indvResultDetails a:active {
	color: #056800;
	transition: 200ms ease-in;
}

.indvResultDetails p {
	color: #595959;
	font-size: 1.1rem;
	margin: 3px 0 5px 0;
}

.indvResultDetails p.recordType {
	font-size: .85rem;
	margin: 8px 0 0 0;
}

.recordTypeLabel {
	font-weight: 700;
}

img.indvImage, img.indvImage:hover{
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 100px;
	border: none;
	cursor: default;
}

.paginator, .pagination {
	display: flex;
	flex-flow: row wrap;
}

.paginator_column, .pagination_column {
	margin: 0 2px;
}

.paginator_column a, .paginator_column label, .pagination_column a, .pagination_column label {
	padding: 6px;
}


/* Advanced Search Styles */
.option-container {
	display: grid;
	margin-bottom: 20px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	padding: 10px 5px;
	overflow: auto;
	grid-template-columns: 1fr 1fr;
	background-color: #f3f3f3;
}


.option-content {
    display: flex;
    margin: 3px 0;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.option-container input {
    margin-right: 5px;
}

.option-container label {
    word-break: break-word;
}

.search-category-label {
	font-weight: bold;
}

.search-category-input {
	margin-bottom: 5px;
}

.search-category-input input[type=text] {
	width: 235px;
	max-width: 100%;
	min-width: 224px;
	margin: 0 0 5px 0;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	padding: 5px;
	background-color: #f9f9f9;
	font-size: 14px;
	color: #555555;
	transition: 200ms ease-in;
}

.search-category-input input[type=text]:hover, input[type=text]:focus {
	background-color: #ffffff;
	color: #333;
	border-color: #478afa;
	-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
	transition: 200ms ease-in;
}

.search-categories {
	margin-bottom: 25px;
}

.advancedSearchArea input[type=submit] {
	width: 95%;
	max-width: 220px;
	margin-bottom: 5px;
	border: 1px solid #1754B5;
	padding: 12px 20px 12px 20px;
	background-color: #1754B5;
	font-family: inherit;
	font-size: 20px;
	color: #ffffff;
	transition: 200ms ease-in;
	cursor: pointer;
}

.advancedSearchArea input[type=submit]:hover, .advancedSearchArea input[type=submit]:focus {
	border-color: #056800;
	background-color: #056800;
	color: #ffffff;
}

.advancedSearchArea input[type=submit].resetButton {
	border-color: #595959;
	padding: 10px;
	background-color: #595959;
	font-size: 14px;
	color: #ffffff;
}

.advancedSearchArea input[type=submit].resetButton:hover, .advancedSearchArea input[type=submit].resetButton:focus {
	border-color: #7a7a7a;
	background-color: #7a7a7a;
}

.advanced-search-right-column {
	flex: 1;
}

.indvImage.advanced-search-left-column {
	max-width: unset;
}


/* Navigation Styles*/ 
.topNav {
	position: relative;
}

.topNav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.topNav li {
	margin: 10px 0 10px 8px;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.topNav li:first-child {
	margin-left: 0;
}

.topNav a {
	display: inline-block;
	background: #595959;
	padding: 6px 10px 6px 10px;
	border: 1px solid #595959;
	border-radius: 3px;
	color: #FFFFFF; 
	transition: 200ms ease-in;
	text-decoration: none;
}

.topNav a:hover, .topNav a:active {
	background: #1754B5;
	border-color: #1754B5;
	color: #fff; 
	transition: 200ms ease-in;
}

.leftNav {
	position: relative;
	margin-top: 10px;
}

.leftNav ul {
	margin: 0;
	padding: 0;
}

.leftNav li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.leftNav a {
	display: inline-block;
	text-align: center;
	min-width: 120px;
	background: #595959;
	padding: 6px 10px 6px 10px;
	border: 1px solid #595959;
	border-radius: 3px;
	color: #FFFFFF; 
	transition: 200ms ease-in;
	text-decoration: none;
}

.leftNav a:hover, .leftNav a:active {
	background: #1754B5;
	border-color: #1754B5;
	color: #fff; 
	transition: 200ms ease-in;
}



/* Single Result */
.singleResult h1 {
	font-size: 25px;
	color: #595959; 
	margin: 0 !important; 
	float: left;
}

.icons a {
	font-size: 11px;
	float: left;
	margin-top: 10px;
}

.singleResult .icons {
	text-align: right;
}

.singleResult .icons ul {
	margin-bottom: 10px;
	list-style-type: none;
	float: right;
}

.singleResult .icons li {
	float: left;
	margin-right: 10px;
}

.interiorResultTable td {
	padding: 15px;
	border: solid 1px #fff;
}

.category {
	color: #545454;
	white-space: nowrap;
	width: 20%;
}

.display {
	width: 80%;
}

.interiorResultTable tr:nth-child(even) {
	background: #f6f6f6;
}

.interiorResultTable tr:nth-child(odd) {
	background: #f8f8f8;
}

.relatedPhotos {
	clear: both;
	float: left;
	margin-right: 2px;
}

.grid_10 .recordData {
	float: left;
	max-width: 560px;
	clear: right;
}

.grid_12 .recordData {
	float: left;
	max-width: 720px;
	clear: right;
}

.relatedPhotos .indvImage {
	float: left;
	margin: 0 5px 5px 0; 
}

.relatedPhotos .indvImage img {
	max-width: 100px;
}

.photo_container .left_column, .photo_container .right_column {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.largeImageCaption {
	text-align: center;
	max-width: 210px;
	word-wrap: break-word;
	margin: 0 0 5px 0;
}

.span6 table {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	table-layout: fixed;
}

.span6 td {
	max-width: 100%;
	text-align: center;
	width: -moz-fit-content;
	padding-bottom: 20px;
}

.span6 .indvImage {
	margin: auto;
}

.span6 .indvImage img {
	max-width: 100%;
}


/* Random Images */
.random-image-container {
	margin-bottom: 20px;
}

.random-image-container .row {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.random-image-column{
	margin: 10px 2px;
	flex: 1 1 20%;
	text-align: center;
}


/* Skip Navigation */
.skipnav a {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
	transition: top 1s ease-out;
}

.skipnav a:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
	margin: 5px;
	border: 1px solid #0000ff;
	border-radius: 3px;
	padding: 5px;
	font-size: large;
	background-color: #ffffff;
	color: #0000ff;
	transition: top .1s ease-in;
}

.words-skip, .results-skip, .category-skip, .-advanced-search-skip {
    margin-bottom: 10px;
}

/* Forms */
.email-form-body {
	margin: 0;
	border: 0;
	padding: 0;
	background-image: none;
}

.email-form-body .required-message {
	display: block;
	margin-bottom: 20px;
	font-style: italic;
}

.email-form-body label {
	font-weight: 700;
}

.email-form-body input {
	margin-bottom: 10px;
}

.send-button {
	margin-top: 10px;
}

.error_fieldset {
	font-weight: 700;
	color: #ff0000;
}


/* Reports */

#StartDate, #EndDate {
	margin-left: 5px;
}

#StartDate {
	margin-right: 10px;
}

.grdReportingResultsGrid {
	margin-top: 20px;
	width: 600px;
}

.grdReportingResultsTitle {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: lightblue;
}

.grdReportingResultsGrid th {
	font-weight: bold;
	background-color: lightgray;
	text-align: center;
}

.grdReportingResultsGrid th, .grdReportingResultsGrid td {
	padding: 3px;
	border: 1px solid black;
}

.report_text {
	text-align: left;
}

.report_number {
	text-align: center;
}



/* Small Screen Only Stying */
@media screen and (max-width: 640px) {
	body {
		font-size: 1em;
	}

	.siteLogo {
		margin-bottom: 0px;
	}

	#navArchives, #navPhotos, #navLibrary, #navObjects {
		display: none;
	}

	.topNav {
		margin: 0px;
	}

	.topNav ul {
		width: 100%;
		left: 0;
		top: 0;
	}

	.topNav li {
		display: block;
		margin: 5px 0;
	}

	.topNav a {
		display: block;
		text-align: center;
		background: #5B5B5B;
		font-size: 16px;
	}

	.leftNav {
		margin-top: 0px;
	}

	.leftNav ul {
		width: 100%;
		left: 0;
		top: 0;
	}

	.leftNav li {
		display: block;
		margin: 5px 0;
	}

	.leftNav a {
		display: block;
		text-align: center;
		background: #5B5B5B;
		font-size: 16px;
	}

	.topSearchArea {
		max-width: 100%; 
	}

	.topSearchArea p {
		white-space: normal;
	}

	.topSearchArea input[type=text] {
		font-size: 14px; 
		font-weight: bold; 
		min-width: 60%;
		padding: 10px 2px;
		background: #F8FDA6; 
	}

	.topSearchArea input[type=text]:hover, .topSearchArea input[type=text]:focus {
		background: #F8FDA6; 
	}

	.topSearchArea input[type=submit] {
		min-width: 20%;
		padding: 10px;
		font-size: 16px;
	}

	.searchResultTitle {
		font-size: 14px;
		margin-top: 10px;
		font-weight: bold;
		color: #595959;
	}

	.largeImageCaption, .indvImageCaption {
		display: none;	
	}	

	.indvResultDetails a {
		font-size: 16px;
	}

	.rectype h1 {
		display: none;
	}

	.relatedPhotos {
		float: none !important;
		margin: 10px 0;
	}

	.largeImage {
		margin: 0 auto 5px;
	}

	.relatedPhotos .left_column .indvImage {
		float: right;
	}

	.singleResult .icons ul {
		margin-bottom: 10px;
		width: 100%;
	}

	.singleResult .icons li {
		margin-right: 0px;
		margin-left: 5px;
		width: 31%;
		text-align: center;
	}

	.category {
		white-space: normal !important;
	}

	.interiorResultTable td {
		padding: 10px !important;
	}

	.span6 h2 {
		display: none;
	}

	.span6 a {
		font-size: 10px;
	}

	.span6 td {
		padding-bottom: 0px;
	}

	.caption {
		display: none;
	}

	.vocabulary_letters {
		font-size: 16px;
	}

	.span6 tr:first-child td:nth-child(6), .span6 tr:first-child td:nth-child(7), .span6 tr:first-child td:nth-child(8), .span6 tr:nth-child(2) td:nth-child(6), .span6 tr:nth-child(2) td:nth-child(7), .span6 tr:nth-child(2) td:nth-child(8), .span6 tr:nth-child(3) td:nth-child(6), .span6 tr:nth-child(3) td:nth-child(7), .span6 tr:nth-child(3) td:nth-child(8), .span6 tr:nth-child(4) td:nth-child(6), .span6 tr:nth-child(4) td:nth-child(7), .span6 tr:nth-child(4) td:nth-child(8) {
		display: none;
	}

	.grdReportingResultsGrid {
		width: 100%;
	}
	
	.random-image-column:nth-child(6), .random-image-column:nth-child(7) {
		display: none;
	}
}


/* Large Screen Only Styling */
@media screen and (min-width:641px) {
	.results-skip a, .words-skip a, .category-skip a, .advanced-search-skip a {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0,0,0,0);
		white-space: nowrap;
		border: 0;
	}

	.results-skip a:active, .words-skip a:active, .category-skip a:active, .advanced-search-skip a:active, .results-skip a:focus, .words-skip a:focus, .category-skip a:focus, .advanced-search-skip a:focus {
		position: static;
		width: auto;
		height: auto;
		overflow: visible;
		clip: auto;
		white-space: normal;
	}
	.advanced-search-left-column{
		display: inline-block;
		max-width: 32%;
		float: left;
	}

	.advanced-search-right-column {
		display: inline-block;
		min-width: 65%;
		max-width: 68%;
	}

	.search-category-input input[type=text] {
		width: 95%;
	}

	.advancedSearchArea input[type=submit] {
		max-width: unset;
		width: 100%;
	}

	.advancedSearchResultsContainer {
		margin-left: 25px;
	}

	.container_12 .grid_3 {
		width: 230px;
	}
}