/*
================================================================================
Styles for Global Search - implemented throughout the site
Author:       Martyn Green
Created:      September 27 2006
Modified:     
		May 15th 2007 (M Green) Fixed problem with ULs in resultpanel, Removed duplicate styles.
		---?--- numerous uncatalogued changes
		February 27th 2007 (moved paging styles to basestyles)
		February 28th 2007 (J Offer - migrating some classes from personalisation)
		August 1 2007 (GS - removed bold from div.searchres)
*/

div#pagecontent {float: left; width: 68%; margin: 0 2% 0 2% !important; border: solid 2px #ffffff; padding: 0px 10px 10px 10px; }

div#searchpanel {margin: 0em !important; padding-bottom: 10px;}

div#searchinfo {width:30%;}
div#searchinfo p{width:96%;}
div#search-pagecontent {margin:0 0 0 25%; padding: 0 12px;}

div.searchinfo	{ margin-bottom: 0.5em; }
div.searchinfo div.paging	{ float:right; }
div.searchinfo div.pages	{ font-family:verdana, arial, sans-serif; font-size: 0.95em; margin: 0 5px 0 5px; float: left; }
div.searchinfo div.pages a	{ text-decoration: underline; }
div.searchinfo span.currentpage	{ font-weight:bold; }
div.searchinfo div.searchres { margin-top: 5px;}
div.searchinfo span.terms { font-weight: bold; }
div.searchinfo span.subject { font-weight: bold; color: #cc0000; }
div.searchinfo .arrows	{ float: left; }

div#resultscontent{padding:10px;}

dl.results {margin-bottom: 30px; display:block;}
dl.results dt {margin-top: 0.5em; border-top: dotted 1px #ccc;}
dl.results dd {margin:0; padding:0 0 1em 3em;}
dl.results dd span.description{display:block; margin-bottom: 1em;}
dl.results dd span.details{}
dl.results dd span.source {display:block; text-align:right; color: #868048;}
dl.results dd span.link   {display:block; text-align:right; margin: 0 0 0.5em 0;}

div.resultpanel {border:solid 2px #e8e1bb; font-size: 0.9em; margin:0 0 12px 12px; background: #fff; padding: 3px 3px 12px 3px;}
div.resultpanel h2 {margin-bottom: 0.5em; color:#000; background-color: #F7F5E8; padding: 4px !important;}
div.resultpanel h3 {margin-bottom: 0; font-size:1em;}
div.resultpanel ul {list-style: none; margin: 0 0 0 6px; padding: 0; font-weight: normal;}
div.resultpanel ul li {list-style: none; margin-top: 4px; background: url(http://collections.europarchive.org/tna/20080107210935/http://www.nationalarchives.gov.uk/images/globalsearch/search_subject.gif) no-repeat 2px 6px; padding-left: 12px; }
div.resultpanel ul li.on {font-weight: bold; background: url(http://collections.europarchive.org/tna/20080107210935/http://www.nationalarchives.gov.uk/images/globalsearch/search_subject_active.gif) no-repeat 2px 4px;  }
div.resultpanel ul li.uplevel {margin-top: 1em; background: url(http://collections.europarchive.org/tna/20080107210935/http://www.nationalarchives.gov.uk/images/globalsearch/search_subject_top_5.gif) no-repeat 0 4px; font-weight: normal;}
div.resultpanel ul li.keylink {margin-top: 1em; background: url(http://collections.europarchive.org/tna/20080107210935/http://www.nationalarchives.gov.uk/images/globalsearch/search_subject_all.gif) no-repeat 0 4px; font-weight: bold;}
div.resultpanel .bookitem {margin: 5px 2px 5px 0; clear: both;}
div.resultpanel .booklink {vertical-align: bottom; margin-left: 70px;}
div.resultpanel .bookimage {float: left; margin-left: 5px;}
div.resultpanel .product {margin: 5px; clear: both;}

/* 
	new styles from personalisation pages - joffer 27/02/2007
*/
.stips {text-align: right; margin: 0px 0px; padding: 0px;}
div#searchform { }
div#searchform input.abase {position: relative; top: 4px; }
div#searchform p{margin: 1em 0; font-size: 0.9em;}

/*
div#searchform p span.controlON  {background-color: #cc6633; border: solid 1px black; color: white; margin-right: 3px; padding: 4px 4px;}
div#searchform p span.controlOFF {background-color: #cc6633; border: solid 1px black; color: white; margin-right: 3px; padding: 4px 4px;}
div#searchform p span.controlON input, div#searchform p span.controlOFF input { _height:1.1em;}
div#searchform p span.controlOFF a, div#searchform p span.controlON a, div#searchform p span.controlOFF a:hover, div#searchform p span.controlON a:hover {color:#fff;text-decoration:none;}
*/
div#searchform p span.controlON { vertical-align:top; font-weight:bold; }

div#searchform a.smartsearch{padding-left:3px;}
div#searchinfo { float: right; border-left: dotted 1px black; padding-left: 15px; width: 32%; font-size: 1em; margin-left: 4px;}
div#searchinfo p {margin-top: 8px; padding-bottom: 0px !important; }
div#tabmain {background-color: #fff; padding: 5px 10px; border-bottom: solid 1px #cacaca; border-left: solid 1px #cacaca; border-right: solid 1px #cacaca;}

div.info {margin-bottom: 1.5em; }
div.count {font-weight: bold; margin: 0px;}
div.recommended-links{line-height:1.2em;padding:15px;margin-bottom:.5em;background-color:#FBFAF3;border:1px solid #E8E1BB;}
div.recommended-links p{padding:0px !important;margin:0px 0px .5em 0px !important;}

.search_result_highlight {background: #FEE9CC;}
.redmessage {font-weight:bold; color: #cc0000; }
.lbl {width: 12em; display: block; float: left; margin-right:0.5em; padding: 2px; font-weight:bold; background-color: #F7F6F0;height:1em;}
.lbloptional {width: 12em; display: block; float: left; margin-right:0.5em; padding: 2px; background-color: #F7F6F0;height:1em;}
.lblw {width: 12em; display: block; float: left; margin-right:0.5em; padding: 2px; font-weight:bold; background-color: #Ffffff;}
.lbld {width: 6em; display: block; float: left; margin-right:0.5em; padding: 2px; font-weight:bold; background-color: #Ffffff;}
.lblsmall {width: 8em; display: block; float: left; margin-right:0.5em; padding: 2px; font-weight:bold; background-color: #F7F6F0;}
.lblsearch {width: 8em;  font-weight:bold; background-color: #Ffffff;}
.longer {width: 15em; display: block; float: left; margin-right:0.5em; padding: 2px; font-weight:bold; background-color: #F7F6F0;}
.longest {width: 18em; display: block; float: left; margin-right:0.5em; padding: 2px; font-weight:bold; background-color: #F7F6F0;}
.longbold {float: left; margin-right:0.5em; padding: 2px; font-weight:bold; }
.icon {
	vertical-align: bottom;
}

/* link button class to present buttons as link_buttons for accessibility */
.rightlink {float:right;}

.link_button{vertical-align:text-bottom; border-width:0px; background-color:transparent; color:blue; text-decoration:underline; cursor:pointer; color:#0066cc; font-family:Arial, Helvetica, sans-serif;}
.link_button_mypage {margin:0; padding:0; vertical-align:text-bottom; border-width:0px; background-color:transparent; color:blue; text-decoration:underline; cursor:pointer; color:#0066cc; font-family:Arial, Helvetica, sans-serif;}
.link_button_li {text-align:left; border-width:0px; padding:0 !important; background-color:transparent; color:blue; text-decoration:underline; cursor:pointer; color:#0066cc;font-family:Arial, Helvetica, sans-serif;}
.link_button_selected {text-align:left; border-width:0px; background-color:transparent; color:blue; text-decoration:underline; cursor:pointer; color:#0066cc;font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:14px; background: url(http://collections.europarchive.org/tna/20080107210935/http://www.nationalarchives.gov.uk/images/globalsearch/search_subject_all.gif) no-repeat 2px 4px; }
.link_button_intext{width:120px;}

.link_button_li:hover{color:#cc0000;}

.search_form_expanded {font-family: Arial, Helvetica, sans-serif; padding:10px 10px 5px 10px; border: 1px #CCCCCC solid;margin:3px; clear:both;width:95%;}
.search_form_expanded span {display:block;float:left;width:45%;padding-bottom:5px;}

.search_results_content{
	padding-top:1em;
}

#search_results_content #leftcol .resultpanel{

	margin-left:0px !important;
	margin-right: 5px;
}


div#search-pagecontent{
	margin-left:25.5%;
}
.count a {
	padding-left:2em;
}
.icon {
	vertical-align: bottom;
}
.lefthalf {float: left; width:49%; margin-top: 15px;}
.righthalf {float: right; width:49%; margin-top: 15px;}

div#search-pagecontent dl.results{
	border-top:none !important;
}

div.searchfield {
	padding-bottom:10px;
	margin-bottom:5px;
	background:url(http://collections.europarchive.org/tna/20080107210935/http://www.nationalarchives.gov.uk/images/globalsearch/hr.gif) bottom left repeat-x;
	width:300px;
}

.searchoptions {
	margin-left:75px;
	white-space: nowrap;
}

.optionsalign {
	margin-top:-17px;
} 

.dividersmall {
	height: 1px; overflow: hidden; border-bottom: solid 1px #e8e1bb; bottom left repeat-x; margin: 5px 0px; xwidth: 400px;
}

.scrollpanel{height: 100px; overflow: auto; border:solid 1px #999966; padding: 6px; margin-bottom: 0.2em; background-color: white; width: 98%;}

div#pagecontent table.datatable tr.attention {background-color: #F7F6F0;}
div#pagecontent table.datatable th { background-color:#e8e1bb; font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-weight:bold;font-size:1.0em; color:#000000;}
div#pagecontent table.datatable .attentionnote {background-color: #F7F6F0; font-size:0.9em; font-weight: bold;}
div#pagecontent table.datatable td.flaglt {border-left: 2px solid #cc0000; border-top: 2px  solid #cc0000;border-bottom:2px solid #F7F6F0;border-right:solid 1px #F7F6F0;}
div#pagecontent table.datatable td.flagt{border-top: 2px solid #cc0000;border-bottom:2px solid #F7F6F0;border-left:solid 1px #F7F6F0;border-right:solid 1px #F7F6F0;}
div#pagecontent table.datatable td.flagrt {border-right: solid 2px #cc0000;  border-top: 2px solid #cc0000;border-bottom:2px solid #F7F6F0;border-left:1px solid #F7F6F0;}
div#pagecontent table.datatable td.flagb {border-left: solid 2px #cc0000; border-right: 2px solid #cc0000;  border-bottom:2px solid #cc0000;  }
div#pagecontent table.datatable tr.attention td.flag {border-bottom:none;}
div#pagecontent table.datatable tr.seperate {border-top: solid 2px #cc0000;}