:root {
	/* These are the colors from the official UDE corporate design. */
	--ude-blue: #004c93;
	--ude-beige: #efe4bf;
	--ude-pale-blue: #dfe4f2;
	--ude-black: #1a171b;
	
	/* We also use this color as an accent color for some borders. */
	--ude-silver: #bebebe;
	
	/* The following two colors are used for validation feedback. */
	--ude-red: #ff8080;
	--ude-green: #40a040;
}

body {
	color: var(--ude-black);
	background: var(--ude-beige);
 
	margin: 0px;
	border: 0px;
	padding: 0px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-kerning: auto;
	-webkit-font-smoothing: subpixel-antialiased;
}

label p {
    display: inline;
}

h1, h2, h3 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

textarea {
	box-sizing: border-box;
}

h1::before, h2::before {
	content: "";

	margin: 2px 4px;
	display: inline-block;

	vertical-align: text-bottom;

	background-repeat: no-repeat;
}

h1 {
	background-color: var(--ude-blue);
	color: white;
	margin: 0.25em 0;
}

h1::before {
	width: 32px;
	height: 32px;

	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: 0 0;
}

input {
	font-size: inherit;
}

h1.icon-none::before {
	content: none;
}

h1.icon-users::before {
	background-position: -160px 0;
}

h1.icon-microscope::before {
	background-position: 0 -32px;
}

h1.icon-folder-open::before {
	background-position: -32px -32px;
}

h1.icon-drawer::before {
	background-position: -32px -96px;
}

h1.icon-upload::before {
	background-position: -160px -32px;
}

h1.icon-download::before {
	background-position: -128px -32px;
}

h1.icon-pie::before {
	background-position: -224px -64px;
}

h1.icon-question::before {
	background-position: -32px -64px;
}

h1.icon-monitoring::before {
	background-position: -192px -32px;
}

h1.icon-calendar::before {
	background-position: -96px -32px;
}

h1.icon-dialog::before {
	background-position: -64px -64px;
}

h1.icon-document::before {
	background-position: -64px -32px;
}

h1.icon-tools::before {
	background-position: -224px 0;
}

h1.icon-books::before {
	background-position: -64px -96px;
}

h1.icon-template::before {
	background-position: -96px -96px;
}

h1.icon-user-plus::before {
	background-position: -96px 0;
}

h1.icon-user-minus::before {
	background-position: -128px 0;
}

h1.icon-user-minus::before {
	background-position: -128px 0;
}

h1.icon-user-lock::before {
	background-position: -32px 0;
}

h1.icon-user-forbidden::before {
	background-position: -192px 0;
}

h1.icon-quill::before {
	background-position: -96px -64px;
}

h1.icon-badge-check::before {
	background-position: 0 -96px;
}

h1.icon-scale::before {
	background-position: -192px -64px;
}

h1.icon-lock::before {
	background-position: -128px -64px;
}

h1.icon-error::before {
	background-position: -160px -64px;
}

h1.icon-envelope-lock::before {
	background-position: -224px -32px;
}

h1.icon-message::before {
	background-position: 0 -64px;
}

h1.icon-flask::before {
	background-position: -128px -96px;
}

h1.icon-megaphone::before {
	background-position: -160px -96px;
}

h2 {
	background-color: var(--ude-pale-blue);
	margin: 0px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

h2::before {
	width: 24px;
	height: 24px;

	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: 0 -128px;
}

h2.icon-none::before {
	content: none;
}

h2.icon-rocket::before {
	background-position: -144px -176px;
}

h2.icon-trophy::before {
	background-position: -120px -176px;
}

h2.icon-piggybank::before {
	background-position: -96px -200px;
}

h2.icon-label::before {
	background-position: -72px -200px;
}

h2.icon-folder-open::before {
	background-position: -216px -128px;
}

h2.icon-folder-export::before {
	background-position: -192px -128px;
}

h2.icon-gear::before {
	background-position: -24px -152px;
}

h2.icon-drawer::before {
	background-position: -168px -200px;
}

h2.icon-question::before {
	background-position: -120px -128px;
}

h2.icon-paintroller::before {
	background-position: -120px -200px;
}

h2.icon-database-import::before {
	background-position: -96px -152px;
}

h2.icon-clipboard-checked::before {
	background-position: -216px -152px;
}

h2.icon-server::before {
	background-position: -48px -176px;
}

h2.icon-java::before {
	background-position: -72px -176px;
}

h2.icon-chip::before {
	background-position: -24px -176px;
}

h2.icon-bug::before {
	background-position: 0 -176px;
}

h2.icon-operator::before {
	background-position: -24px -200px;
}

h2.icon-id-card::before {
	background-position: -48px -200px;
}

h2.icon-calendar::before {
	background-position: -168px -152px;
}

h2.icon-survey-question::before {
	background-position: -96px -128px;
}

h2.icon-survey-answer::before {
	background-position: -48px -128px;
}

h2.icon-editor::before {
	background-position: -96px -176px;
}

h2.icon-clip::before {
	background-position: -168px -176px;
}

h2.icon-database::before {
	background-position: -48px -152px;
}

h2.icon-clipboard-graph::before {
	background-position: -216px -176px;
}

h2.icon-wrench::before {
	background-position: 0 -152px;
}

h2.icon-database-magnifier::before {
	background-position: -144px -152px;
}

h2.icon-database-checked::before {
	background-position: -120px -152px;
}

h2.icon-at::before {
	background-position: -144px -128px;
}

h2.icon-doctorate::before {
	background-position: -192px -200px;
}

h2.icon-database-lock::before {
	background-position: -72px -152px;
}

h2.icon-paragraph::before {
	background-position: -216px -200px;
}

h2.icon-exclamation-mark::before {
	background-position: -24px -128px; 
}

h2.icon-magnifier-plus::before {
	background-position: -144px -200px;
}

h2.icon-lifebuoy::before {
	background-position: -192px -176px;
}

h2.icon-warning::before {
	background-position: -72px -128px;
}

h2.icon-template::before {
	background-position: -24px -224px;
}

h2.icon-eye::before {
	background-position: -48px -224px;
}

h2.icon-flask::before {
	background-position: -72px -224px;
}

h2.icon-megaphone::before {
	background-position: -96px -224px;
}

.icon::before {
	content: "";

	margin: 3px 4px 1px 4px;
	display: inline-block;

	vertical-align: text-bottom;

	background-repeat: no-repeat;
	
	width: 16px;
	height: 16px;

	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: 0 -256px;
}

.icon-throbber::before {
	animation: throbber-spin 1s linear infinite;
	background-position: -240px -256px;
}

@keyframes throbber-spin {
	100% {
		transform:rotate(360deg);
	}
}

.icon-navigation-home::before {
	background-position: -16px -256px;
}

.icon-navigation-profile::before {
	background-position: -64px -256px;
}

.icon-navigation-administration::before {
	background-position: -32px -256px;
}

.icon-navigation-admission::before {
	background-position: -48px -256px;
}

.icon-navigation-logout::before {
	background-position: -80px -256px;
}

.icon-handle::before {
	background-position: -144px -256px;
}

.icon-validation-info::before {
	background-position: -160px -256px;
}

.icon-validation-warning::before {
	background-position: -176px -256px;
}

.icon-validation-error::before {
	background-position: -192px -256px;
}

.icon-validation-tick::before {
	background-position: -208px -256px;
}

.icon-validation-cross::before {
	background-position: -224px -256px;
}

.icon-folder::before {
	background-position: 0 -272px;
}

.icon-folder-open::before {
	background-position: -160px -272px;
}

.icon-folder-warning::before {
	background-position: -80px -272px;
}

.icon-folder-plus::before {
	background-position: -48px -272px;
}

.icon-folder-minus::before {
	background-position: -32px -272px;
}

.icon-folder-pen::before {
	background-position: -16px -272px;
}

.icon-folder-star::before {
	background-position: -112px -272px;
}

.icon-folder-forbidden::before {
	background-position: -128px -272px;
}

.icon-document::before {
	background-position: 0 -288px;
}

.icon-document-pen::before {
	background-position: -16px -288px;
}

.icon-document-minus::before {
	background-position: -32px -288px;
}

.icon-document-plus::before {
	background-position: -48px -288px;
}

.icon-document-magnifier::before {
	background-position: -160px -288px;
}

.icon-document-text::before {
	background-position: -192px -288px;
}

.icon-document-forbidden::before {
	background-position: -128px -288px;
}

.icon-document-seal::before {
	background-position: -176px -288px;
}

.icon-document-image::before {
	background-position: -224px -288px;
}

.icon-mimetype-application::before {
	background-position: 0 -288px;
}

.icon-mimetype-audio::before {
	background-position: -208px -288px;
}

.icon-mimetype-image::before {
	background-position: -224px -288px;
}

.icon-mimetype-text::before {
	background-position: -192px -288px;
}

.icon-mimetype-video::before {
	background-position: -240px -288px;
}

.icon-cloud::before {
	background-position: 0 -304px;
}

.icon-cloud-refresh::before {
	background-position: -112px -304px;
}

.icon-cloud-cross::before {
	background-position: -48px -304px;
}

.icon-cloud-check::before {
	background-position: -64px -304px;
}

.icon-cloud-upload::before {
	background-position: -16px -304px;
}

.icon-cloud-download::before {
	background-position: -32px -304px;
}

.icon-calendar-plus::before {
	background-position: -64px -336px;
}

.icon-calendar::before {
	background-position: 0 -336px;
}

.icon-calendar-star::before {
	background-position: -48px -336px;
}

.icon-calendar-cross::before {
	background-position: -16px -336px;
}

.icon-calendar-forbidden::before {
	background-position: -32px -336px;
}

.icon-calendar-plus::before {
	background-position: -64px -336px;
}

.icon-question::before {
	background-position: -128px -336px;
}

.icon-questions::before {
	background-position: -144px -336px;
}

.icon-question-minus::before {
	background-position: -160px -336px;
}

.icon-question-plus::before {
	background-position: -176px -336px;
}

.icon-question-pen::before {
	background-position: -192px -336px;
}

.icon-email::before {
	background-position: 0 -368px;
}

.icon-hand::before {
	background-position: -16px -368px;
}

.icon-input-text::before {
	background-position: -32px -368px;
}

.icon-megaphone::before {
	background-position: -48px -368px;
}

.icon-filler::before {
	background-position: -64px -368px;
}

.icon-eye::before {
	background-position: -80px -368px;
}

.icon-bin::before {
	background-position: -96px -368px;
}

.icon-chain::before {
	background-position: -112px -368px;
}

.icon-user-magnifier::before {
	background-position: -128px -368px;
}

.icon-info::before {
	background-position: -144px -368px;
}

.icon-printer::before {
	background-position: -160px -368px;
}

.icon-bell-cancelled::before {
	background-position: -176px -368px;
}

.icon-template-text::before {
	background-position: -192px -368px;
}

.icon-template-email::before {
	background-position: 0 -368px;
}

.icon-template-system::before {
	background-position: -32px -256px;
}

.icon-smiley-sad::before {
	background-position: -32px -352px;
}

.icon-smiley-neutral::before {
	background-position: -48px -352px;
}

.icon-smiley-happy::before {
	background-position: -64px -352px;
}

.icon-result-present::before {
	background-position: 0 -352px;
}

.icon-result-pending::before {
	background-position: -16px -352px;
}

.icon-tasktype-instruction::before {
	background-position: -48px -368px;
}

.icon-tasktype-clozetext::before {
	background-position: -32px -368px;
}

.icon-tasktype-freetext::before {
	background-position: -64px -368px;
}

.shaky::before {
	animation-name: shaky-anmiation;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes shaky-anmiation {
	2% {
	    transform: rotate(8deg);
	}
	4% {
	    transform: rotate(-8deg);
	}
	6% {
	    transform: rotate(6deg);
	}
	8% {
	    transform: rotate(-6deg);
	}
	10% {
	    transform: rotate(4deg);
	}
	12% {
	    transform: rotate(-4deg);
	}
	14% {
	    transform: rotate(2deg);
	}
	16% {
	    transform: rotate(0deg);
	}
}

img {
	border: 0px; /* We need this for IE 9 & 10 compatibility. =( */
}

form {
	display: inline;
	margin: 0px;
}

a {
	color: var(--ude-blue);
}

td {
	vertical-align: middle;
}

table img {
	vertical-align: text-bottom;
}

.task-cloze {
	line-height: 2em;
	width: 100%;
}

.task-cloze input {
	transition: width 0.25s ease-out;
	padding-left: 0;
	padding-right: 0;
}

.task-cloze .cloze-word::after {
	font-weight: bold;
}

.task-cloze .cloze-word:has(.cloze-state-correct)::after {
	content: '\2713'; /* check mark */
	color: var(--ude-green);
}

span.cloze-word .cloze-state-correct {
	color: var(--ude-green);
}

.task-cloze .cloze-word:has(.cloze-state-recognized)::after {
	content: '\237b'; /* check mark with strike through */
	color: var(--ude-blue);
}

span.cloze-word .cloze-state-recognized {
	color: var(--ude-blue);
}

.task-cloze .cloze-word:has(.cloze-state-wrong)::after {
	content: '\2717'; /* ballot */
	color: var(--ude-red);
}

span.cloze-word .cloze-state-wrong {
	color: var(--ude-red);
}

.task-cloze .cloze-word:has(.cloze-state-error)::after {
	content: '\26A0'; /* warning sign */
	color: var(--ude-red);
}

span.cloze-word .cloze-state-error {
	color: var(--ude-red);
}

.task-cloze .ui-state-disabled {
	opacity: inherit;
}

.task-cloze .ql-editor, task-normal -ql-editor {
	line-height: 2em;
	font-size: initial;
}

.task-default {
	line-height: 2em;
	width: 100%;
}

.task-preview {
	padding: 12px 15px;
}

.no-break {
	white-space: nowrap;
}
td .no-break p {
	display: inline;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*
 * Definition for the breadcrumb view.
 */
#breadcrumb-bar {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

#breadcrumb-bar a::before {
	width: 16px;
	height: 16px;
	content: "";
	vertical-align: text-bottom;
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -112px -256px;
	background-repeat: no-repeat;
	display: inline-block;
}

#breadcrumb-bar a:first-child::before {
	background-position: -96px -256px;
	margin-right: 4px;
}

/*
 * Definitions for toolbars.
 */
.toolbar {
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: auto;
	text-align: 	right;
}

/*
 * Definitions for the tiles of the administrator board.
 */
.tile-grid td {
	width: 192px;
	text-align: center;
	padding: 4px;
}

.tile-grid td a::before
{
	content: '';
	display: inline-block;
	
	width: 64px;
	height: 64px;

	margin-left: 64px;
	margin-right: 64px;
	
	background-image: url(/zlb/javax.faces.resource/images/tiles.png.xhtml?ln=skala);
}

.tile-grid td a.semester::before {
	background-position: 0 0;
}

.tile-grid td a.survey::before {
	background-position: -64px 0;
}

.tile-grid td a.assessment::before {
	background-position: -128px 0;
}

.tile-grid td a.submission-export::before {
	background-position: 0 -64px;
}

.tile-grid td a.submission-export-archive::before {
	background-position: -64px -64px;
}

.tile-grid td a.result-import::before {
	background-position: -128px -64px;
}

.tile-grid td a.statistic-export::before {
	background-position: 0 -128px;
}

.tile-grid td a.monitoring::before {
	background-position: -64px -128px;
}

.tile-grid td a.user-management::before {
	background-position: 0 -192px;
}

.tile-grid td a.templates::before {
	background-position: -192px -192px;
}

.tile-grid td a.maintenance-mode::before {
	background-position: -64px -192px;
}

/*
 * General purpose primefaces definitions.
 */
.ui-widget, .ui-widget .ui-widget {
    font-size: inherit;
    font-family: inherit;
}

.ui-widget-content a {
    color: var(--ude-blue);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: inherit;
}

.ui-icon {
	height: 16px;
	width: 16px;
}

.ui-messages ul {
	margin: 0;
}

.ui-message-info-icon,  .ui-message-warn-icon,  .ui-message-error-icon,  .ui-message-fatal-icon,
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	height: 16px;
	width: 16px;
	margin: 0;
}

.ui-message-info-icon, .ui-messages-info-icon {
	background-position: -160px -256px;
}

.ui-message-warn-icon, .ui-messages-warn-icon {
	background-position: -176px -256px;
}

.ui-message-error-icon, .ui-messages-error-icon {
	background-position: -192px -256px;
}

.ui-message-fatal-icon, .ui-messages-fatal-icon {
	background-position: -192px -256px;
}

.ui-icon-circle-triangle-w {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: 0 -320px;
}

.ui-icon-circle-triangle-n {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -16px -320px;
}

.ui-icon-circle-triangle-e {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -32px -320px;
}

.ui-icon-circle-triangle-s {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -48px -320px;
}

.ui-shadow {
	box-shadow: 0px 0px 14px rgba(0,0,0,.4);
}

.ui-messages .ui-messages-info, .ui-messages .ui-messages-warn, .ui-messages .ui-messages-error, .ui-messages .ui-messages-fatal,
.ui-message.ui-message-info, .ui-message.ui-message-warn, .ui-message.ui-message-error, .ui-message.ui-message-fatal {
	background: inherit;
	border: none;
	color: inherit;
}

/*
 * Definitions for SelectOneMenus
 */
.ui-selectonemenu input {
	font-size: inherit;
}

/*
 * Definitions for primefaces' SelectCheckboxMenu
 */
.ui-selectcheckboxmenu-token-label {
	background-color: var(--ude-blue);
	color: white; 
}

/*
 * Definitions for primefaces' buttons.
 */
.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
    border: 1px solid var(--ude-silver);
    color: inherit;
    background: var(--ude-pale-blue);
}

/*
 * Definitions for primefaces' datepicker.
 */
.ui-datepicker {
	background-color: white;
	border: solid 1px;
	border-color: var(--ude-pale-blue);
	box-shadow: 0px 0px 14px rgba(0,0,0,.2);
}

.ui-datepicker-unselectable {
	color: silver;
}

.ui-datepicker td .ui-state-hover {
	background-color: var(--ude-pale-blue);
}

/*
 * Definitions for primefaces' datatables.
 */
.ui-datatable table {
	table-layout: auto;
}

.ui-datatable th.ui-state-default, .ui-datatable tfoot td.ui-state-default {
	background-color: var(--ude-pale-blue);
}
 
.ui-datatable tbody td, .ui-datatable tbody th, .ui-datatable thead td, .ui-datatable thead th {
	background-color: white;
	border: 1px solid var(--ude-pale-blue);
	padding: 6px 4px;
}

.ui-datatable tbody tr .draggable {
	cursor: move;
}

.ui-datatable img {
	padding-right: 0.25em; 
	padding-left: 0.25em;
}

.ui-datatable .ui-sortable-column-icon {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -128px -320px;
}

.ui-datatable .ui-icon-triangle-1-n {
	background-position: -80px -320px;
}

.ui-datatable .ui-icon-triangle-1-s {
	background-position: -112px -320px;
}

.ui-cell-editor-input input {
	font-size: inherit;
	width: 100%;
	box-sizing: border-box;
}

.ui-cell-editor-output::after {
	content: "";

	margin: 2px 0 2px 2px;
	display: inline-block;

	vertical-align: text-bottom;

	background-repeat: no-repeat;
	
	width: 16px;
	height: 16px;

	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -128px -256px;
}

/*
 * Definitions for the BlockUI component.
 */
.ui-blockui {
	background-color: white;
	opacity: .85;
}

.ui-blockui-content {
	background: none;
	border: none;
	box-shadow: none !important;
}

/*
 * Definitions for primefaces tabview.
 */
.ui-tabs {
	padding: 0px;
}

.ui-tabs .ui-tabs-nav {
	margin-bottom: -1px;
	background-color: var(--ude-pale-blue);
	border-bottom: 1px solid var(--ude-silver);
	border-radius: 3px 3px 0 0;
}

.ui-tabs .ui-tabs-panel {
	padding: 0px;
}

.ui-tabs .ui-tabs-panels {
	border: solid var(--ude-silver);
	border-width: 0 1px 1px 1px;
}

.ui-tabs .ui-tabs-nav li {
	margin-bottom: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border: 1px solid var(--ude-silver);
	border-bottom-width: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: white;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	cursor: default;
	color: var(--ude-blue);
	border: 0px;
}

.ui-tabs-header.ui-state-default {
	border: 0px;
}

.ui-tabs .ui-tabs-panel .ql-toolbar {
	border-width: 0 0 1px 0;
}

.ui-tabs:not(.ui-ribbon) .ui-tabs-nav {
	background-color: var(--ude-pale-blue);
    background-image: none;
}

.ui-tabs .ui-tabs-nav > li.ui-state-default {
	background: inherit;
}

.ui-tabs .ui-tabs-panel .ql-container {
	border-width: 0 0 0 0;
}

/*
 * Definitions for primefaces texteditor component / quill.
 */
.ql-undo-button-icon {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -128px -352px;
	width: 16px;
	height: 16px;
}

.ql-redo-button-icon {
	background-image: url(/zlb/javax.faces.resource/images/icons.png.xhtml?ln=skala);
	background-position: -144px -352px;
	width: 16px;
	height: 16px;
}

/*
 * Definitions for the result table.
 */
#result-table tr.ar {
	background-color: var(--ude-pale-blue);
}

/*
 * Definitions for the progressbar on top of the header.
 */ 
#activity-bar, #activity-bar:before {
	height: 4px;
	width: 100%;
	margin: 0;
}

#activity-bar {
	background-color: var(--ude-blue);
	display: flex;
	transition: background-color 0.5s;
	border-bottom: var(--ude-pale-blue) 1px;
}

#activity-bar.active {
	background-color: inherit;
}

#activity-bar.error {
	background-color: var(--ude-red);
}

#activity-bar:before {
	background-color: var(--ude-blue);
	content: '';
	animation: running-progress 2s cubic-bezier(0.4, 0.2, 0.2, 0.4) infinite;
	transition: opacity 0.5s;
	opacity: 0;
}

#activity-bar.active:before {
	opacity: 1;
}

@keyframes running-progress {
	0% {
		margin-left: 0;
		margin-right: 100%;
	}
	50% {
		margin-left: 25%;
		margin-right: 0%;
	}
	100% {
		margin-left: 100%;
		margin-right: 0;
	}
}

/*
 * Definitions for the header.
 */

#header {
	height: 	24px;
	line-height: 24px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 	0px;
	width: 	100%;
}

#header-container {
	float: right;
}

#header-container {
	float: right;
}

.header-button {
	border: 0px;
	display: table-cell;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#header a, #header a:visited {
	color: inherit;
}

/*
 * Definitions for the content area.
 */
#content {
	max-width: 960px;
	min-width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	background-color: white;
	box-shadow: 0px 0px 14px rgba(0,0,0,.2);
}

#banner {
	background-image: url(/zlb/javax.faces.resource/images/banner/banner.png.xhtml?ln=skala);
	margin-bottom: 4px;
	height: 110px
}

#ude-logo {
	float: right;
	margin-top: 12px;
	clear: none;
}

#skala-logo {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	clear: none;
}

/*
 * Definitions for the footer.
 */

#footer {
	font-size: 	smaller;
	text-align: center;
	margin-bottom: 1em;
	margin-top: .5em;
}

/*
 * Special rules for printing
 */
@media print {
	#header, #footer, #loader-bar {
		display: none;
	}
	
	.screen-only {
		display: none;
	}
}

/*
 * Rules for the admission view.
 */
#admission-ajax-status {
	text-align: right;
	margin: 4px 0;
}