/*
============================================================================================
Style rules for the follwing search pages:
	search, person search, advanced search,
	search results, person search results, advanced search results
Original author: Craig Anderson
Created: June 2009

***** AMENDMENTS *****
September 2009, Craig Anderson: new rules for FOW search, including person search
February 2010, Craig Anderson: header colour changed to teal (#008193)
February 26 2010, Craig Anderson: changes for consistency with Record Copying form designs
June 25 2010, Craig Anderson: minor change for partner results on search results page
September 10 2012, Dylan Williams: removed overflow-x:hidden!important; from html to allow horizontal scrolling at narrow screen widths
============================================================================================
*/

/* navigation div override for bottom border */

html {overflow-y:scroll!important;}
div#main-navigation { border-bottom: 4px solid #008193; }

strong { font-weight:700; }
div#search-wrapper { background: #FFF; float: left; margin: 0; padding: 0; width: 960px; }
#search-wrapper .emphasis { font-weight: 700; }
.search-advice { color: #cc0000; font-size: 90%; }
.mandatory-indicator { color: #cc0000; font-size: 0.9em; }
div.search-clearing { clear: both; }

/* hidden content is intended for use by assistive techology e.g. screen reader software */
.hiddenContent { display: inline-block; position: absolute; left: -999em; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Page header */
div#search-header { height: 36px; clear: both; background: #008193; padding: 4px 0 0 0; margin: 0 0 0 0; }
#search-header h1 { font: 2em/130% Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; margin: 0 0 0 20px !important; padding: 0 0 0 0; }

div.search-main { background: #eee; margin: 20px 19px 0 19px; padding: 20px 20px 0 20px; border:#bfbfbf 1px dotted; }
/*div.search-main { background: #EEE; }
div.search-main { background: #EEE; margin: 20px; padding: 0 20px 0 20px; background: #EEE; }*/

/* General form rules */
div.search-form { margin: 0; padding: 0; }
div.search-form-fields { float: left; margin: 0; padding: 0 0 0 0; width: 780px; }
.search-form fieldset { border: 0; margin: 0; padding: 0; }
.search-form fieldset legend { position: absolute; margin-top: -999em; visibility: hidden; }
.search-form input { border: 1px solid #000; height: 20px; padding: 3px 0 0 4px; vertical-align: middle; }
.search-form label { padding-right: 5px; }
.search-form label span.labelHiddenText { display: inline-block; position: absolute; left: -999em; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Search form introductory text (not found on all) */
/*div.search-form-intro-text { padding: 12px 0 0 0; }*/
div.search-intro-text { background-color:#FEEFB3; border:1px dotted #860B0B; margin: 20px 20px 0 20px; padding:12px 20px; }
div.search-intro-text p { padding: 0; }

/* Validation error messages */
.search-validator-message { color: #C41D28 !important; clear: both; font-weight: 700; padding: 12px 0 0 0; }
.search-validator-message ul { list-style: none; margin: 0; padding: 0; }
.search-validator-message ul li { font-weight: normal; margin-left: 12px; }

/* Search text field/label */
div.quick-search-primary-field, div.search-primary-field, div.person-search-primary-field { float: left; margin: 0 0 0 0; padding: 0; width: 520px; }

/* Quick search specific text field/label */
.quick-search-primary-field input { width: 80%; }
.quick-search-primary-field label { width: 20%; }

/* Person search specific fields/labels */
.person-search-primary-field input { margin: 0 8px 0 0; width: 30%; }
.person-search-primary-field label { width: 20%; }

/* Advance search specific fields/labels */
.search-primary-field {margin-bottom:12px!important; float:left;}
.search-primary-field label{width:200px!important; display:inline-block;}
.search-primary-field input{display:inline-block; width:300px!important;}

/* Date range */
div.search-date-range { float: left; margin: 0 0 0 12px; padding: 0; width: auto; }
.search-date-range div { float: left; }
.search-date-range input { margin: 0 8px 0 0; width: 50px; }

/* Source selection radio buttons */
div.source-selection { float: left; margin: 15px 0 0 90px; }
.source-selection input { border: none; }
.source-selection label { padding: 0 15px 0 0; vertical-align: middle; }

/* Submit button */
div.search-submit { float: right; margin: 0 0 0 0; padding: 0; width: auto; }
.search-submit input { border: 0; height: auto; padding: 0; }


/* Search form links */
div.search-links { clear: both; display: inline-block; font-size: 0.9em; padding: 15px 0 20px 0; width: 780px; }
.search-links a { margin: 0; padding: 0; }

/* Search tips */
div.search-tips { margin: 20px; padding: 12px 20px 20px 20px; background: #FFF; border: 1px dotted #D9D9D9; }
.search-tips h2 { border-bottom: 1px solid #d9d9d9; font-weight: 700; padding-bottom: 4px; }
.search-tips ul { margin: 0; padding: 0 0 12px 12px; }
.search-tips ul li { line-height: 200%; list-style: outside disc; }

  /***************************/
 /*		Advanced search		*/
/***************************/

/* Advanced search specific text field/label */
.search-primary-field input { width: 61%; }
.search-primary-field label { width: 39%; }

/* Search 'panels' */
div.search-panel { float: left; margin-top: 20px; width: 575px; }
.search-panel-with-border { border-left: #BFBFBF dotted 1px; float: left; margin-top: 20px; width: 384px;}
div.search-panel h2, div.search-panel-with-border h2 { background: #CDCDCD url(/images/home-img/h2-bg.jpg) top left repeat-x; padding: 4px 0 4px 20px; margin: 0; font-weight:700; display: block; }
div.title-bar-link { float: right; margin: -25px 0 0 0; padding: 0 20px 0 0; text-align: right; width: 100px; }

/* Checkbox lists */
div.search-checkbox-list { margin: 10px 0 0 20px; padding: 0; }
.search-checkbox-list input { vertical-align: middle; }
.search-checkbox-list ul { float: left; margin: 0 15px 20px 0; padding: 0; }
.search-panel .search-checkbox-list ul { width: 45%; }
.search-checkbox-list ul li { padding: 0 5px 2px 0; }
.search-checkbox-list ul li label { padding: 0 5px 0 8px; vertical-align: middle; }

/* Submit button for advanced search */
div.search-end-bar { background: #EEEEEE; clear: both; }
.search-end-bar .search-submit { float: none; margin: 0; padding: 12px 40px 12px 0; text-align: right; }

  /***************************/
 /*		Search results		*/
/***************************/

div.search-results-wrapper { background: #EEE; display: inline-block; }

div.results-primary-content { width:639px; float:left; background-color:#FFFFFF; border-right:#BFBFBF dotted 1px; }
div.results-secondary-content { width:320px; float:left; background-color:#EEEEEE; }

.results-primary-content { width:639px; float:left; background-color:#FFFFFF; border-right:#BFBFBF dotted 1px; }
.results-secondary-content { width:320px; float:left; background-color:#EEEEEE; }

.results-primary-content li { margin:0 0 0 0; float:left; background:#FFFFFF; padding:0 0 12px 0px; width:319px; }
.results-primary-content h2 { background:#CDCDCD url(/images/home-img/h2-bg.jpg) top left repeat-x; padding: 4px 0 4px 20px; margin:0 0 0 0;font-weight:700; display:block; font-weight:bold; }
.results-primary-content img, .results-secondary-content .holder ul li img, .results-secondary-content p img { float:left; margin:0 10px 0 0; border:#8F8B8B solid 1px; }
.results-primary-content p { padding:12px 20px 0 20px; }
.results-primary-content h2 a { color:#000000; text-decoration:none; font-weight:bold;}
.results-primary-content h2 a:hover { text-decoration:underline; font-weight:bold;}
.results-primary-content li a.right-link{ float:right; color:#0066cc; text-decoration: underline; }
.results-primary-content li a:hover.right-link { text-decoration: none!important; }

a.subjectsToggle { color: #000; font-weight: 700; }
a.subjectsToggle:hover { color: #cc0000; }
.black-down-arrow {background: url(/images/arrows/arrow-black-down.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.black-up-arrow {background: url(/images/arrows/arrow-black-up.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}

.results-secondary-content .holder {background:#FFFFFF; margin:8px; padding:0 0 12px 0; border:dotted #BFBFBF 1px; border-top:none;}
.results-secondary-content .holder-opening {background:#FFFFFF; margin:8px 0 8px 0; padding:0 0 12px 0; border:dotted #BFBFBF 1px; border-top:none;}
.results-secondary-content .holder p.with-image {height: 127px;}
.results-secondary-content .holder ul li a img{padding-right: 10px;}

/* CDA 25/06/10: added next line for partner results on search results page */
.results-secondary-content .partners-holder ul li img { border: 0; float: none; margin: 0 0 -3px 0; padding: 0 6px 0 0; }
/* CDA 24/11/10: added next lines for partner results disclaimer text and partner results list background image */
.results-secondary-content .partners-holder { background:#fff url(/images/search/partner-results-bg.jpg) bottom left repeat-x; }
.results-secondary-content .partners-holder p.disclaimerText { color: #666; font-size: 11px; }
.results-secondary-content .partners-holder ul li { border-bottom: 1px dotted #008193; }

.results-secondary-content h2 { background:#CDCDCD url(/images/home-img/h2-bg.jpg) top left repeat-x; padding: 4px 0 4px 0; margin:0 0 0 0; font-weight:bold;  }
.results-secondary-content h2 a, .results-secondary-content h2 span.header-no-link { color:#000000; text-decoration:none; margin-left: 10px!important; font-weight:bold; }
.results-secondary-content h2 span.noLink { margin-left: 10px }
.results-secondary-content .holder h3 { font-size: 110%; padding: 4px 0 0 0; margin: 0 0 0 10px; font-weight:700; }
.results-secondary-content img { border:none; }
.results-secondary-content ul { padding:0 10px 0 10px; }
.results-secondary-content li { padding:8px 0 8px 0;border-bottom:#BFBFBF 1px dotted; }
.results-secondary-content li a, .results-secondary-content h2 a { color:#000000!important; text-decoration:none!important; }
.results-secondary-content li a:hover, .results-secondary-content h2 a:hover { text-decoration:underline!important; }
.results-secondary-content p { padding:10px 10px 0 10px; }
li.bookshopRelatedItem img { border: none !important; float: left; padding: 0 !important; }

div.search-query-details { background: #D9D9D9; margin-top: 20px; padding: 4px 20px 4px 0; text-align: right; }
div.search-source-details { background: #D9D9D9; margin: 0; padding: 0 20px 2px 20px; }
div.search-refinements { background: #EEEEEE; border-bottom: 2px solid #D9D9D9; padding: 12px 20px 20px 20px; }
.search-refinements h2 { font-weight: 700; }
.search-refinements span { font-size: 90%; }
.search-refinements span a { text-decoration: underline; }
.search-refinements span a:hover { color: #cc0000; }
.search-refinements ol li { float: left; padding: 0 10px 8px 10px; width: 280px; }
.search-refinements ol li a { color: #000; }
.search-refinements ol li a:hover { color: #cc0000; }
.search-refinements ol li a.subject-filter { font-weight: 700; }

.search-result-content { margin: 0 20px; padding: 15px 0; }
li.search-result-content { border-bottom: 1px dotted #CDCDCD; float: none; margin: 0 20px; padding: 15px 0 15px 0; width: auto; }
.search-result-content h3 { padding-bottom: 2px; }
.search-result-content h3 a { font-size: 0.95em; }
.search-result-content p { margin: 0; padding: 0; }
.search-result-content a:visited { color: #660000; }
.search-result-content span.result-highlight { background: #feedab; }
.search-result-content span.link-source { color: #007E3A; display: block; font-size: 98%; padding-top: 2px; }
.search-result-content div.bookmark { text-align: right; }

/* result page navigation controls */
div.search-result-paging-controls { margin: 15px 20px 15px 20px; }
.search-result-paging-controls span, .search-result-paging-controls a { text-align: center; }
.search-result-paging-controls span { background: #D9D9D9; color: #000; margin: 0 5px 0 0; padding: 4px 9px; font-weight: 700; }
.search-result-paging-controls a { border: 1px solid #716B6B; color: #000; margin: 0 5px 0 0; padding: 3px 8px; text-decoration: none; }
.search-result-paging-controls a:hover { background: #716B6B; color: #FFF; text-decoration: none; }

div.list { margin: 20px; }
.list ul { padding: 0 0 12px 12px; margin: 0; }
.list ul li { float: none; padding: 0; list-style: disc inside; }
.list a { color: #0066CC; text-decoration: underline; }