@import url(reset.css);

#content, .searchForm {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',
		endColorstr='#cccccc', GradientType=0);
	clear: both
}

#header #print, #preview-controls img, a {
	cursor: pointer
}

body {
	font-family: "Arial Unicode MS", "Lucida Grande", Arial, Verdana,
		Helvetica, Sans-serif;
	font-size: 100%;
	line-height: 1.125em
}

input, select {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em
}

select {
	padding: 1px 0 1px 4px
}

.clear {
	clear: both
}

.hidden {
	display: none
}

.error {
	color: red
}

strong {
	font-weight: 700
}

div.exception {
	width: 60%;
	margin: 20px auto -15px;
	padding: 5px;
	border: 2px solid #000;
	background-color: #ff0;
	color: red;
	font-weight: 700
}

#spacer1, #spacer2, #spacer3 {
	border-top-color: #ccc
}

.info {
	display: block;
	padding-top: 5px;
	color: #777;
	white-space: normal
}

#navigation a {
	color: #fff;
	text-decoration: none
}

#switchRecordsDiv a, #switchSearchForm a {
	color: #000;
	text-decoration: none
}

#contactForm #captchaCaption, #contactForm #site_options, #navigation td,
	#recordDetails th, #relatedRecordsDiv .pageLinks, .noLineBreak {
	white-space: nowrap
}

.button {
	margin-right: 10px;
	padding: 5px 20px;
	border-radius: 5px;
	border-width: 0
}

#wrapper {
	width: 965px;
	margin: 0 auto;
	padding: 0 50px;
	font-size: .875em;
	text-align: justify
}

#header {
	vertical-align: bottom;
	position: relative;
	height: auto;
	padding-top: 24px
}

#header #siteName {
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
	margin-bottom: 6px;
	margin-top: 15px;
	text-decoration: none;
	display: inline-block
}

#header #nasLogo {
	margin-bottom: 15px
}

#header #siteLogo {
	margin-left: 20px;
	margin-bottom: 0;
	vertical-align: bottom
}

#header #nlbLogo {
	margin: 15px 35px
}

#govtStandard span {
	display: block;
	font-size: .8em;
	text-align: center
}

#govtStandard span a {
	text-decoration: none;
	color: #000
}

#govtStandard {
	float: right
}

#header .leftHeader {
	float: left;
	position: absolute;
	bottom: 0
}

#header .rightHeader {
	float: right;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right
}

.socialbookmark2 {
	display: inline-block
}

#navigation {
	clear: both;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px 0;
	margin-top: 30px
}

#navigation td {
	background-color: #000;
	text-align: center
}

#navigation a {
	display: block;
	width: 100%;
	height: 100%
}

#navigation a span {
	display: block;
	padding: 7px 25px
}

#switchRecordsDiv {
	width: 100%
}

#spacer1, #spacer2, #spacer2-back,#spacer3,#spacer3-back {
	width: 0;
	height: 0;
	border-style: solid;
	border-top-width: 35px;
	border-right-width: 25px
}

#spacer2-back {
	width: 100%;
	height: 0;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0
}

#spacer3-back {
	width: 100%;
	height: 0;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0
}

#item1, #item2, #item3 {
	padding-left: 12px;
	padding-top:6px;
	padding-right: 12px;
	height:35px;
	background-color: #ccc;
}

#item1 {
    padding-left: 25px;
}

#item1.active a, #item2.active a, #item3.active a  {
	color: #fff
}

#spacer1.active {
	border-right-color: #ccc
}

#spacer2 {
	border-right-color: transparent
}

#spacer2-back {
	border-right-color: transparent
}

#spacer3 {
	border-right-color: transparent
}

#spacer3-back {
	border-right-color: transparent
}

.searchForm {
    margin-top: 10px;
    border: 1px solid #767676;
    background-color: #fff;
    padding: 0px;
}

.searchForm table {
	width: 75%;
	margin-top: 50px;
	margin-left: 5%;
	clear: both
}

.searchForm table td, .searchForm table th {
	vertical-align: text-top;
	padding: 5px 3px 15px
}

.searchForm table th {
	width: 25%;
	text-align: right;
	padding-right: 25px
}

.searchForm table.rangeInput {
	width: 100% !important;
	margin: 0 !important
}

.searchForm table.rangeInput td, .searchForm table.rangeInput th {
	padding: 0 !important
}

.searchForm table.rangeInput th.from {
	width: 1% !important;
	text-align: left !important;
	padding-right: 10px !important
}

.searchForm table.rangeInput th.to {
	width: 15% !important;
	text-align: right !important;
	padding-right: 10px !important
}

.searchForm .fullWidth {
	width: 100%
}

.searchForm .halfWidth {
	width: 35%
}

.searchForm .shortWidth {
	width: 10%
}

.searchForm .shortSelect {
	width: auto
}

.searchForm .radioGroup {
	margin-top: 3px;
	zoom: 1
}

.searchForm .radioGroup label {
	padding-right: 45px
}

.formButtons, .formTopButtons {
	text-align: right;
	padding-right: 50px
}

.searchForm input.magnifyingGlass {
	width: 85%;
	width: calc(100% - 73px)
}

.searchForm img.magnifyingGlass {
	vertical-align: bottom;
	max-height: 25.17px
}

.searchForm table.magnifyingGlass {
	margin-bottom: 40px
}

.searchForm table#advancedSearch, .searchForm>table.form {
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

.searchForm table#advancedSearch>tr>th, .searchForm>table.form>tr>th {
	width: 170px
}

.searchForm table#advancedSearch td[id^=link-copy] {
	width: 100px
}

#switchSearchForm div, #switchRecordsDiv div {
	float: left
}

.formTopButtons {
	margin-top: 25px;
	margin-bottom: 5px
}

.formButtons {
	margin-top: 5px;
	margin-bottom: 25px
}

#footer {
	clear: both;
	margin: 50px 0 25px;
	text-align: center
}

#footer p {
	margin-bottom: 5px
}

#footer a {
	color: #000
}

#footer .footertext {
	display: inline-block;
	padding-left: 20%
}

#nlblogo img {
	float: right
}

.accession {
	font-style: italic
}

img.thumbnail.landscape {
	max-width: 150px;
	height: auto
}

img.thumbnail.portrait {
	width: auto;
	max-height: 150px
}

img.full {
	display: block;
	margin: 35px auto 0
}

img.full.landscape {
	width: 643px;
	height: auto
}

img.full.portrait {
	width: auto;
	height: 643px
}

form#searchResult {
	margin-top: 35px;
	vertical-align: baseline
}

form#searchResult .searchResultItem {
	clear: both
}

form#searchResult .checkbox {
	margin: 2px 10px 25px 0;
	float: left
}

form#searchResult .dataColumn {
	margin: 0 5px 25px 0;
	float: left;
	display: table
}

form#searchResult .imageColumn {
	margin-bottom: 25px;
	float: right
}

form#searchResult .imageColumn .fileTypeIcon {
	min-width: 35px;
	max-width: 45px;
	width: auto
}

form#searchResult .orderBy {
	float: right;
	margin-bottom: 20px
}

form#searchResult .orderBy select {
	width: 200px
}

form#searchResult p {
	margin: 0
}

.searchResultControl {
	width: 100%;
	line-height: 150%;
	clear: both
}

.searchResultControl.top {
	margin-bottom: 15px
}

.searchResultControl.top td {
	vertical-align: bottom
}

.searchResultControl.bottom {
	margin-top: 15px
}

.searchResultControl.bottom td {
	vertical-align: top
}

.searchResultControl .allLinks {
	width: 40%;
	text-align: left
}

.searchResultControl .showDetails {
	text-align: center
}

.searchResultControl .showDetails .button {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 7px
}

.searchResultControl .pageLinks {
	width: 40%;
	text-align: right;
	white-space: nowrap
}

#relatedRecordsDiv .pageLinks span.prev-10:after, .searchResultControl .pageLinks span.prev-10:after
	{
	content: "\a0\25C0"
}

#relatedRecordsDiv .pageLinks span.prev-10:before, .searchResultControl .pageLinks span.next-10:before
	{
	content: "\25B6\a0"
}

#relatedRecordsDiv .pageLink, .searchResultControl .pageLink {
	font-size: .786em;
	line-height: 1em;
	min-width: 1em;
	display: inline-block;
	padding: 3px;
	margin: 0 1px;
	border: 1px solid #999;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	text-align: center
}

#content li, #recordDetails td, #recordDetails th {
	padding-bottom: 10px
}

#relatedRecordsDiv a.pageLink:hover, .searchResultControl a.pageLink:hover
	{
	border-color: #000;
	background-color: #bbb
}

#relatedRecordsDiv .currentPage, .searchResultControl .currentPage {
	color: #fff;
	font-weight: 700;
	font-size: 1em
}

.noResult {
	height: 300px
}

.noResult p {
	font-size: 1.3em;
	margin-top: 20px;
	margin-bottom: 10px
}

#recordDetails {
	margin-top: 35px;
	border: 1px solid #000;
	background-color: #fff;
	padding: 30px;
	overflow: hidden
}

#recordDetails table {
	width: 100%;
	border-width: 0
}

#recordDetails th {
	font-weight: 700;
	text-align: right;
	padding-right: 10px
}

#recordDetails td {
	text-align: justify
}

#content {
	margin-top: 35px;
	padding: 10px 50px;
	border: 1px solid #bbb;
	overflow: auto;
	background-color: #fff;
}

#content h1 {
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 35px
}

#content p, #feedbackTable>.row>.input>input[type=checkbox] {
	margin-bottom: 10px
}

#content p {
	padding-top: 10px;
	word-break: break-word
}

#content .breakable {
	display: inline-block;
	word-break: break-all;
	-ms-text-overflow: ellipsis
}

#content ul {
	list-style-type: disc;
	margin-left: 25px
}

#content li {
	padding-left: 10px
}

#contactForm {
	width: 100%;
	max-width: 900px
}

#feedbackTable>.row {
	margin-top: 20px
}

#contactForm #feedbackTable input[type=text], #contactForm textarea {
	width: 100%
}

#feedbackTable>.row>label {
	width: 30%;
	display: inline-block;
	float: left
}

#feedbackTable>.row>.input>label {
	display: block;
	width: auto;
	clear: both;
	margin-bottom: 10px
}

#feedbackTable>.row>.fullInput, #feedbackTable>.row>.input {
	display: inline-block;
	width: calc(70% - 10px);
	padding-left: 10px
}

#feedbackTable>.row>.fullInput {
	width: 100%;
	padding-left: 0
}

#contactForm td, #contactForm th {
	vertical-align: text-top;
	padding: 5px 3px 15px
}

#contactForm th {
	width: 25%;
	text-align: left;
	padding-right: 25px
}

#contactForm textarea {
	height: 120px;
	padding: 0
}

#contactForm #site_options input {
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0 4px;
	vertical-align: bottom;
	position: relative;
	top: -1px
}

#contactForm #site_options label {
	display: block;
	margin-bottom: 15px;
	line-height: 14px
}

#contactForm .buttons {
	width: 100%;
	margin: 15px auto;
	text-align: center
}

#contactForm .button {
	width: auto
}

#contactForm #captchaTable td {
	vertical-align: middle;
	padding-bottom: 0
}

#contactForm #captchaCaption {
	text-align: left
}

#contactForm #captchaText {
	border: 1px solid #000;
	margin-bottom: 5px
}

#contactForm #captchaAnswer {
	width: 210px
}

#contactForm #feedbackNote {
	padding-top: 0;
	margin-bottom: 5px;
	font-size: 12px
}

@media screen and (min-width:625px) {
	#contactForm #feedbackNote {
		width: 600px
	}
}

.floatLeft {
	float: left
}

.floatRight {
	float: right
}

.fixed750 {
	width: 750px
}

.fixed145 {
	width: 145px
}

.errorMessage {
	text-align: center
}

.smaller {
	font-size: x-small
}

.leftTextAlign {
	text-align: left !important
}

li.attachmentItem {
	list-style-type: square;
	margin-left: 15px
}

.full.landscape.bottom {
	margin: 35px auto
}

#accessDialog {
	border: 1px solid #aaa;
	background: #fff;
	padding: 3px;
	position: fixed;
	z-index: 999;
	width: 500px;
	visibility: hidden;
	margin: auto
}

#accessDialog .header {
	border: 1px solid #aaa;
	padding: 4px;
	background: #ddd;
	color: #555;
	font-size: 11pt;
	font-weight: 700;
	margin-bottom: 2px
}

#accessDialog .body {
	background: #fff;
	padding: 6px;
	font-size: 11pt
}

#accessDialog .options {
	text-align: right;
	padding: 0 6px 6px
}

#accessDialog .options input {
	padding: 6px;
	font-size: 10pt
}

#relatedRecordsDiv #spacer1.active, #relatedRecordsDiv #spacer2, #relatedRecordsDiv #spacer3 {
	color: RGBA(255, 255, 255, 0);
	padding-bottom: 0;
	border-top: 38px solid #ccc
}

#relatedRecordsDiv #item1.active a, #relatedRecordsDiv #item2.active a, #relatedRecordsDiv #item3.active a  {
	color: #fff
}

form#searchResult div.resultData a, form#searchResult div.resultData p {
	margin-left: 30px;
	display: block
}

#social-print {
	float: right;
	display: inline-block;
	margin-top: 5px
}

input, select {
	margin: 2px
}

#relatedRecordsDiv #item1, #relatedRecordsDiv #item2, #relatedRecordsDiv #item3 {
	min-height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: .9em
}

#relatedRecordsTable {
	margin-top: 0;
	border-spacing: 0;
	width: 100%;
	clear: both
}

#relatedRecordsDiv {
	overflow: hidden;
	margin-top: 0;
	min-width: 270px;
	width: 100%;
	border: 1px solid #000;
	clear: both;
	background-color: #fff;
	display: block
}

#relatedRecordsDivContent {
	display: block;
	clear: both;
	padding: 25px 28px 14px
}

#relatedRecordsDivContent p {
	line-height: 150%;
	display: block;
	padding: 2px 2px 12px;
	clear: both;
	width: 100%;
	max-width: 100%;
	overflow: auto;
	word-wrap: break-word;
	word-break: break-word;
	-ms-word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-align: left
}

#relatedRecordsDivContent div {
	display: inline-block;
	width: 100%;
	max-width: 100%
}

#relatedRecordsDivContent p a {
	width: 100%;
	max-width: 100%;
	display: inline-block;
	text-align: left
}

#relatedRecordsDivContent p i {
	font-style: italic;
	width: 100%;
	max-width: 100%;
	word-wrap: break-word;
	word-break: break-word;
	-ms-word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto
}

#relatedRecordsTable td {
	padding: 0;
	vertical-align: top
}

.recordDetailsLeftPanel {
	clear: none;
	float: left;
	margin-bottom: 25px;
	width: 68.5%
}

.recordDetailsRightPanel {
	margin-top: 35px;
	width: 29%;
	float: left;
	padding-left: 22px
}

.recordDetailsRightPanel #relatedRecordsPanel {
	overflow: hidden;
	margin-top: 0;
	border-radius: 0 0 10px 10px
}

#relatedRecordsDiv #item1 {
	overflow: auto;
	height: auto;
	padding-bottom: 5px
}

#relatedRecordsDiv #spacer1 {
	border-left-color: #ccc;
	border-top: 38px solid #ccc;
	border-bottom: 0
}

#spacer2-back {
	color: #ccc;
}


#relatedRecordsDiv #spacer1.active, #relatedRecordsDiv #spacer2, #relatedRecordsDiv #spacer3 {
	float: left;
	border-bottom: 0;
	margin-left: 0
}

#relatedRecordsDiv #item2 {
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 2px
}

#relatedRecordsDiv #spacer2 {
	border-right-color: RGBA(255, 255, 255, 0);
	clear: right
}
#relatedRecordsDiv #spacer2-back {
	border-right-color: RGBA(255, 255, 255, 0);
	clear: right
}

#relatedRecordsDiv #spacer3 {
	border-right-color: RGBA(255, 255, 255, 0);
	clear: right
}
#relatedRecordsDiv #spacer3-back {
	border-right-color: RGBA(255, 255, 255, 0);
	clear: right
}


#relatedRecordsDiv #item3 {
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 2px
}


#relatedRecordsDiv {
	margin-bottom: 20px
}

#relatedRecordsDiv .pageLinks {
	width: 100%;
	text-align: left;
	margin-top: 12px
}

a {
	color: -webkit-link;
	text-decoration: underline
}

footer {
	background: #000;
	clear: both;
	padding: 10px 20px;
	margin-top: 1.5em;
}

.tabber {
	font-size: 14px;
	font-family: Arial,'Arial Unicode MS','Lucida Grande',Arial,Verdana,Helvetica,sans-serif
}

.paddingzero {
	padding: 0px;
}