/* @override http://archives.ulrls.lon.ac.uk/css/adlib.css */

html,body{margin:0;padding:0}
#header {
	/*position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url(/images/topback.jpg);
	border-bottom: 1px solid #ccc;
	height: 100px;
	vertical-align: text-bottom;*/
	background-color: #fff;
	position: relative;
	display: block;
	width: 100%;
	color: #fff;
	padding: 0;
	padding-top: 20px;
	padding: 10px;
	text-align: left;
	height:100px;
	/*background-image: url(/images/topback.jpg);*/
	border-bottom: 2px solid #ccc;
}

.scope {
	left: 0px;
	text-align: left;
	float: left;
	padding: 0px;
	bottom: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
}

.scope a {
color: #666;
text-decoration:none;
}

.scope a:hover {
color: #CC0000;
text-decoration:underline;
}
.nav {
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: 20px;
	padding-top: 40px;
	display: block;
}



/* ====== 		  */
/*  Custom styles  */
/* ====== 		  */

.ulrlsnav {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 8px;
	COLOR: #efd694;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #006699;
	TEXT-ALIGN: left;
	font-weight: normal;
	height: 30px;
	border-left: solid #ccc 1px;
	background-image: url(../images/bookback.gif);
	font-size: 10px;
}
.ulrlsnav A:link {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font-weight: normal;
}
.ulrlsnav A:visited {
	COLOR: #FFFFFF;
	font-weight: normal;
}
.ulrlsnav A:hover {
	COLOR: #efd694;
	font-weight: normal;
	text-decoration: none;
}

.header {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 8px;
	COLOR: #efd694;
	FONT-FAMILY: "Times New Roman", Times, serif;
	BACKGROUND-COLOR: #006699;
	TEXT-ALIGN: left;
	font-weight: normal;
	height: 30px;
	border-left: solid #ccc 1px;
	background-image: url(../images/bookback2.gif);
	border-top: solid #ccc 1px;
}
.header A:link {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font-weight: normal;
}
.header A:visited {
	COLOR: #FFFFFF;
	font-weight: normal;
}
.header A:hover {
	COLOR: #efd694;
	font-weight: normal;
	text-decoration: none;
}
.headtd {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.headtdmore a, .headtdmore a:visited {
color: #ffffff;
background-image: url(../images/buttbackblue.gif);
height: 18px;
font-size: x-small;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #cccccc;
background-color: #006699;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 5px;

}
.headtdmore a:hover {
text-decoration: none;
border: 1px solid #990000;
color: #990000;
background-color: #f6f6f6;
background-image: url(../images/buttback.gif);
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background-color: #f6f6f6;
	background-image: url(buttback.gif);
	background-repeat: repeat-x;
	font-weight: bolder;
}

.head
{
padding-bottom: 20px;
}

/* Special Area's */

#logo
{
  position: absolute;
  top: 50px;
  left: 0px;
}


/* ====== 		  */
/*  Main areas  */
/* ====== 		  */
#header
{
	vertical-align: top;
}



#LeftMenu
{
	height: 800px;
	width: 150px;
	position: relative;
	background-color: #f6f6f6;
}

#MainArea
{
	background-color: #ffffff;
	padding: 10px;
	border-left: solid #ccc 1px;
	font-family: Arial, Helvetica, sans-serif;
	align: left;
	

}



.introArea
{
  width: 600px;
}

/* ====== 				      */
/*  error messages     	*/
/* ====== 				      */

.noQueries
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif
  font-size: small;
  font-weight: bold;
  color: Red;
  text-decoration: none;
  text-transform: none;  
}

.requiredFieldError
{
  color: Red;
}

/* ====== 				      */
/*  Global formatting  	*/
/* ====== 				      */

body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	background-color: #f6f6f6;
	background-repeat: no-repeat;
}

TD
{
  font-size: 85%;  
}

.lightLabel a, .button a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

.lightLabel a:hover, .button a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #990000;
}

a
{
   /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: normal;
  text-decoration: none; 
   color: #006699;  
}

a:hover
{
   /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: normal;
  text-decoration: none;
  color: #990000;
}

H1
{
  font-family: Arial, Helvetica, sans-serif
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: lighter;
}

H2
{
	font-weight: normal;
	color: #666666;


  font-family: Arial, Helvetica, sans-serif
  text-decoration: none;
	font-size: 1.3em;
}

UL
{
  list-style-type: none;
}

.hilite
{
  font-weight: bold;
  color: #006699;
}

/* Special Area's */

#languageFlags
{
  position: absolute;
  top: 26px;
  right: 0px;
}

#innerFlags
{
  
  padding-right: 0px;
  padding-left: 0px;
}

.flag
{
  position: relative;
  top: 2px;
}

/* ====== */
/*  TABS  */
/* ====== */

.tabUnderlay
{

}

#tabRightSpacer
{
	height: 21px;
	border-bottom: 1px solid #cccccc;
}

*>#tabRightSpacer
{
	height: 20px;
}


#tabLeftSpacer
{
	border-bottom: 1px solid #cccccc;
}

.tab, .activetab
{
	position: relative;
	float: left;
	top: 0;
	left: 1px;
	height: 20px;
	width: 60px;
	min-width: 20px;
	margin: 0px -1px 0px -1px;
	border-collapse: collapse;
	padding: 0px 10px 0px 10px;
	text-align: center;
	z-index: 2;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

.tab a, .activetab a
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;  
}

.tab a:hover, .activetab a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #006699;
}

*>.tab, *>.activetab
{
	width: auto;
}

.activetab
{
  z-index: 3;
}

.tab, .tab a
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;
}

.activetab, .activetab a, .activebutton a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #006699;
	vertical-align: middle;
}

.activebutton a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #006699;
}

.tab a:hover, .button a:hover
{
  color: #006699;
}

.tabCenter
{
  height: 21px;
  border-top: 1px solid #cccccc;
  background: #f6f6f6;
  border-bottom: 1px solid #cccccc;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}

*>.tabCenter
{
	height: 19px;
}

.activetab .tabCenter
{
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}


.tabEndLeft, .tabEndRight
{
	position: absolute;
	top: 0;
	height: 21px;
	width: 10px;
	margin: 0;
	border-bottom: 1px solid #cccccc;
}

*>.tabEndLeft, *>.tabEndRight
{
	height: 20px;
}

.activetab .tabEndLeft, .activeTab .tabEndRight
{
	border-bottom: 1px solid #ffffff;
}


.tabEndLeft
{
	left: 0px;
	background-image: url(../images/tabEndLeft.gif);
}

.tabEndRight
{
	right: 0px;
	background-image: url(../images/tabEndRight.gif);
}

.activetab .tabEndLeft
{
	background-image: url(../images/activeTabEndLeft.gif);
}

.activetab .tabEndRight
{
	background-image: url(../images/activeTabEndRight.gif);
}

/* ======           */
/* Leftnav Buttons  */
/* ======           */

.button
{
text-align: right;
	background-color: #f6f6f6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 5px;
        padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-image: url(../images/buttback.jpg);
}
.button a:hover
{
color: #990000;
 
}

.activebutton
{
 text-align: right;
	background-color: #cccccc;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	padding: 1px 5px 1px 0px;
	}

.checkBox
{
  border: 0px;
  padding-top: 2px; 
}

.dark
{
  background: #f6f6f6;
  vertical-align: top;
}

.light
{
  vertical-align: top;    
}

/* ------------ */
/* Search form  */
/* ------------ */

.darkLabel
{
	vertical-align: middle;
	height: 25px;
	background-color: #cccccc;
	text-indent: 5px;
}

.lightLabel
{
	padding-right: 5px;
	padding-left: 5px;
	background: #f6f6f6;
	vertical-align: middle;
	height: 25px;
}	

.searchFormDropdown, .searchFormTextbox, .listButton
{
  padding-left: 5px;
  padding-right: 10px;  
}

.checkBoxCol
{
	padding-left: 0px;
	padding-right: 0px;
	width: 0px;
}

/* =============== */
/* Brief results   */
/* =============== */

.briefResultsTable
{
  width: 600px;
  border-collapse: collapse;
  
}

.briefResultsTable td
{
	padding: 5px;	
	vertical-align: top;
}

.briefThumbnailCell
{
	text-align: right;
}

.briefOptionControl
{
  border: 1px solid #000000;
  width: 600px;
  padding: 2px; 
}

/* =============== */
/* Archive results   */
/* =============== */

.ArchiveResultsTable
{
	padding: 5px;
}

.ArchiveResultsTable td
{
}

.ArchiveThumbnailCell
{
	text-align: right;
}

.active, .active a, .active a:hover
{
  background: #006699;
  font-weight: nomal;
  color: #ffffff;  
}

/* ---------------- */
/* Detail display   */
/* ---------------- */

#detailNav
{
	margin-bottom: 20px;
}	

#detailNav span
{
	vertical-align: top;
}

.detailTable
{
	width: 100%;
	border: none;
	border-collapse: collapse;
	background: none;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 13px;
}

.detailTable th
{
	padding-left: 0px;
	text-align: left;
	color: #000000;
	font-size: 1em;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.detailTable td
{
	padding-left: 10px;
	vertical-align: top;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.detailSelectionRecordSeperator
{
	height: 2px;
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
	background: #f6f6f6;
	background-color: #f6f6f6;
	color: #aaaaaa;	
}

*>.detailSelectionRecordSeperator
{
	margin: 10px 0 10px 0;
}

/* ------------- */
/* COPYINFO WINDOW  */
/* ------------- */
body#copyInfo
{
  background-color: #f6f6f6;
  color: #000000;  
  text-align: left; 
  padding: 15px;

}

body#copyInfo td
{
  text-align: left;  
  border: solid 1px black; 
}

body#copyInfo .header
{ 
  font-weight: bold; 
}

/* ------------- */
/*  PHOTO WINDOW */
/* ------------- */

body#photoInfo
{
  background-color: #f6f6f6;
  color: #000000;
  padding: 20px;
}


/* ------------- */
/*  HELP WINDOW  */
/* ------------- */

body#helpContent
{
  background-color: #f6f6f6;
  color: #000000;
  padding: 20px;
}

.helpDiv
{
  border-left: 2px solid #cccccc;
  padding: 10px;
}
.navbutton {
	font-family: Arial, Helvetica, sans-serif;
}

a:hover
{
  text-decoration: underline;
}

.tableshadow {
	height: 15px;
	width: 100%;
	background-image: url("/images/topshadow.jpg");
}

.context {
background-color: #f6f6f6;
	border: 1px solid #cccccc;
  padding: 10px;

}
.hsmall {
	font-size: 80%;
	padding-bottom: 10px;
}
.hlabel
{
	padding-right: 10px;
	padding-left: 5px;
	background: #f6f6f6;

}	

.marginalia
{
	background-color: #FFFFFF;
	font-size: 70%;
	padding: 10px;
	border: solid #cccccc 1px;
	margin-left: 7px;
	margin-right: 8px;
	margin-top: 16px;

}

th {
}

.area {
	
	padding: 0;
	margin: 0;
}
.insert {
	padding: 5px;
	margin: 0px;
	border: solid #ccc 1px;
}

.hier {

padding: 5px;
	margin: 1px;
	border: solid #cccccc 1px;

}

.recordlabel {

padding: 5px;
	margin: 1px;
	

}

.contains
{
	font-size: 80%;
	height: 20px;
	vertical-align: top;
	margin-left: 10px;
}

.level
{
	background-color: #f6f6f6;
	border: solid #cccccc 1px;
	font-size: 80%;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	padding-left: 2px;
	margin-right: 5px;
	width: 65px;
	vertical-align: top;
	background-image: url(../images/buttback.gif);
	text-align: center;
	display: block;
}.hline {
	background-image: url(../images/hline.gif);
	background-repeat: repeat-y;
	width: 70px;
	}
.help {
	background-image: url(../images/helpbk.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	padding: 5px;
	width: 700px;
}
.helpheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: lighter;
	background-color: #f6f6f6;
	color: #666666;
	vertical-align: middle;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 1px;
}
.marginhelp {

	background-color: #FFFFFF;
	font-size: 70%;
	padding: 10px;
	border: solid #cccccc 1px;
	margin-left: 7px;
	margin-right: 8px;
	margin-top: 0px;
}
.helppanel {
	background-color: #f6f6f6;
	font-size: 13px;
	margin-left: 7px;
	margin-right: 8px;
	margin-top: 0px;
	border-top: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	padding-right: 5px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}
.main {
	width: 700px;
}


#DropDownListValue {
background-color: #f6f6f6;
}
#help_topic strong
{
  font-family: Arial, Helvetica, sans-serif
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: lighter;
}
.list {
	padding-left: 10px;
}

.sharelink {
	text-align: right;
	font-size: 0.8em;
	padding: 10px 0 10px 10px;
}