body {
		background-color: #000000;
		color: #E7E7E7;
		margin: 0;
		padding: 20px;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	   	font-weight: 200;
	}


	#table {
		display: table;
                table-layout: fixed;
	 	width: 100%;
	 	background-color: #333333;
	 	margin: 0;
	 	box-sizing: border-box;
	 }
	 	#table-trv {
		display: table;
        table-layout: fixed;
	 	background-color: #333333;
	 	margin: 0;
	 	box-sizing: border-box;
	 }
	 #table-cs {
 		display: table;
 	 	width: 100%;
 	 	background-color: #333333;
 	 	margin: 0;
 	 	box-sizing: border-box;
 	 }


	 .caption {
	 	display: block;
	 	width: 100%;
	 	background:  #202020;
	 	height: 47px;
	 	color: #E7E7E7;
	 	font-size: 37px;
	 	line-height: 47px;
	 	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	 	box-sizing: border-box;
		text-align: center;
	 }
	 .caption-2 {
	 	display: block;
	 	width: 100%;
	 	background:  #202020;
	 	color: #E7E7E7;
	 	font-size: 18px;
	 	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	 	box-sizing: border-box;
		text-align: center;
	 }

	 .header-row {
	 	background-color: #464646;
	 	color: #E7E7E7;

	 }

	.row {
		display: table-row;
	}
		.row-1 {
		display: table-row;
		color: #E7E7E7;
	}
		.row-2 {
		display: table-row;
		color: #cccc00;
	}
		.row-3 {
		display: table-row;
		color: #b32d00;
	}

	.cell {
		display: table-cell;
	 	font-size: 15px;
		padding: 4px;
		border-top: 1px solid #d1d3d3;
		text-align: center;
	}
	.cell-1 {
	display: table-cell;
		color: #00660B;
	 	font-size: 15px;
		padding: 4px;
		border-top: 1px solid #d1d3d3;
		text-align: center;
}
	.cell-2 {
	display: table-cell;
		color: #D30000;
	 	font-size: 15px;
		padding: 4px;
		border-top: 1px solid #d1d3d3;
		text-align: center;
}
	.cell-3 {
	display: table-cell;
	color: #CBCE00;
	font-size: 15px;
	padding: 4px;
	border-top: 1px solid #d1d3d3;
	text-align: center;
}
	.cell-trv {
		display: table-cell;
	 	font-size: 15px;
		padding: 4px;
		border-top: 1px solid #d1d3d3;
		text-align: left;
	}
	.cell-left-notop {
		display: table-cell;
	 	font-size: 15px;
		padding: 4px;
		text-align: left;
	}
	.cell-alert {
		display: table-cell;
	 	font-size: 15px;
		padding: 4px;
		text-align: center;
	}

	.primary {
		text-align: left;
	}


	.tooltip {
	  position: relative;
	  display: inline-block;
	  border-bottom: 1px dotted black;
	}

	.tooltip .tooltiptext {
	  visibility: hidden;
		width: 150px;
	  top: 100%;
	  left: 50%;
	  margin-left: -60px;
	  background-color: black;
	  color: #00a3ad;
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;

	  /* Position the tooltip */
	  position: absolute;
	  z-index: 1;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}
	.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;

}

	a:link {
	  text-decoration: underline black;
		color: black;
	}
	 a:visited  {
 	  text-decoration: underline dotted blue;
 		color: black;
 	}
	a:hover, a:active {
	  text-decoration: underline dotted red;
		color: red;
	}
	.bookmark:link, .bookmark:visited {
		text-decoration: none ;
		color: #E7E7E7;
	}
	.bookmark:hover, .bookmark:active {
	  text-decoration: underline dotted red;
		color: red;
	}

	.a-1:link {
		text-decoration: underline ;
		color: #E7E7E7;
	}
	.a-2:link {
		text-decoration: underline ;
		color: #cccc00;
	}
	.a-3:link {
		text-decoration: underline ;
		color: #b32d00;
	}
	.footer {
	   position: fixed;
	   left: 0;
	   bottom: 0;
	   width: 100%;
		 background:  #202020;
		 height: 20px;
		 color: #E7E7E7;
		 text-align: center;
	}
	#loading {
  display: flex;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-image: url("loading.gif");
  background-repeat: no-repeat;
  background-position: center;
}

	#search {
	  background-image: url('http://icon-library.com/images/white-search-icon-png/white-search-icon-png-17.jpg');
    background-size: 25px 25px;
		background-position: 10px 10px;
	  background-repeat: no-repeat;
	  width: 100%;
	  font-size: 16px;
	  padding: 12px 20px 12px 40px;
	  border: 1px solid #ddd;
	  margin-bottom: 12px;
	}
        /* For the scripts Loading page */
        .loading-bar {
            background-image: url("loading.gif");
            width: 98%;
            height: 97%;
            position: absolute;
            display: none;
        }
            .loading-bar.active {
                display: block;
            }