body    { font-family: sans-serif; background-color: #EFEBFF; color: #5C7528; }
a				{ color: #8888FF; }
a:hover, label:hover	{ color: #AAAAFF; }
h1			{ font-family: cursive; display: inline; }

/* Google */
.google-ver			{ float: right; margin-bottom: 10px; margin-left: 8px; }
.google-hor			{ text-align: center; }
.debug .google	{ display: none; }

/* Banners (W3C etc.) */
.banners				{ float: right; clear: right; margin-left: 1em; text-align: right; }

/* JavaScript active or not */
.js-enabled .js-hide		{ display: none; }

/* Grids */
table.grid							{	margin: 0px; padding: 0px; border: 1px dashed #AF4B6E; }
table.grid thead tr th, table.grid thead tr td	{
	background-color: #6D63AD; color: white; 
	font-weight: bold; font-size: 110%; padding: 0px;
	text-align: left;
	padding: 2px
}
table.grid td						{ vertical-align: top; }
table.grid td i					{ color: #888888; }

thead .dropdown					{	background-color: #AAAAFF; }

/* Odd/Even */
tr.odd			{ background-color: #FFF0F8; }
tr.even			{ background-color: #F4FAE5; }
tr:hover		{ background-color: #C2DAFF; }

/* Sortable tables */
.js-enabled table.sortable th	{ cursor: pointer; }
.js-enabled table.sortable th:hover { color: #C2DAFF; }

.js-enabled th.sort_a, .js-enabled th.sort_d	{
	background-position: 4px 50%; background-repeat: no-repeat;
	padding-left: 18px ! important;
}
.js-enabled .sort_a		{ background-image: url(/img/sortables/sort_a.png); }
.js-enabled .sort_d		{ background-image: url(/img/sortables/sort_d.png); }
.sortval	{ display: none; }
.debug .sortval	{ color: gray; font-size: x-small; display: inline; }

/* Filter */
table.grid thead tr.filter th, table.grid thead tr.filter td	{
	text-align: right; font-size: 70%;
}
table.sortable tr.filter th		{ cursor: default; }
thead tr.filter input	{
	border: none;
	color: white; background-color: #AAAAFF;
	padding: 0px 10px 0px 10px;
}
thead tr.filter input:hover {
	background-color: #8888FF;
}
.filter-mismatch	{ display: none; }
.filter-empty			{ display: none; color: #FF8811; font-size: 120%; }
.filter-isempty		{ display: inline; }

/* Zoom */
div.zoom	{
	position: relative;
	font-size: 100%;
	z-index: 0;
}
td:hover div.zoom {
	position: absolute;
	font-size: 500%;
	background-color: #AAAAFF;
	border: 1px dashed black;
	padding: 10px 14pt 15px 14pt;
	margin: 14pt 0 0 14pt;
	z-index: 1;
}

/* Menu bar */
.menu {
	float: right;
	padding-right: 25px;
}

.menu a {
	text-decoration: none;
	font-size: 150%;
	font-family: cursive;
}

/* Dropdown menu */
.dropdown {
	position: relative;
	padding: 0px 10px 0px 10px;
}

div.dropdown	{ display: inline; text-align: center; }

.dropdown div {
	display: none;
	position: absolute;
	top: 0px; left: 0px;
	background-color: #8888FF;
	border: 1px solid black;
	padding: 10px 0 10px 0;
	margin: 0;
	font-size: 120%;
}

.dropdown div a {
	display: block;
	color: white;
	padding: 0 10px 0 10px;
	text-decoration: none;
	text-align: center;
	font-size: 100%;
}

.dropdown div a.selected {
	background-color: #AAAAFF;
}

.dropdown div a:hover	{
	background-color: #AAAAFF;
	color: white;
}

.dropdown:hover div, .dropdown.hover div {
	display: block;
}

.dropdown.menu div { margin-top: 1.5em; margin-left: 1.5em; }
.dropdown.menu div a { width: 10em; }

.width100		{ width: 100%; }

/* Image preloading */
.preload	{ display: none; }