/* * * * * * * * * * * * * * * * * * * * * * *
 *                                           *
 *  RKBExplorer: Basic CSS for non-YUI mode  *
 *                                           *
 * * * * * * * * * * * * * * * * * * * * * * */

body { font-family: helvetica, arial, clean, sans-serif; }


/* Layout based on rows containing columns */
div.row { overflow: hidden; clear: both; height: 230px; }
div.column { float: left; overflow: hidden; } 
div.col75 { width: 75%; } 
div.col25 { width: 25%; }

/* each row/col "cell" is a panel */
div.panel { border: 1px solid black; margin: 0 10px 20px 5px; }
div.panel li { padding: 10px 0 10px 10px; }
div.panel li.alt { background: #ddd; }
div.panel li a img { margin: 0 5px -8px 0; }
div.hd { border-bottom: 1px solid black; background: #eee; font-weight: bold; padding: 5px; }
div.bd { overflow: auto; height: 180px; }
div.applet { overflow: hidden }

p.info, p.info * { color: #666; font-style: italic; }
a:hover { color: blue; text-decoration: underline; }


/* top heading / right elements */
h1#title { float: left; font-size: larger; line-height: 50px; }
#masthead { height: 50px; }
#topright ul { float: left; }
#topright { float: right; margin: 0 20px 0 0; }
#topright li { margin: 0 10px 0 20px; list-style: url('imgs/bullet.png'); }
#topright li a { color: #888; text-decoration: none; }



/* the why? buttons */
a.why       { float: right; margin: -2px 10px 0 0; -moz-opacity: 0.5; filter: alpha(opacity=50); }
a.why:hover { -moz-opacity: 1; filter: alpha(opacity=100); }
div.bd ul li a { margin: 0 10px 0 0; }



/* details pane */
a.exLink img { padding: 0 0 0 5px; }
.fresnel-results { padding: 10px; }
.fresnel-results > .f-resource > .f-property > .f-label,
.linked-data .f-label  { font-style: italic; margin: 10px 0 0 0; }
.fresnel-results > .f-resource > .f-property > .f-values, 
.linked-data .f-values { margin: 0 0 0 20px; }

div.linked-data { color: #888; border-top: 1px solid black; margin-top: 10px; }
.linked-data a { color: #888; }
.linked-data a:hover { color: blue; }


/* loading panels */
div.ld { display: none; z-index: 25; width: 100%; height: 100%; position: absolute; background: white url('imgs/loading.gif') no-repeat scroll 50%; -moz-opacity: 0.9; filter: alpha(opacity=90); cursor: wait; text-align: center; font-size: smaller; }
div.ld span { position: relative; top: 60%; }



/* normally hidden items */
.hidden { display: none; }
iframe { display: none; }
iframe.appletIFrame { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; z-index: 5; }
#log { display: none; clear: both; font-family: monospace; white-space: pre; color: #aaa;  margin-top: 5%; }



/* in-line search box above the applet */
div input { border: 1px solid black; padding: 5px; }
div input.checkbox { border: 0; margin-bottom: 3px; margin-left: 10px;  }
#inlineSearch { float: left; margin: 10px 20px 0 0; }
#inlineSearchBox { border: 1px solid #aaa; width: 180px; }
#inlineSearchButton { border: 1px solid #aaa; background: #eee; font-weight: bold; color: #444; }



/* pop-up search panel */
/*#searchContainer { display: none; }*/
#searchInput { width: 380px; }
div#searchBD { width: 500px; height: 400px; }
div.resultsDiv { margin-left: 40px; }
div.resultsDiv p { margin: 0; }
div.resultsDiv div { margin-bottom: 30px; }
div#searchContainer label { font-size: large; margin-left: 5px; }
div#searchContainer .disabled { color: #aaa }


/* selecting panel content */
div.hd a { margin: 0 0 5px 0; }
div.hd a img { margin: 4px 0 -4px 10px; }


/* Error and service messages */
div#serviceMessage, div.error {
  font-size: 75%; background: #fdd; border: 1px solid #d30; padding: 1em; margin: 1em 0 1em 0; line-height: normal;
}
div.warning {
  font-size: 75%; background: #ffa; border: 1px solid #da0; padding: 1em; margin: 1em 0 1em 0; line-height: normal;
}