/* default.css for WSCC Picture The Past StyleSheet */ 

body, p, a, h1, h2, h3, h4, h5, h6, ul, li, input, select, option, textarea {
	font-family:verdana, sans-serif;
}
p, a, h1, h2, h3, h4, h5, h6, ul, li {
	text-align:left;
}

body {
	margin:5px;
	padding:0;
	color:#000;
	background-color:#fff;
	text-align:center;
}
p {
	margin:0px;
	padding:4px 0px 6px 0px;
	font-size:80%;
	line-height:1.6em;
}
td {
	vertical-align:top;
	text-align:center;
}
tr {
	text-align:center;
}
th {
	font-size:80%;
	background-color:#ececec;
	color:#000000;
	text-align:center;
}
a, a:link, a:active {
	font-size:120%;
	color:#0000FF;
	text-decoration:none;
	display:inline;
}
a:hover, a:hover.externallink, a:hover.popup, a:hover.maillink {
/*	font-size:0.8em;*/
	color:#000;
	text-decoration:none;
}

a.externallink, a:link.externallink, a:active.externallink {
	text-decoration:none;
	border-bottom:1px dashed #000;
}
a.popup, a:link.popup, a:active.popup {
	text-decoration:none;
	border-bottom:1px dashed #4aa58c;
}
a.maillink, a:link.maillink, a:active.maillink {
	text-decoration:none;
	border-bottom:1px dashed #ffc684;
}
h1 {
	font-size:130%;
	color:#4aa58c;
	font-weight:bold;
	margin:0;
	padding:10px 0 5px 0;
	padding-top:15px;
}
h2, a.h2nolink, a.link.h2nolink, a:active.h2nolink, a:hover.h2nolink {
	font-size:95%;
	color:#4aa58c;
	margin:5px 0;
	padding:7px 0 2px 0px;
	font-weight:bold;
	text-decoration:none;
}
h3 {
	font-size:80%;
	color:#4aa58c;
	margin:0;
	padding:5px 0 1px 0;
	font-weight:bold;
	text-align:left;
}
ul, ol {
	list-style-position:outside;
	list-style-type:disc;
}
ul, li, ol {
	margin:2px 8px;
	padding:0px 2px;
}
li {
	font-size:80%;
	line-height:1.4em;
}
p.indent  {
	margin-left:28px;
}
p.indent50 {margin-left:30px;}
p.indent100 {margin-left:60px;}
p.indent150 {margin-left:90px;}
p.indent200 {margin-left:120px;}
p.indent250 {margin-left:150px;}
p.indent300 {margin-left:180px;}
p.mainitem, p.mainitem2 {font-weight:bold;}
p.mainitem {text-align:right;}
ul.indent, li.indent, ol.indent  {
	margin-left:36px;
}
/* CLASSES */
a.topnav, a.link.topnav, a:active.topnav {
	font-size:80%;
	color:#ffffff;
	background-color:#EF4A10;
	text-decoration:none;
	font-weight:bold;
	margin:0px;	
	padding:0px;
}
a:hover.topnav {
	font-size:80%;
	color:#ffffff;
	text-decoration:none;
	background-color:#F7A589;
	font-weight:bold;
	margin:0px;	
	padding:0px;
}
.borderTB {
	border-bottom:3px #808080 solid;
	background-color:#EF4A10;
	color:#ffffff;
	text-align:left;
	margin:0px;	
	padding:0px;
}
a.botnav, a.link.botnav, a:active.botnav {
	font-size:80%;
	color:#000000;	
	background-color:#ffc684;
	text-decoration:none;
	margin:0px;	
	padding:0px;
}
a:hover.botnav {
	font-size:80%;
	color:#000000;
	text-decoration:none;
	background-color:#FFE3C5;
	margin:0px;	
	padding:0px;
}

td.center, div.center {
	text-align:center;
}
td.footernav {
	text-align:center;
	background-color:#ffc684;	
	margin:0px;	
	padding:0px;
}
td.grey {
	background-color:#ffffff;
	color:#000;
	margin:0;
	padding:10px 0px;
	border-top:3px #808080 solid;
	vertical-align:middle;
}
table.header {
	background-image:url(dserve/images/back_header.jpg);
	height:89px;
}
img.dotted {
	border:1px #000 dotted;
}
.borderB {
	border-bottom:1px #808080 solid;
	background-color:#F7D6BD;
	color:#000;
	text-align:left;
	margin:0px;	
	padding:0px;
}
.border {
	border:1px #808080 solid;
}
input.text, input.QuickSearchFormInput {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#404040;
	width:45em;
	font-size:80%;
}
input.text, input.SearchFormInput {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#404040;
	width:25em;
	font-size:80%;
}
textarea.textarea {
	width:25em;
}
textarea.textarea, textarea.textarealarge {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#404040;
	font-size:80%;
}
textarea.textarealarge {
	width:45em;
	height:10em;
}
select.SearchFormSelect {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#000;
	width:25em;
	font-size:80%;
	text-align:left;
}
input.textsmall {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#404040;
	width:10em;
	font-size:80%;
}
.dropdown, textbox {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#000;
	width:25em;
	font-size:80%;
}
.dropdownsmall {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#000;
	width:205px;
	font-size:80%;
	text-align:left;
}
.button, .FormButton, .button2, .buttonkids, .InputFormButton {
	border-top:1px hidden;
	border-left:1px hidden;
	border-bottom:3px inset #808080;
	border-right:3px inset #808080;
	background-color:#fff7c6;
	color:#000;
	font-weight:bold;
	margin:5px;
	padding:3px 15px;
	font-size:80%;
}
p.date {
	text-align:right;
	font-size:70%;
	color:#808080;
}
p.backtotop {
	text-align:right;
	color:#808080;
	font-size:80%;
	font-variant:small-caps;
}
p.est {
	font-weight:bold;
	text-align:center;
	font-variant:small-caps;
}
p.imagetitle {
	text-align:center;
	font-weight:bold;
}
p.consort {
	text-align:center;
	font-weight:bold;
}
.bold, .InputFormLabel {
	font-weight:bold;
	text-align:left;
	font-size:80%;
}
td.TreeViewMarker, td.TreeViewData, td.TreeViewFieldLabel, td.TreeViewCurrentItem, td.TreeViewFieldData {
	font-size:80%;
	padding: 5px;
	text-align:left;
}
.OverviewCell, .ContextHeader {
	font-size:80%;
	padding: 5px;
	text-align:left;
}
td.navbarCurrent {
	font-size:80%;
	padding: 2px 0;
	text-align:left;
	font-weight:bold;
	width:20%;
}
td.navbarCurrent, td.navbar {
	width:7%;
}
table.Navbar {
	text-align:center;
	width:90%;
	margin-left:auto; 
	margin-right:auto;
}
table.PageTable, table.PageHeader {

}
table.OverviewTable {
	border:1px solid #808080;
	text-align:center;
	width:95%;
	margin-left:auto; 
	margin-right:auto;	
	padding:3px;
}
.OverviewCell {
	border:1px solid #808080;
	padding:3px;
	margin:3px;
}
td.OverviewKey {
	border:1px solid #808080;
	padding:3px;
	margin:3px;
	font-size:120%;
}
table { /* this gets rid of cellpadding on all tables*/
  border-collapse: collapse;
} 
th.OverviewHeader {
	border-bottom:1px solid #808080;
}
.DS {
	text-align:left;
}
td.FieldLabel {
	text-align:left;
	font-size:80%;
	font-weight:bold;
}
td.Title, td.Description, td.UserPeriod1, td.Period, td.Date, td.Format, td.TechnicalAttribute, td.Repository, td.Term, td.RefNo, td.PlaceCode, td.Thumbnail, td.Artist, td.ImageLink {
	text-align:left;
	font-size:80%;
	padding:3px;
}
table.RecordView, table.InputForm, table.SearchFields, table.TreeView {
	text-align:center;
	width:95%;
	margin-left:auto; 
	margin-right:auto;	
	padding:3px;
}
p.red {
	color:#FF0000;
	font-size:70%;
	text-align:center;
}
td.InputFormOptions {
	text-align:left;
	font-size:80%;
	padding:3px;
}
.small {
	font-size:70%;
}
td.Imageview {
	/*background-color:transparent;*/
/*	background-image: URL ("images/watermark.gif"); */
   	background-attachment: scroll;
   	background-repeat: no-repeat;
   	background-position: center center;
	z-index: 2;
}
.FullImage {
	z-index:1;
}

/*displaying images*/
.OverviewCell img {
/*overview details*/
	width:10.5em;
/*	height:7.5em; */
}

img.Thumbnail {
/*Full record details*/
	width:14.0em;
/*	height:10.0em; */
}

img.FullImage {
/*full image displayed*/
	text-align:center;
	width:31.0em;
/*	height:27.0em; */
}

img.Watermark {
/* watermark for the full image displayed*/
/*	text-align:center;
	width:23.0em;
	height:1.5em;
	position:relative;
	top:-2.0em; */
}

a.ImageLink, a:link.ImageLink, a:active.ImageLink, a:hover.ImageLink {
	color:#000;
	text-decoration:none;
	border:none;
}
td.AuthorityPopupData, td.AuthorityPopupKey, td.ThesaurityPopupKey {
	font-size:80%;
	text-align:left;
}
td.AuthorityPopupKey {
	padding-right:20px;
}
td.RHMargin {
	background-color:fff7c6;
	margin:0px;
	padding:10px 5px;
}
span.FindList {
	font-size:80%;
	font-weight:normal;
}
hr {
	width:100%;
	height:1px;
	border:1px #315a5a solid;
}
.textareaRefNo {
	width:15em;
	height:8em;
}
.textareaTitle {
	width:40em;
	height:8em;
}
.textareaTitle, .textareaRefNo {
	border:1px #808080 solid;
	background-color:#ececec;
	color:#404040;
	font-size:80%;
}