/*
Name: Eloquent Systems Main Template Style Sheet
File: eloquent.css
Type: Cascading Style Sheet File
WEBCAT: 1.2
History
	  19 May 1999  Created.
	  10 Jun 1999  Revised.
	   2 Nov 1999  Revised. Menu/MenuItem styles...ETB
	  10 Nov 1999  Cosmetic upgrade...ETB
	  12 Nov 1999  dataGrid(Heading) reformat...ETB
	  16 Nov 1999  Adjust dataGrid(Heading) styles...ETB
	  29 Nov 1999  Remove logo style (doesn't work properly)
				   Set BODY fontsize to absolute value
				   Combine DIV#top and #title
				   Use menuItem style
				   New control panel cpLeft/Right...ETB
	   3 Dec 1999  Entry uses special classes; add them...ETB
	  22 Dec 1999  Adjust Protected/ViewOnly classes...ETB
	  17 Jan 2000  Adjust menu classes (opened,unopened,leaf)...ETB
	  19 Jan 2000  menuLeaf italicised...ETB
	   8 Feb 2000  New pageHeader/Footer styles...ETB
	  15 May 2000  Left align prompt text...ETB
	  24 May 2000  Define rightAlignOnly for batch row numbers...ETB
	   8 Jun 2000  New control panel styles...ETB
	   9 Jun 2000  WEBCAT 1.1...ETB
	  28 Jun 2000  Remove unused definitions...ETB
	  24 Jul 2000  Modify links/subjectHeading definition...ETB
	  09 Aug 2000  Use HTML colour codes...ETB
	  23 Aug 2000  Make subjectHeading slightly larger...ETB
	  28 Aug 2000  "Hits" message has own classtype...ETB
	  12 Sep 2000  Larger "Hits" message...ETB
	   2 Mar 2004  BODY.margin = 5px, fits bigger logos better...RMG
	  18 Jan 2005  took some tags out of cpFooter...WFH
	   3 Mar 2005  added the onScreenHelp class and overrode <code>...WFH
	  24 Mar 2005  Added many changes, such as several empty tags available
				   for editing by the user.  Now users can change the way
				   their WebLibrary public interface and aspects of
				   the Public Keyword Search look...SRK
	  28 Mar 2005  Added new styles for the template search...SRK
	  03 Nov 2006  Added highlighted class...SRK
          01 Jul 2007  Added tooltips... Derek Lam
*/

.notificationTitle
{
  font-size : larger;
}

.notificationBody
{
  font-size : larger;
}

.tooltipTitle
{
}

.tooltipBody
{
}

.tooltipBody dt {
  font-weight : bold;
}

.tooltipBody dd {
  font-style : italic;
}

.tooltipBody .left {
  font-size : 70%;
  text-align : left;
  vertical-align : top;
}

.tooltipBody .right {
  font-size : 70%;
  text-align : right;
  vertical-align : top;
}

.tooltipBody caption {
  font-size : 80%;
  font-weight : bold;
  font-style : italic;
  text-align : left;
}

.tooltip
{
  display : display; /* change to none to disable tooltips on entry screens */
}

.publicTooltip
{
  display : display; /* change to none to disable tooltips on public search */
}
.publicHelpText
{
  display : none; /* change to display to enable help text on public search */
}

/* Page element tags */
BODY {
  font-family      : "Verdana", "Arial", "Geneva", sans-serif;
  font-size        : 12pt;
  text-align       : left;
  margin           : 5px;
  background-color : #FFFFFF;
}

code {
  font-family:     : "Courier";
}

.menuBody {
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
/*  background-image: url(/webcat/default/images/jhu_large_background.jpg);*/
}

#menuControl,
#entrySingleControl,
#browseControl,
.entryBody {
  background-color : #BFDBFF;
}

#browseControlSimple
{
  background-color: #EEEEEE;
}

H1 {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 125%;
  font-weight     : bold;
  text-align      : center;
}

/* Browse indention */
UL {
  margin-left     : 15px;
}

/* Control Panel formatting */
.cpHeader {
  color           : #0000CC;
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 9pt;
  font-weight     : bold;
  text-align      : left;
  vertical-align  : top;
  margin-left     : 0px;
}

.cpFooter {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 7pt;
  font-weight     : normal;
  margin-left     : 0px;
}

.cpTitle {
  color           : #FFFFFF;
  background-color: #000066;
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 9pt;
  font-weight     : bold;
  text-align      : left;
  vertical-align  : top;
  margin-left     : 0px;
}

.cpInstructions {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 7pt;
  font-weight     : bold;
  text-align      : left;
  vertical-align  : top;
  margin-left     : 0px;
}

.cpLeft {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  text-align      : left;
  vertical-align  : top;
}

.cpRight {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  text-align      : right;
  vertical-align  : top;
}

.redMessage {
  color           : #0000CC;
  font-family     : "Times New Roman", "New York", serif;
  font-size       : 10pt;
  font-weight     : bold;
  text-align      : left;
  vertical-align  : top;
  margin-left     : 0px;
}

/* Menu formatting */
.menuOpened  {
  color           : #000066;
  font-size       : 12pt;
  font-weight     : bold;
  margin          : 1px;
  padding         : 1px;
}

.menuUnopened {
  color           : #000066;
  font-size       : 11pt;
  font-weight     : bold;
  margin          : 1px;
  padding         : 1px;
}

.menuLeaf {
  color           : #000066;
  font-size       : 11pt;
  font-weight     : normal;
  font-style      : italic;
  margin          : 1px;
  padding         : 1px;
}

.menuLink {
  color           : #0000BB;
}

.menuLink:hover {
  color           : #0000FF;
}

/* Entry Prompt formatting */
.rightAlignOnly {
  text-align      : right;
}

.fieldGrid  {
  margin          : 5px;
  padding         : 1px;
  vertical-align  : top;
}

.simplefieldGrid {
  margin          : 5px;
  padding         : 1px;
  vertical-align  : top;
  text-align : left ;
  align : left ;

}

.prompt {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 10pt;
  font-weight     : bold;
  vertical-align  : bottom;
  text-align      : left;
}

.simpleprompt {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 10pt;
  font-weight     : bold;
  vertical-align  : bottom;
  text-align      : left;
}

.linkText {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 10pt;
  font-weight     : normal;
}

.subjectHeading {
  color           : #FFFFFF;
  background-color: #666666;
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 11pt;
  font-weight     : bold;
}

.ProtectedField {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 10pt;
  font-weight     : normal;
  padding         : 2px;
  border          : 1px solid #999999;
  color           : #666666;
}

.ViewOnlyField {
  font-family     : "Times New Roman", "New York", serif;
  font-size       : 12pt;
  font-weight     : normal;
  padding         : 2px;
  border          : 1px solid #999999;
  color           : #006633; /* dark green */
}

/*
 * Browse Formatting
 */
.dataGridHeading  {
  border          : 1px solid #777777;
  background-color: #EEEEEE;
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-weight     : bold;
  font-size       : 10pt;
  text-align      : center;
  vertical-align  : top;
  margin          : 5px;
  padding         : 2px;
  border-collapse : collapse;
  border-spacing  : 0px;
}

.dataGrid  {
  border          : 1px solid #777777;
  font-family     : "Arial", "Verdana", "Geneva", sans-serif;
  font-weight     : normal;
  font-size       : 10pt;
  text-align      : left;
  vertical-align  : top;
  margin          : 10px;
  padding-left    : 3px;
  padding-right   : 3px;
  padding-top     : 1px;
  padding-bottom  : 0px;
  border-collapse : collapse;
  border-spacing  : 0px;
}

.dataSimple {
  font-family     : "Arial", "New York", serif;
  font-weight     : normal;
  font-size       : 11pt;
  text-align      : left;
  vertical-align  : top;
  padding         : 3px;
  text-decoration : none;
}

.limitsMessage {
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-size       : 10pt;
  font-weight     : bold;
  text-align      : left;
  vertical-align  : middle;
  margin-left     : 0px;
}

.onScreenHelp
{
  font-size       : 10pt;
  color           : #440000;
}

.highlighted
{
  color           : #000000;
  background-color: #FFFF00;
}






/*
 * ELOQUENT LOOK & FEEL
 * Uncomment this section to enable the Eloquent interface (red).
 */
	#promptLabel
	{
		color: #330000;
		font-weight: bolder;
	}

	#searchTemplateLayout2,
	#browseControlSimple
	{
		background-repeat: repeat-x;
		background-position: left bottom;
		background-attachment: fixed;
		background-color: #EEEEEE;
		background-image: url(/webcat/default/images/background_bar.jpg);
		padding: 0px;
		margin: 0px;
	}

	#searchTemplateLayout2 #applicationLogo,
	#browseControlSimple #applicationLogo
	{
		position: absolute;
		top: 10px;
		left: 10px;
		padding-bottom: 10px;
	}

	#searchTemplateLayout2 #applicationName,
	#browseControlSimple #applicationName
	{
		display: none;
		color: #000000;
		font-weight: bolder;
		position: absolute;
		top: 10px;
		left: 200px;
	}






	#searchTemplateLayout1
	{
		padding: 0px;
		margin: 0px;
	}

	#searchTemplateLayout1Header
	{
		background-repeat: repeat-x;
		background-position: left bottom;
		background-color: #EEEEEE;
		background-image: url(/webcat/default/images/background_bar.jpg);
		padding: 0px;
		margin: 0px;
		border-spacing: 0px;
		border-collapse: collapse;
	}

	#searchTemplateLayout1 #applicationLogo
	{
		vertical-align: middle;
		margin: 10px;
	}

	#searchTemplateLayout1Header #applicationName
	{
		display: none;
		color: #000000;
		font-weight: bolder;
		position: absolute;
		top: 10px;
		left: 200px;
	}

	#searchTemplateLayout1Header td
	{
		padding: 0px;
		margin: 0px;
	}

	#searchTemplateLayout1Body
	{
		background-repeat: no-repeat;
		background-position: left top;
		background-attachment: scroll;
/*        background-image: url(/webcat/default/images/jhu_large_background.jpg);*/
	}






	#detailDisplayWithoutBackground
	{
	}

	#detailDisplayWithBackground
	{
		background-repeat: no-repeat;
		background-position: right top;
		background-attachment: scroll;
/*        background-image: url(/webcat/default/images/jhu_large_background.jpg);*/
		height: 100%;
	}

	#detailDisplay
	{
		font-size: 10pt;
		color: #000066;
	}
	#detailDisplay td
	{
		font-size: 10pt;
		color: #000066;
	}
	#detailDisplay li
	{
		font-size: 10pt;
		color: #000066;
	}
	#detailDisplay h1
	{
		text-align: left;
	}
	#detailDisplay hr
	{
		color: #000066;
	}
	#detailDisplay a
	{
		font-size: 10pt;
		color: #0000BD;
	}
	#detailDisplay a:hover
	{
		font-size: 10pt;
		color: #0000FF;
	}
	#detailDisplay small,
	#detailDisplay small a,
	#detailDisplay small a:hover
	{
		font-size: 8pt;
	}

a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline; }
a:active{text-decoration:underline;}

/* Public Keyword Search */
	#publicControlDisplay{	
		background-repeat: repeat-x;
		background-position: left bottom;
		background-attachment: fixed;
		background-color: #BFDBFF;
		background-image: url(/webcat/default/images/background_bar.jpg);
		padding: 0px;
		margin: 0px;
	}
	/* Advance Search */
	#multiPromptSearch{font:9pt Verdana,Arial; border: 1px solid gray; border-top:none; background: #BFDBFF; width:450px;}
/*	#multiPromptSearchLink{visibility: hidden; display:none;}  */
	/* Precision Search*/
	#advanceSearch{font:9pt Verdana,Arial; border: 1px solid gray; border-top:none; background: #BFDBFF; width:550px;}
/*	#advanceSearchLink{visibility: hidden; display:none;}  */
	#showSearchButton{background-color:#BFDBFF; cursor:pointer;}
	/* Member Services */
	#memberProcess{font:9pt Verdana,Arial; border:none; background: #BFDBFF; width:300px;}
	#memberLogin, #memberForgotPassword, #memberChangePassword{font:9pt Verdana,Arial; border: 1px solid gray; border-top:none; background: #BFDBFF; width:315px;}
	#activeList{font:9pt Verdana,Arial; border: 1px solid gray; background: #FFFFFF; width:250px;}
	#activeListView{font:9pt Verdana,Arial; border: 1px solid gray; background: #FFFFFF; width:250px;}
	#activeListDelete{font:9pt Verdana,Arial; border: 1px solid gray; background: #FFFFFF; width:250px;}
	#GoProcessPrompt{font:9pt Verdana,Arial; border: 1px solid gray; background: #FFFFFF; width1:400px;}
	#GoProcessHelpLink{visibility: hidden; display:none;}  
	#keywordSearch{background-image:url('/webcat/default/images/eloquent.png'); background-repeat:no-repeat; padding-left:20px; background-position:center left;}
	.publicDisplay {font:9pt Verdana,Arial; color:#000000;}
	.publicDisplay a {color: #0000BD; text-decoration1:none;}
	.publicDisplay a:hover {color: #FF0000;}
	.publicDisplayHelp{font:8pt Verdana,Arial;}
	.publicDisplayHelpWindow{border: 1px solid gray; background: #FFFFEA; width:400px;}
	.publicBrowseTreeData{overflow:auto;} 
/*	.publicBrowseTreeParentTitle{visibility: hidden; display:none;} */
	.publicResultCount {font:9pt Verdana,Arial; font-style1:italic; font-weight:bold; }
	.publicResultWarning {font:8pt Verdana,Arial; color:red;}
	.saveLogic{visibility: hidden; display:none;} 
/*	.morePrecision{visibility: hidden; display:none;}  */
	.publicDisplayExceedThreshold{font:9pt Verdana,Arial; color:#000000; border: 1px solid gray; background: #FFFFEA; width:300px;}
	#status{background-color:#FFF;}
	.publicBrowseData{background-color:#FFF;}
	#viewListBrowseHeader{font: bold 10pt Verdana,Arial; background-color:#EEEEEE; border: 1px solid #FFFFFF;}
	#viewListBrowseHeaderSort{font: bold 10pt Verdana,Arial; cursor: pointer; text-decoration1: underline; background-color:#EEEEEE; border: 1px solid #FFFFFF;}
  .publicAccessPoint, .publicSearchParameter {
    font-weight: bold;
  }


/* Usage Calendar Formatting */
  .LABEL {vertical-align: top;font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 11pt; text-align: left; color: black; font-weight: bold;}
  .CLOSED {background-color:black; color: white;}
  .DAY  {font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 8pt; text-align: left; color: gray;}
  .CURRENTDAY {color: white;font-weight: bold;background-color: red;}
  .DATEDATA{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: left; color: black;}
  .DATEDATA{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: left; color: black; font-weight: bold;font-style: italic;}
  .COPYLABEL{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 9pt; text-align: right; vertical-align: middle; color: black; font-weight: bold;font-style: italic;}
  .BOOKED{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 9pt; text-align: center; color: black; background-color: #EEDD00;}
  .FREE{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: center; color: white; background-color: #008880;}
  .OUT{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: center; color: black; background-color: #EE7777;}
  .HISTORY{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: center; color: black; background-color: #BBBBBB;}
  .ONHOLD{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: center; color: black; background-color: #99CCFF;}
  .MISSING{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: center; color: black; background-color: #CCCC99;}
  .ONORDER{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: center; color: black; background-color: #FF9900;}
rif; font-size: 10pt; text-align: center; color: black; background-color: #CCCC99;}
  .ONORDER{font-family: "Verdana", "Arial", "Geneva", sans-serif; font-size: 10pt; text-align: center; color: black; background-color: #FF9900;}