/****** TPS REPORT ******/
.tps_reportC {
  font-size: 4px;
  text-align: left;
  font-family: Courier, "Courier New", monospace;	
  white-space: pre;
  color: #000;
  margin: 40px;
  border: 1px solid #CCC;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

@media all and (min-width: 645px) { .tps_reportC { font-size: 5px; } }
@media all and (min-width: 710px) { .tps_reportC { font-size: 6px; } }
@media all and (min-width: 780px) { .tps_reportC { font-size: 8px; } }
@media all and (min-width: 850px) { .tps_reportC { font-size: 10px; } }
@media all and (min-width: 950px) { .tps_reportC { font-size: 12px; } }
@media all and (min-width: 1050px) { .tps_reportC { font-size: 14px; } }
@media all and (min-width: 1140px) { .tps_reportC { font-size: 16px; } }
@media all and (min-width: 1250px) { .tps_reportC { font-size: 18px; } }

.tps_hourTitle {
  font-weight: bold;
  font-family: Courier, "Courier New", monospace;	
  font-size: 28px;
}

.tps_graphArea {
  padding: 15px;
  border: 1px solid #111;
  border-radius: 5px;
  margin: 10px;
  background-color: #ccc;
}

.tps_r0 { color: #090; }
.tps_r1 { color: #00F; }
.tps_r2 { color: #906; }
.tps_r3 { color : #F60; }
.tps_r4 { color : #F90; }
.tps_r5 { color : #F00; }

/* TPS bombers */
#tps_firstReport {
  position: relative;
}

#tps_copterPlayfield {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  opacity: 0;
  top: 4%;
  left: 9%;
  width: 90%;
  height: 25%;
  zbackground-color: #456;
  overflow: hidden;
}

.tps_copter {
  zbackground-color: #F60;
  position: absolute;
  cursor: crosshair;
  width: 130px;
  height: 28px;
}

.tps_copterImageC {
  position: absolute;
  top: 0px;
  width: 24px;
  height: 18px
}

.tps_copterImageC img {
  width: auto;
  max-width: auto;
}

.tps_messageC {
  top: 0px;
  position: absolute;
  overflow: hidden;
  bzackground-color: #f00;
  width: 110px;
  height: 38px;
  white-space: nowrap; /* needed from linux chrome */
}

.tps_messageText {
  top: 2px;
  height: 5px;
  zbackground-color: #777;
  position: absolute;
}

.tps_messageBanner {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px;
  background-color: #eee;
  border: 1px dotted #000;
}

#tps_copterC_0 {
  font-size: 16px;
  top: 6%;
  left: 10%;
}

#tps_copterC_0 .tps_messageC {
  left: 0px;
}

#tps_copterC_0 .tps_copterImageC {
  right: 0px;
}

#tps_copterC_0 .tps_messageText {
  left: 110px;
}

#tps_copterC_1 .tps_messageC {
  left: 24px;
}

#tps_copterC_1 {
  font-size: 14px;
  bottom: 5%;
  right: 10%;
}

#tps_copterC_1 .tps_copterImageC {
  left: 0px;
}

#tps_copterC_1 .tps_messageText {
  left: -110px;
}