/* initial styles for NMAJH Catalogue application */
/* more advanced or conflicting styles in nmjah_adv.css */
/* created Dec 13 2004 */
body {
	margin: 0;
	padding: 0;
	font-size: 76%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #28779b;
	color: #000;
	text-align: center;
}
/* content base styles */
h1, h2, h3, h4 {
	color: #005b7f;
	font-weight: bold;
}
p, li, td {
 font-size: 1em;
 color: #000;
}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
}
h1 { font-size: 1.80em; margin: 0 0 1em 0; }
h2 { font-size: 1.67em; margin: 0 0 1em 0; }
h3 { font-size: 1.45em; margin: 1em 0 1em 0; }
h4 { font-size: 1.25em; margin: 1.25em 0 1.25em 0; }
h5 { font-size: 1.0em; margin: 0;}
/* default links */
a, a:link, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
/* hidden links */
a.hidden, a:link.hidden, a:visited.hidden {
	color: #000;
	text-decoration: none;
}
a:hover.hidden, a:active.hidden {
	text-decoration: none;
}
/* end baseline content */
/* global options */
#banner {
	color: #333;
	background-color: #fff;
	border-top: 1px solid #999;
}
#banner #buffer {
 height: 8px;
 font-size: 6px;
 line-height: 6px;
 background-color: #e3e3e3;
 border-bottom: 1px solid #999;
}
#banner div#logo {
	text-align: center;
	margin: 2px;
}
#banner div#logo a img, #banner div#logo img {
	border: none;
}
#banner #sitesearch {
float: right;
width: 230px;
border: 1px solid #fff;
margin: 4px;
padding: 0;
text-align: right;
}
#sitesearch h4, #login h4 {
font-size: 0.867em;
font-weight: bold;
display: inline;
margin: 4px;
}
#adduser, #report {
width: 30em;
padding: 0 1em;
text-align: left;
}
#adduser h4, #report h4 {
font-size: 1.0em;
font-weight: bold;
display: block;
float: left;
width: 10em;
margin: 0;
padding: 0;
border: none;
}
#adduser label, #report label {
position: relative;
width: 10em;
display: block;
margin: .5em 1em;
border: none;
}
form input.tb {
background-color: transparent;
color: #287796;
border: 1px solid #999;
}
#adduser label input, #adduser label select, #report label input, #report label select {
font-size: 1.0em;
top: 2px;
width: 20em;
position: absolute;
left: 100%;
}
#sitesearch input.search {
 color:#28779b;
 font-size: 10px;
 font-weight: bold;
}
#login input.login, #sitesearch input.search {
 border: none;
 height: 20px;
 width: 50px;
 background-color: transparent;
}
#login p {
margin: 2px;
}
#adduser input.add {
 border: none;
 height: 20px;
 width: 70px;
 background-color: transparent;
}
#login {
 border: none;
 width: 360px;
 height: 18px;
 text-align: left;
}
#login input, #adduser input {
 margin: 0;
 padding: 0;
}
#login input.login, #adduser input.add {
 color:#006666;
 font-size: 10px;
 font-weight: bold;
 letter-spacing: 1px;
}
#banner h3 {
	text-align: center;
	float: left;
	width: 240px;
	margin: 12px 4px;
}
#banner #globalnav {
	clear: both;
	margin: 0;
	padding: 2px 2px 2px 2px;
	border-top: 1px solid #999;
	border-bottom: 1px dotted #999;
	background-color: #eddeb5;
	text-align: right;
}
/* need styles for banner search */
/* global navigation */
#globalnav {
font-size: 0.843em;
font-weight: bold;
text-align: right;
}
#globalnav li {
text-align: right;
list-style-type: none;
margin: 4px 0 0 0;
}
#globalnav a, #globalnav a:link, #globalnav a:visited {
color: #006699;
background-color: #eddeb5;
text-decoration: none;
}
#globalnav a:hover, #globalnav a:active {
color:#333;
background-color: #fdedc0;
text-decoration: none;
}
/* footer block */
#footer {
clear: both;
margin: 0;
padding: 4px;
text-align: center;
background-color: #eddeb5;
border-top: 1px dotted #999;
}
#footer p {
font-size: 0.843em;
margin: 0.5em;
}
/* additional layout blocks */
#mainshell {
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}
#container {
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
background-color: #fdedc0;
border: none;
}
#reportcontainer {
margin: 0 auto 0 auto;
padding: 0;
background-color: #fdedc0;
border: none;
text-align: left;
}
/* single column layout */
#maincenter {
margin: 10px auto 10px auto;
width: 660px;
border: 1px solid #28779b;
text-align: left;
}
#calendarcenter {
margin: 10px auto 10px auto;
width: 720px;
border: 1px solid #28779b;
text-align: left;
}
#browsemain {
margin: 10px auto 10px auto;
border: 1px solid #28779b;
width: 740px;
text-align: center;
}
#popmain {
margin: 0;
padding: 10px;
border: 1px dotted #999;
background-color: #fdedc0;
}
#popmain p {
text-align: left;
}
/* browse pages - these blocks go in maincenter */
div.floatleft {
float: left;
border: 1px solid #999;
padding: 4px;
margin: 4px;
background-color: #eddeb5;
}
ul.browse {
margin-left: 140px;
list-style-type: none;
text-align: left;
}
/* browse results */
table#results {
border: 1px solid #666;
text-align: center;
margin: 0 auto 0 auto;
}
table#results td {
padding: 4px 6px 4px 6px;
text-align: center;
border: 1px dotted #999;
}
table#results td p {
font-size: .866em;
line-height: 130%;
color: #000;
text-align: left;
}
table#results td.deactivated p {
color: #999999;
}
table#results td.deactivated a, table#results td.deactivated a:link, table#results td.deactivated a: visited, table#results td.deactivated a:hover,  table#results td.deactivated a:active  {
color: #999999;
}
table#results td a img {
border: none;
}
/* 2 column layout for detail and object pages */
#related {
float: right;
width: 260px;
margin: 0;
padding: 0;
border-bottom: 1px dotted #999;
border-left: 1px dotted #999;
text-align: center;
}
div.thumbnail {
margin: 10px;
padding: 4px;
font-size: 0.843em;
}
div.thumbnail img {
margin: 4px;
border: 2px solid #28779b;
}
/* for home page images and captions */
div.ImageLeft {
float: left;
width: 200px;
border: 1px solid #999;
padding: 0;
margin: 0 1em 1em 0;
background-color: transparent;
font-size: 9px;
line-height: 12px;
}
div.ImageRight {
float: right;
width: 200px;
border: 1px solid #999;
padding: 0;
margin: 0 0 1em 1em;
background-color: transparent;
font-size: 9px;
line-height: 12px;
}
div.ImageLeft img, div.ImageRight img {
margin: 4px 18px 8px 18px;
border: 1px solid #28779b;
text-align: center;
}
div.ImageLeft p, div.ImageRight p {
margin: 4px 18px 4px 18px;
text-align:left;
font-size: 9px;
line-height: 12px;
}
p.new {
clear: both;
}
#detailset {
margin: 0;
margin-right: 260px;
padding: 0;
text-align:left;
}
/* optional styles for the div and table layout nmajh asked for */
#relatedleft {
float: left;
width: 260px;
margin: 0;
padding: 0;
border-right: 1px dotted #999;
border-bottom: 1px dotted #999;
text-align: center;
}
#detailright {
margin: 0 4px 0 264px;
padding: 0;
text-align:left;
}
/* additional layout */
#centercol {
margin-right: 220px;
margin-left: 220px;
padding: 0;
}
div.content {
margin-top: 4px;
padding: 0 1em;
font-size: 1em;
line-height: 140%;
}

div.details {
margin: 4px 0;
padding: 0 8px;
font-size: 1em;
line-height: 140%;
}
/* styles for forms */
div.formshell {
margin: 4px;
padding: 4px;
}
div.row, div.addrow {
margin: 4px 0 4px 0;
text-align: left;
}
div.row h4 {
margin-top: 0;
}
div.addrow {
clear: both;
}
div.addrow label {
float: left;
width: 200px;
font-weight: bold;
}
span.norm {
font-weight: normal;
}
p label {
font-weight:bold;
}
/* div.addrow input, div.addrow select {
margin-left: 200px;
} */
form {
margin: 0;
padding: 0;
}
input {
color: #333;
}
input:focus {
color: #003366;
background-color: #CCCCFF;
}
.box {
background-color: #fff;
font-size: 10px;
}
.box2 {
background-color: #fff;
font-size: 12px;
}
/* for sidebar, left and right column */
/* special purpose */
div.resultdata {
margin: 10px;
text-align: left;
}
div.resultdata p {
font-size: 0.843em;
}
div.sidebar {
margin: 4px;
padding: 0;
}
div.sidebar h4 {
font-size: 0.966em;
margin: 0 0 .67em 0;
}
div.sidebar p {
font-size: 0.843em;
margin-bottom: 0.67em;
line-height: 130%;
}
/* additional styles */
p.updated {
font-size: 0.843em;
margin: 2em;
}
div.pagination {
clear: both;
font-size: 0.843em;
margin: 8px;
text-align: center;
}

.clear {
clear: left;
height: 4px;
line-height: 4px;
font-size: 4px;
margin: 2px 0 2px 0;
}
.center {
text-align: center;
}
.alert {
	color:#990000;
}
.deactivated, .da, a.da, a.da:link, a.da:visited, a.da:hover, a.da:active {
color:#999999;
}
div.rule {
height: 4px;
line-height: 4px;
font-size: 4px;
margin: 4px 0 4px 0;
border-top: 1px dotted #999;
}
div.printrule {
line-height: 6px;
font-size: 4px;
margin: 2em;
padding: 0;
background-color: #28779b;
border: 1px solid #999;
}
/* additional details styles */
table.desc {
clear:none;
margin: 1em 0;
margin-bottom: 16px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 0;
background-color: #fff;
}
table.additem {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}
table.desc td strong, table.additem td strong {
white-space:nowrap;
}
table.desc td {
	padding: 2px 2px 8px 8px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	margin: 0;
}
div#detailright table.desc {
 width: 520px;
}
div.details table.desc {
	width: 640px;
}
table.basic {
	margin: 10px;
	padding: 0;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #fff;
	text-align: left;
}
table.basic td, table.basic th {
	padding: 4px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	margin: 0;
	font-size: 10px;
}
table.basic th {
	font-weight: bold;
}
table.desc table.desc {
margin-top: 12px;
}
/* for the additem interface */

/* for reports */
th, th strong, td strong {
white-space:nowrap;
}
/* styles for export reports */
#reportshell {
margin: 0;
padding: 0;
text-align: left;
background-color: #fff;
}
#reportshell table {
	border: 1px solid #666;
}
#reportshell table.ssheet td {
 padding: 4px;
 margin: 0;
}
#reportshell p, #reportshell td, #reportshell td p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000;
}
/* STYLES for CALENDAR */
/**** month and year header at top of calendar ****/
.date_header			{ font-size:17px; font-family:arial, helvetica, sans-serif; font-weight:bold; color: #28779b; }

/**** color and size of calendar cells.  ****/
.day_cell				{ background-color:#fff; height: 80px; width: 95px; }
.empty_day_cell			{ background-color:#fdedc0; height: 80px; width: 95px; }
.today_cell				{ background-color:#f4f4f4; height: 80px; width: 95px; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:11px; font-family:verdana, arial, helvetica, sans-serif; color:#333; }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:11px; font-family:verdana, arial, helvetica, sans-serif; color:#333; }
.title_txt A:link		{ color:#006699; text-decoration:underline; }
.title_txt A:active		{ color:#006699; text-decoration:underline; }
.title_txt A:visited	{ color:#006699; text-decoration:underline; }
.title_txt A:hover		{ color:#006699; text-decoration:underline; }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica, sans-serif; }

/**** [5 lines below developed by CHNM] more_txt is the link under time line when there are more events than displayed ****/
.more_txt				{ font-size:11px; font-family:verdana, arial, helvetica, sans-serif; color:#333; }
.more_txt A:link		{ color:#006699; text-decoration:underline; }
.more_txt A:visited		{ color:#006699; text-decoration:underline; }
.more_txt A:hover		{ color:#006699; text-decoration:underline; }
.more_txt A:active		{ color:#006699; text-decoration:underline; }

/**** column headers or days of the week ****/
.column_header			{ background-color:#28779b; font-size:13px; font-family:arial, helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }

/**** footprint text ****/
.footprint				{ font-size:11px; font-family:verdana, arial, helvetica, sans-serif; color:#000; font-weight:bold; }
.footprint A			{ font-size:11px; font-family:verdana, arial, helvetica, sans-serif; color:#006699; font-weight:bold; }
