/*
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
*/

/* 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/library/images/library_large_background.jpg);
}

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

/* Control Panel formatting */
.cpHeader {
  color           : #CC0000;
  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: #660000;
  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           : #CC0000;
  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           : #660000;
  font-size       : 12pt;
  font-weight     : bold;
  margin          : 1px;
  padding         : 1px;
}

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

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

.menuLink {
  color           : #BB0000;
}

.menuLink:hover {
  color           : #FF0000;
}

/* 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 #999999;
  font-family     : "Verdana", "Arial", "Geneva", sans-serif;
  font-weight     : bold;
  font-size       : 10pt;
  text-align      : center;
  vertical-align  : top;
  margin          : 5px;
  padding         : 1px;
}

.dataGrid  {
  border          : 1px solid #CCCCCC;
  font-family     : "Times New Roman", "New York", serif;
  font-weight     : normal;
  font-size       : 11pt;
  text-align      : left;
  vertical-align  : top;
  margin          : 10px;
  padding         : 1px;
}

.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;
}






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

    #applicationName a
    {
        color: #FFFFFF;
        font-weight: bolder;
    }

    #searchTemplateLayout2
    {
        background-repeat: no-repeat;
        background-position: left top;
        background-attachment: scroll;
        background-color: #660000;
        background-image: url(/webcat/library/images/eloquent_nologo_fade_large.jpg);
    }






    #searchTemplate
    {
        background-repeat: no-repeat;
        background-position: left top;
        background-attachment: scroll;
        background-color: #660000;
        background-image: url(/webcat/library/images/eloquent_nologo_fade_large.jpg);
    }

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

    #searchTemplateLayout1Header
    {
        background-repeat: no-repeat;
        background-position: left top;
        background-attachment: scroll;
        background-color: #660000;
        background-image: url(/webcat/library/images/eloquent_nologo_fade_large.jpg);
    }

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

    #browseControlSimple
    {
        background-repeat: no-repeat;
        background-position: left top;
        background-attachment: scroll;
        background-color: #660000;
        background-image: url(/webcat/library/images/eloquent_nologo_fade_large.jpg);
    }





    #detailDisplayWithoutBackground
    {
    }

    #detailDisplayWithBackground
    {
        background-repeat: no-repeat;
        background-position: right top;
        background-attachment: scroll;
        background-image: url(/webcat/library/images/library_large_background.jpg);
    }

    #detailDisplay
    {
        color: #660000;
    }
    #detailDisplay td
    {
        color: #660000;
    }
    #detailDisplay li
    {
        color: #660000;
    }
    #detailDisplay h1
    {
        text-align: left;
    }
    #detailDisplay hr
    {
        color: #660000;
    }
    #detailDisplay a
    {
        color: #BD0000;
    }
    #detailDisplay a:hover
    {
        color: #FF0000;
    }
/*New Styles from Steve- 13th Feb 2006 */
	#detailDisplay table.copies
	{
		background-color: #EEEEEE;
		margin-top: 0em;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0px;
		font-size: 10pt;
	}
	#detailDisplay table.copies td
	{
		border: 1px solid #000000;
		color: #000000;
	}
	#detailDisplay table.copies td a
	{
		text-decoration: none;
		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;}