body {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 0.85em;
}

table {
	font-size: 0.9em;
	width: 100%;
	background: white;
}

tbody {
	width: 100%;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

tr {
	height: auto;
}

tr:hover {
	background: rgb(220, 245, 255);
}

td {
	border-bottom: 1px solid #ccc;
}

thead {
	display: table-header-group;
	text-align: left;
	width: 100%;
	background: linear-gradient(rgb(200, 200, 200), white);
	text-transform: uppercase;
}

#header {
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	background: linear-gradient(rgb(245, 155, 55), rgb(210, 90, 0));
	padding: 15px 0 5px 0;
	border-bottom: 4px solid #ccc;
}

#status-container {
	width: 100%;
	height: 2em;
}

#spinner {
	display: block;
	float: left;
	margin-left: 13px;
}

#status-box {
	float: left;
	padding-left: 10px;
	width: 96%;
	overflow: hidden;
	color: black;
	font-family: "Oswald", "Helvetica", "Arial", "sans-serif";
}

#status-box a {
	text-decoration: none;
	background: rgba(255, 0, 0, 0.2);
	color: white;
}

#status-box a:hover {
	background: red;
}


#ui-box {
	float: right;
	color: green;
	font-weight: 700;
	margin-right: 20px;
	height: 2em;
}

#search-box {
	transition: opacity 1s;
}

#close-button {
	visibility: hidden;
	position: fixed;
	bottom: 40px;
	right: 60px;
	background: red;
	border: 5px solid red;
	color: white;
	font-family: "Oswald", "Helvetica", "Arial", "sans-serif";
}

#close-button a {
	color: white;
	text-decoration: none;
}

#links {
	position: fixed;
	font-size: 0.8em;
	font-family: "Oswald", "sans-serif";
	left: 18px;
	top: 45px;
	color: #555;
}

#links a {
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

#progress-bar {
	width: 100%;
	position: fixed;
	top: 0px;
	background: rgba(255, 0, 0, 0.2);
	border-bottom: 2px dotted rgba(0, 0, 0, 0.2);
	//transition: height 0.05s;
	transition-timing-function: ease-in;
	height: 0;
	padding-bottom: 0;
	margin: 0;
}

#table-frame {
	width: 100%;
	margin-left: auto; margin-right: auto;
	height: 75%;
	display: flex;
	margin-top: 72px;
	overflow-y: scroll;
	background: white;
	border: none;
	transition: height 0.3s;
}

#map-frame {
	width: 100%;
	height: 15%;
	top: 400px;
	border: none;
	border-top: 1px solid rgb(255, 115, 15);
}

.map-initial {
	height: 10px;
}

.open-map {
	height: 90% !important;
	transition: height 0.3s;
}

.closed-table {
	height: 1px !important; // 0px was making chrome de-load the table
	transition: height 1s;
}

/**** This isn't needed now ****/
/*@media screen and (max-height: 600px) {
	#table-frame { height: 100%;}
	#map-frame { display: none; }
}*/

.matched {
	color: rgb(128, 128, 128);
}

.strong-match {
	color: black !important;
}

.word-match {
	background: rgb(255, 255, 215);
}

.hidden {
	display: none;
}

.non-veg {
	border-bottom: 2px dotted red;
	background: rgba(255, 0, 0, 0.07);
	cursor: help;
}

.tooltip {
	border-bottom: 2px dotted green;
	background: rgba(0, 255, 0, 0.2);
	cursor: help;
}

.expansion-list {
	display: none;
	color: white;
}

.internal-map {
	color: red;
	text-decoration: none;
}

.selected {
	font-weight: bold;
}

.selected :last-child  {
	background: rgb(230, 255, 210);
}

.unsure {
	opacity: 0.5;
}

.irrelevant {
	display: none;
}