/* defaults */

	body { margin: 0; background-color: white; font-size: 10px; color: black }

		body * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black }

	hr { color: #A0A0A0; height: 1px; }

	h1 { font-size: 16px; color: #003399 }
	h2 { font-size: 15px; color: #003399 }
	h3 { font-size: 14px; color: #003399 }
	h4 { font-size: 13px; color: #003399 }
	h5 { font-size: 12px; color: #003399 }
	h6 { font-size: 11px; color: #003399 }

	/* text */

		.bold { font-size: 12px; font-weight: bold; text-transform: uppercase }
		.upbold { font-size: 12px; font-weight: bold; text-transform: uppercase }
		.smaller { font-size: 9px }

		#search-summary { text-align: center; font-size: 11px }
		#search-summary * { font-size: 11px }

		#results-summary { text-align: center; font-size: 12px }
		#results-summary * { font-size: 12px }

	/* links */

		a { font-size: 11px; font-weight: bold; color: #003399 }
		a:link, a:active, a:focus { color: #003399 }
		a:hover { color: #888888 }

		a script { font-size: 11px; font-weight: bold; color: #003399 }
		a:link script, a:active script, a:focus script { color: #003399 }
		a:hover script { color: #888888 }

		img { border-width: 0 }

/* user interface elements */


	/* header/footer defaults */

		.header-or-footer { padding-top: 5px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: center; }

			.header-or-footer * { font-size: 12px; font-weight: bold; text-transform: uppercase }

	/* layout */

		#header { width: 100% }
		#body { width: 100% }
		#footer { width: 100% }

		td#left { width: 10%; vertical-align: top; }
		td#center { width: 80%; vertical-align: top; }
		td#right { width: 10%; vertical-align: top; }

		td#center * { font-size: 10px }

	td#center h1 { font-size: 16px; color: #003399 }
	td#center h2 { font-size: 15px; color: #003399 }
	td#center h3 { font-size: 14px; color: #003399 }
	td#center h4 { font-size: 13px; color: #003399 }
	td#center h5 { font-size: 12px; color: #003399 }
	td#center h6 { font-size: 11px; color: #003399 }


	/* header */

		#header { background-color: #003399 }

			#header * { color: white }

			#header a, #header a:link, #header a:active, #header a:focus { color: white }
			#header a:hover { color: #888888 }

			#header a script, #header a:link script, #header a:active script, #header a:focus script { color: white }
			#header a:hover script { color: #888888 }

			#header td { padding: 0 }

		div#htitle { font-size: 18px; text-transform: none; }
		div#hsubtitle { font-size: 14px; text-transform: none; }


	/* body */

	.cl-f { font-size: 1px }

	#cl-r-h { height: 1px }
	#cl-r-2 { height: 5px }
	#cl-r-3 { height: 5px }
	#cl-r-4 { height: 5px }

	#cl-h-1 { width: 5px }
	#cl-h-2 { width: 5px }
	#cl-h-3 { width: 15px }
	#cl-h-4 { width: 5px }
	#cl-h-5 { padding: 10px }
	#cl-h-6 { width: 5px }
	#cl-h-7 { width: 15px }
	#cl-h-8 { width: 5px }
	#cl-h-9 { width: 5px }

	#cl-1-1 { border-style: solid; border-width: 0px 0px 0px 1px; border-color: #003399; }
	#cl-1-2 { border-style: solid; border-width: 0px 1px 0px 0px; border-color: #CC9900; }
	#cl-1-8 { border-style: solid; border-width: 0px 0px 0px 1px; border-color: #003399; }
	#cl-1-9 { border-style: solid; border-width: 0px 1px 0px 0px; border-color: #CC9900; }

	#cl-2-2 { border-style: solid; border-width: 0px 1px 0px 0px; border-color: #CC9900; }
	#cl-2-9 { border-style: solid; border-width: 0px 1px 0px 0px; border-color: #CC9900; }

	#cl-3-4 { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #003399; }
	#cl-3-5 { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #003399; }

	#cl-4-5 { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #CC9900; }
	#cl-4-6 { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #CC9900; }

	#cl-1-5 { background-color: #E6E6E6; padding: 5px; width: 500px }

		#cl-1-5 span#osx-bug { background-color: #E6E6E6 }

	span#osx-bug-white { background-color: white }


	/* footer */

		#footer { background-color: white; text-transform: uppercase; font-weight: bold; font-size: 12px; margin-top: 10px }


	/* tabs */

		#tabs a { font-weight: bold; font-size: 10px; color: white; text-align: center; text-transform: uppercase; text-decoration: none }
		#tabs a:link, #tabs a:active, #tabs a:focus { color: white }
		#tabs a:hover { color: #888888 }

		.tab-top { background-repeat: no-repeat; background-position: left bottom; width: 149px; height: auto }

		.tab { background-repeat: repeat-y; background-position: left bottom; width: 149px; height: auto; vertical-align: bottom }
		.tab { font-weight: bold; font-size: 10px; color: white; text-align: center; text-transform: uppercase }
		.tab * { font-weight: bold; font-size: 10px; color: white; text-align: center; text-transform: uppercase }
		.tab { padding-bottom: 5px; padding-left: 4px; padding-right: 4px }

		#search-tab-top { background-image: url(/m3/apps/opac/images/search-top.gif) }
		#search-tab { background-image: url(/m3/apps/opac/images/search-bottom.gif) }

		#results-tab-top { background-image: url(/m3/apps/opac/images/results-top.gif) }
		#results-tab { background-image: url(/m3/apps/opac/images/results-bottom.gif) }

		#bookbag-tab-top { background-image: url(/m3/apps/opac/images/bookbag-top.gif) }
		#bookbag-tab { background-image: url(/m3/apps/opac/images/bookbag-bottom.gif) }

		#account-tab-top { background-image: url(/m3/apps/opac/images/account-top.gif) }
		#account-tab { background-image: url(/m3/apps/opac/images/account-bottom.gif) }

		#preferences-tab-top { background-image: url(/m3/apps/opac/images/db-top.gif) }
		#preferences-tab { background-image: url(/m3/apps/opac/images/db-bottom.gif) }

		#selected-tab-top { background-image: url(/m3/apps/opac/images/selected-top.gif) }
		#selected-tab { background-image: url(/m3/apps/opac/images/selected-bottom.gif) }

			#selected-tab { font-weight: bold; font-size: 10px; color: #003399; text-decoration: underline }
			#selected-tab * { font-weight: bold; font-size: 10px; color: #003399; text-decoration: underline }


	/* body */

		.title1 { font-size: 12px; font-weight: bold; color: white; border: solid; background-color: #003399; border-width: 0px 0px medium; border-color: black black #CC9900; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }
		.title2 { font-size: 12px; font-weight: bold; color: white; border: solid; background-color: #CC9900; border-width: 0px 0px medium; border-color: black black #003399; background-repeat: repeat-y; margin-bottom: 5px; margin-top: 10px; padding: 2px }

	/* menu */

		#menu { font-weight: bold; font-size: 10px; text-transform: uppercase }
		#menu td { font-weight: bold; font-size: 10px; text-transform: uppercase }
		#menu span { font-weight: bold; font-size: 10px; text-transform: uppercase }
		#menu select { text-transform: none; font-weight: normal }

		#menu a { font-weight: bold; font-size: 10px; text-transform: uppercase; color: #003399 }
		#menu a:link, #menu a:active, #menu a:visited, #menu a:focus { color: #003399 }
		#menu a:hover { color: #888888 }

		#menu a script, #menu a:link script, #menu a:active script, #menu a:visited script, #menu a:focus script, #menu a:hover script { color: #003399 }
		#menu a:hover script { color: #888888 }
		
		.menu { position: absolute; left: -32767; top: -32767; background-color: #003399 }
		.menu td { text-transform: none; font-weight: normal; color: white }

		#menu .menu td { text-transform: none; font-weight: normal; color: white }

		.menu-title { white-space: nowrap }

		.menu-button { background-color: #003399 }

		body#vdialog { background-color: #003399 }
		.vdialog { background-color: #003399 }
		.vdialog td { text-transform: none; font-weight: normal; color: white }


	/* scroll */

		#scroll a { text-decoration: none; color: #003399; font-weight: bold; padding-right: 5px }
		#scroll a:hover { color: #FFCC66 }

		#scroll a script { text-decoration: none; color: #003399; font-weight: bold; padding-right: 5px }
		#scroll a:hover script { color: #FFCC66 }

		.scroll { background-color: #003399; color: white; vertical-align: top; font-weight: bold; font-size: 10px }
		.scroll2 { background-color: #CC9900; color: white; vertical-align: top; font-weight: bold; font-size: 10px }

/* availability header */

	tr.availability { font-weight: bold }

/* buttons */

	.button1 { font-size: 11px; font-weight: bold; color: white; border: solid; background-color: #003399; border-width: 2px; border-color: #CC9900; padding: 2px; text-align: center }
	.button2 { font-size: 11px; font-weight: bold; color: white; border: solid; background-color: #CC9900; border-width: 2px; border-color: #003399; padding: 2px; text-align: center }

	.button1 a { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	.button2 a { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	.button1 a:link, .button1 a:active, .button1 a:visited, .button1 a:focus { color: white }
	.button1 a:hover { color: #00FF00 }
	.button2 a:link, .button2 a:active, .button2 a:visited, .button2 a:focus { color: white }
	.button2 a:hover { color: #00FF00 }

	.button1 a script { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	.button2 a script { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	.button1 a:link script, .button1 a:active script, .button1 a:visited script, .button1 a:focus script { color: white }
	.button1 a:hover script { color: #00FF00 }
	.button2 a:link script, .button2 a:active script, .button2 a:visited script, .button2 a:focus script { color: white }
	.button2 a:hover script { color: #00FF00 }

	a.button1 { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	a.button1:link, a.button1:active, a.button1:visited, a.button1:focus { color: white }
	a.button1:hover { color: #00FF00 }
	a.button2 { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	a.button2:link, a.button2:active, a.button2:visited, a.button2:focus { color: white }
	a.button2:hover { color: #00FF00 }


	a.button1 script { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	a.button1:link script, a.button1:active script, a.button1:visited script, a.button1:focus script { color: white }
	a.button1:hover script { color: #00FF00 }
	a.button2 script { font-size: 11px; font-weight: bold; color: white; text-decoration: none }
	a.button2:link script, a.button2:active script, a.button2:visited script, a.button2:focus script { color: white }
	a.button2:hover script { color: #00FF00 }


/* results */

	table.results { width: 100% }

	table.results td { vertical-align: top }
	table.results td.icon { width: auto; padding-right: 5px }
	table.results td.record { width: 100% }
	table.results td.details { width: auto; padding-left: 5px }
	
	p.searchResults { font-weight: bold; text-align: center }


	/* record formats */

		table.result td.call { width: 10% }
		table.result td.report { width: 100% }

		/* bibliographic */

		table#bibliographic td.call { vertical-align: top }
		table#bibliographic .report span { display: block; padding-bottom: 1px }
		table#bibliographic .report .detail { text-indent: 1.5em; }
		table#bibliographic .report #author { text-indent: 0em; font-weight: bold }
		table#bibliographic .call { color: #003399; font-weight: bold }

		/* catalog card */

		table#catalog-card td.call { vertical-align: top }
		table#catalog-card .report span { display: block; padding-bottom: 1px }
		table#catalog-card .report .detail { text-indent: 1.5em; }
		table#catalog-card .report #author { text-indent: 0em; font-weight: bold }
		table#catalog-card .call { color: #003399; font-weight: bold }

		/* list */

		table#list .report span { display: inline }
		table#list .report .detail { text-indent: 0em }
		table#list .report #title { font-weight: bold }
		table#list .report #author { font-weight: normal; font-style: italic }
		table#list .report #call { display: block; color: #003399; font-weight: bold }

		/* compact-marc */

		table#compact-marc .tag { width: 40px; font-weight: bold }
		table#compact-marc .indicators { width: 30px; font-style: italic }
		table#compact-marc .subfield { color: #003399 }
		table#compact-marc .data { }

		/* full-marc */

		table#full-marc .tag { width: 40px; font-weight: bold }
		table#full-marc .indicators { width: 30px; font-style: italic }
		table#full-marc .subfield { width: 20px; color: #003399 }
		table#full-marc .data { }

		/* labeled */

		table#labeled tr td.label { font-weight: bold; width: 15%; text-align: right; padding-right: 5px }
		table#labeled tr td.detail { width: 85% }
		table#labeled #call { color: #003399; font-weight: bold }

		/* compressed-list */

		table#compressed-list .report span { display: inline }
		table#compressed-list .report .detail { text-indent: 0em }
		table#compressed-list .report #title { font-weight: bold }
		table#compressed-list .report #author { font-weight: normal; font-style: italic }
		table#compressed-list .report #call { color: #003399; font-weight: bold }

/* availability frame */

#availability-iframe { width: 100%; height: 59px }

#availability-body { width: 590px }
#availability-body * { font-size: 9px }
#availability-body td.button a { font-size: 9px }


#printer-holdings td.holdings-column { width: 100px }


/* printing */




		.print-visible-block { display: none }
		.print-visible-inline { display: none }

		.alternating-row { background-color: #CCCCCC }

	

@media screen
{
	.print-visible-block { display: none }
	.print-visible-inline { display: none }

	.alternating-row { background-color: #CCCCCC }
}

@media print
{
	#header { display: none }
	#footer { display: none }
	#menu { display: none }
	.button1 { display: none }
	.button2 { display: none }
	.print-invisible { display: none }
	.print-visible-block { display: block }
	.print-visible-inline { display: inline }

	.alternating-row { background-color: white }

	table.results td.details { display: none }

	#other-results-summary { display: none }
}