#site{
	width: 100%;
	height: 13%;
	position: relative;
	overflow: hidden;
}
#page{
	width: 100%;
	height: 81%;
	overflow: hidden;
}
#results{
	width: 100%;
	height: 100%;
	overflow: auto;
	float: right;
}
#relational{
	width: 0%;
	height: 100%;
	overflow: hidden;
	float: right;
}
ul#images{
	list-style-type: none;
	text-align: center;
	overflow: hidden;
	padding: 0.5em;
}
ul#images h3{
	display: none;
}
ul#images li{
	display: inline;
	overflow: none;
	text-align: center;
	margin-right: 0.5em;
}
ul#images li img{
	border: 1px solid #888;
	margin-bottom: 0.5em;
	background-color: #eee;
	background-image: url("http://www.anoword.com/images/common/loading_mini.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
ul#images li img:hover{
	border: 1px solid red;
}
p#message{
	text-align: center;
	margin: 1em;
}
p#message img{
	vertical-align: middle;
	margin-right: 1em;
}

p#engine{
	display: none;
}
#relational .direction{
	direction: rtl;
	height: 100%;
	overflow: auto;
	border-right: solid 1px #888;
}
#relational .direction h2{
	direction: ltr;
	font-weight: bold;
	font-size: 105%;
	text-align: center;
	border-bottom: 1px solid #888;
	padding: 0.5em 1em;
}
#relational .direction ul{
	list-style-type: none;
}
#relational .direction ul li{
	font-weight: bold;
	direction: ltr;
	overflow: hidden;
}
#relational .direction ul li.odd{
	background-color: #f8f8f8;
}
#relational .direction ul li a{
	display: block;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-decoration: none;
	padding: 0.5em 1em;
	overflow: hidden;
}
#relational .direction ul li a:hover{
	color: blue;
	background-color: #e5f8ff;
}
#relational .direction ul li a:visited{
	color: purple;
}