* {
//	background		: dimgray;
//	color			: whitesmoke;
}

.plate {
	background-color	: white;
	resize				: both;
	overflow			: hidden;
	position			: absolute;
	box-shadow			: 4px 4px 1px 1px rgba(0,0,0,8);
}

.plate > .head {
	background-color	: darkgrey;
}

.plate > .content {
	width				: 100%;
	overflow			: scroll;
}

.headcontents {
	float	: right;
}
.headcontents >* :hover {
	background-color	: lightgrey;
	cursor				: arrow;
}

.headcontents >* {
	margin-right	: 0.5em;
	margin-left		: 0.5em;
}


.contextmenu {
	position			: absolute;
	box-shadow			: 4px 4px 1px 1px rgba(0,0,0,8);
	background-color	: darkgrey;
	min-width			: 8em;
}

.menu:hover {
	background-color	: lightgrey;
	cursor				: pointer;
}


input {
	width	: 100%;
}

textarea {
	min-width	: 16em;
	min-height	: 4em;
}

.rdb {
	border-style	: solid;
}
.tabs {
	//border-style		: outset;
	background-color	: grey;
}
.tab {
	padding-left		: 1em;
	padding-right		: 1em;
	//border-style		: outset;
	background-color	: grey;
}
.tab:hover {
	background-color	: lightgrey;
	cursor				: pointer;
}

th {
	background-color	: darkgrey;
}

tr > * {
	border-style	: outset none none outset;
}

img {
	width		: auto;
	height		: auto;
	max-width	: 512px;
	max-height	: 512px;
}

.thumbnail {
	width		: auto;
	height		: auto;
	max-width	: 128px;
	max-height	: 128px;
}

.collapsed > tbody {
	display		: none;
}
.collapsed > tfoot {
	display		: none;
}
.collapsed > thead {
	display		: none;
}

.symbol {
	width		: auto;
	height		: auto;
	max-width	: 32px;
	max-height	: 32px;
}

.dragover {
	filter: invert(100%);
}