#mumbleViewer {
    display: block;
    padding: 0;
    text-align: left;
    margin-bottom: 1em;
}
#mumbleViewer form {
	margin-bottom: 0px;
}
#mumbleViewer input {
    display: inline;
    margin: 0;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
	height: 28px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#mumbleViewer input[type=search] {
    font-size: 1.1em;
    width: 80%;
}
#mumbleViewer input[type=submit] {
    margin-left: -6px;
    font-size: 1.1em;
    background-color: #ffffff;
    width: 20%;
    box-sizing: border-box;
}
#mumbleViewer>div {
    float: left;
    height: auto;
	box-sizing: border-box;
	width: 50%;
    overflow-y: auto;
    overflow-x: visible;
    margin: 0;
    padding: 3px;
    border: 1px solid #c0c0c0;
	border-top: none;
    max-height: 300px;
}

#mumbleViewer>div:first-of-type {
	border-bottom-left-radius: 4px;
}
#mumbleViewer>div:last-of-type {
	border-bottom-right-radius: 4px;
}
@media (max-width: 480px) {
	#mumbleViewer>div {
		width: 100%;
		max-height: 150px;
	}
	#mumbleViewer>div:first-of-type {
		border-bottom-left-radius: 0;
	}
	#mumbleViewer>div:last-of-type {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
}
#mumbleViewer>br {
    clear: both;
}
#mumbleViewer #mumbleNoFound {
    display: none;
}
#mumbleViewer a,
#mumbleViewer a:visited {
    color: #000;
    text-decoration: none;
}
#mumbleViewer a:hover {
    text-decoration: underline;
}
#mumbleViewer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#mumbleViewer ul ul {
    margin: 0 0 0 7px;
    padding: 0 0 0 7px;
}
#mumbleViewer li {
    padding-top: 3px;
}
#mumbleViewer a,
#mumbleViewer span {
    background: url('../images/mumbleViewerIcons.png') no-repeat left -32px;
    padding-left: 20px;
    display: block;
    height: 16px;
    overflow: hidden;
    line-height: 14px;
}
#mumbleViewer span.mumbleChannelViewer-statusIcon {
    text-indent: -9999px;
    float: right;
}
#mumbleViewer span.mumbleChannelViewer-user {
    text-indent: 0;
    background-position: 0 -16px;
    float: none;
}
#mumbleViewer span.mumbleChannelViewer-authenticated {
    background-position: 0 0;
}
#mumbleViewer span.mumbleChannelViewer-suppressed {
    background-position: 0 -96px;
}
#mumbleViewer span.mumbleChannelViewer-selfDeafened {
    background-position: 0 -48px;
}
#mumbleViewer span.mumbleChannelViewer-deafened {
    background-position: 0 -64px;
}
#mumbleViewer span.mumbleChannelViewer-selfMuted {
    background-position: 0 -80px;
}
#mumbleViewer span.mumbleChannelViewer-muted {
    background-position: 0 -112px;
}
.mumbleChannelViewer-error {
    background: #ffc url("../images/exclamation.png") no-repeat 4px 5px;
    color: #000;
    border: 1px solid #f90;
    margin: 20px 10px;
    padding: 5px 5px 5px 25px;
}