div { font-family: arial; font-size: 14px; color:#444; }
	.clr	{clear: both;}
	#news_console { float: left; width: 30%; padding: 0px; margin: 0px; }
	#news { height: 600px; overflow-y: scroll; border: #999 1px solid; padding: 0px 5px; }
	#news strong { padding-right: 10px; color: 000; }
	#news span.comment { background-color: #f00; }
	#stage_info { padding: 0px; margin:0px; }
	#stage_info > h1 { margin: 0px 5px; padding: 5px; }
	div.stage { cursor: pointer; float: left; text-align: center; padding: 2px 0px; margin: 5px; border: #888 1px solid; border-radius: 3px; width: 70px; font-size: 11px; }
	div.today { background-color: #ccc; }
	div.Completed { background-color: #b0d7b0; }
	div.Running { background-color: #cc4545; color: #fff; }
	div.Interrupted { background-color: #d7b0b0; }
	div.stage > span { font-size: 14px; font-weight: bold;}
	div.more { width: 60%; float: left; }
	div.less { width: 33%; float: left; overflow-y: auto; }
	table.splits { width: 95%; border-collapse: collapse; margin: 10px; }
	table.splits th, table.splits td { font-family: arial; font-size: 11px; padding: 4px; color: #999; border: #eee 1px solid; }
	table.splits th span { font-weight: bold; font-size: 14px; }
	table.splits th p { margin: 0px; padding: 0px; }
	table.splits th	{ height: 35px; color: #222; background-color: #f5f5f5; }
	table.splits th.ott { height: 20px; color: #080; }
	table.splits th.lead { color: #f00; }
	table.splits td.lead { color: #f00; }
	table.splits td.ott { font-weight: bold; color: #222; }
	.b { font-weight: bold; }
	@media all and (max-width: 850px) {
		#news_console { float: none; width: 100%; }
		#stage_info  { float: none; width: 100%; }
		#stage_info > h1 {margin: 0px;}
		div.more, div.less { float: none; width: 100%; }
		table.splits { width: 100%; margin: 0px; margin-top: 10px; }
		table.splits td { font-size: 10px; }
	}
	@media (max-width: 1000px) {
		table.splits th { font-size: 9px; }
		table.splits td { font-size: 9px; }
	}