/* Page Flow CSS */
/* The CSS here is responsible for the flow of elements on the page */
div.row 
{
        clear: both;
}

div.fleft{
        float: left;
}

div.fright{
        float: right;
}

div.spacer 
{
          clear: both;
}

.skip {
	position: absolute;
	left: -999em;
}

/* General CSS Attributes */
/* These will apply to the whole page unless overriden by other css elements. */

div#kbroker{
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 110%;
        width: 100%;
        padding-bottom: 20px;
        float: left;
}

div#kbroker h1 {
        color: #000000;
        font-size: 120%;
}

div#kbroker h2 {
        color: #919191;
        font-size: 100%;
}

/* Styles for: ahelp.jsp and help.jsp*/
div.ahelpcontent {
        font-size: 90%;
        width: 100%;
        background-color: #F0F0F0;
        border: 1px #919191 solid;
}

div.helpcontent {
        font-size: 90%;
        width: 100%;
        background-color: #F0F0F0;
        border: 1px #919191 solid;
}

/* Search form styles, this will apply to all search and results forms for simplicity */
div.kbsearchform {        
        width: 520px;
        font-size: 100%;
        padding-bottom: 5px;
}
div#kbroker div.kbsearchform h2{  
	font-size: 120%;
	padding: 0;
	margin: 0;
}

div.kbsearchform form{
        margin: 0px;
        padding: 0px;
}

div.searchform img{
        border: 0px;
}

div.helplink{
        font-size: 100%;
        margin-left: 5px;
        float: left;
        color: #ffffff;
}

div.ahelplink{
        float: left;
        font-size: 100%
}

input#kbsubmit {
        background-color: #919191;
        font-weight: bold;
        border: 1px #919191 solid;
        color: #ffffff;
     /* background-image: url(filename.gif);*/
}

input#kbsubmit:hover {
        color: #ffffff;
}

input#kbsubmit:active {
        color: #ffffff;
}

/* Simple search only elements. */
div.spelling {
        font-size: 80%;
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
}

div.spelling a {
        font-weight: bold;
        font-style: italic;
}

div.kbsimplelabel{
	float:left;
	width: 50px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.kbsimpleinputs{
	float:left;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Advanced search only, fixed width select boxes and text formatting. */

/* VERITY STYLE */
select.afl{
        width: 140px;
}

select.aty{
        width: 90px;
}

select.aop{
        width: 120px;
}

/* NEW STYLE */
div.asearchtext{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	font-size: 90%;
}
div.asearchtext{
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0;
}
div.asearchfields{
	padding-top: 10px;
}
div.asearchfields label{
	float: left; 
	width: 220px;
}
div.asearchfields h2{
	padding-bottom: 5px;
}
div.asearchfields input{
	width: 200px;
}
div.asearchdisplay{
	padding-top: 10px;
	padding-bottom: 10px;
}
div.asearchdatestandard{
	padding-bottom: 10px;
}
div.asearchdatestandard label{
	float: left; 
	width: 220px;
}
div.asearchdateadvanced{
	padding-top: 10px;
	padding-bottom: 10px;
}
div.asearchdisplay .asearchselect{
	
}


/* kbtabs, these control the appeareance of the tabs, this block makes them appear as tabs */
#kbtabs{
        clear: both;
}

#kbtabs ul {
        width: auto;
        white-space: nowrap; 
        font-size: 70%; 
        margin: 0px; 
        padding: 0; 
        border: none; 
        list-style: none; 
        list-style-type: none;
}

#kbtabs li {        
        list-style-type: none;
        list-style-image: none;
        white-space: nowrap;
        margin: 0; 
        padding: 0;
        float: left;
}


html>body #kbtabs li a {
        width: auto;
}

#kbtabs li a{
        display: block; 
        padding: 3px 2px 3px 2px; 
        margin: 1px 2px 0 2px; 
        border-left: 1px solid #000000; 
        border-right : 1px solid #000000; 
        border-top: 1px solid #000000; 
        border-bottom: 0px;
        background: #F0F0F0; 
     /* background-image: url(filename.gif);*/        
        font-weight: normal;
}

#kbtabs li a:hover {
        background: #dfdfff; 
        color: #000000;
}

#kbtabs li strong{
        display: block; 
        padding: 3px 2px 3px 2px; 
        margin: 1px 2px 0 2px; 
        border-left: 1px solid #000000; 
        border-right : 1px solid #000000; 
        border-top: 1px solid #000000; 
        border-bottom: 0px;     
        background: #dfdfff;    
     /* background-image: url(filename.gif);*/        
        text-decoration: none; 
        font-weight: bold;
        color: #000;
}

/* Formatting for the pagebreak */
div.pagebreak {        
        text-align: left;
        background-color: #F0F0F0;
        width: 100%;     
        float: left;
        border-top : 1px #919191 solid;
}

/* Formatting for the left hand side information element in pagebreak */
div.pagebreakleft {
	margin-left: 1px;
        float: left;
        text-align: left;
        color: #000000;
        font-size: 80%;
        font-weight: bold;  
}
#kbroker div.pagebreakleft h2{
	margin: 0px;
	padding: 0px;
        color: #000000;
}

/* Formatting for the navagation elements in pagebreak */
div.pagebreakright{
	padding-right: 5px;
        float: right; 
        text-align: right; 
        color: #000000;
        font-size: 80%;        
        font-weight: bold;  
}

ul.hitsnav{
	list-style: none; 
        list-style-type: none;
        margin: 0px; 
        padding: 0; 
        border: none;     
        white-space: nowrap;
}

ul.hitsnav li{
	padding-left: 4px;
	display: inline; 
        list-style-type: none;
        list-style-image: none;
        white-space: nowrap;
}
ul.hitsnav li a, ul.hitsnav li a:visited {
        text-decoration: none;
        color: #0000FF;        
}

ul.hitsnav li a:hover{
        text-decoration: underline;
        color: #000000;
}

ul.hitsnav li strong{
	color: #000000;
}

/* Formatting for the hitscontrols (sort by) elements under the pagebreak */
div.hitscontrols {
        width: 100%;        
        font-size: 70%;
        color: #000000;
        font-weight: bold;       
}

/* Onehit styles, onehitlast is the final hit on the page, sometimes requires differnt formatting. */
div.onehit {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        border-bottom: 1px solid #919191;
		font-size: 85%;
}

span.onehitsspacer{
        color: #ffffff;
        font-size: 50%;
}

div.onehitlast {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
		font-size: 85%;
}

/* Styles for questions, similar to onehit. */
div.onequestion {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
}

div.onequestionlast {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
}

img.questionimg{
        float: left;
        border: 0px;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;                
}

/* Results info CSS */

div.resultsacc{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}

p.noresults{
        font-size: 90%;
        color: #000000;
}

div.resultssummary{
	padding-bottom: 5px;
	font-size: 90%;	
}

/* These styles are used by both questions and onehit, formatting options for the text, links and summarys. */
p.location, p.questionlocation{
        font-weight: bold;
        font-size: 100%;
        color: #666666;
        margin: 0;
        padding: 0;
}


p.summary, p.questionsummary {
        font-size: 100%;
        margin: 0;
        padding: 0;
}

p.relevance, p.lastupdated, p.url, p.questionurl {
        font-size: 90%;
        color: #666666;
        margin: 0;
        padding: 0;
}

p.morefrom {
        font-size: 70%;
        color: #ffffff;
        margin: 0;
        padding: 0;
}

/* Styles for displaying document type icons next to document links. */
p.location a.pdf_document{
        background: url(images/pdf.gif) left top no-repeat;
        padding-left: 20px;
}

p.location a.ppt_document{
        background: url(images/ppt.gif) left top no-repeat;
        padding-left: 20px;
}

p.location a.rtf_document{
        background: url(images/rtf.gif) left top no-repeat;
        padding-left: 20px;
}

p.location a.doc_document{
        background: url(images/doc.gif) left top no-repeat;
        padding-left: 20px;
}


/*Theasurus CSS */ 
div#kbthesaurus{
	width: 100%;     
	padding-top: 10px;
}

div#kbthesaurus h3{
	border: 1px solid #919191;
        padding: 0px;
        margin: 0px;
        background-color: #F0F0F0;
        font-size: 80%;
        font-weight: bold;
        border-bottom: 1px solid #919191;
}

div#kbthesaurus table{
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	border-bottom: 1px solid #919191;
        padding-left: 5px;
        width: 100%;
        font-size: 80%;
}

div#kbthesaurus table td{
        padding-top: 5px;
        padding-bottom: 5px;
}

div.alternativesearchtop{
	font-size: 80%;
	margin-bottom: 10px;
}
div.alternativesearch{
	font-size: 80%;
	margin-bottom: 10px;
}

/* Footer CSS */
div#kbfooter {
	padding-top: 5px;
        width: 100%;
        font-size: 80%;
}

<div id="maincontent" class="fullwidth">
<h1>Search Help</h1>


<!-- Search Results retrieved from search2.nics.gov.uk -->



    <div id="kbroker">
  
<div class="helpcontent">
  
<p>To use KBroker, enter your query terms in the search box 
and click the <b>search</b> button on the right hand-side. You can use single 
terms or type in a whole sentence or phrase but try to use terms that are 
likely to be within the text of the documents you are searching for.</p>

<p>KBroker will find documents containing as many of these words and phrases as 
possible, ranked so that the documents most relevant to your query are shown
first. Don't worry about missing a document because it doesn't have one of the terms 
in your query because KBroker returns relevant results even if they don't contain 
all query terms.</p>

<p>You also don't need to worry about spelling your query correctly. If KBroker thinks
you have made a mistake it will show the suggested spelling below the
search box. Simply click the suggestion link to re-submit your query with the
correct spelling.</p>

<p>You can make your query more specific by clicking on the radio buttons below the 
search box. By default, KBroker will match <b>Any Words</b> (in your query) but you can 
force KBroker to only return results that have all of your query terms by selecting 
<b>All Words</b>. If you are looking for an exact phrase then type the query exactly 
as it would appear in the source document and click the <b>Exact Phrase</b> radio button.</p>

<p>Click <b>Find in Title only</b> check box to restrict your search to only find documents 
that have your query terms in the document title.</p>

<p>For a more powerful search, use <a href="asearch.jsp">advanced search</a>.</p>

<h2>Your search results</h2>

<p>Once you have submitted your query, KBroker will return a page of results. 
You will see the title of the document and a brief summary that is 
likely to indicate what the document is about. Click the title to go to the
actual document.</p>

<p>Additional information about each document is also displayed on the results page:</p>
<ul>
<li>The relevance of the document.</li>
<li>The last modified date of the document.</li>
<li>The location of the document.</li>
</ul>

<h2>Results grouped by tabs</h2>

<p>Your results page may include a number of tabs displayed just above the first search hit.  
If you click on a tab, the results will be reformed to show you search hits from that section only.  
The current tab is highlighted on the results form and the number of hits counter shows the name the of current tab.  
You can switch between tabs by clicking between them, and this causes the results to reform around each of the tab settings.</p>

<h2>Using 'more from' links</h2>

<p>The search hits themselves may include a 'more from this site' link.  
If you click this the search results are reformed to show only results from that site or section. 
A tab is automatically diplayed for that site/section, and while it displayed all follow on searches 
will be restricted to that site/section only. This is useful way to drill-down the search to a specific site. 
You can exit this mode by clicking on one of the other tabs.</p>

<h2>Sorting your results</h2>

<p>Results are sorted by their relevance to the specified query. Click
<b>sort by date</b> to re-display the results sorted by their last modified date.
Clicking <b>sort by relevance</b> will re-sort by relevance.</p>

<h2>Showing more results</h2>

<p>If your search has yielded lots of results, KBroker will divide these into
several pages. You will see 10 results on each page. Use the <b>Previous</b> or <b>Next</b> 
links to navigate through the results, or jump to the page you want by clicking on the page number.</p>

<h2>Recommended links</h2>

<p>Terms and phrases in your query may trigger the display of <b>recommended links</b> before
the search results. These link to a document which has been selected for it's relevance
to the terms you are searching for. </p>

<h2>Refining your search</h2>

<p>At the top of the results page is another search box allowing you to refine
your search.</p>

</div>


      <div class="spacer"></div>
      <div id="kbfooter">
        <div class="fright">
          &copy; 2005 <a href="http://www.openobjects.com/">Open Objects Software Ltd.</a>
        </div>
      </div>
    </div>
    <!-- end of kbroker div -->
  
</div>