/* Row and float elements */
/* The row element clears the float buffer and starts a new line in the flow of the page */
/* a div of type row should surround or come after floated elements which are supposed to be contained in block*/
div.row 
{
        clear: both;
}
div.fleft{
        float: left;
}
div.fright{
        float: right;
}

div.spacer 
{
          clear: both;
}

/* 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: auto;
        margin-left: 10px;
        margin-right: 10px;
}

table.chartab{
	border: 1px solid #009966;
	width: 100%;
	border-collapse: collapse ;
}

table.chartab td.name{
	border: 0;
	width: 80%;
	border-bottom: 1px solid #009966;
}
table.chartab td.code{
	border-left: 1px solid #009966;
	border-bottom: 1px solid #009966;
	width: 20%;
}

table.chartab th{
	background-color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #009966;
}
table.chartab tr th.code{
	border-left: 1px solid #009966;
}


/* Styles for: ahelp.jsp and help.jsp*/
div.ahelpcontent {
        font-size: 90%;
        width: 100%;
        background-color: #EEFFEE;
        border: 1px #009966 solid;
}
div.helpcontent {
        font-size: 90%;
        width: 100%;
        background-color: #EEFFEE;
        border: 1px #009966 solid;
}

/* Search form styles, this will apply to all search and results forms for simplicity */
div.kbsearchformlab {        
	float: left;
	font-weight: bold;
}
div.kbsearchform {    
	margin-left: 5px;
	float: left;
        font-size: 80%;
        padding-bottom: 20px;
}
div.kbsearchform form{
        margin: 0px;
        padding: 0px;
}
div.searchform img{
        border: 0px;
}
div.helplink{
        font-size: 70%;
        margin-left: 5px;
        float: left;
        color: #ffffff;
}
div.ahelplink{
        float: left;
        font-size: 70%
}
input#kbsubmit {
        background-color: #009966;
        font-weight: bold;
        border: 1px #009966 solid;
        color: #ffffff;
     /* background-image: url(filename.gif);*/
}
input#kbsubmit:hover {
        color: #ffffff;
}
input#kbsubmit:active {
        color: #ffffff;
}
div.spelling {
        font-size: 90%;
        margin: 0;
        padding: 0;        
}
div.spelling a {
        font-weight: bold;
        font-style: italic;
}

/* Advanced search form select elements width, specified to gain a nicer layout. */
select.afl{
        width: 115px;
}

select.aty{
        width: 90px;
}

select.aop{
        width: 120px;
}



/* Formatting for the pagebreak */
div.pagebreak {        
        text-align: left;
        width: 100%;     
        float: left;
}

/* Formatting for the left hand side information element in pagebreak */
div.pagebreakleft{
	margin-left: 1px;
        float: left;
        text-align: left;
        color: #000000;
        font-size: 90%;
        font-weight: bold;  
}

/* Formatting for the navagation elements in pagebreak */
div.pagebreakright{
	margin-right: 1px;
        float: right;
        text-align: right;
        color: #000000;
        font-size: 90%;        
        font-weight: bold;  
}

div.pagebreakright a:hover{
        text-decoration: underline;
        color: #ff0000;
}
div.pagebreakright span.hitsspacer{
	padding-left: 5px;
	padding-right: 5px;
}

/* 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 #009966
}
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: right;
        border: 0px;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;                
}

/* These styles are used by both questions and onehit, formatting options for the text, links and summarys. */
p.noresults{
        font-size: 90%;
        color: #000000;
}

div.location{
        font-weight: normal;
        font-size: 90%;
        color: #000000;
        margin: 0;
        padding: 0;
}

div.questionlocation{
        font-weight: bold;
        font-size: 90%;
        color: #009966;
        margin: 0;
        padding: 0;
}


div.summary, div.questionsummary {
        font-size: 80%;
        margin: 0;
        padding: 0;
}


/*Theasurus CSS */ 
div#kbthesaurus{
	margin-top: 10px;
        width: 100%;        
        border: 1px solid #009966;
}
div#kbthesaurus h3{        
        padding: 0px;
        padding-left: 5px;
        margin: 0px;
        width: 100%;
        background-color: #EEFFEE;
        font-size: 80%;
        font-weight: bold;
        border-bottom: 1px solid #009966;
}
div#kbthesaurus table{
        padding-left: 5px;
        width: 100%;
        font-size: 80%;
}
div#kbthesaurus table td{
        padding-top: 5px;
        padding-bottom: 5px;
}


/* Footer CSS */
div#kbfooter {
	padding-top: 5px;
        width: 100%;
        font-size: 70%;
}




