/* commented backslash hack for Mac IE5\*/
html, body { height: 100%; }
/* end hack */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/*overflow:	auto;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;	/* resolves some spurious font size browser issues */
	}
html { font-size: 76%; } /* 1em = 10px */
body {
	text-align: center; /* for ie5+...part one */
	background-color: #ccc;
	color: #000000;
	}
/* LISTS */
ul {
	list-style: none ;
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
	ul li {
		margin: 0 0 0 0;
		padding: 0;
		}
ol {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
	padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
		}
dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
		}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
		}
/* END LISTS */

/* TABLE */
table {
	border-collapse: collapse ;
	border-spacing: 0 ;
	caption-side: top ;
	empty-cells: show ;
	table-layout: fixed ;
	font-size: 1em ;
	margin: 0 0 0 0 ;
	padding: 0;
	}
	table caption {
		font-weight:bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
		}
th {
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 0;
	overflow: hidden ;
	}
td {
	font-weight: normal;
	font-size: 1em;
	padding: 0;
	overflow: hidden;
   vertical-align: top;
	}
caption	{
	font-style: normal;
	}

/*FORM*/
 form {
	margin: 0px;
	padding: 0px;
	}
form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
form p label {
	float: left;
	width: 24%;
	text-align: right;
	color: #888;
	margin-right: 10px;
	font-weight: bold;
}
form p input {
	width:73%;
}
form p input.short {
	width:40%;
}
form p textarea {
	width: 73%;
}
fieldset {
	color: #000000;
	background-color: transparent;
	font-size: 100%;
	font-style: normal;
	border: 1px solid #999;
	margin: 0px;
	padding: 0px;
	}
	fieldset legend {
		color: #666;
		font-size: 90%;
		font-weight: normal;
		border-color:#999999;
		margin: 0px 0px 0px 0px;
		padding: 1px;
		background-color: white;
		}
textarea {
   resize: none;  /* Non standard CSS - prevents resizing in Chrome browser */
}
input, select, textarea {
	color: #000000;
	background-color:#FFFFFF;
	border-color: #acf;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	margin: 0;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
}
	input.check {
		border: 1px;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: 0px solid #00FF00;
		width: auto;
		height: auto;
		padding: 0;
		/*margin: 2px 0px -3px 0px;*/
		margin: 0;
		background-color: transparent;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		background-color: transparent;
	}
	input.image {
		border: none;
		width: auto;
		height: auto;
	}
	input.txt {
		color: #000000;
		background-color: #ffffff;
		border-color: #acf;
		font-size: 110%;
		font-style: normal;
		border-style: solid;
		border-width: 1px;
	}

label {
	color: #000;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
legend {
	color: #000000;
	font-size: 90%;
	font-style: normal;
	background-color: transparent ;
	border: 1px solid #000;
	padding: 0px 10px 0px 10px ;
	margin: 0px 0px 0px 0px ;
}
option {
	padding-left: 5px;
}

a {
	color: #0000FF;
}
/*DEFAULT LINKS*/
a:hover {
	color: #FF0000;
}
a:visited {
	color: #993399;
}
.clear	{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide	{
	display: none !important;
}
div.fixed {
	position: fixed;
	border-top: 1px solid #000000;
	border-left: 1px solid	#000000;
	border-right: 1px solid #000000;
	background-color:transparent;
	width: 960px;
	height: 51px;
	top: 0px;
	margin-left: -1px;
}
#container {
	position: relative;
	min-height: 100%;
	height: auto;
	margin: 0px auto -14px auto;
	min-width: 960px;
	width: 960px;
	padding: 0px 0px 0px 0px;
	text-align: left; /* for ie5+...part two */
	background-color: #FFFFFF;
	border-color: #000000;
	border-left: solid 1px;
	border-right: solid 1px; ;
}
* html #container { height: 100%; }
.masthead {
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 0;
	height: 30px;
	background-color: #CBE4D6;
	color: #000;
}
	.masthead p {
		font-size: 16px;
		padding: 6px 0px 0px 10px;
		margin: 0;
		border: 0px;
		color: #000099;
	}
	.masthead h1 {
		font-size: 16px;
		padding: 10px 0px 0px 10px;
		margin: 0;
		border: 0px;
		color: #0066FF;
	}
	.masthead h2 {
		font-size: 12px;
		padding: 6px 0px 0px 10px;
		margin: 0;
		border: 0px;
		color: #666666;
	}
/*	.masthead form button:hover {
		color: #fff;
		background-color: #f63;
	}*/
.mastheads {
	background-color: #66CCFF;
}
.mastheadc {
	background-color: #FDA28A;
}
.mastheada {
	background-color: #FEE394;
}

/* CONTENT */
#content {
	width: 920px;
	margin: 30px 0px 0px 0px;
	padding: 5px 20px 30px 20px;
	background-color: #FFF ;
	font-size: 100%;
}
	#content p {
      line-height: 130%;
      margin:10px 5px 5px 5px ;
	}
	#content h4 {
      font-size:12px;
      line-height: 140%;
      margin:10px 5px 5px 5px ;
	}
   #content p {
      line-height: 135%;
      margin:7px 0px 7px 0px ;
   }
   /* set default template styles for headings*/
   #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: bold;
   }
   #content h1, #content h2 {
      color: #900;
   }
   #content h3, #content h4 {
      color: #a11;
   }
   #content h5, #content h6 {
      color: #555;
   }
   #content h1, #content h3 { font-size: 1.1em; margin: 5px 0px 0px 0px; }
   #content h2, #content h4 { font-size: 1.0em; margin: 15px 0px -2px 0px; }
   #content h5 { font-size: 1.2em; margin: 5px 0px 0px 0px; }
   #content h6 { font-size: 1.0em; margin: 10px 0px -2px 0px; }

   /* set some other default content styles */
   #content strong, #content b { font-weight: bold; }
   #content em, #content i { font-style: italic; }
   #content ul { margin-top: 5px; }
   #content ul>li>ul {
      margin-top: 0px;
      margin-bottom: 0px;
   }
   #content ul ul {
      list-style: none;
      padding: 0;
      margin: 5px 0px 0px 10px;
      margin-top: 0px;
      margin-bottom: 5px;
   }
   #content li {
   	padding: 2px 0 2px 0;
   	margin: 0;
      margin-left: 5px;
   	line-height: 130%;
   }
   #content input.btn {
      background-color: #eda;
      border-left: 1px solid #bbb;
      border-top: 1px solid #bbb;
      border-right: 1px solid #777;
      border-bottom: 1px solid #777;
      padding: 0px 4px 0px 4px;
   }
   #content input.btndown {
      visibility: hidden;
      background-color: #ade;
      border-left: 1px solid #777;
      border-top: 1px solid #777;
      border-right: 1px solid #bbb;
      border-bottom: 1px solid #bbb;
   }

/* forces footer to bottom of viewport, even for empty page */
#footer {
	position: relative;
	margin: 0 auto;
	width: 960px;
	clear: both;
	height: 13px;  /* set negative bottom margin in #container also */
	padding: 0px 0px 0px 0px;
	background-color: #f63;
	color: #fff;
	border-top: 1px solid #666666;
	text-align: center;
	font-size: 76%;
}
	#footer a:link, #footer a:visited {
		text-decoration: none;
		font-weight: normal;
		color: #000000;
	}
	#footer a:hover {
		color: #FF0000;
	}

/* centred horizontal drop-down menu */
/* thank-you Matthew James Taylor */

/* Main menu settings */
#centredMenu {
   clear: both;
   float: left;
   margin: 0;
	margin-top: 8px;
   padding: 0;
   border-bottom: 0px solid #000; /* black line below menu */
   width: 100%;
   font-family: Verdana, Geneva, sans-serif; /* Menu font */
   font-size: 100%; /* Menu text size */
   z-index: 1000; /* This makes the dropdown menus appear above the page content below */
   position: relative;
}
/* Top menu items */
#centredMenu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   float: right;
   position: relative;
   right: 50%;
}
#centredMenu ul li {
   margin: 0px;
   padding: 0px;
   float: left;
   position: relative;
   left: 50%;
   top: 1px;
}
#centredMenu ul li a {
   display: block;
   margin: 0px;
   padding: 4px 10px 5px 10px;
   font-size: 100%;
   line-height: 10px;
   background: #ddd;
   text-decoration: none;
   color: #000;
   font-weight: normal;
	border-top: 1px solid #999;
   border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#centredMenu ul li.last a {
	border-right: 1px solid #999;
}
#centredMenu ul li.active a {
	color: #fff;
	background-color: #999;
}
#centredMenu ul li a:hover {
   background: #f63; /* Top menu items background colour */
   color: #fff;
   border-bottom: 1px solid #999;
}
#centredMenu ul li:hover a,
#centredMenu ul li.hover a { /* This line is required for IE 6 and below */
   background: #f63; /* Top menu items background colour */
   color: #fff;
   border-bottom: 1px solid #999;
}

/* Submenu items */
#centredMenu ul ul {
   display: none; /* Sub menus are hiden by default */
   position: absolute;
   top: 20px;
   left: 2px;
   right: auto; /*resets the right:50% on the parent ul */
   width: auto; /* width of the drop-down menus */
}
#centredMenu ul ul li {
   left: auto;  /*resets the left:50% on the parent li */
   clear: left;
   width: 100%;
}
#centredMenu ul li.last ul {
}
#centredMenu ul ul li a,
#centredMenu ul li.active li a,
#centredMenu ul li:hover ul li a,
#centredMenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size: 100%;
   font-weight: normal; /* resets the bold set for the top level menu items */
   background: #eee;
   color: #000;
   line-height: 10px; /* overwrite line-height value from top menu */
   border: 1px solid #999; /* sub menu item horizontal lines */
	border-top-width: 0px;
}
#centredMenu ul ul li a:hover,
#centredMenu ul li.active ul li a:hover,
#centredMenu ul li:hover ul li a:hover,
#centredMenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background: #f63; /* Sub menu items background colour */
   color: #fff;
}

/* Flip the last submenu so it stays within the page */
#centredMenu ul ul.last {
   left: auto; /* reset left:0; value */
   right: 0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centredMenu ul li:hover ul,
#centredMenu ul li.hover ul { /* This line is required for IE 6 and below */
   display: block; /* Show the sub menus */
}

.infobox {
	margin: 25px auto 0px auto;
	border: 1px solid #999999;
	width: 750px;
	background-color: #81c0c0;
	}
.infobox1 {
	margin: 2px ;
	padding: 5px;
	border: 1px solid #999999;
	background-color:#cbe4d6;
	background-color:#ddf6e8;
	}
.search_form_wrapper {
	border: 1px solid #999;
	background-color: #fff;
	width: 620px;
	padding: 5px 2px 5px 0px;
	margin: 0px auto 0px auto;
	}
.search_form_wrapper form {
	border: 0px dashed #666 ;
	width: 580px;
	margin: 5px auto 5px auto;
	padding: 5px;
}
.search_form_wrapper legend {
	color: #000;
}
.search_form_wrapper fieldset {
	width: 540px ;
	margin: 0px auto 0px auto;
	padding: 0px 20px 10px 20px;
	background-color: #f0f0cc;
	background-color: #ffffee;
}
.search_form_wrapper fieldset input.radio {
	margin-left: 40px;
	margin-right: 10px;
}

.edit_form_wrapper {
	border: 0px dashed #00f;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	width: 100%;
	margin: 10px auto 10px auto;
	}
.edit_form_wrapper form {
	border: 0px dashed #f00 ;
	width: 900px;
	margin: 0px auto 0px auto;
	background-color: transparent;
}
.edit_form_wrapper form fieldset {
	width: 800px ;
	border: 1px solid #ccc;
	margin: 10px auto 10px auto;
	padding: 10px 18px 10px 19px;
	background-color: transparent;
}
.edit_form_wrapper textarea {
	border: 1px solid #acf;
	font-size: 110%;
}
.edit_form_wrapper textarea:focus {
	background-color: #ffd;
}
.edit_form_wrapper fieldset input.radio {
	margin-right: 20px;
}
.edit_form_wrapper fieldset input:focus {
	background-color: #ffc;
}
.edit_form_wrapper_2 {
	border: 0px dashed #00f;
	background-color: transparent;
	padding: 10px 0px 10px 0px;
	width: 100%;
	margin: 0px auto 10px auto;
	}
.edit_form_wrapper_2 form {
	border: 0px dashed #f00 ;
	width: 900px;
	margin: 0px auto 0px auto;
	background-color: transparent;
}
.edit_form_wrapper_2 fieldset {
	width: 800px ;
	border: 1px solid #666;
	margin: 10px auto 10px auto;
	padding: 10px 20px 10px 20px;
	background-color: transparent;
}
.edit_form_wrapper_2 textarea {
	border: 3px solid #acf;
}
.edit_form_wrapper_2 textarea:focus {
	background-color: #ffd;
}
.edit_form_wrapper_2 fieldset input.radio {
	margin-right: 20px;
}
.edit_form_wrapper_2 fieldset input:focus {
	background-color: #ffc;
}
.edit_form_wrapper_2_spare {
	border: 1px solid #000000;
	background-color: #FFCC99;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 600px;
	}

.radio-text {
	margin: 0px 0 0 0;
	}
.reduced_in_search_form {
	font-size: 95%;
	margin: 0px 0px;
	padding: 0px 0px;
	}

.fieldtable {
	border: 1px solid #aaa;
	width: 920px;
	font-size: 90%;
	}
.fieldtable th, .fieldtable td {
	border: 1px solid #aaa;
	padding: 4px;
	}
.fieldtable a, .fieldtable a:visited {
	color: #0033CC;
	font-weight: normal;
	text-decoration:none;
	}
.fieldtable a:hover{
	color: #FF0000 ;
	font-weight: normal ;
	text-decoration:underline;
	}
.fieldtable tr {
   height: 99%;
	}
.fieldtable tr:hover {
	background-color: #FFFFCC;
	}
.table_header {
	background-color: #FFEEDD !important;
	vertical-align:top;
	}
.altrow {
	background-color: #FFFFCC;
	}
.highlight {
	background-color:#FFFF99;
	}
.row_of_links {
	margin: 5px 0px;
	}
.row_of_links a {
	color: #333;
	padding: 1px 1px;
	border: 1px solid #aaa;
	text-decoration: none;
}
.row_of_links a:hover {
	text-decoration: none;
	background-color: #f63;
	color: #fff;
}
.red_page_num {
	border: 1px solid #aaa;
	color:#fff;
	background-color: #999;
	font-size: 94%;
	font-weight: bold;
	padding: 1px 1px;
	}
/* Bookshop stocklist results table column styles */
.bkscol_0 {width: 30px;background-color:#ddd;} /* ID col */
.bkscol_1 {width: 250px;} /* title col */
.bkscol_2 {width: 120px;} /* author col */
.bkscol_3 {width: 50px;} /* price col */
.bkscol_4 {width: 50px;} /* stock col */
.bkscol_5 {width: 50px;} /* publisher col - not used at present */
.bkscol_6 {width: 50px;} /* isbn col - not used at present */

/* Library catalogue results table column styles */
.catcol_0 {width: 45px;background-color:#ddd;} /* ID col */
.catcol_1 {width: 200px;} /* title col */
.catcol_2 {width: 140px} /* author col */
.catcol_3 {} /* publisher col, no fixed width here */
.catcol_4 {width: 98px;} /* isbn col */
.catcol_5 {width: 63px;} /* accession col */
.catcol_6 {width: 84px;} /* classification col */
.catcol_7 {width: 56px;} /* shelf col */
.catcol_8 {width: 0px;} /* unused col */

/* Abstracts result table column styles */
.abscol_0 {width: 45px;background-color:#ddd;} /* ID col */
.abscol_1 {width: 180px;} /* title col */
.abscol_2 {width: 130px} /* author col */
.abscol_3 {} /* course col, no fixed width here */
.abscol_4 {width: 95px;} /* journal title col */
.abscol_5 {width: 85px;} /* extract col */
.abscol_6 {width: 90px;} /* keywords col */
.abscol_7 {width: 205px;} /* abstract col */
.abscol_8 {width: 0px;} /* unused col */

/* Dissertations result table column styles */
.discol_0 {width: 40px;background-color:#ddd;} /* ID col */
.discol_1 {width: 160px;} /* title col */
.discol_2 {width: 110px} /* author col */
.discol_3 {width: 60px} /* level col */
.discol_4 {width: 45px;} /* year col */
.discol_5 {width: 75px;} /* location col */
.discol_6 {width: 80px;} /* award col */
.discol_7 {} /* topic col */
.discol_8 {width: 225px;} /* abstract col, no fixed width here */

/* Format editing forms */
.edit_form_table {
	background-color: transparent;
	}
.edit_form_col_1 {width: 150px; background-color:#CCCCCC; } /* field column */
.edit_form_col_2 {width:400px;} /* col */
.edit_form_col_3 {width:120px;} /*  col */
.edit_form_col_4 {} /* col */
.edit_form_col_5 {width:50px;} /* col */
.edit_form_col_6 {width:50px;} /* col */
/* Format search forms */
.srch_form_wrapper {
	background-color: #fffff6;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 560px;
	border: 3px solid #333333;
	}
.srch_form_table {
	background-color: transparent;
	border: 0px dashed #CC9933;
}
.srch_form_inner_table {
	background-color: transparent;
	width: 200px;
	margin: 0px 0px 0px 60px;
	border: 0px dashed #3399FF;
}
.srch_form_col_1 {width:50px} /* field column */
.srch_form_col_2 {width:300px;} /* col */
.srch_form_col_3 {background-color: transparent;} /*  col */
.srch_form_col_4 {} /* col */
.srch_form_col_5 {width:50px;} /* col */
.srch_form_col_6 {width:50px;} /* col */

input.button {
	width: auto;
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-family: verdana, sans-serif;
	font-size: 100%;
	color: #000;
	text-decoration: none;
	background-color: #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	border-left:  1px solid #ccc;
	padding: 1px 6px 1px 6px;
	}
input.button:hover {
	color: #fff;
	font-weight: normal;
	background-color: #999;
	border-top: 1px solid #222;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #222;
	padding: 1px 6px 1px 6px;
	}

a.dummy_form_button {
   text-align: center;
   margin: 0px 0px 0px 0px;
   font-size: 100%;
   color: #000;
   text-decoration: none;
   background-color: #ccc;
   border-top: 1px solid #ccc;
   border-right: 1px solid #222;
   border-bottom: 1px solid #222;
   border-left:  1px solid #ccc;
   padding: 2px 10px 2px 10px;
}
a.dummy_form_button:hover {
   color: #fff;
   font-weight: normal;
   text-decoration: none;
   background-color: #999;
   border-top: 1px solid #222;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #222;
   padding: 2px 10px 2px 10px;
}

/* the following class can be used to hide a note for users of old version 4 browsers from users of newer browsers */
.oldbrowser {
	display: none;
}
.dialogue_box{
	width: 300px;
	margin: 50px auto 80px auto;
	padding: 20px;
	border: 1px solid #999;
	background-color: #eee;
}
.list_legend_text {
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	color: #3333CC;
}
.cat_legend_text {
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	color: #666;
}
.bold {
	font-weight:bold;
}
.large {
	font-size: 120%;
}
.larger {
	font-size: 110%;
}
.smaller {
	font-size: 90%;
}
.small {
	font-size: 80%;
}
.centre {
	text-align: center;
}
.emphasised {
	font-weight: bold;
}
.indent_10px { margin-left: 10px; }
.italic {	font-style: italic;	}
.justify { text-align: justify; }
.left { text-align:left; }
.right { text-align:right; }
.normal { font-weight: normal; }
.underline { text-decoration:underline; }
.raise10px {
	margin-top: -10px
	}
.raise20px {
	margin-top: -20px
	}
.raise30px {
	margin-top: -30px
	}
.red {
	color:#FF0000;
	}
p.reduced{
	font-size: 96%;
	margin: 15px 5px 15px 5px !important;
}
.inline {
	display: inline;
	}