/* 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: 810px;
        padding: 15px;
        font-size: 150%;
}

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

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

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

div.helpcontent {
        font-size: 90%;
        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: 70%;
        margin-left: 5px;
        float: left;
        color: #ffffff;
}
/* Added styling for the href links for simple advanced help link based
        on the footer styling from the new Eversheds site. */
div.helplink a{
                color: #009D96;
                }
div.helplink a:hover {
                       color: #009D96;
                       background-color: #FFF;
                       }

div.ahelplink{
        float: left;
        font-size: 70%
}
/* Added stylings for href links for advanced help link based on the
   'footer' links styling for the Eversheds new look */
div.helplink a{
                color: #009D96;
                text-decoration: none;
                font-weight:bold;
                }
div.helplink a:hover {
                       background-color: #009D96;
                       color: #FFFFFF;
                       }
div.ahelplink a{
                color: #009D96;
                text-decoration: none;
                }
div.ahelplink a:hover {
                       color: #009D96;
                       }

input#kbsubmit {
        background-color: #009D96;
        font-weight: bold;
        color: #ffffff;
        border:;
        padding:2px 6px;
     /* background-image: url(filename.gif);*/
}

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

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

/* Simple search only elements. */
div.spelling {
        font-size:70%;
        margin: 0;
        padding: 0 0 0 20px;
        margin-bottom: 5px;
        font-weight: bold;
        color:red;
        background: url(http://www.eversheds.com/images/myLibrary/warning-small.gif) 2px 2px no-repeat;
}

div.spelling a {
        color:#009D96;
}

div.spelling a:hover {
        background-color:#009D96;
        color:#FFFFFF;
}

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

div.kbsimpleinputs{
	float:left;
	padding-top: 2px;
	padding-bottom: 2px;
        font-size:85%;
}

/* 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: 0px;
        float: left;
}

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

#kbtabs li a{
        display: block;
        padding: 6px 10px 6px 10px;
        margin: 2px 2px 0 0px;
        border-bottom: 0;
        background-color: #F0F0F0;
	/*background-image: url(images/unsel.gif);
	background-position: top left;
	background-repeat: repeat-x;*/
        font-weight: normal;
        font-size: 100%;
        color: #333;
        text-decoration: none;
}

#kbtabs li a:hover {
        color: #FFF;
        background-color: #7C51A1;
}

#kbtabs li strong{
        display: block;
        padding: 6px 10px 6px 10px;
        margin: 2px 2px 0 0px;
        border-bottom: 0px;
        background: #7C51A1;
     /* background-image: url(filename.gif);*/
        text-decoration: none;
        font-weight: bold;
        color: #FFFFFF;
}

/* Formatting for the pagebreak */
div.pagebreak {
        text-align: left;
        background-color: #7C51A1;
        width: 810px;
        float: left;
        padding: 6px 0px 6px 0px;
        margin-bottom:3px;
}

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

div.notresponsible {
	margin-left: 1px;
	padding: 12px 0 15px 1px;
        float: left;
        text-align: left;
        color: #666666;
        font-size: 70%;
        width: 100%;
        font-weight: bold;
        border-bottom: 1px solid #999999;
}

/* Formatting for the navagation elements in pagebreak */
div.pagebreakright{
	padding-right: 5px;
        float: right;
        text-align: right;
        color: #FFFFFF;
        font-size: 70%;
        font-weight: normal;
        height: 1%;
}

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

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: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
}

ul.hitsnav li a:hover{
        text-decoration: underline;
        color: #F0F0F0;
}
ul.hitsnav li strong{
        background-color: #FFFFFF;
        color: #7C51A1;
        padding:0px 2px;
}

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

div.hitscontrols a{
        font-size: 100%;
        font-weight: bold;
        color: #999;
        text-decoration: none;
        padding:2px;
}

div.hitscontrols a:hover {
                           color: #FFF;
                           background-color: #009D96;
                           }

/* 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 #999999;
}

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

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

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

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: 80%;
        color: #666666;
        margin: 0;
        padding: 0;
}

p.location a, p.questionlocation a{
	font-weight: bold;
	font-size: 85%;
        color: #009D96;
        text-decoration: none;m
}

p.location a:hover, p.questionlocation a:hover{
        background-color: #009D96;
        color: #FFFFFF;
}

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

p.relevance, p.lastupdated, p.url, p.questionurl {
        font-size: 70%;
        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: 0 0 3px 20px;
}

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

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

p.location a.doc_document{
        background: url(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: #303030;
        font-size: 80%;
        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: 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%;
}