/* ============ SPECTRAQEST QEST PORTAL ============ */

/* 
 *
 *  SEARCH RESULTS DISPLAY
 *
 *  COMMENCED 8 July 2009
 *	DESIGNER: Thomas Bland Design http://www.thomasbland.com.au
 *  COPYRIGHT 2009 SpectraQEST
 *
*/

/* ============ CONTAINER, SEARCH HEADER ============ */

div#container {
/* 	padding: 20px; */
}

div#SearchHeader {
	padding-bottom: 20px;
}

span.SearchTerm {
	font-weight: bold;
}

div#SearchResultInfo {
	float: right;
	margin-top: -30px;
}

div#SearchResultInfo p {
	padding-bottom: 0.5em;
}

div#SearchResultFilter {
	clear: both;	
	height: 20px;
	padding: 5px 0px 20px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#SearchResultFilter div {
	width: 300px;
	float: left;
	display: inline;
}

div#SearchResultFilter div label {
	float: left;
	padding-top: 10px;
}


div#SearchResultFilter ul li {
	float: left;
	margin: 5px;
	padding: 5px;
	background-color: #EEEEEE;
}
div#SearchResultSort 
{
    clear:left;
}

.SearchResultNav
{
    text-align: center;
}
/* class for filter values (tags etc) that are inactive (toggle) */
a.inactivefilter, a.inactivesort
{
    font-weight:normal;
}
/* class for filter values (tags etc) that are active (toggle) */
a.activefilter, a.activesort
{
    font-weight:bold;
}

span.CurrentPage {
	font-weight: bold;
}


/* ============ SEARCH NAV, SEARCH ACTIONS ============ */

div#SearchResultActions {
	clear: both;
	height: 30px;
	position: relative;
	top: 10px;
}

div.ShowHideDetails {
	position: relative;
	top: -1.2em;
}

div#SearchResultNavHeader
{
    clear:both;
    padding-top: 5px;
}

div#SearchResultNavFooter
{
    clear:both;
    padding-top:10px;
}

/* ============ SEARCH RESULTS ============ */

div#SearchResults {
	border-top: 5px solid #808385;
	clear: both;
}

/* TOM: the class for the search results div changes based on whether we are showing the
	details or the compact list.  */
div.SearchResultDetails ul li.result {
	border-bottom: 5px solid #ddd;
	padding: 20px 0;
}

div.SearchResultList ul li.result {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
}


div.DocumentSel {
	width: 30px;
	float: left;
}

div.DocumentHeader {
	width: 600px;
}


div.DocumentDetails {
	width: 580px;
	float: left;
	padding-right: 20px;
}

div.PublishNote {
	width: 148px;
	padding: 10px;
	float: left;
	background: #fffac2 url(images/note_corner.png) top left no-repeat;
	margin-top: -40px;
	border-right: 1px solid #f4d454;
	border-bottom: 1px solid #f4d454;
}

div.PublishNote span.PubNoteAuthor {
	font-weight: bold;
}

div.DocumentMeta {
	width: 98px;
	padding: 10px;
	float: left;
	margin-top: -40px;
	margin-right: 10px;
}

div.DocumentMeta div {
	padding-bottom: 1em;
}

div.DocumentRevisions ul li {
	float: left;
	padding-right: 0.5em;
}

div.DocumentDetails p.DocumentClient {
	font-size: 1.2em;
	padding-bottom: 0.8em;
}

div.DocumentDetails p.DocumentClient span.client, div.DocumentDetails p.DocumentClient span.project {
	font-weight: bold;
}

/* Small tool buttons - TODO: Declare as class in master? */

div.DownloadButtons {
	position:relative;
	float: right;
	margin-top: -40px;
}

div.DownloadButtons ul li {
	float: left;
	margin-right: 10px;
}

div.DownloadButtons ul li a {
	padding: 3px 12px;
	background-color: #ddd;
	-moz-border-radius: 3px;
	color: #dd1010;
	text-decoration: none;
	font-weight: bold;
}

div.DownloadButtons ul li a:hover {
	color: #fff;
	background-color: #dd1010;
}

div.Dialog
{
	display:table;
}

div.Dialog input 
{
	padding:2px;
	position:relative;
	width:75%;
	margin-bottom:20px;
	right:0px; 
}
div.Dialog textarea
{
	padding:0px;
	position:relative;
	width:75%;
	margin-bottom:20px;
	right:0px;
}
div.Dialog label
{
	position:relative;
	left:0px;
	vertical-align:top; 
	width:100px;
}

/***********************************************************
* CSS for the search results page related to toggling the 
* format of the search results.  Triggered by the show/hide details link.
************************************************************/

/*
* uses two classes ShowSummary is for the tabluar list style search results
* ShowDetails is for the detailed search results view.
* The compact tabular style dirk wants to display in columns with one result per row.
*/


ul.ShowSummary {
	display:table-row;
	width:100%;
}
ul.ShowSummary li {
	display:table-cell; 
	padding:3px 0px;
	height:15px;
}
/* table-cell display style doesn't work in i.e. so needed to add the span to set the width. 
ul.ShowSummary li span {
	display:inline; 
	width:80px;
	height:15px;
}*/
/*
* For tags and notes columns.
*/
ul.ShowSummary li div {
	display:none;
}
ul.ShowSummary li:hover div, ul.ShowSummary li.list-hover div {
	display:block;
	position:absolute;
}
ul.ShowSummary li:hover div ul, ul.ShowSummary li.list-hover div ul {
	display:block;
	width:auto;
}
ul.ShowSummary li:hover div ul li, ul.ShowSummary li.list-hover div ul li {
	display:list-item;
	width:auto;
	padding:1px;
}
div.SearchHeader {
	display:block;
	width:100%;
	background-color:#808385;
	color:White;
	padding-bottom: 5px;
}
div.SearchHeader ul {
	display:table-header-group;
	font-weight:bold;
	font-family:Sans-Serif;
	width:100%;
}
div.SearchHeader ul li {
	display: block;
	float: left;
}
div.SearchHeader li.documentcode, ul.ShowSummary li.documentcode {
	width:200px;
}
div.SearchHeader li.documenttype, ul.ShowSummary li.documenttype {
	width:200px;
}
div.SearchHeader li.project, ul.ShowSummary li.project {
	width:240px;
}
div.SearchHeader li.publisheddate, ul.ShowSummary li.publisheddate {
	width:180px;
}
div.SearchHeader li.tags, ul.ShowSummary li.tags {
	width:40px;
}
div.SearchHeader li.notes, ul.ShowSummary li.notes {
	width:40px;
}
div.SearchHeader li.checkbox {
	width:24px;
}

/* link that the user clicks on to toggle the search results view. */
div.ShowHideDetails {
	float:right;
}
input.resultcheckbox {
	float:left;
	width:16px;
	position: relative;
	top: 3px;	
}


/* ============ NEW SEARCH RESULTS ============ */


/* search filter */
div#sr-filter-wrapper
{
    clear:both;
	padding: 10px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div#sr-filter-wrapper div.sr-filter
{
	padding: 5px 0px;
}

.sr-filter label {
	display: block;
	width: 40px;
	text-align: right;
	margin-right: 10px;
	float: left;
	padding-top: 6px;
	
}

div#sr-filter-tags label {
	padding-top: 2px;
}

div#sr-filter-tags ul li a {
	padding: 2px 4px;
	font-size: 0.9em;
	margin-bottom: 3px;
	font-weight: normal;
}

.sr-filter ul
{
    float:none;
    display:block;
    margin: 0px 0px 0px 50px;
}
.sr-filter li
{
	display: inline;
}

/* Page Numbers */
.SearchResultNav span, .SearchResultNav a
{
    margin: 1px;
    padding: 1px;
}

/* link that the user clicks on to toggle the search results view. */
div.sr-toggle-details-wrapper {
	float:right;
	position: relative;
	top: -18px;
}

/* div for a message, e.g. "no matching results" at the bottom of the page */
div#sr-message
{
    margin: 20px auto;
    padding: 10px 10px 15px 10px;
    text-align: center;
    width: 50%;
}


/* header text for sort links */
div#sr-header a
{
    color:#FFF;
    font-weight: bold;
}
div#sr-header span
{
    display: inline-block;
}

/* Search Items */ 

li.sr-item {
	margin-top: 2px;
	clear: both;
	float: left;
	width: 900px;
}

/* container for individual search result items */
div.sr-doc {
	float: left;
}

/*table layout */
.sr-row, .sr-row-header
{
    display:table-row;
}
.sr-col, .sr-col-header
{
    display: block;
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

/* column widths for search result data */
.sr-col-checkbox
{
    width: 25px;
}
.sr-col-checkbox input[type=checkbox]
{
    margin-top: 2px;
}
.sr-col-text
{
    width: 164px;
}
.sr-col-date
{
    width: 80px;
}
.sr-col-icon
{
    width: 16px;
}
/* additional content to display when user hovers over an icon displayed for a search result */
.sr-col-icon div.panel
{
    display:none;
    position: absolute;
    font-weight: normal;
}
.sr-col-icon:hover div.panel, .sr-col-icon-hover div.panel
{
    display:block;
}
.sr-col-icon:hover div.panel.hidden, .sr-col-icon-hover div.panel.hidden
{
    display:none;
}
.sr-col-icon div.sr-tags
{
    width: 100px;
    margin-left: -100px;
}
.sr-col-icon div.sr-publish-note
{
    width: 148px;
    margin-left: -148px;
}


/* header row for each result */
div.sr-doc-header
{
	float: left;
	width: 900px;
    background-color: #F0F0F0;
    	padding: 3px 0;
    	clear: both;
}
div.sr-doc-unread
{
    font-weight: bold;
}

/* document details - this section may be shown/hidden */
div.sr-doc-detail
{
    width:808px;
    margin-left: 97px;
    display:block;
}
div.sr-doc-detail-general
{
    width: 450px;
    margin:5px;
    display:block;
    float:left;
}
div.sr-doc-detail-meta
{
    width: 310px;
    float:right;
}
div.sr-doc-detail-tags
{
    margin:5px;
    float:left;
}
div.sr-doc-detail-note
{
    float:right;
    margin:5px;
}

/* tag list - displayed on hover, and when details are shown */
div.sr-tags
{
    width: 100px;
    padding: 10px 5px;
}

/* publishing note - displayed on hover, and when details are shown */
div.sr-publish-note
{
    width: 148px;
	padding: 10px;
	background: #fffac2 url(images/note_corner.png) top left no-repeat;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #f4d454;
	border-bottom: 1px solid #f4d454;
}
/* END new version of Search Results */