a img, :link img { border: 0; }
.floatleft { float: left; margin-right: .5em; }
.floatright { float: right; margin-left: .5em; }
.error { color: red; font-weight: bold; }
.hide { visibility: hidden; }
.clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; border: 0; }
.highlight { background: #fe6; }
.padme { padding: 5px 1em; }

.bar { background: #ddd; padding: 3px; border: 1px solid silver; color: black; }

body {
	margin: 0;
	padding: 0;
}

body,td,th {
	font: 12px Verdana, Helvetica, Arial, sans-serif;
}

h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }

a,a:link { color: #03c; text-decoration: none; }
a:visited { color: #906; }
a:hover { color: #900; text-decoration: underline }

#header {
	width: 100%;
	height: 75px;
	background: url(/images/headerbg.gif) top left repeat-x;
	margin: 0;
}
	#header h1 { margin: 0; }
	#header h1 a {
		display: block;
		width: 250px;
		height: 75px;
		background: url(/images/tdo.gif) top left no-repeat;
		float: left;
	}
	#header h1 a span { display: none; }

#nav {
	margin: 0;
	/* MORE IN MENU.CSS */
}
	#nav a { color: #ccc; }

#collectionjump {
	position: absolute;
	top: 77px; right: 5px;
	margin: 0;
	font-size: 10px;
	color: white;
}
	#collectionjump select { font: 10px Verdana, sans-serif; }

#content {
	line-height: 1.4em;
	margin-left: 150px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1em;
}
	.full {
		margin-left: 0 !important;
		padding: 0 !important;
	}

	#content h2, #content h3 {
		margin-top: 0;
		margin-bottom: 5px;
		color: #257;
	}

	#content p {
		margin-top: 0;
		margin-bottom: .9em;
	}

#footer {
	clear: both;
	margin-top: 1em;
	padding: 2em;
	text-align: center;
	font-size: 10px;
	line-height: 1.4em;
	color: #999;
}
	#footer a { color: #69c; }

form { margin-top: 0; }

dl { margin-top: 0; }
	dt { font-weight: bold; }
	dd { margin-left: 1.5em; }

/* FRONT PAGE */
#front-collections td {
	width: 225px;
	font-size: 11px;
	line-height: 1.4em;
	border-left: 1px solid silver;
	padding: 5px;
}
	#front-collections td div { margin-left: 1.5em; }
	#front-collections td div.header { margin-left: 0; }
		#front-collections td div input { vertical-align: middle; }

#front-box {
	float: right;
	width: 25%;
	border: 1px solid silver;
	padding: 5px;
	background: white;
	color: #333;
	font-size: 11px;
}


/* LISTING */
.listingheader { background: #ddd; padding: 3px; border: 1px solid silver; }
	.listingtitle {
		font-weight: bold;
		font-size: 1.1em;
		float: left;
	}
	.listingnav {
		text-align: right;
	}
.listing th { background: #ddd; border-top: 1px solid silver; padding: 5px; text-align: left; font-size: 1em; }
.listing td { background: #eee; padding: 3px; padding-bottom: .5em; }
form.listingsearch td { padding: 3px; padding-left: 0; margin-bottom: 5px; font-size: 11px; }
	form.listingsearch td.prompt { text-align: right; vertical-align: middle; }
	form.listingsearch input, form.listingsearch select { font: 11px Verdana, Arial, sans-serif; }
	form.listingsearch input.searchbutton { font-size: 13px; font-weight: bold; }

/* LOGINBOX */
#login, #loggedin {
	font: 10px Verdana;
	color: white;
	margin: 0;
	margin-left: 35%;
	padding-top: 20px;
}
	#loggedin { text-align: center; padding-top: 30px; }
	#login {}
		#login #register { font-weight: bold; }
		#login h4 { color: white; margin: 0; font-size: 1em; display: inline; }
		#login p { float: left; margin: 0; padding: 2px; }
		#login p#register { margin: 0; clear: left; text-align: right; }
		#login a, #loggedin a { color: #ffcc00; }

/* USER FORM */
form#user { margin: 0; }
	form#user fieldset, form#user legend { padding: 5px; border: 1px solid silver; }
	form#user legend { font-weight: bold; background: #eee; margin-top: 5px; }
	form#user p { margin: 5px 0; }
	form#user input.button { font-weight: bold; text-transform: uppercase; color: white; }

/* COLLECTION */
#collection { }
	#collection h2 {
		background: #cde;
		padding: 6px;
		padding-top: 0;
		margin-bottom: 0;
	}

	#collectionmenu {
		background: #cde;
		width: 145px;
		float: left;
		/* MORE IN MENU.CSS */
	}

	#collection-content {
		margin-left: 150px;
		padding-right: 5px;
		padding-top: 5px;
	}

	#collection form#jump { float: right; margin: 0; font: bold 11px Verdana; }
	form#search p { margin: 3px 0; }

	.summary { width: 100%; line-height: auto; }
	.summary-header {
		width: 100%;
		border: 1px solid silver;
		background: #eee;
		margin: 0;
		margin: 5px 0;
	}
		.summary-header .summary-check {
			width: 3%;
		}
		.summary-header h4 {
			margin: 0;
			font-size: 1.2em;
			width: 80%;
		}
		.summary-data {
			text-align: right;
			font-size: 11px;
			line-height: normal;
			white-space: nowrap;
		}

	.summary-controls .view-options { float: right; height: 1.6em; }
	.summary-controls a:hover { color: white; }
	.summary-code, .summary-indexing { color: #006633; font-size: 11px; }
	.summary-content { text-align: justify; line-height: 1.5em; }
	.summary-content, .summary-controls, .summary-code, .summary-set, .summary-indexing {
		margin: 0 2em; margin-bottom: 2px;
	}

		dl.summary-ocr { margin-top: 0; }
			dl.summary-ocr dt {
				font-weight: bold;
				float: left;
				width: 75px;
				text-align: right;
			}
			dl.summary-ocr dd {
				margin-left: 80px;
			}

/*SETS */
ul.set-info-box {
	list-style: none outside;
	font-size: 10px;
	width: 160px;
	border: 1px solid silver;
	background: #eee;
	padding: 3px;
}
	#collection ul.set-info-box {
		float: right;
		margin-left: 1em;
	}

#doc-set-info {
	border: 1px solid silver;
	background: #ffe;
	padding: 3px;
	margin-bottom: 1em;
}

.judgment {
	font-size: 11px;
	border-top: 1px solid silver;
	padding: 5px;
}


/* SEARCH RESULTS */
.navigator {
	word-spacing: 2px;
	margin-bottom: 5px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 4px;
}
.navigator strong { font-weight: bold; font-size: 1.3em; color: #a00; }

#collection h3 span { color: green; }

/* DOCUMENT VIEW */
h2.doc-collection {
	background: #cde;
	padding: 6px;
	padding-top: 0;
	margin: 0;
}

#document { padding: 0 1em; }
	#doc-header, #doc-fields, #doc-control { margin-bottom: .5em; }

	#doc-header {
		border: 1px solid silver;
		background: #e0e9f3;
		padding: 3px;
		margin-bottom: 5px;
		line-height: 1.2em;
	}
		#doc-header h2 {
			float: left;
			width: 75%;
			margin: 0;
		}

		#doc-header #doc-details {
			float: right;
			width: 23%;
			background: white;
			border: 1px solid silver;
			padding: 5px;
			font-size: 11px;
		}

		#doc-header h2 { color: black; line-height: 1.3em; }

	#doc-cite { clear: right; font-size: 11px; margin-bottom: 3px; }
	#doc-fields dl {
		font-size: .9em;
		line-height: normal;
	}
		#doc-fields dt { margin-top: 5px; }
		#doc-fields .tiny-desc,
		#doc-fields .short-desc { font-size: 11px; color: #444; }
		#doc-fields .short-desc { margin: 0 1.5em; color: #444; line-height: 1.2em; }

	.doc-control { float: left; width: 99%; border: 1px solid silver; }
	.doc-control, .doc-control td { font-size: 11px; }
		.doc-control div {
			width: 30%;
			margin: 3px;
			float: left;
		}

		.doc-control h4 {
			text-align: left;
			margin-top: 0;
			margin-bottom: 3px;
			background: #eee;
			border: 1px solid silver;
			padding-left: 2px;
		}

		.doc-control div.nav-control { text-align: center; }
		.doc-control p { margin-bottom: 2px; }
		.doc-control div.submit input { width: 75%; margin-top: 2em; }

	.doc-page {
		clear: both;
		float: left;
		width: 99%;
		border: 1px solid silver;
		padding: 5px;
		margin-bottom: 1em;
		font-size: 12px;
		line-height: normal;
	}
		.doc-page .bar { border-bottom: 1px solid silver; padding-bottom: 5px; margin-bottom: 5px; }
		.doc-page .img { border: 1px solid silver; padding: .5em; margin: .5em; }

/* CITATION */
dl#citation { margin: 7px; }
dl#citation dd { margin-left: 1em; }
dl#citation p { margin-top: 0; }
dl#citation cite { font-style: normal; font-size: 12px; }

/* PROFILES */
table.profile-annotations td { font-size: 11px; padding: 2px; background: #eee; }
	table.profile-annotations td.header { font-size: 12px; border: 1px solid silver; background: white; }
	table.profile-annotations td.field { width: 120px; font-weight: bold; text-align: right; }


/* BUTTONS */
.button {
	background: #369;
	border: 1px solid black;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	padding: 2px 6px;
	font-size: 10px;
	/* font-weight: bold; */
}
	a.button { color: white; }
	.button:hover {
		border: 1px solid black;
		border-bottom: 1px solid silver;
		border-right: 1px solid silver;
		background: #246;
	}

	/* button varieties */
	.red { background: #c33; }
		.red:hover { background: #f00; color: white; }
	.lightblue { background: #cde; color: black !important; }
		.lightblue:hover { color: white !important; }
	.wide { padding-left: 2em; padding-right: 2em; }