body
{ background-color: black;
  color:grey;
  font-family: "Sofia Sans Semi Condensed";
   }
a
{
  color:yellow;
  font-family: "Sofia Sans Semi Condensed";
  text-decoration: none
   }
a:hover {
  font-weight: 700;
}
table.darkTable {
  font-family: "Sofia Sans Semi Condensed";
  border: 2px solid #000000;
  background-color: #2A2A2A;
  width: 100%;
  height: 200px;
  text-align: center;
  border-collapse: collapse;
}
table.darkTable td, table.darkTable th {
  border: 1px solid #4A4A4A;
  padding: 3px 2px;
}
table.darkTable tbody td {
  color: #FFF;
}
table.darkTable tr:nth-child(even) {
  background: #1A1A1A;
}
table.darkTable thead {
  background: #000000;
  border-bottom: 3px solid #000000;
}
table.darkTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #E6E6E6;
  text-align: center;
  border-left: 2px solid #4A4A4A;
}
table.darkTable thead th:first-child {
  border-left: none;
}

table.darkTable tfoot {
  font-size: 12px;
  font-weight: bold;
  color: #E6E6E6;
  background: #000000;
  background: -moz-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
  background: -webkit-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
  background: linear-gradient(to bottom, #404040 0%, #191919 66%, #000000 100%);
  border-top: 1px solid #4A4A4A;
}
table.darkTable tfoot td {
  font-size: 12px;
}

.neginterval {
font-size: 10px;
  color: #FF0000;
}

.posinterval {
font-size: 10px;
  color: #33FF3C;
}

.bigneginterval {
  color: #FF0000;
  font-weight: bold;
}

.bigposinterval {
  color: #33FF3C;
  font-weight: bold;
}
.menu {
  background: #220000;
  background: -moz-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
  background: -webkit-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
  background: linear-gradient(to bottom, #404040 0%, #191919 66%, #000000 100%);
}
.alertpos {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  width: 8em;
height: 8em;
  margin: 1px;
  padding: 1px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-family: "Sofia Sans Semi Condensed";
  color: rgba(0,0,0,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #0ba802;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.25) ;
}
.alertneg {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  width: 8em;
height: 8em;
  margin: 1px;
  padding: 1px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-family: "Sofia Sans Semi Condensed";
  color: rgba(0,0,0,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #a80b02;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.25) ;
}
.newstile {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  width: 8em;
height: 8em;
  margin: 1px;
  padding: 1px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-family: "Sofia Sans Semi Condensed";
  color: rgba(0,0,0,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #f8f8d8;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.25) ;
}