/*Default overwrite */

html, header, footer, nav, body, a, li, span, ul, ol, img, p, strong, em, div, td, tr, table, tbody, h1, h2, h3, h4, h5, select, input, form
{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style-type:none;
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}






/* General Styles */

body
{
	background-color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p
{
	margin:7px 0;
}

a, p, li, td, span, input, select, em
{
	font-size: 14px;
}

strong
{
	font-weight:bold;
}

h1
{
	font-size:32px;
	margin-bottom:21px;
}

h3
{
	color: #333366;
    font-size: 16px;
    font-weight:bold;
}

h4
{
	font-size:14px;
	font-weight:bold;
}

a:link
{
	color: #660000;
    text-decoration: underline;
}

a:visited
{
	color:#856363;
}

a:hover
{
	color: #006600;
}

.thinContent
{
	width:800px;
	margin:0 auto;
}

.wideContent
{
	margin:0 40px;
}

.column
{
	float:left;
}

.clear
{
	clear:both;
}

.centered
{
	text-align:center;
}

.hidden
{
	display:none;
}



/* Header Styles */

header
{
	background:#CDBCB2 url('/jqadiaries/php/images/jqa-header.jpg') no-repeat top right;
	width:98%;
	max-width:1100px;
	margin: auto;
	border:2px solid #6E6660;
}

header .col
{
	display:inline-block;
}

header .col+.col
{
	margin-left:10%;
}

.headerUl+.headerUl
{
	margin-left:28px;
}

.headerUl:first-child
{
	margin-left:7px;
}

header .col:first-child
{
	width:50%;
}

ul.col:first-child
{
	width:auto;
}

header form
{
	margin:10px 0 5px 0;
	text-align:center;
}

.searchFields
{
	padding:2px;
}

header span,
header select,
header input
{
	vertical-align:middle;
	margin:1px;
}

header select
{
	background-color:#F2E9E4;
	border:1px solid;
}

header input
{
	color:#6E6660;
	font-weight:bold;
	background-color:#CDBCB2;
	border:2px outset #DDD;
}

header input:active
{
	border:2px inset #DDD;
}

header a:link,
header a:visited
{
	color:#333366;
	text-decoration: none;
}

header a:hover
{
	color: #006600;
	text-decoration:underline;
}

#pageJumper
{
	position:absolute;
	border:1px solid;
	background-color:#BDADA4;
}

#pageJumper p
{
	margin-top:0;
	margin-left:14px;
	text-align:center;
}

#pageJumper form
{
	margin:0;
}

#pageJumper .searchFields
{
	margin:4px;
}

#pageInput
{
	width:50px;
	background-color:#F2E9E4;
	border:1px solid;
	padding:2px;
}

#close, #entryClose
{
	font-size:10px;
	float:right;
	margin:1px 1px 0 0;
}

.formHeader
{
	font-size:13px;
	color:#4c4744;
}





/* Front Page */

.frontPage
{
	background-color:#6E6660;
}

.frontPageContent
{
	width:700px;
	margin:7px auto;
}

.frontPageImg
{
	width:500px;
	margin:0 auto;
}

.frontText, .frontText a
{
	color: #EEECE6;
}

.frontText a
{
	font-weight:bold;
	text-decoration: underline;	
}

.frontText a:hover
{
	color: #006600;
}

.frontPageLinks img
{
	display:block;
}

.frontPageLinks a:link img.first,
.frontPageLinks a:visited img.first,
.frontPageLinks a:active img.first
{
	display:block;
}

.frontPageLinks a:hover img.first
{
	display:none;
}

.frontPageLinks a:link img.second,
.frontPageLinks a:visited img.second,
.frontPageLinks a:active img.second
{
	display:none;
}

.frontPageLinks a:hover img.second
{
	display:block;
}





/* Browse Diaries */

ul.volumeNumUl
{
	font-weight:bold;
	margin:0 10px 15px 0;
	line-height:12px;
	display:inline;
}

ul.volumeNumUl li
{
	display:inline;
	margin-right:7px;
}

.diarySummary
{
	width:675px;
	margin:14px auto 0 auto;
	background-color:#E1E1E1;
	padding:15px 15px 10px 5px;
}

.diarySummaryTable
{
	width:500px;
	margin:0 auto;
}

.return
{
	width:100%;
	text-align:right;
}

.return a
{
	vertical-align:top;
}

td
{
	height:30px;
	vertical-align:top;
}

div.diaryContent p:first-child
{
	font-weight:bold;
}




/* Getting Started */

.wideContent ul
{
	padding:0 40px;
}

.wideContent li
{
	margin:10px 0;
}




/* Timeline */

.timelineContainer
{
	margin-top:14px;
}

.timelineSection
{
	background:#CDBCB2;
	margin-bottom:14px;
}

.timelineTables
{
	padding-bottom:14px;
}


.TLSectionHeader
{
	height:28px;
	background:#BDADA4;
	display:block;
}

a.TLSectionHeader:link, a.TLSectionHeader:visited, a.TLSectionHeader:active, a.TLSectionHeader:hover
{
	color:#000;
	font-weight:bold;
	text-decoration: none;
}

.TLSectionHeader img
{
	margin:0 5px;
}

.timelineSection table
{
	width:750px;
	margin:0 auto 14px auto;
}

.timelineSection td
{
	background:#FFF;
	height:auto;
	padding:0 3px;
}

.timelineSection td:first-child
{
	width:100px;
}

.timelineSection td+td+td /* compatible with ie8 */
{
	width:160px;
}

.preTimeline p
{
	margin-bottom:7px;
}

.timelineSection tr:first-child td
{
	background:inherit;
}

.timelineSection table td.year
{
	background:#666;
	color:#FFF;
}




/* Search Example Styles */

.searchExample
{
	background-color:#CDBCB2;
	width:640px;
	border:2px solid #6E6660;
	margin:25px auto;
	padding:7px 5px;
}

.searchExample p
{
	margin:0;
}

.searchExample .row
{

	height:20px;
	margin:10px 0;
}

.searchExample .row span
{
	position:relative;
	bottom:65%;
	
}





/* Selected Pages */

.topicLists
{
	margin:7px auto 16px auto;
	display:block;
	width:96%;
	background-color:#E6E6E6;
}

.topicLists ul
{
	display:table-cell;
	width:19%;
	padding:7px;
}

.topicLists .topics+.topics
{
	border-left:1px solid #FFF;
}

.topicLists li
{
	margin-bottom:4px;
	text-indent:-4px;
	margin-left:4px;
}

.topicLists a
{
	text-decoration:none;
	color: #333366;
}

.topicLists a:hover
{
	color: #006600;
	text-decoration: underline;
}

.topicLists .lastList /* The last list has long list values than the others */
{
	width:24%;
}

.topics
{
	margin-top:16px;
	margin-bottom:0px;
}

.topics p
{
	margin:7px;
}

.topicHeader:link
{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.topicSubTitle
{
	font-size:12px;
	font-weight:bold;
	color: #333366;
}

.returnToTop
{
	text-align:right;
}




/* Search Result Styles */

.searchNav
{
	margin:15px 0;
	padding-bottom:10px;
}


.uinote {
	font-style: italic;
	font-size: 12px;
}

.searchedFor
{
	float:left;
}

.searchLinks
{
	float:right;
}

.page_links li
{
	display:inline;
	margin-left:5px;
}

.facetLinks
{
	margin:15px 0;
}

.facetLinks ul, .searchNav ul
{
	padding-left:0;
	padding-right:0;
}

#entryKeyButton
{
	text-decoration:none;
	font-style: italic;
	font-size:12px;
	margin-left:7px;
}

#entryKey
{
	position:absolute;
	background-color:#FFF;
	border:1px solid;
	padding:7px;
	width:50%;
	right:5%;
	-webkit-box-shadow: -4px 7px 6px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    -4px 7px 6px rgba(50, 50, 50, 0.25);
	box-shadow:         -4px 7px 6px rgba(50, 50, 50, 0.25);
}

#entryKey em
{
	display:block;
	margin-top:14px;
}

#entryKey strong
{
	text-decoration:underline;
}

.results
{
	margin-bottom:28px;
}




/* Individual document styles */

.docContent
{
	margin:10px;
}

.pageTitle
{
	text-align:center;
}

.pageTitle h1
{
	font-size:16px;
}

.displayDate
{
	float:left;
	width: 46%;
}

.displayDate ul
{
	padding-left:20px;
}

.displayDate li
{
	position: relative;
	margin: 15px 0 15px 0;
    background: #f0f0f0;
    padding: .5rem;
}


.displayDate .entryLabel {
	display: block;
}

.displayDate li a {
	display: block;
}


.displayDate .date {
	font-size: 20px;
	font-weight: bold;
	display:flex;
	justify-content: space-between;
}

.displayDate .date .canonical {
	font-size: 20px;
}


.displayDate .date a {
	display:block;
	width: 500px;
	text-align: right;
	color: #0174b9;
	font-size: 18px;
	/* position: absolute;
	right: 1rem;
	top: 1rem; */
}


a.other_entry {
	font-weight: normal;
}


.docNav a
{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.nextDoc
{
	float:right;
	margin-top:4px;
}

.pagegroup
{
	text-align:right;
	float: right;
	width: 52%;
}

.pagegroup a img {
	width: 100%;
}

.pagegroup p
{
	text-align:center;
	margin-top:0;
}

h4.bodyhead
{
	margin-bottom:10px;
}

.cite
{ 
	margin-bottom:20px;
	font-size:10px;
	color:#262626;
}




/* Year Summation Styles */


.totalPages
{
	margin:35px 0;
}
 
.diaryTable tr:first-child, .monthTable tr:nth-of-type(2)
{
	background-color: #BDADA4;
}

.diaryTable
{
	background-color:#EDE7E4;
	width:600px;
	margin:0 auto;
}

.diaryTable td
{
	height:auto;
	padding:3px;
	margin:0;
}

.monthTable
{
	margin:auto;
	margin:60px auto;
}

.monthTable tr
{
	background-color: #D4D0CD;
}


.monthTable tr:nth-of-type(3),
.monthTable tr:nth-of-type(5),
.monthTable tr:nth-of-type(7),
.monthTable tr:nth-of-type(9),
.monthTable tr:nth-of-type(11),
.monthTable tr:nth-of-type(13),
.monthTable tr:nth-of-type(15)
{
	background-color: #EDE7E4;
}



.monthTable tr:first-child td:first-child /*Needs extra specificity to overwrite 'tr td:first-child' below */
{
	background-color: #BDADA4;
	text-align: center;
	padding: 7px 0;
}

.monthTable td
{
	height:auto;
	padding:3px 14px;
	text-align: center;
}

.monthTable tr td:first-child
{
	text-align: left;
	padding-left:7px;
}





/* Popup */

.preImg, .postImg
{
	margin:7px 4px;
}

.postImg p, .preImg p
{
	margin:0;
}




/* Abbreviations */

.abbreviations
{
	width:400px;
	padding:7px;
}

.abbreviations h3
{
	margin-bottom:7px;
}





/* ie8 image viewer */

.view_controls_ie8
{
	padding:0;
	margin: 0;
	background: #1188ff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: white;
	width: 190px;
	text-align:center;
}

.view_controls_ie8 a
{
	color: white;
	cursor: pointer;
	padding:7px;
	display:inline-block;
	width:30px;
	text-align:center;	
}

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


.selectedZoom
{
	background-color:#000;
}

.absoluteControls
{
	position:absolute;
	right:0px;
}

.fixedControls
{
	position:fixed;
	top:0px;
	right:0px;
}

.imgToggle .loading_pane
{
	padding-top:0;
}


.imgLinks a
{
	margin:0 8px;
	color:#600;
}


@media print
{
	header, footer, .preTimeline, img
	{
		display:none;
	}
	
	.hidden
	{
		display:block;
	}
	
	.timelineTables table
	{
		border:1px solid;
		border-spacing:0;
	}

	tr+tr td
	{
		border-top:1px solid;
	}
	
	td+td
	{
		border-left:1px solid;
	}
	
	.TLSectionHeader
	{
		font-size:20px;
		font-weight:bold;
	}
}



footer {
	padding: 14px;
}



.djqaCheck b,
.djqaCheck i {
	display: block;
	margin-bottom: .5rem;
}





.newSiteNotice {
	text-align: center;
	background: white;
	font-size: 18px;
	border-bottom: 7px solid #919191;
    padding-top: 1rem;
}

.newSiteNotice h1 {
	font-size: 22px;
}

.newSiteNotice h1 a:link,
.newSiteNotice h1 a:visited {
	margin: 1rem;
	display: block;
	color: #008bdf;
	font-size: 30px;
	text-decoration: none;
}

.newSiteNotice h1 em {
	font-style: normal;
	font-size: 30px;
}


.headerWrap {
	background: #c0c0c0;
}