/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body {
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:					0px;
	background-color:		#aaaaaa;
}

a {
	border:					none;
	border-width:			0px;
	margin:					0px;
	padding:					0px;
	text-decoration:		none;
	color:					black;
	white-space:			nowrap;

}

div.text {
	color:					black;
}

h3 {

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.aussentable {
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:					0px;
	display:					table;
}

div.aussentd {
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:					0px;
	display:					table-cell;
	vertical-align:		middle;
}

div.innen {
	width:					90%;
	height:					90%;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#777777;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.innen {
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:					0px;
	border-spacing:		0px;
	empty-cells:			show;
}

tr.innen {
	margin:					0px;
	padding:					0px;
}

td.menu {
	width:					15%;
	height:					100%;
	margin:					20px;
	padding:					20px;
	vertical-align:		top;
	empty-cells:			show;
	background-color:		#cccccc;
	white-space:			nowrap;

	border-width			1px;
	border-style:			solid;
	border-color:			#777777;
}

td.page {
	width:					85%;
	height:					100%;
	margin:					20px;
	padding:					20px;
	vertical-align:		top;
	empty-cells:			show;
	background-color:		#cccccc;
	white-space:			nowrap;

	border-width			1px;
	border-style:			solid;
	border-color:			#777777;
}

span.runtime {
	white-space:			nowrap;
	color:					#dddddd;
	float:					right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.home {
	width:					80%;
	height:					90%;
	border-width			1px;
	border-style:			solid;
	border-color:			#dddddd;
}

tr.home {
}

td.home {
	margin:					20px;
	padding:					20px;
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
}

div.home {
	width:					60%;
	white-space:			normal;
	display:					table;
	margin:					0 auto;
}

div.logo {
	display:					table;
	margin:					0 auto;
	margin-top:				100px;
	margin-bottom:			100px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.menulist {
	width:					100%;
	border-width			1px;
	border-style:			solid;
	border-color:			#dddddd;
}

tr.menulist {
}

td.menulist {
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

button.logout {
	margin:					0px;
	padding:					0px;
	border-spacing:		0px;
	font-size:				95%;
	color:					#e00000;

	background:				none;
	border:					none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.search {
	width:					100%;
	border-width			1px;
	border-style:			solid;
	width:					60%;
	border-color:			#dddddd;
}

tr.search {
}

td.search {
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

td.search-submit {
	text-align:				left;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

td.search-checkbox {
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.about {
	width:					80%;
	height:					90%;
	border-width			1px;
	border-style:			solid;
	border-color:			#dddddd;
}

tr.about {
}

td.about {
	margin:					20px;
	padding:					20px;
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
}

div.about {
	white-space:			normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.login {
	width:					100%;
	border-width			1px;
	border-style:			solid;
	width:					60%;
	border-color:			#dddddd;
}

tr.login {
}

td.login {
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

td.login-submit {
	text-align:				left;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

td.login-info {
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

td.logininfo {
	white-space:			normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.result {
	width:					100%;
	border-width			1px;
	border-style:			solid;
	border-color:			#eeeeee;
}

tr.result {
}

td.result-header {
	text-align:				left;
	vertical-align:		top;
	font-weight:			bold;
	background-color:		#ffffff;
	white-space:			nowrap;
}

span.result-header {
	white-space:			nowrap;
	color:					#0000f3;
}

td.result-0 {
	text-align:				left;
	vertical-align:		top;
	background-color:		#dddddd;
	white-space:			nowrap;
}

td.result-1 {
	text-align:				left;
	vertical-align:		top;
	background-color:		#eeeeee;
	white-space:			nowrap;
}

span.result-left {
	float:					left;
}

span.result-right {
	float:					right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

span.control-info {
	color:					#0000f3;
}

span.control-save {
	color:					#0000f3;
}

span.control-show {
	color:					#0000f3;
}

span.control-edit {
	color:					#00a000;
}

span.control-delete {
	white-space:			nowrap;
	color:					#e00000;
}

span.control-add {
	white-space:			nowrap;
	color:					#00a000;
}

a.control-info {
	white-space:			nowrap;
	color:					#0000f3;
}

a.control-delete {
	white-space:			nowrap;
	color:					#e00000;
}

a.control-add {
	white-space:			nowrap;
	color:					#00a000;
}

a.control-csv {
	white-space:			nowrap;
	color:					#a0a000;
}

a.control-expire {
	white-space:			nowrap;
	color:					#000000;
}

a.control-queryname {
	white-space:			nowrap;
	color:					#000000;
}
a.control-columns {
	white-space:			nowrap;
	color:					#000000;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a.navigation {
	white-space:			nowrap;
	color:					#0000f3;
}

td.navigation-limit {
	white-space:			nowrap;
	color:					#777777;
}

a.navigation-limit {
	white-space:			nowrap;
	color:					#777777;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */