/* All */
html, body, p, td, tr, ul, li, ol, blockquote, span, div, h1, h2, h3, h4, input {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}

.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;
}

.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;
}

.hyperlinkObjectNoBorder {
	text-decoration:none;
}
		  
figure {
	margin-bottom:0px;
}

footer {
	padding:10px;
}

/* Input Styles */
.topSearchArea {
	clear:both;
	display:block;
	float:none;
	white-space:normal;
}
          
.topSearchArea input[type=text] {
	background:url(/pastperfectonline/sitecontent/search-icon.png) #f9f9f9 center right no-repeat;
	padding:10px;
	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-size:20px;
	color:#fff;
	transition: 200ms ease-in;
	border:solid 1px #478afa;
	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 {
	color:#595959;
	font-size:13px;
	margin:0;
}
          
.highlightedWord {
	color:#AE1D1D;
}

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

.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:200px;
}

.searchResults {
	display:block;
	margin-top:50px;
}

.searchResultTitle {
	color:#595959;
	padding-top:10px; 
	clear:both;
}

.searchResultTitle number {
	color:#AE1D1D;
}

.indvImage {
	max-width:100px;
	max-height:100px;
	overflow:hidden;
	text-align:center;
	border:solid 2px transparent;
	border-radius:15px;
	transition: 200ms ease-in;
	cursor:pointer;        
}       

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

.indvImage:hover, .indvImage:active {
	border:solid 2px #478afa;
	border-radius:15px;
	transition: 200ms ease-in;
}  

.indvImageCaption {
	text-align:center;
	max-width: 102px;
	clear:both;
	margin: 0 0 5px 0;
}

.grid_10 h2, .grid_12 h2 {
	clear:both;
	color:#595959;
}

.indvResult {
	margin-bottom:40px;
}

.indvResultDetails {
	margin-left:15px;
}
          
.indvResultDetails a {
	color:#1754B5;
	text-decoration:none !important;
	transition: 200ms ease-in;                                
}   

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

.indvResultDetails h1 {
	font-weight: 300 !important;
	margin:0 !important;
}

.indvResultDetails p {
	color:#595959;
	font-size:1.3em !important;  
	margin:3px 0 0 0 !important;
}

.indvResultDetails h4 {
	color:#595959;
	font-size:12px !important;
	font-weight:300;
	margin:8px 0 0 0 !important;
}

.blankImage  {
	background:url(/pastperfectonline/sitecontent/image-placeholder.png) no-repeat;
	min-height:100px;
	min-width:100px;
	display:block;
	border-radius: 15px;
	float:left;
}
          
/* 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, .topNav .current 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, .leftNav .current 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;
}

.skipnav a {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.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;
}
                  
/* Single Result */
.singleResultTable {
	width:100%;
	margin-bottom:30px; 
	clear:both;
}

.singleResult h1 {
	font-size:28px !important;
	font-weight: 300 !important;
	color:#595959;           
	margin:0 !important;            
	float:left;
}

.headerIcons {
	width:100%;
}

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

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

.singleResult .icons ul {
	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%;
}

.detail {
	font-weight:bold !important;
	color:#222;
}

.detail a {
	font-weight:bold !important;
}

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

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

.photoCell {
	text-align:center;
	vertical-align:center;
	padding:10px;         
}

.photoCell img {
	max-width:180px;
	height:auto;
	border:solid 2px #478afa;
	transition: 200ms ease-in;              
	cursor:pointer;
}

.photoCell img:hover {
	border-color:#26a020;
	transition: 200ms ease-in;
	cursor:hand;
}

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

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

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

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

.largeImage {
	height:210px;
	width:210px;
	overflow:hidden;
	text-align:center;
	border:solid 2px transparent;
	border-radius:15px;
	transition: 200ms ease-in;
	cursor:pointer; 
	margin:0 0 5px 0;         
}       

.largeImage img {
	min-height:210px;
	min-width:210px;
}

.largeImage:hover, .largeImage:active {
	border:solid 2px #478afa;
	border-radius:15px;
	transition: 200ms ease-in;
} 

.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%;
}

/**Reports*/

.StatsRange {
	font-weight:bold;
}

#begin_date, #end_date {
	font-weight:normal;
	margin-left:5px;
}

#begin_date {
	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;
}

@media screen and (max-width: 640px) {
.siteLogo {
	margin-bottom:0px;
}
		
#navCustom, #navLanding, #navAdvanced, #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;
}
		  
.grid_10 h2, .grid_12 h2 {
	font-size:14px;
	font-weight:bold;
}
		  
.indvResultDetails h1 {
	line-height:.67em;
}
		  
.indvResultDetails a {
	font-size:16px;
}

.largeImageCaption, .indvImageCaption {
	display:none;	
}
	
.relatedPhotos {
	float:none !important;
	margin:10px 0;
}
		  
.relatedPhotos table{
	margin:auto;
}
		  
.rectype h1 {
	display:none;
}
		  
.icons a {
	display:none;
}
		  
.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;
}

.pagination, .pagination a {
	font-size:16px !important;
}

.span6 h2 {
	display:none;
}
		  
.span6 a {
	font-size:10px;
}
		  
.span6 td {
	padding-bottom:0px;
}

.caption {
	display:none;
}

.vocabulary_letters, .vocabulary_words_div {
	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;
}
}