/* library default styles */

/* =============== Default Library colours =============== */
/*         overide these in customised directories         */

/*
#header {   Links bar at top of page  - background colour must match bottom of image 
	background: #5B81A8 url(/library/includes-uwe/assets/2004Design/headerbgLIB.gif) repeat-x top;
}
.banner {   Match this colour to your banner image  
	color: #fff;
	background-color: #A3C1E0;
}
input.searchButton {  Style for search button in header  
	background-color: #6990B7;
	border-top-color: #94ADC7;
	border-right-color: #3F5B78;
	border-bottom-color: #3F5B78;
	border-left-color: #94ADC7;
	margin: 0 0 0 4px;
}
hr { color: #5B81A8; } 
*/
/* =================  END of default colours  ================== */

/* force vertical scrollbar */
html { overflow-y: scroll } 

/* Make the content table cell fill window to right of the sidebar */
td#content { width: 100%  }

#content h1, #content h2, #content h3, #content h4, #content h5 {
	font-family: Arial, Helvetica, sans-serif;
} 
#content h1 { font-size: 190%; font-weight: normal }
#content h2 { font-size: 150%; font-weight: normal }
#content h3 { font-size: 130%; font-weight: bold }
#content h4 { font-size: 120%; font-weight: bold }
#content h5 { font-size: 110%; font-weight: bold }
#content h6 { font-size: 100%; font-weight: bold }
#content h1 { color: #383838; margin-top: 0 }
#content h3, #content h5 { color: #466381 }
#content h2, #content h4, #content h6 { color: #815f39 }

#content table { margin-bottom: 0.5em; }

/*  Links  */
#content a:link { color: #03557d }
#content a:visited { color: #57456d; } 
#content a:hover, #content a:active { color: #b22; } 

/* Change cursor for links that open in new window 
   (where supported)								*/
:link[target="_blank"], :visited[target="_blank"] {
   cursor: url(/library/includes-uwe/images/newwindow.cur),auto;
}

/* ====== Library home page only ====== */ 
table#homepage-content { 
	margin: 8px 0 0;
	width: 99%; }
#content #news-box h2 {
        color: #000 !important;
        background-color: #a3c1e0; }

/* ====== Subject resources pages only ====== */
div#resources { width: 100% }
#resources th { background-color: #5b81a8; }
#resources .common-items { background-color: #a3c1e0; }
#resources td { background-color: #e7eff7; }
#resources table#quick-links td { padding: 1px 4px 2px; } 
#resources #quick-links th { color: #20466d; font-size: 100% !important;} 

/* ====== A-Z buttons ====== */
div#a-z { margin-bottom: 0.5em }
div#a-z a:link, div#a-z a:visited {
	padding: 1px;
	text-decoration: none;
	font-weight: bold;
	color: #00f;
	background-color: #fff;
	border: 1px solid #ccc;
	border-color: #ccc #ccc #ccc #ccc
	}
div#a-z a:hover {
	padding: 1px;
	text-decoration: none;
	font-weight: bold;
	color: #f00;
	background-color: #ffc;
	border: 1px solid #ccc;
	border-color: #ccc #666 #666 #ccc
	}
div#a-z a:active {
	padding: 1px;
	text-decoration: none;
	font-weight: bold;
	color: #f00;
	background-color: #fff;
	border: 1px solid #ccc;
	border-color: #666 #ccc #ccc #666
	}	
/* Table formatting */
#resources table,
table.formatted {
	width: 98%;
	border-width: 2px;
	border-style: solid;
	border-color: #6b7172;
	border-collapse: separate;
	border-spacing: 2px;
	background-color: white;
	}
#resources table th,
table.formatted th {
	background-color: #4d5152; color: white;
	text-align: left; letter-spacing: 0.1em;
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: white;
	}
#resources table td,
table.formatted td {
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: white;
	background-color: #dedede; color: black;
	}
table.formatted ul { padding: 0; margin: 0 0 0 1.4em }

/* ====== E-resources titles ====== */
table#e-resource th {	
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; letter-spacing: 0.1em;
	color: #20466D;
	font-weight: bold;
	}
/* END of e-resources titles */

/* ====== 'Using the Libraries' pages only ====== */
table#big-table th { font: bold 100% Arial, Helvetica, sans-serif;
	background-color: #5b81a8;   /*  Table header colours  */
	font-size: 100%;
	}
	/* Buttons  */
#info #quick-links td a {
	font-size: 400%;  /* relative to containing <td> above */
	border: solid; border-width: 1px; 
	}
#info #quick-links td a:link, #info #quick-links td a:visited  { 
	margin: 3px 0 2px 0;
	background-color: #e9edf3 }  /* Button colour  */
#info #quick-links td a:hover  { 
	background-color: #fff;
	margin-right: 0; 
	}
#info #quick-links td a:active  { 
	margin-right: 0; 
	}
/* ***** END of 'Using the libraries' styles ***** */

/* ====== Online Tours pages only ====== */
ul#questions li {
	margin-bottom: 1.5em;
	}
ul#questions li a:link, ul#questions li a:visited {
	text-decoration: none;
} 
ul#questions li a:hover, ul#questions li a:active {
	text-decoration: underline;
} 
table.a-table {
	margin-left: 2.5em;
	border: 1px solid #ccc;
	}
/* ***** END of Online Tours pages ***** */

/*  Make table borders look cleaner  */
table { border-collapse: collapse }

td { vertical-align: top; }
#content li { margin-bottom: 0.5em; }
div.footnote { display: none }

/* From /library/includes-x/recent-browsers.css */

/* ===== Lists ===== */
ul, ol, blockquote, .indent { 
	padding: 0; 
	margin: auto 2.5em  }    
dl { margin: auto }
dt { margin: 0.4em auto }
dd { margin: 0.4em 2.5em }  
li { margin: 0.4em auto }   
/* Override central style (content.css) */
div#content ul ul,
div#content ol ol { margin-left: 2em }

code, form code { 	 
	 font-family: "Courier New", Courier, mono; 
	 color: #003399 }   /*  Dark blue  */ 

small, address, input, select, option, textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 100%; }

/*  Border styles  */
.border { 
	border: #000; border-style: solid; 
	border-top-width: 1px; border-right-width: 1px; 
	border-bottom-width: 1px; border-left-width: 1px }
.border-lt { 
	border: #ccc; border-style: solid; 
	border-top-width: 1px; border-right-width: 1px; 
	border-bottom-width: 1px; border-left-width: 1px }
.border-out { 
	border-color: #ccc #666 #666 #ccc; border-style: solid; 
	border-top-width: 1px; border-right-width: 1px; 
	border-bottom-width: 1px; border-left-width: 1px }
.border-in { 
	border-color: #000 #ccc #ccc #000; border-style: solid; 
	border-top-width: 1px; border-right-width: 1px; 
	border-bottom-width: 1px; border-left-width: 1px }
.border-top {
	border: #ccc solid; border-width: 1px 0px 0px}	
.border-dashed {
	border: 1px dashed #999;
}	
.old-link { /* Old news pages */
	color: #00f;
	background-color:#eee;
	} 

/* ===== Breadcrumbs ===== */
#content .breadcrumbs a:link, #content .breadcrumbs a:visited { 
	color: #039; text-decoration: none }
#content .breadcrumbs a:hover, #content .breadcrumbs a:active { 
	color: #f00; text-decoration: underline }
div.breadcrumbs { 
	font-size: 1em;
	margin: 0; 
	border-style: none; }
#content .breadcrumbs-bdr a:link, #content .breadcrumbs-bdr a:visited { 
	color: #039; text-decoration: none }
#content .breadcrumbs-bdr a:hover, #content .breadcrumbs-bdr a:active { 
	color: #f00; text-decoration: underline }
div.breadcrumbs-bdr { 
	font-size: 1em;
	margin: 0;
	text-align: right;
	width: 99%;
	}

/* For 'Page information pop-up div */
#meta-div {
	position: absolute;
	bottom: 0;
	left: 0; 
	width: 50%;
	z-index: 999999999;
	margin: 20px;
	padding: 8px; 
	border: 2px solid #333;
	color: #000;
	background: #feffd6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
}
#meta-div p.meta-info-heading {
	font-size: larger;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.5em auto 0.8em;
	text-align: center;
}
#meta-div p { margin: 0.5em auto; }
#meta-div-close {	text-align: center }

/* ===== Contact forms ===== */
td.form-cell { background-color: #f5f5f5; }
#disclaimer-check { font-size: 80%; border: 1px solid #999; padding: 4px; }
.mandatory { font-weight: bold;	color: #f00; }

/* ===== Misc style classes ===== */
#content .news {  
	 padding-top: 0.6em; padding-right: 0.6em; 
	 padding-bottom: 0.6em; padding-left: 0.6em; 
	 border: 1px #5B81A8 dashed 
	 }
#content .indent { margin-left: 2em; }
.elibrary-e { font-style: italic }
.iskillszone { 
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: larger; 
}

