@import url(single-column.css);

/* 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. */


/* styles for: ahelp.jsp and help.jsp */
/* ------------------------------------------------------------------------------- */
/* div containing help content */

div.ahelpcontent {
	width: 100%;
}

div.helpcontent {
	width: 100%;
}

/* search form styles, this will apply to all search and results forms for simplicity */
/* expand css and alter jsps to get varied formatting. */

div.searchform { 
	width: 100%;
}

label#qt-label {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

div.searchform p {
	margin: 0;
	padding: 0;
}

div.searchform img {
	border: 0px;
}

div.helplink{
	margin-left: 5px;
	float:left;
}

div.helplink p {
	color: #ffffff;
	font-size: 85%;
	font-family: verdana, arial, helvetica, sans-serif; 
}

div.ahelplink {
	float: left;
}

div.ahelplink p {
	font-size: 85%;
	font-family: verdana, arial, helvetica, sans-serif; 
}

input#submit {
	background-color: #000000;
	font-weight: bold;
	border: 1px #000000 solid;
	color: #ffffff;
}

input#submit:hover {
	color: #ffffff;
}

input#submit:active {
	color: #ffffff;
}

p.spelling {
	font-size: 85%;
	margin: 0;
	padding: 0; 
}

p.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;
}

/* pagebreak styles, these are for hitstop and hitsbottom */
div.pagebreak {
	text-align: left;
	/* background-color: #ddecf7; */
	background: #fff url(pics/ofm-bk-short.gif) top left repeat-x;
	width: 100%;
	border-top : 1px #000000 solid;
	padding: 0.2em;
}

div.pagebreak p {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 85%;
	font-weight: bold; 
	margin: 0;
	padding: 0; 
}

div.pagebreakleft {
	float: left;
	text-align: left;
	color: #fff;
	width: 50%;
}

div.pagebreakright {
	float: right;
	text-align: right;
	color: #fff;
	width: 49%;
}

/* formatting for hitstop and hitsbottom text and links. */
div.hitsdisplay p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%; 
	font-weight: bold; 
}

div.hitsdisplay p a {
	color: #204161; 
}

a.previous {
	padding-left: 14px;
	background: url(pics/3dot-left-dark.gif) center left no-repeat;
}

a.next {
	padding-right: 14px;
	background: url(pics/3dot-right-dark.gif) center right no-repeat;
}

div.hitsdisplay p a:hover {
	color: #000;
}

div.hitsdisplay p a:visited {
	color: #222299;
}

div.hitsdisplay span.hitsspacer {
	color: #ddecf7;
	font-size: 50%;
	padding: 1px;
}

div.hitscontrols {
	background-color: #ffffff;
	width: 100%; 
}

div.hitscontrols p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #111111;
	font-weight: bold;
	margin: 0;
	padding: 0; 
}

/* onehit styles, onehitlast is the final hit on the page, sometimes requires differnt formatting. */
div.onehit {
	padding-top: 5px;
	padding-bottom: 5px;
	width:100%;
}

img.onehitimg {
	border: 0px; 
}

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.location, p.questionlocation {
	font-weight: bold;
	font-size: 85%;
	color: #555;
	margin: 0;
	padding: 0;
}

h2.location {
	margin: 0;
	padding: 0;
}

h2.location a {
	font-size: 85%;
}

p.summary, p.questionsummary {
	font-size: 85%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

p.relevance, p.lastupdated, p.url, p.questionurl {
	font-size: 85%;
	color: #666666;
	margin: 0;
	padding: 0;
}

p.morefrom {
	font-size: 85%;
	color: #ffffff;
	margin: 0;
	padding: 0;
}



/* formtabs, these control the appeareance of the tabs, this block makes them appear as tabs */
div.formtabs {
	width:100%;
	clear:both;
	border-bottom: 1px solid #000;
}

ul.formtabs {
	white-space: nowrap;
	font: verdana, arial, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding:0px 2px 0px 2px;
}

ul.formtabs li.formtab {
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
	float: left;
	background-color: #ffffff;
	padding:5px 2px 5px 2px;
	margin: 2px 2px 0px 2px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

ul.formtabs li.formtabsel {
	list-style-type: none;
	list-style-image: none;
	float: left;
	background-color: #ddecf7;
	padding:5px 2px 5px 2px;
	margin: 2px 2px 0px 2px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

a.formtabsel, a.formtabsel:hover, a.formtabsel:visited {
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	color : #000000;
}


a.formtabtext, a.formtabtext:visited {
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a.formtabtext:hover {
	font-size: 85%;
	font-weight: bold;
	color: #6666ff;
}

div.formtabtext {
	font-weight: bold;
	color: #000000;
	margin: 0;
	padding: 0; 
}

div#kbroker {
	padding: 0;
}

/* end "tabs" */

/* formtabs, these control the appeareance of the tabs, this block makes them appear as text

div.formtabs {
	width: 100%;
}
ul.formtabs {
	font: verdana, arial, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding:0;
}

ul.formtabs li {
	float: left;
	white-space: nowrap;
	padding: 0px 2px 0px 2px;
	border-left: 1px #000000 solid;
}

li.formtab {
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

li.selformtab {
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

a.formtabsel, a.formtabsel:hover, a.formtabsel:visited {
	font-size: 85%;
	text-decoration: none;
	color : #000000;
}


a.formtabtext, a.formtabtext:visited {
	font-size: 85%;
	text-decoration: none;
	color: #222299;
}

a.formtabtext:hover {
	font-size: 85%;
	color: #6666ff;
}

div.formtabtext{
	font-weight: bold;
	color: #000000;
	margin: 0;
	padding: 0; 
}

end "text" */


/* default footer text. */
div.kbfooter {
	width: 100%;
}
div.kbfooter p {
	font-size: 85%;
}


/*theasurus css */ 
.thespt {
	color:#000000;
	font-weight: bold;
}
.thestt {
	color:#cc7700;
}
.thesrt {
	color:#007700;
}
.thesnt {
	color:#cc0000;
}
.thesbt {
	color:#0000cc;
}





