html {
	background-image:url('../Icons/ichibkgndblue.jpg');
	background-attachment: fixed;
}
a img {
	border: 0;
        color: white;
}
a:link, a:visited {
	text-decoration: none;
	color: white;
}
p {
      font-family: 'Times New Roman';
 	margin: 0;
        color: #4B6DAD;
}
#header {
	position: fixed;
	top:0;
	min-width:1050px;
	height: 160px;	/*match to height of #header */
	background-image:url('../Icons/ichibkgndblue.jpg');
	z-index:200;
}

table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: separate;
	table-layout: auto
}
table.sortable th, table.sortable td {
	text-align: center;
	padding: 1px 10px 1px 10px;
        border-style: solid;
	border-color: #444;
        font-family: 'Times New Roman';
        font-size: 9pt;
}
table.sortable th {
	border-width: 0px 1px 1px 0px;
	border-color: white;
	background-color: #4B6DAD;
        color: white;
        white-space: nowrap;
	border-bottom: none;
	position: sticky;
	top: 160px;	/*match to height of #header */
}
table.sortable td {
	border-width: 0px 1px 0px 0px;
	border-color: #4B6DAD;
        color: black;
        white-space: nowrap; 
}
/* set first column TB border to grey */
table.sortable td:nth-child(1) {
	border-width: 0px 1px 0px 0px;
	border-color: #b3b3b3;
        color: black;
/*      white-space: nowrap; */
}
table.sortable tr.odd td {
	background-color: #B7CEEC;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

/* set first column TB border to grey */
table.sortable td:nth-child(5) {
        font-family: 'Courier New';
        font-size: 10pt;
/*      white-space: nowrap; */
}

table.sortable tr.odd td.KK, table.sortable tr.even td.KK{
	background-color: lightGreen;
        color: black;
      border-bottom: 1px solid #b3b3b3;
}

table.sortable tr.odd td.MK, table.sortable tr.even td.MK{
	background-color: paleVioletRed;
        color: black;
      border-bottom: 1px solid #b3b3b3;
}
table.sortable tr.odd td.Kosho, table.sortable tr.even td.Kosho{
	background-color: lightGrey;
        color: black;
      border-bottom: 1px solid #b3b3b3;
}
table.sortable tr.odd td.Kyujo, table.sortable tr.even td.Kyujo{
	background-color: darkGrey;
        color: white;
      border-bottom: 1px solid #b3b3b3;
}

table.sortable tr.odd td.Intai, table.sortable tr.even td.Intai{
	background-color: #808080;
        color: white;
      border-bottom: 1px solid #b3b3b3;
}

span.basho{
      font-family: 'Times New Roman';
      font-size:10.0pt;
      color:#6932a8;
      display:inline-block;
      padding-left:100px;
}

/* TABLE UNIQUE */

table.sortable th:nth-child(8),
table.sortable th:nth-child(9),
table.sortable th:nth-child(10){
	background-color: #364f7d;
}

table.sortable th:nth-child(6),
table.sortable th:nth-child(8){
	border-width: 0px 1px 0px 2px;
        border-collapse:separate;
	border-color: WhiteSmoke;
        color: white;
}

table.sortable td:nth-child(6),
table.sortable td:nth-child(8)  {
	border-width: 0px 1px 0px 2px;
	border-color: #4B6DAD;
        color: Black;
}

/* IDs for good to bad averages */
.AboveAvg{ background-color: limeGreen !Important; border-bottom: 1px solid #b3b3b3 !Important;}
.goodavg{ background-color: PaleGreen !Important; border-bottom: 1px solid #b3b3b3 !Important;}
.mehavg{ background-color: rgba(203, 255, 189, 1) !important; border-bottom: 1px solid #b3b3b3 !Important;}
.na{ background-color: white !important; border-bottom: 1px solid #b3b3b3 !Important;}
.nablank{ background-color: #cccccc !important; border-bottom: 1px solid #b3b3b3 !Important;}
.mehbadavg{ background-color: lightGoldenrodYellow !important; border-bottom: 1px solid #b3b3b3 !Important;}
.reallybelowAvg{ background-color: pink !Important; border-bottom: 1px solid #b3b3b3 !Important;}
.justbadAvg{ background-color: lightCoral !Important; border-bottom: 1px solid #b3b3b3 !Important;}



#Doit {
	background-color: #FFFF99;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

#DeSuGi{
	background-color: maroon;
        color: white;
        border-bottom: 1px solid #b3b3b3;
}

#ISI {
	background-color: #CC99FF;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

#Mass {
	background-color: #CCFFCC;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

#NPI {
	background-color: #00CCFF;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}
#Sakura {
	background-color: #FF99CC;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

#SFI {
	background-color: #FFCC99;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}
#STI {
	background-color: #99CC00;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}
#Unaff {
	background-color: white;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}
#kosho {
	background-color: #F2F2F2;
        color: black;
}

#intai {
	background-color: #BDBDBD;
        color: black;
      border-bottom: 1px solid #b3b3b3;
}
div#tbl-container {
  	width: 100%;
  	height: 95%;
 	border: 1px #000 ! important;
 	border: 1px solid black;
	position:relative;
	z-index:1;
}

table {
  	width: 100%;
  	table-layout: auto;
  	border-collapse: collapse;
  	background-color: WhiteSmoke;
}

thead th, thead th.locked	{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: white;
	cursor: default; 
}
	
td.locked,  th.locked{
background-color: #ffeaff;
/* border-right: 1px solid silver; */
}

label {
      font-family: 'Times New Roman';
      margin: 20pt;
      color: #4B6DAD;
      font-size: 10pt;
}

form {
      margin: 1pt;
}

.nodisplay {
  display:none;
}

.loader {
  color: Orange;
  font-size: 32px;
/*  text-indent: -9999em;n */
  overflow: hidden;
/*  width: 1em;
  height: 1em; 
  border-radius: 50%;
  margin: 15px auto;
  position: relative;*/
/*  -webkit-transform: translateZ(0); 
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.0s infinite ease, round 1.0s infinite ease;
  animation: load6 1.0s infinite ease, round 1.0s infinite ease; 
*/
  position: absolute;
  top: 12%;
  left:40%;
  z-index: 99999;
}.loader {
  color: Orange;
  font-size: 32px;
/*  text-indent: -9999em;n */
  overflow: hidden;
/*  width: 1em;
  height: 1em; 
  border-radius: 50%;
  margin: 15px auto;
  position: relative;*/
/*  -webkit-transform: translateZ(0); 
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.0s infinite ease, round 1.0s infinite ease;
  animation: load6 1.0s infinite ease, round 1.0s infinite ease; 
*/
  position: absolute;
  top: 12%;
  left:40%;
  z-index: 99999;
}
/* @-webkit-keyframes load6 {
  0% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
  5%,
  95% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
  10%,
  59% {box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;}
  20% {box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;}
  38% {box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;}
  100% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
}

@keyframes load6 {
  0% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
  5%,
  95% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
  10%,
  59% {box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;}
  38% {box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;}
  100% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}
}
@-webkit-keyframes round {
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg);transform: rotate(360deg); }
}
@keyframes round {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);  transform: rotate(360deg); }
} */

#scrollWrap {
	position: absolute;
	top:160px;  		/* Match the height of #Header */
	width:80%;		/* This is the width of the table */
}