title {pading-bottom:2px; }

/* 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;
}

/* ID = header - for positioning front matter*/
#header {
	position: fixed;
	top:0;
	width:100%;
	height:110px;  			/* 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 1px 1px 1px;
        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;
}

/* all THs under TR with class "first" - class defines second header row for sticky */
thead tr.first th {
	position: sticky;
	top:110px;  /* 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:126px;  /* distance from top to bottom of header plus the first row of TH*/
	z-index: 20;
}

table.sortable td {
	border-width: 0px 1px 0px 0px;
	border-color: #4B6DAD;
        color: black;
}
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;
}

/* sets first column TD border to grey */
table.sortable td:nth-child(1) {
	border-width: 0px 1px 0px 0px;
	border-color: #b3b3b3;
        color: black;
}


table.sortable tr.odd td:nth-child(1) {
	background-color: #fff;
}
/* Set TH and TD to have bold left border every 4th */
table.sortable > thead > tr:nth-child(1) > th:nth-child(n+8) {
	border-width: 0px 1px 0px 3px;
        border-collapse:separate;
        color: white;
}
table.sortable th:nth-child(5n+3) {
	border-width: 0px 1px 0px 3px;
        border-collapse:separate;
        color: white;
}
table.sortable td:nth-child(5n+3) {
	border-width: 0px 1px 0px 3px;
	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 #cccccc;
}

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

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

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

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

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

#intai {
	background-color: #BDBDBD;
        color: black;
        border-bottom: 1px solid #cccccc;
}

#Hi {
        color: black;
        border: 3px solid #993399;
}

#up {
	background-color: #e6b3e6;
        color: black;
        border-bottom: 1px solid #d9d9d9;
}

#Hiup {
        color: black;
        border: 3px solid #993399;
	background-color: #e6b3e6;
}

#Lo {
        color: black;
        border: 3px solid #e60000;
}

#down {
	background-color: #ff9999;
        color: black;
        border-bottom: 1px solid #d9d9d9;
}

#Lodown {
        color: black;
        border: 3px solid #e60000;
	background-color: #ff9999;
}

div#tbl-container {
	width: 1000px;
	height: 90%;
	border: 0px 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: 10.0pt;
	font-weight: bold;
	text-align: center;
	color: white;
	position:relative;
	cursor: default; 
}
	

td.locked,  th.locked{
background-color: #ffeaff;
}


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

form {
      margin: 1pt;
      display: inline-block;
      vertical-align: middle;
}

.nodisplay {
	display:none;
	 -webkit-user-select: none;  /* Safari */        
	 -moz-user-select: none;  /* Firefox */
	 -ms-user-select: none;  /* IE10+ Edge */
	 user-select: none;  /* Standard */
}

div#tbl-key {
	margin-left: 2px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
}
table.key {
	table-layout: auto;
        width: 500px;
        background: none;
        height:12px;
}
table.key td {
	text-align: left;
	padding: 1px 5px 0px 1px;
        border-style: none;
        font-family: 'Times New Roman';
        font-size: 9pt;
        font-style: italic;
        color: #4B6DAD;
	background-color: none;
}
table.key tr {
	padding: 2px 0px 0px 2px;
}


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