/* 
    Document   : jspstyle
    Created on : 14 april 2007, 18:52
    Author     : OntologyOnline
    Description: style sheet for jsp pages.
*/
body {font-family:Arial,Helvetica,sans-serif;font-size:1em;}
	/*Header*/
	.header {position:relative;left:0px;}
	.header #rightside{position:relative;float:right;text-align:right;}
	.header .background {width:100%;background: transparent url(http://ontologyonline.org/img/logobg.jpg) repeat-x scroll 0%;}
	.header .userstatus{font-size:0.8em;}
	.header .ontology {font-weight:bold;margin-right:10px;}
	.header #welcomemsg {padding-left:10px;border-left:1px solid orange}
	.header .searchbox {margin-top:5px;}
	.header .searchbox form{display:inline;}
	.header .searchbox input{width:200px;}
	.header .searchbox button{1px solid #565656;cursor:pointer;font-size:12px;background:white repeat-x scroll left bottom;margin-right:5px;}
	.linkedimage img {border:0 none;display:block;}
	.linkedimage {display:block;}
	.header .navbar ul{list-style-type:none;font-size:0.8em;margin-top:20px;}
	.header .navbar li{display:inline;}
	.header .navbar a {text-decoration:none;color:#B22222;margin-right:10px;}
	.header .navbar a:hover {text-decoration:underline;}
	.header .graybar {background:gray;width:100%;height:10px;}
	/*Content*/
	.content {background-color:#FEFFFF;width:100%;position:relative;}
	.content #rightpanel{width:60%;height:100%;float:right;height:100%;}
	.content #leftpanel {width:39%;}

	.footer{padding: 0.5em;color: white;background-color: gray;clear: both;}
.footer a { text-decoration: underline; color: white;}

	/*box */
 #conceptbox {width:425px;}
 .description {font-size:12px;}
 #treebox{max-width:700px;position:relative;z-index:1;min-height: 1%;}
 #treebox .row, #conceptbox .row {background-color: #FFFACD; border-left: 1px solid orange; border-right:1px solid orange;} 
.box {margin:10px 0;font-size:0.8em;}
	.box .row{padding:5px;}
	.box * {padding-right:5px;}
	.box h1 {color:white;margin:0px;padding:5px 0 0 5px;font-size:1.1em;}
	.box h2 {margin:0px;font-size:0.9em;}
	.term {width:90%;padding-top:0px; padding-bottom:0px;}
	.term .synonym, .term .lang {display: -moz-inline-stack;display:inline-block;font-size:0.9em;}
	.synonym {width:60%;}
	.lang{}              
   .button {cursor:pointer;padding-top:5px;}
  .box .topright {height:30px;color:white;padding-right:5px;float:right;background:transparent url(http://ontologyonline.org/img/cbox.jpg) no-repeat scroll 100% 0%;}
  .box .bottomright {height:15px;color:white;padding-right:5px;float:right;background:transparent url(http://ontologyonline.org/img/cbox.jpg) no-repeat scroll 100% 100%;}
  .box .topleft {height:30px;padding-left:5px;background:transparent url(http://ontologyonline.org/img/cbox.jpg) no-repeat scroll 0% 0%;}
  .box .bottomleft {height:15px;padding-left:5px;background:transparent url(http://ontologyonline.org/img/cbox.jpg) no-repeat scroll 0% 100%;}
  .ilink {font-variant: small-caps; font-size:0.9em; cursor:pointer;}
   #wdgtcontent {font-size:0.9em;z-index:2;}

/**************
/*Owlpanel*/
#owlpanel {font-variant:normal;z-index:3;font-size:11px;border:1px solid black;
                                position:absolute;left:150px;top:50px;background:lightsteelblue;}
#owlpanel > div:first-child {border:1px solid black;margin:15px;width:700px;background:white;}
#owlpanel h1 {margin-left:5px;margin-top:10px;}
#closeOwl {text-align:right;padding-right:10px;background:lightsalmon;color:black;}
#closeOwl span {border:1px solid black;text-decoration:none;font-weight:bold;padding:2px;}
#owlsyntax {padding:5px;font-family:Courier New, monospace;white-space:pre; /* CSS2 */ white-space: -moz-pre-wrap; /* Mozilla */ word-wrap: break-word; /* IE */ }
/*********************************************************
*Treeview output*/

div.focus{color: #D2691E;font-weight :bold;}
span#togglesiblings{color: #333333;cursor: pointer;font-size: small;left: 50%;position: relative;text-decoration: underline}
td.treenode{color: #333333;font-family: verdana, sans-serif;font-size: 11px;}
table.treeview td{border-width:0px;border-color: orange;border-style: solid;}
table.treeview td.collapsed{background:transparent url(http://OntologyOnline.org/img/TreeView/plus.gif) no-repeat scroll 0pt;cursor: pointer;}
table.treeview td.expanded{background:transparent url(http://OntologyOnline.org/img/TreeView/minus.gif) no-repeat scroll 0pt;cursor: pointer;}
table.treeview td.leaf{background:transparent url(http://OntologyOnline.org/img/TreeView/neutral.gif) no-repeat scroll 0pt;}
td.space, td.leaf, td.expanded, td.collapsed {width: 16px;height: 22px;}
span.instance {background: transparent url(http://OntologyOnline.org/img/InstanceIcon.jpg) no-repeat scroll 0pt;padding-left: 17px;display:table-cell;}
#legend { display: table-cell; padding-left: 10px; vertical-align: top;font-size:small;}
td.spacer {background-image: url(http://ontologyonline.org/img/TreeView/vline.gif); background-repeat: repeat-y;}

/*********************************************************
*Webview output*/
table#webview td.webviewheader{background-color: #F8F8FF;border: 1px solid silver;font-variant: small-caps;width: 20%;text-align:center;}
table#webview td.webviewurl {border: 1px solid silver;text-align: left}
table#webview tr {vertical-align:top;}
//table#webview tr#webviewbox { font-size: small;}

/*********************************************************
*results*/
.rtitle {border-top:1px solid #3366CC; background-color:#E5ECF9;color:#000000;font-size:16px;}
.results ul{list-style-type: none;}
.results ul li{margin: 1em 0pt;}
.kn {font-size:16px;}
.kndesc {position:relative;left:5px;font-size:-1;}
.kngreen {color:green;}
.knblue {color:#7777CC;}