.dialog {
	color: lightgray;
	  line-height: 1.3;
}

.safe {
	color : lime;
	font-weight: bold;
}

.dormant {
	color: orange;
	font-weight: bold;
}

.dangerous {
	color: red;
	font-weight: bold;
}

.nullified {
	color: cyan;
	font-weight: bold;
}

.active {
	color: magenta;
	font-weight: bold;
}

.unknown {
	color: #a8a8a8;
	font-weight: bold;
}

.neutral {
	color: yellow;
	font-weight: bold;
}

.warning {
	text-align: center; 
	color: red; 
	border: 1px solid red;
	padding: 20px;
}

.ch {
	color: red;
	font-weight: bold;
}

#Index {
	width: 200px;
	border: 2px solid white;
	text-align: center;
	float:left;
	height: 100%;
}

#Anomaly {
	margin-left: 10px;
	float:left;
	width: 755px;
}

#Anomaly > h2 {
	float:left;
}

#Anomaly hr {
	width: 765px;
	float:left;
}

#Article p {
	float:left;
}

#Anomaly #Card {
	float:left;
	border:1px solid white;
	background: rgb(83, 83, 83);
	padding:5px;
	width:100%
}

#Card #Info {
	float:left;
}

#Card #Thumb {
	float:right;
	height:155px;
	border:1px solid white;
}

#interviewer {
	color: darkred;
	height:2em;
	display:block
}

#interviewer * {
	color: darkred;
	height:2em;
	display:block
}

#interviewee {
	text-align: right;
	width:100%;
	height:2em;
	display:block
}
#interviewee * {
	text-align: right;
	width:100%;
	height:2em;
	display:block
}

/* gallery stuff */

#GalleryPopup {
	z-index: 10;
	width: 100%;
	height: 100%;
	position:fixed;
	background: rgba(0,0,0, 0.75);
}

#GalleryPopup .Image {
	z-index: 11;
	display:block;
	margin:0 auto;
	object-fit: contain;
	height:70%;
	max-width: 100%;
}

#GalleryPopup .ImageFull {
	text-align: center;
	text-decoration: none;

	position:fixed;

	top: 15; bottom: 0;
	left:0; right:0;
	width: 60%;
	display:block;
	margin:0 auto;
}

#GalleryPopup .ImageSmall {
	width:160px;
	height:90px;
	margin: 0 auto;
	float: left;
}

#GalleryPopup .ImageSmall img {
	width:160px;
	height:90px;
	display:block;
	opacity:0.5;
	object-fit: contain;
}

#GalleryPopup #ImageCaption {
	color: rgb(204, 204, 204);
}

#GalleryPopup #ImageCaption > span {
	display:inline-block;
	border: 1px solid white;
	padding: 10px;
	background: black
}

#GalleryPopup .ImageSmall img:hover {
	opacity:0.8;
}

.ImageSmall.Selected img {
	opacity:1 !important;
}

#GalleryPopup #Close {
	z-index: 11;
	position: fixed;
	top:15;
	right:15;
}

#GalleryPopup #Close {
	cursor:url('/media/images/cursor_hover.png'), auto;
}

#Carousel {
	width:100%;
	position: fixed;
	bottom: 50px;
	margin: 0 auto;
}