/* General styles */

div.padding {padding: 4px;}

div.text {padding: 4px;}


a { color: #7078bd; text-decoration:none;}

a.navbar {
	/*text-decoration:underline;*/
	padding: 2px; 
	/*background-color:#d3d3d3;
	border-style: solid;
	border-width: 1px;
	border-color: #7087bd;*/
	}

a.srchAgain { 
	font-size:100%;
	padding:3px;
	/*background-color:#d3d3d3;
	text-decoration:underline;*/
	border-style: solid;
	border-width: 1px;
	border-color: #7087bd;
	}

/* Search styles */
input.SearchFormInput {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	}

/* Record view styles */

/*p.DServeURL {text-indent:150px;}*/

span.hit {font-weight:bold; color:red;}

 /*  To highlight search terms retrieved in results. To be consistent with Encore.  LS 03/09/14 */


/*.HIT {
color: #FFB81D;
}*/

.HIT {
color: #333333;
background-color: #FFB81D;
}

table.recordview {
	padding:4px;
	background-color:#ffffff;
	}
	
td.FieldLabel {
	vertical-align:top;
	/*background-color:#E1EEEB;*/
	background-color:#f8f8f8;
	font-weight:bold;
	text-align:right;
	padding:4px;
	}
	
.AltRefNo, .RefNo, .Level, .Extent, .Title, .Date, .AccNo, .AccessStatus, .UserWrapped1, .UserWrapped6, .Description, .AdminHistory, .Acquisition, .Language, .UserWrapped4, .RelatedMaterial, .Arrangement, .PreviousNumbers, .CreatorName, .AccessConditions, .ArchivistsNotes, .DescriptionDate, .Subject, .PublnNote, .Copyright, .Originals, .Copies, .FieldLabel, .UserDate1, .ClosedUntil, .Notes, .Appraisal, .Accruals, .UserText6, .UserText7, .UserText8, .PersonName, .Nationality, .Activity, .CustodialHistory, .Gender, .ParallelEntry, .NonPreferredTerm, .DatesandPlaces, .Relationships, .Notes, .Address, .PublishedWorks, .CorporateName, .Jurisdiction, .Dates, .LegalStatus, .LegalNumbers, .PersonKey, .Material {
	/*background-color:#E1EEEB;*/
	background-color:#f8f8f8;
	padding:4px;
	font-size:100%;
	}


/* Overview styles */
table.PageTable {background-color:#ffffff; width:90%;}

/*td.navBar {padding:2px; font-size:100%;}*/
p.SearchOptions {
    display: none;
}

td.navbar { 
	font-size:100%;
	padding: 3px; 
	/*background-color:#d3d3d3;
	border-style: solid;
	border-width: 1px;
	border-color: #7087bd;*/
	}

a.navbar {
	border-style: solid;
	border-width: 1px;
	border-color: #7087bd;
	}

td.navbarCurrent { font-weight:bold; font-size:100%;} 

table.OverviewTable {
		vertical-align: top;
		}

td.DataArea { vertical-align: top; }


tr.OverviewHeader {text-align:left;}

.OverviewHeader {
	padding:4px;
	font-size:100%;
	background-color:#e6e6e6;
	}

.OverviewHeaderLinkColumn {
	padding:4px;
	font-size:100%;
	background-color:#e6e6e6;
	}

.OverviewHeaderAltRefNo {
	padding:4px;
	font-size:100%;
	background-color:#e6e6e6;
	}

.OverviewHeaderLevel {
	padding:4px;
	font-size:100%;
	background-color:#e6e6e6;
	}

.OverviewHeaderTitle {
	padding:4px;
	font-size:100%;
	background-color:#e6e6e6;
	}

.OverviewHeaderDate {
	padding:4px;
	font-size:100%;
	background-color:#e6e6e6;
	}

td.OverviewKey {
	background-color:#f8f8f8;
	font-weight:bold;
	padding:4px;
	font-size:100%;
	}

.OverviewCell {
	padding:4px;
	background-color:#f8f8f8;
	font-size:100%;
	}

.OverviewCellAltRefNo {
	padding:4px;
	background-color:#f8f8f8;
	font-size:100%;
	}

.OverviewCellLevel {
	padding:4px;
	background-color:#f8f8f8;
	font-size:100%;
	}

.OverviewCellTitle {
	padding:4px;
	background-color:#f8f8f8;
	font-size:100%;
	}

.OverviewCellDate {
	padding:4px;
	background-color:#f8f8f8;
	font-size:100%;
	}

/* Underview styles */

td.UnderviewHeader {font-weight:bold; font-size:100%;}

td.UnderviewKey { font-size:100%;}

td.UnderviewEntry { font-size:100%;}

td.AuthorityLink { font-size:80%;}

/* Search page styles */


table.Searchfields { 
	padding:4px;
	background-color:#f8f8f8;
	text-align:right;
	}
	
table.InputForm {
	text-align: left;
	width:50%;
	}
	
td.InputFormLabel {
	padding: 4px; 
	font-weight:bold;
	font-size:100%;
	text-align: right;
	}
	
td.InputFormOptions{ 
	font-size:100%;
	padding: 25px;
	vertical-align: top;	
	}


td.InputFormField {
	/*background-color: #e1eeeb;*/
	padding: 4px;
	width:200;
	}
	
td.InputFormButtons {
	padding: 4px;
	text-align: left;
	}
td.InputFormButtons input {
    margin-left: 0.5em;
    margin-right: 0;
}	
.FormButton { 
	background-color: #ffffff;
	border-style: solid;
	border-width:1px;
	border-color: #7087bd;
	font-family: verdana;
	font-size: 100%;
	color: #7987bd;
	margin: 4px;
	width:auto;
	}

/* Navi tree styles */


table.treetable { 
	padding:4px;
	background-color:#ffffff;
	text-align:right;
	}

table.TreeViewGeneral {
	text-align:left;
	}
	

td.treeicon0 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treenode0 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treeicon1 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treenode1 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treeicon2 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treenode2 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treeicon3 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treenode3 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treeicon4 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treenode4 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}
	
td.treeicon5 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

td.treenode5 {
	background-color:#f8f8f8;
	padding:4px;
	vertical-align:top;
	}

a.treenode0 {
	text-decoration:none;
	}
	
a.treenode0:visited {
	text-decoration:none;
	}


td.treedata0 {
	text-align:left;
	background-color:#f8f8f8;
	padding:4px;
	}

td.TreeViewFieldLabel {
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	}

td.TreeViewGeneral {
	text-align:left;
	}

td.TreeViewCurrent {
	color:#7078bd;
	}

/* Picklist */
a.PickListLink { text-decoration:none;}
a.PickListLink:visited { text-decoration: none; }


td.PickListLink, td.PickListData {
	background-color:#f8f8f8;
	padding:4px;
	}

/* Authorities */
a.ThesaurityPopupKey {
	text-decoration:underline;
	font-family:arial,sans-serif;
	}
a.AuthorityPopUpKey { text-decoration: underline; }

/* Pick List */

td.PickListLink { font-size:100%;}

td.PickListData { font-size:100%; }


/*Additional styles*/
.thData 		{
	background-color : #cc9966;
}
.thDataSpacer	{
	background-color :#faf5ef;
}
.tdData	{
	background-color :#faf5ef; 
}
.tdSpacerLt	{
	background-color :#faf5ef;
}
.tdSpacerDk	{
	background-color :#cc9966;
}

input_{border: 1px ridge #333333; 
	background-color:#ffffff; 
	color:#000000; 
	height:15px; 
	padding:0px; 
	margin:0px; 
	font-size:10px; 
}


.searchButton_{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	display:inline;
	font-size:10px;
	height:15px; 
	line-height:11px; 
	color:#666666;
	text-decoration: none;
	padding:0px;
	margin:0px;
}

.searchField_ {
	font-size: 9px;
	padding:0px;
	margin:0px;
	display:inline;
}


.searchButton{
	border: 1px ridge #333333; 
	background-color:#ffffff; 
	padding:0px; 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	display:inline;
	font-size:10px;
	height:15px; 
	line-height:11px; 
	color:#666666;
	text-decoration: none;
	margin:0px;
}

.searchField{border: 1px ridge #333333; 
	background-color:#ffffff; 
	color:#000000; 
	height:15px; 
	font-size:10px; 
	padding:0px;
	margin:0px;
	display:inline;
}


.smallpad {padding-right:5px}


div.isEmpty { display: none; }
div.isNotEmpty { font-size:1.2em; }


.lgrey, .lgrey a {background-color:#E5E5E5; color:#676767;}
.lgrey {font-size:0.7em;}

/*TODO: Below works in Moz & IE6 on PC, but not IE7 (minute text). Break this out into the different stylesheets as appropriate.*/
.smallgrey {color:#999999;font-size:0.7em;}
.smallgrey a {padding-left:3px; padding-right:3px;color:#999999}

/*styles*/
/* class for heading which are NOT links */    
	h2.headingnolink, h3.headingnolink {
	font-weight:bold !important;
	font-family:arial,sans-serif !important; 
	color:#000000 !important;
	text-decoration:none !important;
	font-size:small !important;
	}
	
	h4.headingnolink {font-family:arial,sans-serif;font-size:100%;}

/* body text */ 
form {display:inline}
/* does it work on ie4? */ 
a.head {text-decoration:none;color:#333333;}
a.head:visited {color:#333333;}

div.breadcrumblink {text-decoration:underline; color: #ffcc99;} 

/* bold brown text */ 
.grey {color:#999999} /* grey - not used? */ .calm {color:#336666} 


/* CALM green - not used? */ 
.green {color:#003333} /* green text */ 

.brown {color:#7087bd} /*'brown' is now blue...err...who came up with these class names?*/


/*add to all text links*/ 
.brownlink {font-size:90%;color:#7087bd; text-decoration:none;}
.brownlink a:hover {text-decoration:underline;}
/* N.B. Brown link no longer brown!*/
/* home top navigation links - please remove if see in body */ 

.fff {border-bottom: 
#ffcc99 1px hidden; border-left: #ffcc99 1px hidden; border-right: #ffcc99 1px 
hidden; BORDER-TOP: #ffcc99 1px hidden; border-style: ridge; font-size:100%; font-family: 
Verdana,Arial, Helvetica}

 /* forms style - add to buttons, text fields, drop-downs 
but not to radio buttons or check boxes */
.fbia {border-bottom: #999933 1px hidden; 
border-left: #999933 1px hidden; border-right: #999933 1px hidden; border-top: 
#999933 1px hidden; border-style: ridge; font-size:x-small; font-family: Verdana,Arial, 
Helvetica} 

/* forms style for Innopac - add to buttons, text fields, drop-downs 
but not to radio buttons or check boxes */ 

.fff2 {border-bottom: #7087bd 1px ridge; 
border-left: #7087bd 1px ridge; border-right: #7087bd 1px ridge; border-top: #7087bd 
1px ridge; font-size: 10px; font-family: Verdana,Arial, Helvetica; color:#7087bd;}
	
/* rollover forms style - not used */ select, option {border-bottom: #ffcc99 1px 
hidden; border-left: #ffcc99 1px hidden; border-right: #ffcc99 1px hidden; border-top: 
#ffcc99 1px hidden; border-style: ridge; font-size: 10px; font-family: Verdana,Arial, 
Helvetica} 

/* additional forms style - add to buttons, text fields, drop-downs 
but not to radio buttons or check boxes */ .pad { padding-top: 5px; padding-right: 
7px; padding-bottom: 5px; padding-left: 6px} 

/* used in body tables instead of 
cellpadding, e.g. Staff List */ 

.menupadhigh { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; background-color:#f8f8f8;}
.menupadhigh a {text-decoration:none;color: #333333;}

.menupadhigh a {color:#333333;text-decoration:none;}

/* used in drop-down links instead 
of cellpadding - current */ 

.menupad { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 
90%; text-decoration:none;}

 /* used in drop-down links instead of cellpadding - all 
*/ 

.bcpad { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: 
#ffcc99; text-decoration:none} 

a.bcpad { text-decoration:underline; }

/* add to breadcrumbs div tags */ .bcarr { font-family: 
Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000} 

/* add to breadcrumbs div tags in greater than cells */ 

.crumblink { padding-top: 5px; 
padding-right: 7px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, 
Arial, Helvetica, sans-serif; font-size: 10px; color: #ffcc99; text-decoration: 
none} 

.crosspad {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 
6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: 
#7087bd;}/* used in top links instead of cellpadding - all */ 

.crossend {padding-top: 
5px; padding-right: 0px; padding-bottom: 5px; padding-left: 6px; font-family: 
Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #7087bd}/* last 
top link - not used currently */ /* Innopac scopes' colours start */ 

.s { padding-top: 
5px; padding-right: 7px; padding-bottom: 5px; padding-left: 8px; font-family: 
Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366} .s1 { 
padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 8px; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003300} 

.s2 { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
#4f4f04} 

.s3 { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
#330066} 

.s4{ padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
#660000; text-decoration:none} 

.s5 { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 
10px; color: #003333} 

.sl { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color: #003366 } 

.sl1 { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color: #003300 } 

.sl2 { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color: #4f4f04 } 

.sl3 { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color: #330066 } 

.sl4 { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color: #660000 } 

.sl5 { padding-top: 5px; padding-right: 7px; padding-bottom: 
5px; padding-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color: #003333 } /* Innopac scopes' colours end */ 

.redlink { color:#FF0000} /* 
used in few places to make links red */ 

.thickline { padding-bottom: 5px} .roman 
{ list-style-type: upper-roman} /* add class to lists to make them upper-roman 
*/

.s7 { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
#660066} 

.sl7 { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; color: 
#660066} 

.sl6 { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; color: 
#CC6600} 

.s6 { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 
8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
#CC6600} /* home 
top navigation links - please remove if see in body */

.red {color:#FF0000; text-decoration:none;} 

.small {color:#000000; text-decoration:none; font-size: 
smaller;} 

/* Calm css classes

.xhead {text-decoration:none;}
.xlistpad {text-decoration:none;}

.bclink {color: #333333;}
.bcnolink {color: #333333;} 

/*styles ie6*/
/* class for heading which are NOT links */    
	h2.headingnolink, h3.headingnolink {
	font-weight:bold !important;
	font-family:arial,sans-serif !important; 
	color:#000000 !important;
	text-decoration:none !important;
	font-size:small !important;
	}
	
.navlist {}
.navListOn {color:#7097bd; font-weight:bold;}*/


/*body {  margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-size:1em;} */

/* body margins */

/* don't set 'ul' or 'ol' below, they cascade to 'li' and reduction applied twice */
/*p, td, div, li  {font-family: Verdana; font-size:80%;} /*body text */

form {display:inline} /* does it work on ie4? */

a.head {text-decoration:none; color:#333333;}
a.head:visited {text-decoration:none; color:#333333;} /* add to breadcrumbs a tags */


.grey {color:#999999} /* grey - not used? */

.calm {color:#336666} /* CALM green - not used? */

.green {color:#003333} /* green text */

.brown {color:#7087bd;} /* 'brown' is now blue...*/

.brownlink {color:#7087bd;text-decoration:none} /* home top navigation links - please remove if see in body */ /* N.B. Brown link no longer brown */
a.brownlink:hover {text-decoration:underline;}
#shortcuts a:hover {text-decoration:underline;}
a.brownlink:visited {color:#7087bd; text-decoration:none;} /* N.B. Brown link no longer brown...*/

.fff {border-bottom: #ffcc99 1px hidden; border-left: #ffcc99 1px hidden; border-right: #ffcc99 1px hidden; border-top: #ffcc99 1px hidden; border-style: ridge; font-size: 10px; font-family:  Verdana,Arial, Helvetica} /* forms style - add to buttons, text fields, drop-downs but not to radio buttons or check boxes */

.fbia {border-bottom: #999933 1px hidden; border-left: #999933 1px hidden; border-right: #999933 1px hidden; border-top: #999933 1px hidden; border-style: ridge; font-size:x-small; font-family:  Verdana,Arial, Helvetica} /* forms style for Innopac - add to buttons, text fields, drop-downs but not to radio buttons or check boxes */

.fff2 {border-bottom: #7087bd 1px ridge; border-left: #7087bd 1px ridge; border-right: #7087bd 1px ridge; border-top: #7087bd 1px ridge; font-size: 10px; font-family:  Verdana,Arial, Helvetica; color:#7087bd;}	 /* rollover forms style - not used */

select, option {border-bottom: #ffcc99 1px hidden; border-left: #ffcc99 1px hidden; border-right: #ffcc99 1px hidden; border-top: #ffcc99 1px hidden; border-style: ridge; font-size: 10px; font-family:  Verdana,Arial, Helvetica;} /* additional forms style - add to buttons, text fields, drop-downs but not to radio buttons or check boxes */

.pad {  padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 6px;} /* used in body tables instead of cellpadding, e.g. Staff List */

/*.menupadhigh {  padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffcc99} /* used in drop-down links instead of cellpadding - current */

.menupadhigh {width:100%; padding-left:4px;}
.menupadhigh a {color: #333333; background-color:#f8f8f8; font-size:90%; text-decoration:none;padding:4px;}
.tdmenuhigh_ { border-bottom: #cc9966 1px solid}

/*.menupad {  padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:none;} /* used in drop-down links instead of cellpadding - all */

.menupad {  padding:4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #333333; text-decoration:none;} 
a.menupad:visited { color: #333333; }

.bcpad {  padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffcc99; text-decoration:none} /* add to breadcrumbs div tags */

.bcarr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; vertical-align:middle;} /* add to breadcrumbs div tags in greater than cells */

.crumblink {  padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffcc99; text-decoration: none}

div.bcnolink { color: #333333; font-size:80%;}
a.bclink {color:#333333;font-size:80%;}
a.bclink:visited {color:#333333;font-size:80%;}
a.bclink:active {color:#333333;font-size:80%;}


.crosspad {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #7087bd;}/* used in top links instead of cellpadding - all */

.crossend {padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #7087bd;}/* last top link - not used currently */

.redlink { color:#FF0000} /* used in few places to make links red */

.thickline {  padding-bottom: 5px}

.knockedback{color:#666;}

#navbarform{float:right;}
#navbarform input.text{height:15px;margin-top:1px;font-size:10px;width:23.3em;}
#navbarform input.submit{height:20px;border:1px solid #bbb;background-color:#f8f8f8;color:#7087bd;font-size:10.4px;margin-right:4px;}
#navbarform input.submit:hover{border:1px solid #999;}
#navbarform input.submit:active{border:1px solid #666;}

#logos {padding-bottom:4px;}
#logos .mainlogo {padding-right:5px;}
#logos img {margin-top:0px;}
.lgrey, .lgrey a {background-color:#E5E5E5; color:#676767;}
.smallgrey a:visited{}

/* @group New Design by Clearleft */

/* @group Reset */

div.header {
    font-family: sans-serif;
    color: #333;
    font-size: 1em;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0.75em 0 0.3em 0; padding: 0;
    line-height: 1;
}
h4, .upper {
    text-transform: uppercase;
}
h1, .font-40 {
    font-size: 3.3333em; /* 40px */
}
h2, .font-28 {
    font-size: 2.3333em; /* 28px */
}
h3, .font-24 {
    font-size: 2em; /* 24px */
}
.font-20 {
    font-size: 1.6667em; /* 20px */
}
h4, h5, h6, .font-16 {
    font-size: 1.3333em; /* 16px */
}
h7, .font-14 {
    font-size: 1.1667em; /* 14px */
}
.promo.black .contents h4 {
    color: #FFF;
}
.promo.blue.tint .contents h4 {
    color: #005870;
}
.promo.purple.tint .contents h4 {
    color: #94368D;
}
table.PageTable {
    width: 100%;
    background: none;
}
.AltRefNo, .RefNo, .Level, .Extent, .Title, .Date, .AccNo, .AccessStatus, .UserWrapped1, .UserWrapped6, .Description, .AdminHistory, .Acquisition, .Language, .UserWrapped4, .RelatedMaterial, .Arrangement, .PreviousNumbers, .CreatorName, .AccessConditions, .ArchivistsNotes, .DescriptionDate, .Subject, .PublnNote, .Copyright, .Originals, .Copies, .FieldLabel, .UserDate1, .ClosedUntil, .Notes, .Appraisal, .Accruals, .UserText6, .UserText7, .UserText8, .PersonName, .Nationality, .Activity, .CustodialHistory, .Gender, .ParallelEntry, .NonPreferredTerm, .DatesandPlaces, .Relationships, .Notes, .Address, .PublishedWorks, .CorporateName, .Jurisdiction, .Dates, .LegalStatus, .LegalNumbers, .PersonKey, .Material, td.FieldLabel {
    background: none;
    padding: 0.5em;
    text-align: left;
}
table.RecordView td.Description table,
table.RecordView td.Description tr,
table.RecordView td.Description td {
    display: block;
    border: none;
}

/* @end Reset */

/* @group Search page */

form.InputForm {
    display: block;
    width: 90%;
    margin: 2em auto;
}
.search-area form.InputForm {
    display: block;
    width: auto;
    margin: 0 -2em;
}
table.InputForm {
    width: 100%;
    background: none;
    border: none;
}
table.InputForm td,
td.DataArea {
    padding: 0;
    border: none;
}
table.InputForm td.SearchFields,
table.InputForm td.InputFormButtons,
table.InputForm td.SearchOptions {
    padding: 1em 2em;
}
table.InputForm td.InputFormLabel {
    padding: 0.5em;
    margin: 0;
    width: 20%;
}
table.InputForm td.InputFormLabel label {
    margin: 0;
    padding: 0.5em;
    display: block;
    width: auto;
    float: none;
    text-align: right;
}
table.InputForm td.InputFormField {
    margin: 0;
    padding: 0.5em;
    width: 80%;
}
table.InputForm td.InputFormField input {
    padding: 0.5em 0.25em;
    width: 100%;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.5);
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.search-area table.InputForm td.InputFormField input {
    width: 75%;
}
table.InputForm td.InputFormButtons {
    text-align: right;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 2em;
}
.search-area table.InputForm td.InputFormButtons {
    padding-right: 23%;
}
table.InputForm td.SearchOptions {
    border-top: 1px dashed #FFF;
    padding-bottom: 0;
}
table.InputForm table.InputFormOptions {
    margin: 0 auto;
    width: 63%;
    border-collapse: separate;
    border-spacing: 1em;
}
table.InputForm table.InputFormOptions h3 {
    font-size: 1em;
    margin: 0;
    text-transform: none;
}
table.InputForm td.InputFormOptions {
    background-color: #E5E1DD;
    padding: 1em;
}
@media all and (max-width: 50em) {
    table.InputForm td.InputFormField input {
        width: 100%;
    }
    .search-area table.InputForm td.InputFormButtons {
        padding-right: 2em;
    }
    table.InputForm table.InputFormOptions {
        width: 100%;
    }
}
.search-area {
    border-top: 1px solid #231F20;
    background-color: #F2F0EE;
    padding: 2em;
    margin-bottom: 4em;
}
.fixed-column.beside-search {
    margin-top: 2.9em;
}

/* @end Search page */

/* @group Results page */

table.OverviewTable {
    margin-bottom: 0.5em;
}
table.OverviewTable tr.OverviewHeader th {
    text-align: left;
    background: #005870;
    color: #FFF;
    font-size: 1.0833em;
    text-transform: uppercase;
    border-left: 3px solid #FFF;
    border-bottom: none;
}
table.OverviewTable tr.OverviewHeader th:first-child {
    border-left: none;
}
table.OverviewTable tr.OverviewHeader th a {
    color: #FFF;
}
table.OverviewTable th.OverviewHeaderDate {
    width: 8em;
}
table.OverviewTable td {
    background: none;
}
table.OverviewTable td.OverviewKey {
    text-align: center;
    min-width: 1.5em;
    font-weight: normal;
}
.refine-search {
    border-top: 1px solid #231F20;
    position: relative;
    overflow: hidden;
    background: #F2F0EE;
    text-align: left;
    margin-bottom: 3em;
}
.refine-search strong,
.search-query strong {
    color: #94368D;
    font-weight: bold;
}
.refine-search .refine-main {
    margin-right: 20em;
    padding: 1em 1em 0.5em 1em;
    min-height: 6em;
}
.refine-search .refine-alternatives {
    position: absolute;
    top: 0;
    right: 0;
    background: #E5E1DD;
    width: 18em;
    height: 30em;
    padding: 1em;
}
@media all and (max-width:50em) {
    .refine-search .refine-main {
        margin-right: 0;
    }
    .refine-search .refine-alternatives {
        position: static;
        width: auto;
        height: auto;
    }
}
div.Navbar {
    background: #F2F0EE;
    padding: 0.5em;
    margin-bottom: 4px;
}
div.Navbar br {
    display: none;
}
div.Navbar a  {
    border: none;
}
div.Navbar td {
    text-align: center;
    border-bottom: none;
    padding: 0;
}
.has-js table.Navbar {
    display: none;
}
div.Navbar .pagination {
    margin: 0 0 -0.5em 0;
}
div.Navbar .pagination li.prev,
div.Navbar .pagination li.next,
div.Navbar .pagination li.prev a,
div.Navbar .pagination li.next a {
    width: auto;
    text-indent: 0;
    color: #FFF;
}
div.Navbar .pagination li.prev,
div.Navbar .pagination li.prev a {
    padding-left: 1.5em;
}
div.Navbar .pagination li.prev a {
    margin-left: -1.5em;
}
div.Navbar .pagination li.next,
div.Navbar .pagination li.next a {
    padding-right: 1.5em;
    background-position: 90% -764px;
}
div.Navbar .pagination li.next a {
    margin-right: -1.5em;
}
@media all and (max-width:50em) {
    div.Navbar .pagination li.next,
    div.Navbar .pagination li.next a {
        background-position: 90% -762px;
    }
}

/* @end Results page */

/* @group Record page */

table.RecordView {
    margin-bottom: 0.5em;
}
table.RecordView td.Title {
    font-weight: bold;
}
table.RecordView td.AltRefNo {
    font-size: 1.3333em;
    padding: 0.25em 0.3em;
}
.group.fixed-right .fixed-column.beside-result {
    margin-top: 3.3333em;
}

/* @end Record page */

/* @group Context page */

td.treeicon0,
td.treenode0,
td.treeicon1,
td.treenode1,
td.treeicon2,
td.treenode2,
td.treeicon3,
td.treenode3,
td.treeicon4,
td.treenode4,  
td.treeicon5,
td.treenode5,
td.treedata0 {
    background-color: #F2F0EE;
    padding: 1em;
}
table.treetable td {
    border-bottom: none;
}
td.treeicon0 {
    padding: 1em 0 1.2em 1.2em;
    width: 1em;
}
td.treenode0 {
    padding: 1.2em 1.2em 1.2em 0.5em;
    padding-left: 0.5em;
    border-right: 5px solid #FFF;
    width: 4em;
}
table.TreeViewGeneral td,
table.TreeViewCurrent td {
    padding: 0.2em 0.5em;
}
table.TreeViewGeneral tr:nth-child(1) td,
table.TreeViewGeneral tr:nth-child(2) td,
table.TreeViewCurrent tr:nth-child(1) td,
table.TreeViewCurrent tr:nth-child(2) td {
    font-weight: bold;
}
table.TreeViewGeneral tr:nth-child(2) td,
table.TreeViewGeneral tr:nth-child(3) td,
table.TreeViewGeneral tr:nth-child(4) td,
table.TreeViewCurrent tr:nth-child(2) td,
table.TreeViewCurrent tr:nth-child(3) td,
table.TreeViewCurrent tr:nth-child(4) td {
    padding-left: 24px;
}

td.TreeViewCurrent {
    color: #94368D;
    background: #E5E1DD;
}
td.TreeViewCurrent a {
    color: #94368D;
    }
td.treeicon1,
td.treeicon2,
td.treeicon3,
td.treeicon4,
td.treeicon5 {
    padding: 0.3333em 0.5em 0.5em;
    width: 12px;
}
td.treenode1,
td.treenode2,
td.treenode3,
td.treenode4,
td.treenode5 {
    width: 2em;
    padding: 0.5em;
}
td.treeicon0 img,
td.treeicon1 img,
td.treeicon2 img,
td.treeicon3 img,
td.treeicon4 img,
td.treeicon5 img {
    width: 12px;
    height: 12px;
}
.refine-search p.current-title,
.refine-search p.current-ref {
    font-weight: bold;
    color: #94368D;
}
.refine-search p.current-title {
    font-size: 1.3333em;
    margin-bottom: 0;
}
/* @end Context page */

/* @end New Design by Clearleft */

#cookieconsent {
      display:none;
      clear:both;
}
#cookieconsent .wrap {
    padding-top: 0;
}
 
#cookierow {
      padding: 0 10px 10px;
}
 
#cookietext {
      font-size:1.2em;
      margin-top: 10px;
}
 
#cookieconsent, #cookieconsent a {
      color:#fff;
}
#cookieaccept {
    font-size:1.2em;
    margin-top: 0.25em;
    text-align: right;
}
#cookieaccept a {
    display: inline-block;
    background: #f0f0f0;
    color: #333;
    padding: 0.1em 0.5em;
    text-transform: uppercase;
}
#cookieaccept a:hover {
      text-decoration: none; 
      background: #fff;  
      color: #222; 
}
@media all and (min-width: 800px) {
    #cookierow {
          padding: 0 0 10px;
    }
    #cookietext {
        float: left;
    }
    #cookieaccept {
        margin-left: 10px;
        margin-top: 10px;
        float: right;
    }
}
 
#cookieconsent a:hover {
      cursor: pointer;
}
           
#cookieconsent, #cookierow, #cookietext, #cookieaccept {
      background-color: #414141;
}