.systemmenu {
	position: relative;
	color: white;
	margin: 0;
	height: 90px;
}

.systemmenu-top {
	width: 100%;
	height: 30px;
	background: #333333;
}

.systemmenu-bottom {
	width: 100%;
	height: 60px;
	background: #333333;
}

.systemmenu-hide {
	width: 57px;
	height: 19px;
	opacity: 0.4;
	margin-left: auto;
	margin-right: auto;
}

.systemmenu-hide:hover {
	opacity: 0.7;
}

.systemmenu-content {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	display: table;
	border-spacing: 20px 0px;
}

.systemmenu-content > * {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}

.systemmenu-topic {
	width: 100%;
	font-size: 0.9em;
}

.systemmenu-logo {
	width: 100%;
	height: 100%;
}

.systemmenu-logo > img {
	max-width: 120px;
	max-height: 50px;
	width: auto;
	height: auto;
}

.systemmenu-link {
	text-transform: uppercase;
	font-size: 0.8em;
	opacity: 0.8;
}

.systemmenu-link:hover {
	opacity: 1.0;
}

.systemmenu-icon {
	opacity: 0.6;
}

.systemmenu-button-text {
	font-size: 1.3em;
	opacity: 1.0;
}

.systemmenu-button > * {
	vertical-align: middle;
}

.systemmenu-icon {
	width: 38px;
	height: 38px;
	display: inline-block;
}

.systemmenu-icon-live {
	background-image: url('/images/view.png');
}

.systemmenu-icon-multiplexer {
	background-image: url('/images/multiplexer.png');
}

.systemmenu-icon-settings {
	background-image: url('/images/settings.png');
}

.systemmenu-icon-gallery {
	background-image: url('/images/gallery.png');
}

.systemmenu-icon-log {
	background-image: url('/images/log.png');
}

.systemmenu-icon-error {
	background-image: url('/images/error.png');
}

.systemmenu-icon-restart {
	background-image: url('/images/restart.png');
}

.systemmenu-close-icon {
	background-image: url('/images/menu_close.png');
}

.systemmenu-open-icon {
	background-image: url('/images/menu_open.png');
}