.group-label {
	display:       inline-block;
	height:        24px;
	padding:       0 16px;
	border-radius: 12px;
	margin-left:   32px;
	margin-top:    32px;
	text-align:    center;
	font-weight:   bold;
	line-height:   24px;
	font-size:     17px;
}

#info-label           { background: #00dfff; color: #007aaa; }

.group {
	padding:        32px;
	border-radius:   6px;
	max-width:     800px;
	margin-top:    -12px;
}

.group.collapsed {
	padding:       0px;
	border-bottom: none !important;
	border-left:   none !important;
	border-right:  none !important;
	border-radius: 0px;
	border-width:  3px !important;
}

#info { border: 1px solid #00dfff }

table {
	width:           100%;
	border-collapse: collapse;
	font-family:     monospace;
	border:          1px solid #3e495c;
	font-size:       13px;
}

table td {
	padding:       10px 16px 10px 16px;
	border-bottom: 1px solid #3e495c;
}

@media only screen and (max-width: 800px) {
	#content { padding: 0px }

	.group-label { margin-left: 16px; }
	.group {
		border-left:   none !important;
		border-right:  none !important;
		padding:       16px 0px 0px 0px;
		border-radius: 0px !important;
		margin-bottom: 32px;
		border-width:  3px !important;
	}

	table {
		width:  100%;
		border: none;
	}
}