body {
	margin: 0;
	padding: 20px;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 12pt;
}

#ajax-spinner {
	visibility: hidden;
    position: absolute;
    width: 14px;
    height: 14px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    z-index: 123456;
}

nav {
	float: left;
	border-right: 1px solid lightgray;
	padding-right: 20px;
	margin-right: 20px;
	width: 220px;
}

nav ul {
	margin: 1em 0;
	padding: 0;
	font-size: 14pt;
}

nav ul ul {
	margin-bottom: 1ex;
}

nav ul li {
	list-style-type: none;
	padding: 0;
}

nav li.selected {
	font-style: italic;
}

nav .count {
	color: gray;
	font-size: 60%;
	vertical-align: top;
}

div#user-info {
	font-size: 80%;
}

section#content {
	margin-left: 261px;
}

h1 {
	font-size: 140%;
	margin: 0 0 1ex 0;
	color: #151b8d;
}

h2 {
	font-size: 120%;
	margin: 0 0 1ex 0;
}

a {
	text-decoration: none;
	color: #151b8d;
}

a:hover {
	text-decoration: underline;
	color: lightblue;
}

.flash {
	border: 2px solid black;
	margin: 1ex auto;
	padding: 1ex;
	width: 500px;
	text-align: center;
}

.info {
	border-color: #32cd32;
	background-color: #90ee90;
}

.error {
	border-color: #cd3232;
	background-color: #ee9090;
}


input[readonly] {
	color: gray;
}

table.reservations, table.schedule, table.data {
	border-collapse: collapse;
	font-size: 80%;
}

table.reservations th, table.schedule th, table.data th {
	border: 1px solid gray;
	padding: 2px 5px;
	background-color: lightgray;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table.reservations td, table.schedule td, table.data td {
	border: 1px solid gray;
	text-align: left;
	padding: 2px 5px;
	vertical-align: top;
}

table.reservations td.fill {
	text-align: center;
	padding: 0;
	vertical-align: center;
}

table.reservations td.fill a {
	display: block;
	padding: 2px;
}

table.reservations td.fill a:hover {
	background-color: lightgreen;
	color: white;
}

table.reservations td.reserved {
	background-color: lightgreen;
}

table.reservations tr.weekend, table.schedule tr.weekend {
	background-color: #eeeeee;
}

table.reservations td.reserved a:hover {
	background-color: red;
	color: white;
}


/**
 * Smeny
 */
.schedule strong.current {
	color: red;
}

ul.barmans-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

ul.barmans-list li.not-reserved a {
	color: #999;
	display: none;
}

td:hover ul.barmans-list li.not-reserved a {
	display: list-item;
	min-width: 100px;
}

.marked {
	color: red;
}


/**
 * Muj rozpis
 */
ul.schedule {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.schedule li {
	margin: 0;
	padding: 0;
}


/**
 * Barmani
 */
table.barmans {
	border-collapse: collapse;
	font-size: 80%;
}

table.barmans tr:hover {
	background-color: #eeeeee;
}

table.barmans th {
	border: 1px solid gray;
	padding: 2px 5px;
	background-color: lightgray;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table.barmans td {
	border: 1px solid gray;
	text-align: left;
	padding: 2px 5px;
	vertical-align: top;
}

tr.selected {
	background: #cfc;
}

tr.hidden {
	display: none;
}

tr.invisible {
	color: gray;
}


form table th {
	text-align: right;
	font-weight: normal;
	color: gray;
}

form table tr.required th {
	font-weight: bold;
	color: black;
}



/**
 *  Forum
 */
form {
	margin-bottom: 30px;
}

form table {
	margin: 0;
}

form th {
	text-align: right;
	vertical-align: top;
	font-weight: normal;
}

form td {
	vertical-align: top;
}

form label.required {
	font-weight: bold;
}

form ul.error {
	list-style-type: none;
	color: #e22222;
	margin: 1ex 0 1em 0;
	padding: 0;
}

form input {
}

form textarea {
}

.long-input {
	width: 500px;
}

.short-input {
	width: 100px;
}

form.inline {
	text-align: left;
	margin-bottom: 10px;
}

form.inline .error {
	color: #e22222;
	background-color: white;
}

#notifyBox {
	font-size: 80%;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid lightgray;
}

.paginator {
	margin: 20px 0;
	text-align: left;
	font-size: 80%;
}

.paginator a {
}

.paginator a:hover {
}

.paginator .current {
	font-size: larger;
	font-weight: bold;
}

.paginator .inactive {
	color: gray;
}

.message {
	margin-bottom: 3ex;
	padding: 0 5px;
}

.message.important {
	border: 2px solid #f00;
	background-color: #fee;
	padding: 1ex 5px;
}

.message .name {
	font-weight: bold;
}

.message .date {
	font-size: 80%;
	color: gray;
}

.message p {
	margin: 1ex 0 0 1ex;
}


#documents {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}

#documents th {
	font-weight: bold;
	background-color: #3484d2;
	border: 1px solid #eee;
	padding: 2px 5px;
	color: white;
	text-align: left;
}

#documents td {
	border: 1px solid #eee;
	padding: 2px 5px;
	text-align: left;
}

#documents tr:hover {
	background-color: #eee;
}

#documents .icon {
	width: 20px;
}

#documents .filename {
	width: 100%;
}

#documents .created {
	width: 0px;
}

#documents .operations {
	width: 0px;
	line-height: 16px;
}

#documents .filename a {
	font-weight: normal;
	line-height: 16px;
	background-position: left 2px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#documents .audio { background-image: url('../images/icons/audio.png'); }
#documents .directory { background-image: url('../images/icons/directory.png'); }
#documents .document { background-image: url('../images/icons/document.png'); }
#documents .download { background-image: url('../images/icons/download.png');}
#documents .image { background-image: url('../images/icons/image.png'); }
#documents .package { background-image: url('../images/icons/package.png'); }
#documents .pdf { background-image: url('../images/icons/pdf.png'); }
#documents .presentation { background-image: url('../images/icons/presentation.png'); }
#documents .sheet { background-image: url('../images/icons/sheet.png'); }
#documents .text { background-image: url('../images/icons/text.png'); }
#documents .unknown { background-image: url('../images/icons/unknown.png'); }
#documents .video { background-image: url('../images/icons/video.png'); }

div.delete-form {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #e22222;
	color: black;
	background: #ffd7d7;
	text-align: center;
}

div.delete-form form {
	margin: 1em auto 0 auto;
}


/**
 * data table
 */
/*table.data {
	border-collapse: collapse;
	width: 100%;
}

.data th, .data td {
	border: 1px solid lightgray;
	padding: 3px 5px 2px;
}

.data th {
	background-color: gray;
	color: white;
	font-weight: bold;
	text-align: left;
}

.data th a {
	color: white;
	margin-right: 5px;
}

.data tr:hover {
	background-color: #ddd;
}

table.data a:hover {
	color: white;
}*/

tr.returned {
	color: gray;
}


/**
 * confirm dialog
 */
div.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.2;
	filter: alpha(opacity=20);
	top: 0;
	left: 0;
}

.confirmation-dialog {
	position: fixed;
	width: 400px;
	top: 40%;
	left: 50%;
	margin-left: -200px;
	z-index: 100;
	border: 2px solid lightgray;
	border-radius: 8px;
	background-color: gray;
	color: white;
	padding: 10px;
	text-align: center;
}

.confirmation-dialog table {
	margin: 0 auto;
}

.confirmation-dialog th {
	min-width: 0;
	margin: 0;
	padding: 0;
}

.confirmation-dialog input {
	background-color: lightgray;
	color: black;
	border: 3px outset gray;
	border-radius: 8px;
	padding: 5px 10px;
	font-weight: bold;
}

.confirmation-dialog input:hover {
	color: #333;
}

.confirmation-dialog input:active {
	border-style: inset;
}

.green_yes input[name=yes], .green_no input[name=no] {
	background-color: palegreen;
	border-color: green;
}

.green_yes input[name=yes]:hover, .green_no input[name=no]:hover {
	color: #030;
}

.red_yes input[name=yes], .red_no input[name=no] {
	background-color: tomato;
	border-color: red;
	color: white;
}

.red_yes input[name=yes]:hover, .red_no input[name=no]:hover {
	color: #fcf;
}


/**
 * Akční skupiny
 */
ul.group {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

ul.group li {
	display: inline;
}



ul.tags {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

ul.tags li {
	display: inline;
}

ul.tags li:not(:last-of-type):after {
	content: ' | ';
}

ul.tags .selected {
	font-weight: bold;
}