tr.dark{
	background-color:#f8f8f8;
}

.grid, .grid td, .grid th{
	border:1px solid lightgrey;
	font-size:8pt;
	font-family:monospace;
	font-weight:normal;
	cursor:default;
}

.grid td td{
	border:0;
	text-align:left;
}

.grid td th{
	border:0;
}

.grid{
	table-layout:fixed;
	border-right:0;
	border-bottom:0;
}

.grid th{
	width:30px;
	height:30px;
	border-left:0;
	border-top:0;
}

.grid th.home{
	background-color:#f88;
}

.grid th.visitor{
	background-color:#8af;
}

.grid td{
	width:30px;
	height:30px;
	border-left:0;
	border-top:0;
	text-align:center;
}

.grid td.total{
	background-color:#dfd;
}

.grid td.null{
	background-color:#e8e8e8;
}

th.win{
	background-color:#fcc;
}

th.draw{
	background-color:#ffa;
}

th.lose{
	background-color:#cef;
}

/*------------------*/

.grid td.lv0{
	background-color:#fef;
}

.grid td.lv1{
	background-color:#fde;
}

.grid td.lv2{
	background-color:#fcd;
}

.grid td.lv3{
	background-color:#fbc;
}

.grid td.lv4{
	background-color:#fab;
}

.grid td.lv5{
	background-color:#f9a;
}

.grid td.lv6{
	background-color:#f89;
}

.grid td.lv7{
	background-color:#f78;
}

.grid td.lv8{
	background-color:#f67;
}

.grid td.lv9{
	background-color:#f56;
}

/*------------------*/

#result_table{
	/*border:1px solid gray;*/
	margin-bottom:5px;
}

#result_table th{
	font-weight:normal;
}

#result_table input{
	text-align:right;
	border:0;
}

#result_table .title{
	background-color:#009900;
	color:white;
	margin:2px;
	padding:4px 0px 4px 10px;
}

#band_chart{
	border:1px solid gray;
}

#band_chart td{
}

#band_chart_1{
	background-color:#f88;
}

#band_chart_0{
	background-color:#ff0;
}

#band_chart_2{
	background-color:#8af;
}