body,form {
	margin: 0;
	padding: 0;
	background: #fff;
	}
a {
	color: #4F5C79;
	background: transparent;
	text-decoration: none;
	}
a:hover {
	background: #4F5C79;
	color: #DFE4EE;
	}
img { border: 0; vertical-align: middle; }
input {
	text-align: center;
	border: solid 1px #4F5C79;
	margin: -1px;
	padding: 1px;
	}
input[type=checkbox] { margin: 2px; }
select {
	margin: 0px 3px 0px 3px;
	}
table { border-collapse: separate; border-spacing: 0; }

	/* HEAD - FOOT */

table.page {
	width: 100%;
	height: 100vh;
	}
td.logo {
	height: 80px;
	text-align: right;
	background: url(pics/logo_bg.gif) repeat-y top left;
	}
td.foot {
	font: normal 11px verdana;
	color: #4F5C79;
	height: 20px;
	border-top: solid 1px #555;
	text-align: center;
	background: url(pics/logo_bg.gif) repeat-y top left;
	}
td.login {
	text-align: center;
	vertical-align: middle;
	}

	/* FORMS */

form, input, textarea, select, button {
	font: normal 11px verdana;
	margin-right: 3px;
	margin-left: 3px;
	}
form.inline { display: inline; margin: 0; }
button.link {
	border: 0;
	background: none;
	color: #4F5C79;
	cursor: pointer;
	padding: 0 10px;
	font: normal 14px Arial;
	}
button.link:hover {
	background: #4F5C79;
	color: #DFE4EE;
	}
button.icon {
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}
input.left { text-align: left; }
input.qty { width: 3em; text-align: right; }

	/* MENUS */

td.menu1 {
	background: #F4F4F6;
	text-align: center;
	height: 20px;
	border-bottom: solid 1px #555;
	}
td.menu1 a {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-right: solid 1px #555;
	font: normal 14px Arial;
	}
td.menu1 .position {
	float: left;
	font: normal 12px arial;
	margin: 2px;
	}
td.menu1 .whoami {
	float: right;
	font: normal 12px arial;
	margin: 2px;
	}
td.menu-cell {
	vertical-align: top;
	width: 190px;
	background: #F4F4F6;
	}
.menu2 {
	background: #F4F4F6;
	width: 150px;
	}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.menu2 ul li a {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 150px;
	display: block;
	border-right: solid 1px #555;
	border-left: solid 1px #555;
	font: normal 14px Arial;
	}
div.menu2 {
	text-align: center;
	width: 190px;
	}

	/* MAIN */

td.content {
	vertical-align: top;
	padding: 10px;
	}
.center { text-align: center; }
.center table, table.center { margin-left: auto; margin-right: auto; }
.listing {
	margin: 10px auto;
	border: solid 1px #555;
	border-bottom: 0;
	}
.listing td {
	font: normal 11px verdana;
	padding-right: 3px;
	padding-left: 3px;
	border-bottom: solid 1px #555;
	vertical-align: top;
	}
.listing tr:hover td { background-color: #F4F4F6; }
th {
	font: bold 11px verdana;
	padding-right: 3px;
	padding-left: 3px;
	}
.listing th, .table_head th {
	border-bottom: solid 1px #555;
	}
.table_head td, .table_head th {
	border: 0;
	}
.table_head img {
	padding-right: 3px;
	padding-left: 3px;
	}
table.form {
	margin: 10px auto;
	border: solid 1px #555;
	}
table.form td, table.form th {
	border: solid 1px #999;
	font: normal 11px verdana;
	padding: 2px;
	}
table.form th { font-weight: bold; }
table.search { margin: 0 auto; }
td.num { text-align: right; }
td.mid { text-align: center; }
td.nowrap { white-space: nowrap; }

div.texts {
	width: 200px;
	max-height: 26px;
	overflow: auto;
	}
div.texts.auto { width: auto; }
div.texts.narrow { width: 140px; }
th.search {
	background: #68738D;
	color: white;
	}
span.aster {
	margin: 1px;
	color: red;
	}
div.legend {
	border: solid 1px #555;
	font: normal 11px courier new;
	color: #555;
	padding: 5px;
	margin: 10px;
	}
.pager { text-align: center; font: normal 11px verdana; margin: 10px; }
.hint { font: normal 10px arial; }
.flash {
	border: solid 1px green;
	color: green;
	font: normal 12px arial;
	padding: 4px;
	margin: 0 auto 10px auto;
	max-width: 800px;
	text-align: center;
	}
.error { color: red; font: bold 12px arial; text-align: center; }
.error-page { text-align: center; font: normal 14px arial; margin-top: 60px; }

	/* STAVY */

.valid, .in-stock { color: green; }
.expired, .requested, .badge-d { color: red; }
.ordered, .badge-s { color: orange; }
.badge-z { color: green; }
.badge-h { color: black; }
.badge-done { color: green; }

	/* FOTKY */

.photos { text-align: center; }
.photos .photo { display: inline-block; margin: 5px; vertical-align: top; }
.photos img.thumb { width: 200px; }

	/* TISK */

table.protocol { border-collapse: collapse; margin: 0 auto; }
table.protocol td, table.protocol th { border: solid 1px #000; padding: 3px; font: normal 12px verdana; }
table.protocol th { font-weight: bold; }
table.protocol th.left { text-align: left; }
table.footer { width: 700px; margin: 10px auto; font: normal 12px verdana; }
table.footer td.l { text-align: left; }
table.footer td.c { text-align: center; }
table.footer td.r { text-align: right; }
img.print-logo { cursor: pointer; }
table.labels { border-spacing: 10px; }
table.labels td { width: 200px; border: solid 1px #000; padding: 10px; font: normal 12px verdana; }
table.doc td.sum { background: #F9F9F9; text-align: right; }
@media print {
	.no-print { display: none; }
	}