/* ------------INDIANA UNVERSITY SIGNATURE STYLES (header and footer) ------------------- */
@import url("print.css");
@import url("styles.css");

/* 
	CSS for METS Navigator
	Created by: Michelle Dalmau, 2005/01/31;
	Updated by: jlhardes, 2008/04/03
*/


/* -------------Common Elements ---------------------- */
body
	{background-color: #ffffff; 
		font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;
		padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px;	
	}
td 
	{font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;}

p 
	{font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;
		margin: 10px; padding: 0px;}

/* Page Links */
/*a { color: #667799; text-decoration: underline; }
a:visited { color: #667799; text-decoration: underline; }
a:link { color: #667799; text-decoration: underline; }
a:hover { color: #667799; text-decoration: none; }*/
	
	a:link
		{color:#990000; text-decoration:underline; cursor: pointer; }
	a:visited
		{color:#990000; text-decoration:underline; cursor: pointer; }
	a:hover
		{color:#990000; text-decoration:none; cursor: pointer; }

div.shell {
	width: 100%;
	padding: 0px;
	background: url(../images/imh/IMHLogo.gif) no-repeat #000000;
	height: 50px;
}

table.shell /* For each section of the page: banner, navigation, etc. */ 
	{width: 100%; border: 0; padding: 0px; }
	
table.contextualContent /* help, home page content, etc. */
	{width: 100%; height: 400px; border: 0; padding: 2px;}	
	
	p.contentHeader
		{font-size: 11px; font-weight: bold;}

.helpImage
	{border: 1px solid #000000; text-align: center;}
	
input, select {
	border: 1px solid black;
}

/* -------------Banner Elements ------------------------------- */
div.bannerLogo
	{height: 40px; width: 80px; 
		background-color: #000000;  /*background-color match bgcolor of logo image*/
		border-bottom: 3px solid #999999;
		margin: 0px; padding: 0px;
		float: left;}

	img.siteLogo /* image height (max: 40 px) and width (max: 80 px) */
		{padding: 0px; border: 0px; height: 40px; width: 80px;}

h1.bannerTitle
	{/*height: 40px; 
		background-color: #cccccc;  color: #000000;
		border-bottom: 3px solid #999999;
		margin: 0px; padding: 0px;*/
		text-indent: -9000px;
		line-height: 0px;
		position: absolute;
		top: -999px;
		left: -999px;	
	}

	.siteTitle 
		{font-size:30px; color:#000000; 
		margin-left: 5px; padding: 0px;}


/* -------------Site Navigation Elements ---------------------- */
#siteNavContainer {
	background-color: #667799;
	height: 28px;
}

#siteNavigation {
	float:left;
	background-color: #667799;
	padding: 5px 0px 5px 12px;
}

#imhMenu {
	float: right;
	margin-right: 50px;
	background-color: #667799;
	padding: 5px 0px;
	width: 500px;
	text-align: right;
}

#siteNavigation li, #imhMenu li {
	list-style-type: none;
	display: inline;
	padding-left: 10px; padding-right: 5px;
}

#siteNavigation li a, #imhMenu li a { color: #000000; }
#siteNavigation li a:visited, #imhMenu li a:visited { color: #000000; }
#siteNavigation li a:link, #imhMenu li a:link { color: #000000; }
#siteNavigation li a:hover, #imhMenu li a: hover { color: #000000; }	

#siteNavigation li.menuItem, #imhMenu li.menuItem {
	background: url(../images/blackMenuPipe.gif) no-repeat left;
	padding-left: 10px;
}

#imhMenu li h2, #siteNavigation li h2 {
	display: inline;
	font-size: small;
}

#imhMenu li h2.imhMenuIntro {
	font-weight: bold;
	color: #000000;
}

td.siteNavBar 
	{width: 100%; height: 15px;  
		padding-left: 0; margin-left: 0; margin-top:0; margin: 0px; padding: 5px;
 		background-color: #666666; border: 1px solid #333333;}

	/* Top Nav Bar Links */
	

	/*a.siteNav:link
		{color: #ffffff; text-decoration: none;}
	a.siteNav:visited
		{color: #ffffff; text-decoration: none;}
	a.siteNav:hover
		{color: #990000; text-decoration: none; background-color: #cccccc;}*/


/* -------------Common Image Display Elements----------------- */
#contentContainer {
	width: 1000px;
}

#highlight {
	/*border: 1px solid black;*/
	float: left;
	padding: 5px;
	margin-top: 5px;
	width: 150px;
	text-align: center;
	min-height: 25px;
}

#docDescription {
	width: 572px;
	min-height: 43px;
	border: 1px solid #000000;
	background-color: #eeeeee;
	float: right;
	margin-top: 6px;
	margin-right: 35px;
	margin-bottom: 5px;
	padding: 5px;
}

#imageSizeContainer {
	float: left;
	padding-left: 64px;
	padding-top: 35px;
	margin-top: 5px;
}

#pdfDownload {
	padding: 15px 0px 5px 15px;
}

.pageScroll {
	font-size: large;
	padding-right: 5px;
}

a.scroll {
	font-size: large;
	padding-right: 5px;
}

a.scroll:hover {
	color: #990000;
	cursor: pointer;
}

.imageSize {
	padding-left: 10px;
}

#pn {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*
p.docDescription /* Document-level description from METS Docs 
	{font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;
		margin: 10px;}

p.itemDescription /* Item-level description from METS docs 
	{font-family: verdana, geneva, helvetica; font-size: 11px; color: #333333;
		margin-left: 1 em; padding-left: 1em; text-indent: -1em;}
*/

/*table.paginationNavigation*/
.paginationNavigation 
	{ 
		background-color: #eeeeee; border: 1px solid #000000;
		margin: 5px 10px 10px 5px; padding: 2px; text-align: center; width: }

	td.pagination
		{width: 375px/*30%*/; text-align: left;}

	td.imageToggle
		{width: 375px/*30%*/; text-align: right;}
		
	.button 
	{background-color: #ffffff; color: #000000; font-size: 11px;
		border: 3px double #333333; border-top-color: #666666;
		border-left-color: #666666; padding: .25em;}

#imageSizeForm {
	display: inline;
}

/*		
.highlight 
	{background-color: #eeeeee;}			 	
*/

div.image
	{margin: 10px; padding: 2px;} /*text-align: center;*/

.imageProperties
	{border: 1px solid #000000; padding: 0px;}	

td.spacing
	{margin-bottom: -25px;}

/* -------------Image Structural/Hierarchical Display Elements-------------- */	
#pageContainer {
	clear: both;
	margin-left: 15px;
}

/*table.displayNavigationLayout*/
#displayNavigationLayout
	{ float: left; padding: 0px;}

.displayNavBox
	{width:200px; padding: 0px; margin-left: 10px;}	
	
#displayPageImageLayout {
	float: left;
	width: 600px;
}

/*
ul
	{list-style-type: none; padding: 5px; margin-left: 10px; 
		background-color:#eeeeee; border: 1px solid #cccccc;}

li
	{background-image: url(../images/bullet.gif);background-repeat: no-repeat;
		background-position: 0 .4em; padding-left: .6em;
		font-size: 11px;}	

	.indent0
		{margin-left: 0px;}
	.indent1
		{margin-left: 10px;}
	.indent2
		{margin-left: 20px;}
	.indent3
		{margin-left: 30px;}
	.indent4
		{margin-left: 40px;}		

	/* Image Display: Structural/Hierarchical Links 
	a.displayNav:link
		{color:#05717b; text-decoration:none;}
	a.displayNav:visited
		{color:#0e9ca9; text-decoration:none;}
	a.displayNav:hover
		{color:#990000; text-decoration:underline;}
*/

/* -------------Help------------------------------------------- */
#helpContent {
	margin-left: 20px;
	width: 900px;
	padding: 10px 0px;
}

#helpContent .bold {
	font-weight: bold;
}

#helpContent h3 {
	font-size: larger;
}

#helpMenu, #helpMenu2 {
	width: 80%;
	margin-top: 0px;
	padding-top: 0px;
}

#helpMenu li, #helpMenu2 li, .innerMenu li {
	display: inline;
	list-style-type: none;
	line-height: 1.5em;
}

.innerMenu li.firstItem {
	padding-right: 20px;
}

#helpMenu li.menuItem, #helpMenu2 li.menuItem, .innerMenu li.menuItem {
	background:url(../images/blackMenuPipe.gif) no-repeat right;
	padding-right: 10px;
	padding-left: 5px;
}

#helpMenu li.lastItem, #helpMenu2 li.lastItem, .innerMenu li.lastItem {
	padding-left: 5px;
}

#helpContent h4.h4Help {
	width: 100%;
	background-color: #cccccc;
	border: 1px solid black;
	padding: 3px;
}

#helpContent em {
	font-style: italic;
}

#helpContent dt {
	margin-left: 40px;
	font-weight: bold;
	display: inline;
}

#helpContent dd {
	margin: 10px 0px 10px 40px;
	color:#404040;
}

#helpContent ul {
	padding: 10px 0px;
}

#helpContent ul li {
	padding-bottom: 5px;
}

#helpContent h5.h5Help {
	display: inline;
	font-weight: bold;
/*	font-size: 90%;*/
	padding-right: 5px;
}

#helpContent .inline {
	display: inline;
	padding-left: 3px;
}

#helpContent .ddIndent {
	margin-left: 60px;
}

#helpContent img.border {
	border: 1px solid black;
}

#helpContent #stopwordTable {
	border: 1px solid black;
	margin-top: 10px;
}

#helpContent #stopwordTable td {
	width: 80px;
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#helpContent td.borderRight {
	border-right: 1px solid black;
}

#helpContent .backToTop {
	width: 100%;
	text-align: right;
	padding-bottom: 5px;
}

/* -------------Footer Elements ------------------------------- */
#metsnavFooter {
	clear: both;
}

p.footerLeft
	{font-size: 10px; color: #666666; text-align: left; 
		margin: 10px; padding: 2px; float: left; width: 70%;}

p.footerRight
	{font-size: 10px; color: #666666; text-align: right; 
		margin: 10px; padding: 2px; float: right;}

	/* Footer Links */
	a.footer:link
		{color:#990000; text-decoration:underline;}
	a.footer:visited
		{color:#666666; text-decoration:underline;}
	a.footer:hover
		{color:#cccccc; text-decoration:none;}
hr
	{height: 1px; width: 98%; color: #999999;}