body {
 
	margin-top:20px !important;
	background-image: linear-gradient(to right, #fff , #f0f0f0, #fff);
	padding:0px; 
 
 }

.subtle {
	font-size:50%;
	color:#f0f0f0;
}	

	.ReportTable TD, .ReportTable TH {
		border:1px solid silver !important;
		padding:8px;
		background:#fff !important;	
	}
	
	.ReportTableSmall TD, .ReportTableSmall TH {
		border:1px solid silver !important;
		padding:4px;
		font-size:small !important;
		background:#fff !important;	
	}	
	
	.numeric {
		text-align:right;
	}
	


	@media (max-width: 1000px) { 
		
		.PageTitle {
			font-size:1.2em;
		}	
	}



  * {
      touch-action: manipulation;
  }


.wobble {
  animation: wobble 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes wobble {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.FormHidden {
	background:pink;
	border:1px solid red;
}

.CurCell {
	border-bottom:3px solid green;
}


.HuttleCell {
	font-size:2em;
	text-align:center;
	font-weight:bold;
	border:1px solid #bbb;
	border-radius:3px;
	padding:10px 0;
	color:#333;
	background:#f5f5f5;
}



.KBCell {
	font-size:2em;
	text-align:center;
	font-weight:bold;
	border:1px solid #bbb;
	border-radius:10px;
	padding:20px 5px;
	color:#333;
	background:#f5f5f5;
}	

.KBCell_SEL {
		border:1px solid #bbb;
		color:#000;
		background:#ccc;
}		

.spacer5 {
	margin-bottom:5px;
}
.spacer10 {
	margin-bottom:10px;
}	
.spacer20 {
	margin-bottom:20px;
}	

.TopLink {
	padding-top:0.4em;
	border:0px solid red;
	font-size:1.2em;
}

.StatVal {
	
	font-size:1.8em;
}


@media (max-width: 1000px) { 
	
	.HuttleCell {
		font-size:1.5em;
		color:#333;
		padding:3px 0 !important;
	}	
	
	.KBCell {
		font-size:1.1em;
		color:#333;
		border-radius:10px;
		padding:10px 5px;
	}			

	h1 {
		font-size:5em;
	}
	h2 {
		font-size:3em;
	}		
	
	.KBCell_SEL {
		border:1px solid #bbb;
		color:#000;
		background:#ccc;
	}			
	
	.TopLink {
		padding-top:0;
		font-size:1em;
	}
	.StatVal {
		font-size:1.5em;
	}
	
}		

.Huttle_VAL {
	border:1px solid #333;
}	

.Huttle_NO {
	background:#666;
	color:white;
	border:1px solid #666;
}	

.Huttle_MAYBE {
	background:#e4b764 !important;
	color:white !important;
	border:1px solid #e4b764 !important;
}		

.Huttle_YES {
	background:#6fc298 !important;
	color:white !important;
	border:1px solid #6fc298 !important;
}		


.HuttleCell_EMPTY {
	color:#f5f5f5;
}	

.pointer {
	cursor:pointer;
}


.StatValCounter {
	
	font-size:1.4em;
}

.AnotherLink {
		
	color:#333;
	text-decoration:none;
}

.AnotherLink:HOVER {
		
	color:#000;
}

.HeaderLink {
		
	color:#333;
	text-decoration:none;
}

.HeaderLink:HOVER {
		
	color:#000;
}


.SilverLink {
	color:#888;
	
}