table.bf {
	border: solid 2px black;
	margin: 0px;
	padding: 2px;
	width: 100%;
	border-radius: 8px 8px;
	background-color: #b3b3b3;
	border-spacing: 0px 0px;
}

table.bf>thead {
	background: #749bc9;
	font-size: 12pt;
	color: #FFFFFF;
}

table.bf>tbody {
	font-size: 10pt;
	color: navy;
}

table.bf tr>td {
	width:150px;
	max-width:150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.bf tr>td:nth-child(4) {
	width:auto;
	min-width:150px;
}

table.bf tr>td:nth-child(6) {
	width:0px;
	display: none;
}

table.bf>tbody>tr:nth-child(2n) {
	background: #F0F0FF;
}

table.bf>tbody>tr:nth-child(2n+1) {
	background: #FFFFFF;
}

table.bf>tbody>tr:hover {
	background: #6666ff;
	color: white;
}

#detail {
	width: 640px;
	height: 160px;
	background-color: #F0F0FF;
	border: 2px #000000 solid;
	border-radius: 8px 8px;
	box-shadow: 4px 4px 4px #b3b3b3;
	margin: 24px;
	padding: 12px;
	font-size: 11pt;
	color: #4c4c4c;
	position: absolute;
	z-index: 9;
	display: none;
}