#footer { 
	color: gray;
	border-top: 1px solid lightgray;
	padding: 10px 0;
	margin: 30px 0;
}

.message { 
	display: table; 
	background: #C1EAFF; 
	margin: 30px 0; 
	padding: 8px 25px; 
	border-radius: 5px; 
	text-align: center;
	color: #373A5B;
	font-weight: bold;
}

.message:before {
	content: "i";
	background: #3394FF;
	color: white;
	display: inline-block;
	border-radius: 15px;
	padding: 1px 6px;
	margin: 0 5px 0 -5px
}

.warning {
	background: #FEDFC2;
	color: #8D3907;
}

.warning:before {
	background: #D04409;
	content: "!";	
}

.sticky {
	position: sticky;
	top: 15px;
	left: 10px;
	margin-left: -6px;
	margin-top: -6px;
	border-radius: 8px; 
	border: 3px solid white
}

#session_panel a {
	display: inline-block;
	border: 2px solid lightgray;
	border-radius: 10px;
	color: #4F4F4F;
	font-weight: bold; 
	padding: 4px 10px;
	margin-left: 10px
}

#session_panel a b {
	color: #e72f6c;
}

.list { 
	border: 1px solid lightgray;
	border-radius: 3px;
	height: 300px; 
	width: 200px;
	overflow:hidden;
	overflow-y:scroll
}

.list h4 {
	margin: 15px 10px 5px
}

.list li {
	padding: 6px 10px;
	border: 1px solid lightgray;
	margin: -1px;
	cursor: pointer;
}

.list li.separated {
	margin-top: 30px;
}

table { 
	border-collapse: collapse;
}
td, th {
	border: none; 
	text-align: right; 
	padding: 6px 8px 6px 20px;
	cursor: default;
}
th {
	background-color: #FFF;
	padding-left: 2em;
}
table tr:nth-child(even) {
	background: #FEFEFE;
}
table tr:nth-child(odd) {
	background: #F0F0F0;
}