/* 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;
        width: 100%;
        padding-bottom: 20px;
}

pre {
        font-family: verdana, arial, helvetica, sans-serif;
}

div#kbroker h1 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
        color: #000000;
        font-size: 120%;
}

div#kbroker h2 {
	margin: 0;
	padding: 0;
        color: #9999CC;
        font-size: 100%;
}

a {
        color: #222299;
}

a:hover {
        color: #6666ff;
}

/* Styles for: ahelp.jsp and help.jsp*/
div.ahelpcontent {
        width: 100%;
}

div.helpcontent {
        width: 100%;
}
div.helpcontent li {
	width: 100%;
}

/* Search form styles, this will apply to all search and results forms for simplicity */
div.kbsearchform {
        width: 520px;
        font-size: 80%;
        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;
        font-weight: bold;
}

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

input#kbsubmit, input#azsubmit {
        background-color: #476CB4;
        font-weight: bold;
        border: 1px #3D5F9F 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;
	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 {
	display: block;
	padding: 3px 6px 3px 3px;
	margin: 1px 2px 0 2px;
	border-left: 1px solid #00529F;
	border-right : 1px solid #00529F;
	border-top: 1px solid #00529F;
	border-bottom: 0px;
	background: #DEF2FF;
}

.kbtabs li strong {
	display: block;
	padding: 3px 6px 3px 3px;
	margin: 1px 2px 0 2px;
	border-left: 1px solid #00529F;
	border-right : 1px solid #00529F;
	border-top: 1px solid #00529F;
	border-bottom: 0px;
	background: #00529F;
	font-weight: bold;
	color: #FFFFFF;
}


/* Formatting for the pagebreak */
div.pagebreak {
        text-align: left;
        background-color: #DEF2FF;
        width: 100%;
        float: left;
        border-top : 5px #00529F 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: 90%;
        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;
}

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: 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 #9999CC
}

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

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

div.onehit pre,
div.onehitlast pre {
        font-size: 80%;
        margin: 2px 0 2px 0;
}

div.onehit ul li pre,
div.onehit ul li pre {
        font-size: 100%;
}


/* 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: 90%;
        color: #666666;
        margin: 0;
        padding: 0;
}
ul.providers{
	margin-top: 5px;
	margin-bottom: 0;
}

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

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

div.onehit li p.azproviders {
        font-size: 100%;
}

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;
}

/* Styles for A-Z link images */
a.azcheltenham{
	background: url(images/cheltenham.gif) left top no-repeat;
	padding-left: 20px;
}
a.azcotswold{
	background: url(images/cotswold.gif) left top no-repeat;
	padding-left: 20px;
}
a.azfdean{
	background: url(images/fdean.gif) left top no-repeat;
	padding-left: 20px;
}
a.azgloucester{
	background: url(images/gloucester.gif) left top no-repeat;
	padding-left: 20px;
}
a.azgloucestershire{
	background: url(images/gloucestershire.gif) left top no-repeat;
	padding-left: 20px;
}
a.azstroud{
	background: url(images/stroud.gif) left top no-repeat;
	padding-left: 20px;
}
a.aztewkes{
	background: url(images/tewkesbury.gif) left top no-repeat;
	padding-left: 20px;
}

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

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

div#kbthesaurus table{
	border-left: 1px solid #9999CC;
	border-right: 1px solid #9999CC;
	border-bottom: 1px solid #9999CC;
        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: 70%;
}

#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-color: #DEF2FF;
}

#kbazletters li strong{
	color: #000000;
	background-color: #6699FF;
	text-decoration: none;
	font-weight: bold;
}
#kbazletters li strong.disabled{
	color: #6699FF;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

#kbazletters li a:hover {
	background-color: #6699FF;
}

#kbroker div.kbcontent{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 5px solid #00529F;
}

div.kbazlink{
	margin-bottom: 10px;
	margin-top: 10px;
}

p.azheader {
	font-size: 80%;
}

div#kbroker p.azdescription {
	margin: 0 0 0 20px;
	font-size: 90%;
	
}
div#kbroker p.azdescription.html {

}
