body {
	margin-top: 70px;
	background-color: #f2f2f2;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #888888;
	margin-left: 20%;
	margin-right: 20%;
}

h1, h3, h4, h5 { color: #444444; 
	font-weight: 300; 
	text-align: center;
}
h2 { 
	color: #444444; 
	font-weight: 300; 
}
p { font-size: 12pt; }	

textarea { font-family: inherit; font-size: inherit; }

.desc {
	margin-left: 30px;
	font-size: 14px;
}

.topbar { 
	position: absolute;
	top: 0px;
	left: 0px;
	width:  100%;
	background: #2a5d84;
	height:  60px;
	line-height: 60px;
	z-index: 100;
}
.topbar a {	color: white; text-decoration: none; }
.topbar a:hover { text-decoration: underline; }
.topbar a:visited { text-decoration: none;  color: white; }

.reportBar { 
	background-color: rgba(42, 93, 132, 0.25);
	position: absolute;
	top: -200px;
	padding: 25px 25px 0px 25px;
	right: 0px;
	border-bottom-left-radius: 20px;
	z-index: 2;
	transition: background-color 1s, top 0.3s;
}
.reportBar:hover {  
	background-color: rgba(42, 93, 132, 1); 
	top: 60px;
}
.reportBar a {	color: white; text-decoration: none; }
.reportBar a:hover { text-decoration: underline; }
.reportBar a:visited { text-decoration: none;  color: white; }

.left {	
	float: left; 
	margin-left: 10px;
}
.right {  
	float: right; 
	margin-right: 10px
}

.icon {
	height: 15 px;
	max-width: 20px;
	margin-right: 10px;
}

a { text-decoration:  none; color:  #888888; }
a:hover { text-decoration:  underline; color:  #888888; }
a:visited { text-decoration:  none; color:  #888888; }

table { 
	vertical-align: top; 
	border-collapse: collapse;
	border: 1px solid grey;
}

td { 
	vertical-align: top; 
	border-collapse: collapse;
}
th {
	background-color: lightgrey;
	border: 1px solid grey;
}

.report table { 
	margin-left: auto !important; 
	margin-right: auto !important; 
	border-spacing: 0px; 
}
.report td { 
	padding: 10px;
	font-size: 12; 
	text-align: left; 
	padding: 5px; 
}
.ipreport td { 
	padding: 10px;
	font-size: 12; 
	text-align: left; 
	padding: 5px; 
	white-space: pre;
}
.report tr:nth-child(even) { background-color: white; } 
.ipreport tr:nth-child(even) { background-color: white; } 

.dotGreen {
  height: 8px;
  width: 8px;
  background-color: #00ee00;
  border-radius: 50%;
  display: inline-block;
}
.dotRed {
  height: 8px;
  width: 8px;
  background-color: #ff0000;
  border-radius: 50%;
  display: inline-block;
}
.dotOrange {
  height: 8px;
  width: 8px;
  background-color: #ffa500;
  border-radius: 50%;
  display: inline-block;
}
pre {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 9pt;
}


a.pointer { cursor: pointer; }


/* The Modal (background) */
.modal {
  display: none; 	/* Hidden by default */
  position: fixed; 	/* Stay in place */
  z-index: 102; 		/* Sit on top */
  left: 0;
  top: 0;
  width: 100%; 		/* Full width */
  height: 100%;		/* Full height */
  overflow: auto; 	/* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fbfaf5; /* #fefefe */
  margin: 5% auto; /* 15% from the top and centered */
  margin-top: 5%;
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}