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:0px;
	left:0px;
	width: 100%;
	background-image:url('../Icons/ichibkgndblue.jpg');
  	z-index:100;  	
}

table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: separate;
	table-layout: auto;
  	top: 62.667px;
	position: relative;
}
table.sortable th, table.sortable td {
	text-align: center;
	padding: 1px 1px 1px 1px;
   /*   width: 605px; */
        border-style: solid;
	border-color: #444;
        font-family: 'Times New Roman';
        font-size: 8pt;
}
table.sortable th {
	border-width: 0px 1px 1px 0px;
	border-color: WhiteSmoke;
	background-color: #4B6DAD;
        color: white;
        white-space: nowrap;
	border-bottom: none;
}

thead tr.first th {
	position: sticky;
	top:62.667px;
}
thead tr.second th  {
	position: sticky;
	top:77.667px;

}


table.sortable td {
	border-width: 0px 1px 0px 0px;
	border-color: #4B6DAD;
        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(1) {
	border-width: 0px 1px 0px 0px;
	border-color: #b3b3b3;
        color: black;
      /* white-space: nowrap; */
}

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

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

}

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

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



#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: 90%;
  height: 90%;
}

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



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

td.locked,  th.locked{
	background-color: #ffeaff;
	/* border-right: 1px solid silver; */
	/* left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); */ /* IE5+ only */
	position: sticky; 
	z-index: 10;
}

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

form {
      margin: 1pt;
      padding-left:10px;
}

.nodisplay {
  display:none;
}

thead tr >th {
	position: sticky; 
	z-index: 3; 
	top:62.667px;
}
thead tr > :first-child{
	z-index:4;
	left:0px;
	top:62.667px;
	min-width:50px;
}
thead tr > :nth-child(2){
	position:sticky;
	z-index: 4;
	left:53px;
	min-width:115px;
}
thead tr > :nth-child(3){
	position:sticky;
	z-index: 4;
	left:171px;
	min-width:65px;}
thead tr > :nth-child(4){
	position:sticky;
	z-index: 4;
	left:239px;
	min-width: 40px;
}
tbody tr > :first-child{
	position:sticky;
	z-index: 2;
	min-width:50px;
	left:0px;
}
tbody tr > :nth-child(2){
	position:sticky;
	z-index: 2;
	min-width:110px;
	left:53px;
}
tbody tr > :nth-child(3){
	position:sticky;
	z-index: 2;
	left:171px;
}
tbody tr > :nth-child(4){
	position:sticky;
	z-index: 2;
	left:239px;
}