/* Page Flow CSS */
/* The CSS here is responsible for the flow of elements on the page */

.kbcontent{
	margin-top:10px;
	}
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;
        width: 100%;
        padding-bottom: 20px;
}

div#MainContentArea h1 {
	background-color:#ffffff !important;
	color:#345E00 !important;
	font-family:Trebuchet MS !important;
	font-size:1.2em !important;
	padding:4px 4px 4px 0 !important;
	margin-top:5px;
	}
div#kbroker h2 {
	margin: 0;
	padding: 0;
        font-size: 100%;
}

/* Styles for: ahelp.jsp and help.jsp*/
div.helpcontent p,
div.ahelpcontent p {
        font-size: 100%;
        width: 100%;
        padding: 10px 0 0 0;
}
div.helpcontent h2,
div.ahelpcontent h2 {
	color: #C80022;
        margin-top: 15px !important;
}

/* Search form styles, this will apply to all search and results forms for simplicity */
div.kbsearchform {
        width: 520px;
        font-size: 100%;
        padding-bottom: 5px;
		margin-top:10px;
}
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, input#azsubmit {
        background-color: #D4D0C8;
        font-weight: bold;
        border: 1px #D8E3E4 solid;
        color: #000000;
}

input#kbsubmit:hover {
        color: #ffffff;
}

input#kbsubmit:active {
        color: #ffffff;
}

/* Simple search only elements. */
div.spelling {
        font-size: 100%;
        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: 100%;
}
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;
	width: 100%;
	border-top: 1px solid #FFFFFF;
}
.kbtabs ul {
	white-space: nowrap;
	font-size: 100%;
	margin: 0px;
	padding: 0;
	border: none;
	list-style: none;
	list-style-type: none;
	clear:both;
}
.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 {
	color: #828282;
	display: block;
	padding: 3px 6px 3px 3px;
	margin: 1px 2px 0 0px;
	border-left: 1px solid #C3C3C3;
	background: #E5E5E5 url('http://search2.openobjects.com/kbroker/derbyshire/southderbys/look/images/tab2.gif') no-repeat right top;
	text-decoration: none;
}

.kbtabs li a:hover {
	text-decoration: underline;
}

.kbtabs li strong {
	color: #828282;
	display: block;
	padding: 3px 6px 3px 3px;
	margin: 1px 2px 0 0px;
	border-left: 1px solid #C3C3C3;
	background: #C3C3C3 url('http://search2.openobjects.com/kbroker/derbyshire/southderbys/look/images/tab.gif') no-repeat right top;
	font-weight: bold;
}


/* Formatting for the pagebreak */
#kbresults div.pagebreak {
        text-align: left;
        background-color: #C3C3C3;
        width: 100%;
        float: left;
		margin-top:0px !important;
        padding: 4px 0 4px 0;
}
 div#MainContentArea #kbresults ul {
	margin:0 0 10px !important;
	padding:0 0 0 0px !important;
	}
div#MainContentArea #kbresults ul li {
	padding:5px 5px 0 0 !important;
	}
div.pagebreak2 {
        text-align: left;
        background: url('images/pagebreak.gif') repeat-x left bottom;
        width: 100%;
        float: left;
        padding: 4px 0 4px 0;
        /*border-top : 1px #666699 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: 100%;
        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: 100%;
        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{
        text-decoration: none;
		color: blue !important;
}

ul.hitsnav li a:hover{
        text-decoration: underline;
		
}
ul.hitsnav li strong{
	color: #000000;
}

/* Formatting for the hitscontrols (sort by) elements under the pagebreak */
div.hitscontrols {
        width: 100%;
        font-size: 100%;
        color: #000000;
        font-weight: bold;
}

/* Onehit styles, onehitlast is the final hit on the page, sometimes requires differnt formatting. */
div.onehit, div.onehit_shaded {
        padding: 5px 2px 5px 2px;
        width: 100%;
}

div.onehit_shaded, div.onehitlast_shaded {
	background-color: #EFEFEF;
}

span.onehitsspacer{
        color: #ffffff;
        font-size: 100%;
}

div.onehitlast {
        width: 100%;
        padding: 5px 2px 5px 2px;
}

/* 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: 100%;
        color: #000000;
}

div.resultssummary{
	padding-bottom: 5px;
	font-size: 100%;
}
div.onehit pre, div.onehitlast pre{
	white-space: normal;
	padding: 0;
	margin: 0;
}
/* 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;
}
ul.providers{
	margin-top: 5px;
	margin-bottom: 0;
}

p.summary, p.questionsummary {
        font-size: 100%;
        margin: 0;
        padding: 3px 0 3px 0;
}

div#kbroker span.highlight {
	font-weight: bold;
}

p.relevance, p.azproviders, p.lastupdated, p.url, p.questionurl {
        font-size: 100%;
        color: #666666;
        margin: 0;
        padding: 0;
}

p.morefrom {
        font-size: 100%;
        color: #ffffff;
        margin: 0;
        padding: 0;
}

/* Styles for displaying document type icons next to document links. */
p.location a.pdf_document{
        background: url(http://search2.openobjects.com/kbroker/derbyshire/southderbys/look/images/pdf.gif) left top no-repeat;
        padding: 0 0 3px 20px;
}

p.location a.ppt_document{
        background: url(http://search2.openobjects.com/kbroker/derbyshire/southderbys/look/images/ppt.gif) left top no-repeat;
        padding: 0 0 3px 20px;
}

p.location a.rtf_document{
        background: url(http://search2.openobjects.com/kbroker/derbyshire/southderbys/look/images/rtf.gif) left top no-repeat;
        padding: 0 0 3px 20px;
}

p.location a.doc_document{
        background: url(http://search2.openobjects.com/kbroker/derbyshire/southderbys/look/images/doc.gif) left top no-repeat;
        padding: 0 0 3px 20px;
}

/*Theasurus CSS */
div#kbthesaurus{
	width: 100%;
	padding-top: 10px;
}

div#kbthesaurus h3{
	border: 1px solid #666699;
        padding: 0px;
        margin: 0px;
        background-color: #EEEEEE;
        font-size: 100%;
        font-weight: bold;
        border-bottom: 1px solid #666699;
}

div#kbthesaurus table{
	border-left: 1px solid #666699;
	border-right: 1px solid #666699;
	border-bottom: 1px solid #666699;
        padding-left: 5px;
        width: 100%;
        font-size: 100%;
}

div#kbthesaurus table td{
        padding-top: 5px;
        padding-bottom: 5px;
}

div.alternativesearchtop{
	font-size: 100%;
	margin-bottom: 10px;
}
div.alternativesearch{
	font-size: 100%;
	margin-bottom: 10px;
}


/* Footer CSS */
div#kbfooter {
/*	padding-top: 5px;
        width: 100%;
        font-size: 80%; */
               display: none;
}

#kbazletters{
	width: auto;
	padding-bottom: 10px;
}

#kbazletters ul {
	width: 100%;
	white-space: nowrap;
	font-size: 100%;
	margin: 0px;
	padding: 0;
	border: none;
	list-style: none;
	list-style-type: none;
}
#kbazletters li {
 	line-height: em;
	width: 30px;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}

ul.providers {
        list-style: none;
}

html>body #kbazletters li a {
	width: auto;
}
#kbazletters li a, #kbazletters li strong {
	display: block;
	padding: 3px 3px 3px 3px;
	margin: 1px 2px 0 2px;
	border: 1px solid #000000;
	background: #EEEEEE;
}

#kbazletters li strong{
	color: #000000;
	background: #cccccc;
	text-decoration: none;
	font-weight: bold;
}
#kbazletters li strong.disabled{
	color: #cccccc;
	background: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

#kbazletters li a:hover {
	background: #cccccc;
}

#kbroker div.kbcontent{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	/*border: 1px solid #C3C3C3;
	border-top: 4px solid #C3C3C3;*/
}
div.kbazlink{
	margin-bottom: 10px;
	margin-top: 10px;
}
/* Sidebar */
div#kbresults_lite {
	padding: 0;
	margin: 0 10px 0 0;
	font-size: 100%;
}
div#kbresults_lite div.onehit {
	padding: 4px 0;
	margin: 0;
	background: transparent url(http://search2.openobjects.com/kbroker/derbyshire/southderbys/look/images/line_dotted_h1.gif) repeat-x 0% 100%;
}
div#kbresults_lite p.location {
	padding: 0;
	margin: 0;
}
div#kbresults_lite p.summary{
	padding: 2px 0;
	margin: 0;
}