/* Whole Page*/
html {
	background-image:url('../Icons/ichibkgndblue.jpg');
	background-attachment: fixed;
}

/* Image*/
a img {
	border: 0;
        color: white;
}
/* Image link & visited */
a:link, a:visited {
	text-decoration: none;
	color: white;
}

/* paragraph */
p {
        font-family: 'Times New Roman';
 	margin: 0;
        color: #4B6DAD;
}

/* Header division by ID */
#header {
	position: fixed;
	top:0;
	width:100%;
	min-width:850px;
	height:120px;
	background-image:url('../Icons/ichibkgndblue.jpg');
	z-index:100;
}

/* within a table with class="sortable"*/
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: separate;
	table-layout: auto;
}

/* TH and TD within a table with class="sortable" */
table.sortable th, table.sortable td {
	text-align: center;
	padding: 1px 1px 1px 1px;
        border-style: solid;
	border-color: #444;
        font-family: 'Times New Roman';
        font-size: 8pt;

}
/* TH  within a table with class="sortable" */
table.sortable th {
	border-width: 0px 1px 1px 0px;
	border-color: WhiteSmoke;
	background-color: #4B6DAD;
        color: white;
        white-space: nowrap;
	border-bottom: none;
}

/* all THs under TR with class "first" - class defines second header row for sticky */
thead tr.first th {
	position: sticky;
	height:11px;
	top:120px;  /* distance from top to bottom of header */
	z-index: 20;
}

/* all THs under TR with class "second" - class defines second header row for sticky */
thead tr.second th  {
	position: sticky;
	top:134px;  /* distance from top to bottom of header plus the first row of TH*/
	z-index: 20;
}

/* TD  within a table with class="sortable"*/
table.sortable td {
	border-width: 0px 1px 0px 0px;
	border-color: #4B6DAD;
        color: black;
        white-space: nowrap;
}
/* Table rows with class="odd" within a table with class="sortable". */
table.sortable tr.odd td {
	background-color: #B7CEEC;
}

/* Table rows with class="even" within a table with class="sortable" */
table.sortable tr.even td {
	background-color: #fff;
}

/* TD within table rows with class="sortbottom" within a table with class="sortable"*/
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(1) {
	border-width: 0px 1px 0px 0px;
	border-color: #b3b3b3;
        color: black;
}

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

/* TABLE UNIQUE */
/* Set TH and TD to have bold left border every other, starting at the 5th */
table.sortable > thead > tr:nth-child(1) > th:nth-child(n+5) {
	border-width: 0px 1px 0px 2px;
        border-collapse:separate;
	border-color: WhiteSmoke;
        color: white;
}

/* Set TH and TD to have bold left border every other, starting at the 5th (KKs)*/
table.sortable > thead > tr:nth-child(2) > th:nth-child(2n+5) {
	background-color: #006600;
}

/* change the header color on every other one, starting with the 6th (MKs)*/
table.sortable > thead > tr:nth-child(2) > th:nth-child(2n+6) {
	background-color: #990000;
}

/* Tint tds for KK green */
td:nth-child(2n + 5) {
  /* Add a subtle green tint using an inset box-shadow */
  /* The values are: horizontal-offset vertical-offset blur-radius spread-radius color */
  box-shadow: inset 0 0 0 1000px rgba(0, 128, 0, 0.05); /* Green tint with 10% opacity */
  /* You can adjust the last value (0.1) to control the intensity of the tint (0.0 to 1.0) */
  /* The 1000px spread-radius ensures the shadow covers the entire cell. */
  /* No need to set background-color here, as it will be preserved. */
}
/* Tint tds for MK red */
td:nth-child(2n + 6) {
  /* Add a subtle red tint using an inset box-shadow */
  /* The values are: horizontal-offset vertical-offset blur-radius spread-radius color */
  box-shadow: inset 0 0 0 1000px rgba(128, 0, 0, 0.05); /* Green tint with 10% opacity */
  /* You can adjust the last value (0.1) to control the intensity of the tint (0.0 to 1.0) */
  /* The 1000px spread-radius ensures the shadow covers the entire cell. */
  /* No need to set background-color here, as it will be preserved. */
}

table.sortable th:nth-child(3){
	border-width: 0px 1px 0px 2px;
        border-collapse:separate;
	border-color: WhiteSmoke;
        color: white;
}
table.sortable td:nth-child(3) {
	border-width: 0px 1px 0px 2px;
	border-color: #4B6DAD;
        color: Black;
}
table.sortable th:nth-child(2n+5) {
	border-width: 0px 1px 0px 2px;
        border-collapse:separate;
	border-color: WhiteSmoke;
        color: white;
}
table.sortable td:nth-child(2n+5) {
	border-width: 0px 1px 0px 2px;
	border-color: #4B6DAD;
        color: Black;
}


/* Class="Doit" */
#Doit {
	background-color: #FFFF99;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="DeSuGi" */
#DeSuGi{
	background-color: maroon;
        color: white;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="ISI" */
#ISI {
	background-color: #CC99FF;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

/* Class="Mass" */
#Mass {
	background-color: #CCFFCC;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

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

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

/* Class="intai"*/
#intai {
	background-color: #BDBDBD;
        color: black;
        border-bottom: 1px solid #b3b3b3;
}

/* DIV with id="tbl-container"*/
div#tbl-container {
	width: 100%; /*width of scrollable container */
	height: 90%; /*Height of scrollable container */
	border: 0px solid black;
	position:relative:
	z-index:1;
}

/* table*/
table {
  width: 100%; /* fixes the table width inside the scrollable container */
  table-layout: auto;
  border-collapse: collapse;
  background-color: WhiteSmoke;
}


/* TH within THEAD & TH with class="locked" within THEAD*/
thead th, thead th.locked	{
	font-size: 8.0pt;
	font-weight: bold;
	text-align: center;
	color: white;
	cursor: default; 
}
	

/* TD & TH with class="locked"*/
td.locked,  th.locked{
	background-color: #ffeaff;
	/* border-right: 1px solid silver; */
}


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

/* Form */
form {
      margin: 1pt;
}

/* Class nodisplay - sets to display none */
.nodisplay {
  	display:none;
}

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