@charset "utf-8";
h1{padding-left:20px;}
body{margin:10px;}
body, input, textarea{font-family:'微软雅黑', Helvetica, sans-serif;font-size:12px;}
.ui-widget{font-family:'微软雅黑', Helvetica, sans-serif !important;font-size:12px !important;}
.logo{font-size:28px; color:#0066CC;}
#device-name{font-size:28px; color:orange;}
.title{background:#ddd; margin:2px; padding:2px; font-weight:bold;color:#444;}
.title .status{font-weight:normal;}
.status-ok{color:green !important;}
.status-error{color:red !important;}
.system-status-more .prefix{font-style:italic;color:#666;}
.system-status-more .value{}
.system-status-more .value-over-threshold{color:#ff0000;}
.click-link{cursor:pointer;text-decoration:underline;color:#0000ee;}
#system-status-more-network th{color:#555; font-weight:normal; background:#ddd; font-style:italic; padding:2px 5px 2px 5px; text-align:center;}

.channel-item {width:100%; overflow:hidden; margin-bottom:10px; border-bottom:solid 1px #ccc;}
.channel-item .title{word-wrap:break-word; white-space2: nowrap;text-overflow2: ellipsis;overflow2:hidden; height2:20px;}

.channel-item .info .name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.channel-item .info .prefix{color:#666;}
.channel-item .info .extra{color:#999; font-size:9px; font-style:italic;}
.channel-item .stat {padding-top:10px;}
.channel-item .stat td{border-bottom:solid 1px #ccc;}
.channel-item .stat .title{color:#666; font-weight:bold; background:#ccc; font-size:12px;}
.channel-item .stat .prefix{color:#666; font-weight:bold;}
.channel-item .stat .prefix2{color:#666;}
.channel-item .stat .extra{color:#999; font-size:9px; font-style:italic;}
.channel-item .stat .end{border-right:solid 1px #ccc;}
.channel-item .stat .value{color:#222;}

.channel-item .pieces {width:100%; padding-top:10px;}
.channel-item .pieces .switch-btn{padding-bottom:5px; text-decoration:underline; color:#0033FF; cursor:pointer;}
.channel-item .pieces .blank{}
.channel-item .pieces .piece-units{display:inline-block;width:6px;height:10px; border-top:solid #fff 1px; border-right:solid #fff 1px; cursor:pointer;margin-top:20px;color:#fff;}
.channel-item .pieces .segment-sperator{display:inline-block;width:6px;height:20px;color:#fff;}
.channel-item .pieces .ts
{
	position:relative;
	width:1px;
	display: inline-block;
	height:12px;
	background:#aa0000;
}
.channel-item .pieces .ts span
{
	-webkit-text-size-adjust: none;
	-webkit-transform: scale(0.75);
	float:left;
	margin-top:-20px;
	margin-left:-5px;
	background:#aa0000;
	font-size:9px;
	padding:1px 3px;
	border-radius:3px 3px 3px 0;
	color:#fff;
}
.channel-item .pieces .ts-begin
{
	position:relative;
	width:1px;
	display: inline-block;
	height:12px;
	background:#0000aa;
}
.channel-item .pieces .ts-begin span
{
	-webkit-text-size-adjust: none;
	-webkit-transform: scale(0.75);
	float:left;
	margin-top:-20px;
	margin-left:-5px;
	background:#0000aa;
	font-size:9px;
	padding:1px 3px;
	border-radius:3px 3px 3px 0;
	color:#fff;
}
.channel-item .pieces .ts-discontinuity
{
	position:relative;
	width:1px;
	display: inline-block;
	height:12px;
	background:#222;
}
.channel-item .pieces .ts-discontinuity span
{
	-webkit-text-size-adjust: none;
	-webkit-transform: scale(0.75);
	float:left;
	margin-top:-20px;
	margin-left:-5px;
	background:#222;
	font-size:9px;
	padding:1px 3px;
	border-radius:3px 3px 3px 0;
	color:#fff;
}

.channel-item .segments {width:100%; padding-top:10px; }
.channel-item .segments th{color:#555; font-weight:normal; background:#ddd; font-style:italic; padding:2px 5px 2px 5px; text-align:center;}
.channel-item .segments .title{color:#666; font-weight:bold; background:#ccc; font-size:12px;}
.channel-item .segments .row td{color:#222; font-size:12px; font-weight:normal; background:#eee; padding:2px 5px 2px 5px; text-align:center;}

.channel-item .peers {width:100%; padding-top:10px; }
.channel-item .peers .title{color:#666; font-weight:bold; background:#ccc;}
.channel-item .peers th{color:#555; font-weight:normal; background:#ddd; font-style:italic; padding:2px 5px 2px 5px; text-align:center;}
.channel-item .peers .row td{color:#222; font-weight:normal; background:#eee; padding:2px 5px 2px 5px; text-align:center;}
.channel-item .peers .peer-type-stats{text-align:right;}

.pipe-log{word-wrap:none; white-space: nowrap; overflow:hidden !important; padding-bottom:10px !important;}
.pipe-log .clean-screen{text-decoration:underline; cursor:pointer; color:#0033FF; float:right;}
.pipe-log .open-bug{text-decoration:underline; cursor:pointer; color:#0033FF; float:right;}
.pipe-log .refresh-log{text-decoration:underline; cursor:pointer; color:#0033FF; float:right;color:red;}
.pipe-log .auto-scroll-btn{vertical-align:middle;}
.pipe-log .filter{border:solid 1px #999; width:200px;}
.pipe-log textarea{width:100%; height:92%; overflow:scroll;word-wrap:none; white-space: nowrap;border:solid 1px #999;}

.log-id-units
{
	display:inline-block;width:15px;height:10px; border-top:solid #fff 1px; border-right:solid #fff 1px; cursor:pointer;margin-top:20px;color:#fff;
}
.log-id-units-begin
{
	position:relative;
	top: -3px;
	width: 15px;
	display: inline-block;
	height: 10px;
	background:#0000aa;
	border-top:solid #fff 1px; border-right:solid #fff 1px;
}
.log-id-units-begin span
{
	-webkit-text-size-adjust: none;
	-webkit-transform: scale(0.75);
	float:left;
	margin-top:-20px;
	margin-left:-5px;
	background:#0000aa;
	font-size:9px;
	padding:1px 3px;
	border-radius:3px 3px 3px 0;
	color:#fff;
}
.log-id-units-normal{background:orange;}
.log-id-units-current{background:green;}