/* Filename: style.css
 * This file is part of the gRaDF Semantic Web browsing tool.
 * Copyright (C) 2006  Marcus Cobden
 * 
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA
 * (or see the file gpl.txt)
 * 
 * 	Description:
 * This file contains stylesheets for the html content
 * 
 * 	Version information:
 * $HeadURL: svn+ssh://mc1204@svn.ugforge.ecs.soton.ac.uk/projects/grdf/code/branches/serverside/style.css $
 * $Date: 2007-05-10 04:24:40 -0700 (Thu, 10 May 2007) $
 * $Author: mc1204 $
 * $Rev: 127 $
 */

	/* Defaults */
body, table, input{
/*	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;*/
	font-family: 'Arial-Black', sans-serif;
}
h1, h2, h3, h4, #menuTabs, #menu\:body\:MainMenu\:quickMenu {
	font-family: Helvetica, sans-serif;
}
body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	overflow: hidden;
}
table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	empty-cells: show;
}
input{
	font-size: 12px;
}
select {
/*	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;*/
	font-family: 'Arial-Black', sans-serif;
	font-size: 12px;
}
td {
	padding: 0;
	margin: 0;
}
a:hover {
	cursor: pointer;
}
.placeholder {
	font-style: italic;
	text-align: center;
}
.redCAPS {
	font-weight: bold;
	color: #EE0000;
	text-transform:	uppercase;
}
.emph {
	font-weight: bold;
	font-style: italic;
	text-transform:	uppercase;
}

.left	{ float: left; }
.right	{ float: right; }
	/* End Defaults */
	
	/* Context Menu */
.contextMenu {
	position: fixed;
	padding: 0.2em;
	font-size: 8pt;
	margin: 2px;
	background-color: #ffffff;
	border: 1px solid #888888;
}

.contextMenu ul {
	margin:  0;
	padding: 0;
	list-style-type: none;
}

.contextMenu ul + ul {
	border-top: 1px solid #888888;
	padding-top: 0.3em;
	margin-top: 0.2em;
}

.contextMenu ul.hidden + ul {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.contextMenu ul > li {
	padding-left: 1.5em;
	padding-right: .75em;
	line-height: 1.8em;
	cursor: pointer;
}

.contextMenu ul > li.default {
	font-weight: bold;
}

.contextMenu ul > li.nested {
	padding: 0;
}

.contextMenu ul > li:hover {
	background-color: #a8c8ee;
}

.contextMenu ul > li.nested {
	background-color: inherit;
}

.contextMenu ul > li.label {
	background-color: inherit;
	cursor: default;
	color: #777777;
}

.contextMenu ul > li.nested > ul > li {
	padding-left: 3em;
	padding-right: .75em;
}
	/* End Context Menu */
	
	/* Main Menu Defaults */
#menu {
	position: fixed;
	width: 100%;
	bottom: 0px;
}

#menu\:tabs {
	display: block;	
	list-style: none;
	margin: 0;
	padding: .2em .4em;
}

#menu\:tabs > li {
	display: inline;
	cursor: pointer;
	background-color: #FFF;
	border: 1px solid #000;
	padding: .25em .5em .2em .5em;
	margin: 0 .1em;
}

#menu\:tabs > li:hover {
	background-color: #CCC;
}

#menu\:tabs > li.active {
	cursor: default;
	background-color: #B9CBED;
	border-bottom-color: #B9CBED;
	font-weight: bold;
	padding: .4em .6em .2em .6em;
}

#menu\:tabs > li.speedControl {
	display: inline;
	background-color: #777;
	border: 1px solid #000;
	padding: .25em .5em .2em .5em;
	margin: 0;
/*	float: right;*/
}

#menu\:body {
	width: 100%;
	background-color: #B9CBED;
	border-top: 1px solid #000;
	padding-top: 3px;
}

#menu\:body > .Submenu {
	overflow-y: auto;
	overflow-x: hidden;/*
	max-height: 10em;
	min-height: 6em;*/
}
	/* End Main Menu Defaults */
	
	/* Default Menu table */ 
#menu table{
	width: 100%;
}
#menu tbody {
	height: 10em;
	overflow-y: scroll;
	overflow-x: hidden;
}
#menu thead > tr > td {
	font-weight: bold;
	text-align: center;
	border: 1px solid #404040;
}
#menu tbody > tr {
	background-color: #E3EDF9;
	border: 1px solid #BBB;
}
#menu tbody > tr:hover  {
	background-color: #CDDEF8;
}
	/* End Menu table */

	/* Begin Main Menu */
#menu\:body\:MainMenu > form {
	width: 50%;
	display: block;
	float: left;
}

#menu\:body\:MainMenu > form > #uriLabel {
}
#menu\:body\:MainMenu > form > #uriField {
	width: 100%;
	border: 1px solid #CCC;
}

#menu\:body\:MainMenu {
	padding: 4px;
}

#menu\:body\:MainMenu\:quickMenu {
	float: right;
	margin: 4px;
	background-color: #FFF;
	border: 4px solid #666;
	-moz-border-radius: 8px;
}

#menu\:body\:MainMenu\:quickMenu > h3 {
	margin: .2em .75em;
	display: block;
	text-align: center;
}

#menu\:body\:MainMenu\:quickMenu > ul {
	list-style: circle outside url('images/right-arrow.png');
	padding: 0 .75em 0 2em;
	margin-top: .3em;
}

#menu\:body\:MainMenu\:quickMenu a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color: #00A;
	text-decoration: none;
}

#menu\:body\:MainMenu\:quickMenu a:hover {
	text-decoration: underline;
}

#menu\:body\:MainMenu\:graphMode {
	float: right;
	margin: 4px;
	background-color: #FFF;
	border: 4px solid #666;
	-moz-border-radius:8px;
}

#menu\:body\:MainMenu\:graphMode h3 {
	margin: .2em .75em;
	text-align: center;
}

#menu\:body\:MainMenu\:graphMode fieldset {
	margin: .75em;
	margin-top: 0;
	border: 1px solid #999;
}
/*
#menu\:body\:MainMenu\:graphMode input[type=radio] { 
	display: none;
}

#menu\:body\:MainMenu\:graphMode input[type=radio] + label {
	background: transparent	url('images/radio.png') no-repeat left center;
	padding-left: 15px;
}	
#menu\:body\:MainMenu\:graphMode input[type=radio][checked=true] + label {
	background-image: url('images/radio-ch.png');
}

#menu\:body\:MainMenu\:graphMode input[type=radio][disabled=true] + label{
	background-image: url('images/radio-dis.png');
}

#menu\:body\:MainMenu\:graphMode input[type=radio][disabled=true][checked=true] + label{
	background-image: url('images/radio-dis-ch.png');
}*/
	/* End Main Menu */
	/* Begin Document Menu */

#menu\:body\:DocMenu tr > td.triples {
	width: 4em;
}
#menu\:body\:DocMenu tr > td.status {
	width: 5em;
}

#menu\:body\:DocMenu tr > td.remove,
#menu\:body\:DocMenu tr > td.triples,
#menu\:body\:DocMenu tr > td.status {
	text-align: center;
}

#menu\:body\:DocMenu tr > td.remove {
	padding-right: 16px;
	width: 2em;
}

	/* End Document Menu */
	/* Begin Edge Forces Menu */
	
#menu\:body\:EdgeForces\:edgeForce input{
	border: 1px solid #BBB;
	display: block;
	width: 100%;
}

#menu\:body\:EdgeForces\:edgeForce input.error{
	border-top: 2px solid #F00;
	border-bottom: 2px solid #F00;
}

#menu\:body\:EdgeForces\:edgeForce form {
	display: table-row;
}

#menu\:body\:EdgeForces\:edgeForce .scale,
#menu\:body\:EdgeForces\:edgeForce .natLen {
	width: 5em;
	text-align: center;
}

#menu\:body\:EdgeForces\:edgeForce .remove {
	width: 2em;
}
	/* End Edge Force Menu */
	/* Begin Debug Menu */
#menu\:body\:DebugMenu {
	overflow-y: auto;
	max-height: 12em;
	min-height: 6em;
}
#menu\:body\:DebugMenu\:Debug_log {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu\:body\:DebugMenu\:Debug_log li.warn {
	background-color: #FFAA00;
}

#menu\:body\:DebugMenu\:Debug_log li.error {
	background-color: #FF0000;
}
	/* End Debug Menu */
	
	/* Speed Control Menu */
#SpeedControls {
	display: inline;
	margin-left: .15em;
	float: left;
}

#SpeedControls img {
	cursor: pointer;
	vertical-align: middle;
	padding-bottom: .15em;
}
	/* End Speed Control Menu */

	/* Greeting Menu */
#greeting {
	position: fixed;
	top: 50px;		left: 50px;
	right: 50px;
	height: auto;	width: auto;
	background-color: #C0C0C0;
	border: 6px solid #444444;
	padding: 10px;
	padding-top: 0;
}

#greeting .greetingFooter {
	width: 100%;
	text-align: center;
	clear: both;
}

#greeting div.right {
	margin-left: 8px;
}

#greeting img {
	display: block;
	margin: auto;
}
	/* End Greeting Menu */

	/* Hax */
	
div.break {
	clear: both;
}
	/* End Hax */

	/* Begin NodeView */

#nodeView {
	left: 0; top: 0; right: 0;
	position: absolute;
	background-color:
	#4372BC; color: #EEE;
	padding: 4px;
	border-bottom: 1px solid #000;
}

#nodeView\:title {
	cursor: pointer;
}

#nodeView\:title\:toggle {
	float: left;
	padding: 0 .25em;
}

#nodeView\:title > h3 {
	padding-top: 0; margin-bottom: 0; margin-top: 0; float: left;
}

#nodeView\:title\:options {
	float: right; text-align: right;
}

#nodeView\:title\:options > select,
#nodeView\:title\:options > input {
	border: 1px solid #000;
}
#nodeView\:title\:options > input[type=button]{
	font-weight: bold;
}
#nodeView\:title\:options\:text {
	width: 15em;
}
#nodeView\:content {
	clear: both;
	max-height: 35em;
	overflow-y: auto;
}

.nodeView\:content\:itemBody {
	background-color: #CCC;
	color: #000;
	margin-top: .25em;
	padding: .2em .5em;
}

.nodeView\:content\:itemBody div.status {
	float: right;
	text-align: right;
	background-color: #FFF;
	border: 3px solid #999;
	padding: .3em;
}

.nodeView\:content\:itemBody div.status td.label {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.nodeView\:content\:itemBody div.status td.value {
	text-align: center;
}

.nodeView\:content\:itemBody div.status input {
	border: 1px solid #000;
	margin: .2em 0;
	padding: .1em .4em .3em .4em;
	font-weight: bold;
}

.nodeView\:content\:itemBody div.status input:active {
	background-color: #FFF;
	padding: .2em .3em .2em .5em;
}

.nodeView\:content\:itemBody h3 {
	margin-top: 0;
}

.nodeView\:content\:itemBody h4 {
	margin: .5em 0;
}

.nodeView\:content\:itemBody table {
	border-collapse: separate;
	border-spacing: 0.75em 0;
}

.nodeView\:content\:itemBody table tr.odd {
	
}

.nodeView\:content\:itemBody table tr.even {
	
}

.nodeView\:content\:literal td.predicate {
	vertical-align: top;
}

.nodeView\:content\:resource td {
	cursor: pointer;
}

.nodeView\:content\:resource td:hover {
	color: #448;
	text-decoration: underline;
}

	/* End NodeView */
	
	/* Begin predMenu */
#predMenu {
	position: absolute;
	top: 50px;
	left: 50px;
	background-color: #FFF0E0;
	border: 3px solid #FA0;
	padding: .5em;
}

#predMenu h3 {
	margin: 0;
}

#predMenu select {
	min-width: 25em;
}

#predMenu div {
	padding-top: .5em;
	text-align: right;
}
	/* End predMenu */
	
	/* TODO */
	
#menu\:body\:GraphStatus td.remove {
	text-align: center;
}