@charset "utf-8";
/* CSS Document */

.topobody{
    background:#f8f8f8;
}
span, a, i, em{
	white-space:nowrap;
}

.topocon{
	background:#f8f8f8;
	box-shadow:0 0 5px #191919;
	width:1000px;
	overflow:hidden;
}

.topoleft{
	float:left;
    background:#f2f2f2;
	border-right:1px solid #e8e6e7;
	width:200px;
}
.companylogo{
	padding-left:10px;
    background:#FFF;
	border-bottom:1px solid #e4e4e4;
	height:40px;
	color:#010100;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
}
.topoleft h3.topotitle{
	padding-left:10px;
    background:#f2f2f2;
	border-bottom:1px solid #cdcccc;
	height:32px;
	color:#242323;
	font-size:12px;
	line-height:32px;
}
.topoleft h3.topotitle span{
	padding-left:15px;
    background:url(../images/circle.gif) no-repeat left;
}

.lefticon{
    padding:15px 0 0 0;
}
.iconitems{
	float:left;
	margin-bottom:15px;
    width:100px;
	text-align:center;
	cursor:pointer;
}
.iconitems span{
	display:block;
    color:#636363;
	font-size:12px;
	line-height:24px;
}
.funcbtn{
	background:#343f4b;
    height:60px;
	overflow:hidden;
}

ul.linewrap{
	margin:10px 0;
	padding-left:20px;
}
ul.linewrap li{
	display:block;
	width:170px;
	color:#636363;
	font:12px "微软雅黑";
	line-height:24px;
	cursor:pointer;
}
ul.linewrap li span{
	margin:12px 5px 0 0;
	background:#636363;
    display:block;
	height:1px;
	width:60px;
}
ul.linewrap li span, ul.linewrap li em, ul.linewrap li i{
    float:left;
}
ul.linewrap li i{
	margin:6px 0 0 5px;
	background:none;
    display:block;
	height:13px;
	width:13px;
}
ul.linewrap li.focus i, ul.linewrap li:hover i{
    background:url(../images/select-line.gif) no-repeat;
}
ul.linewrap li.AS100M span{
    background:#ff9900;
}
ul.linewrap li.AS1000M span{
	margin:11px 5px 0 0;
    background:#ff0000;
	height:2px;
}
ul.linewrap li.PCM100M span{
	margin:11px 5px 0 0;
    background:#0000ff;
	height:2px;
}
ul.linewrap li.PCM10000M span{
	margin:10px 5px 0 0;
	height:3px;
}


.toporight{
    float:right;
	width:799px;
}
.funcbtn{
    padding-left:10px;
    background:#FFF;
	border-bottom:1px solid #e4e4e4;
	height:40px;
	color:#010100;
	font-size:12px;
	line-height:40px;
}
.funcbtn h3{
    float:left;
	font-weight:bold;
}
.funcbtn .morebtn{
    float:right;
	margin-top:10px;
	height:17px;
}
.funcbtn .morebtn a{
	float:left;
	margin-right:20px;
	display:block;
	height:17px;
    color:#535355;
	font:12px "宋体";
	line-height:17px;
}
.funcbtn .morebtn a img{
    float:left;
	margin-right:5px;
	display:block;
}
.funcbtn .morebtn a font{
    float:left;
}
.topocontent, .topoview{
	position:relative;
	height:810px;
	width:799px;
	overflow:hidden;
}

.elebox{
	padding:5px 10px 0;
    position:absolute;
	left:0;
	top:0;
	background:#f1f1f1;
	border:1px solid #a8bec9;
	border-radius:3px;
	height:59px;
	text-align:center;
	cursor:move;
	overflow:hidden;
}
.elebox span{
    display:block;
	color:#636363;
	font:12px "宋体";
	line-height:24px
}

.rightkeypop{
	padding:0 10px;
	position:absolute;
    background:#f8f5f4;
	border:1px solid #cbc9c9;
	border-radius:3px;
	box-shadow:0 0 3px #9e9d9d;
	display:none;
	width:100px;
	color:#7c7c7c;
	font:14px "微软雅黑";
	line-height:32px;
}
.rightkeypop span{
    display:block;
	cursor:pointer;
}
.rightkeypop span.delele{
    border-bottom:1px dotted #cbc9c9;
}
.rightkeypop span.relevanceto{
    background:url(../images/secondpopmark.gif) no-repeat right;
}
.relevancebox{
    position:relative;
}
.rightkeypop .relation_wrap{
    position:absolute;
	left:100px;
	top:0;
	background:#f8f5f4;
	border:1px solid #cbc9c9;
	box-shadow:0 0 3px #9e9d9d;
	display:none;
}
.rightkeypop .relation_wrap a{
	padding:0 10px;
	border-bottom:1px dotted #cbc9c9;
	display:block;
    color:#7c7c7c;
	font:12px "宋体";
	line-height:32px;
}

.dragPoint{
	cursor:pointer;
}
.labelstyle{
	padding:5px;
    background:#f1f1f1;
	border:1px solid #a8bec9;
	border-radius:3px;
	color:#636363;
	font:12px "宋体";
	cursor:pointer;
}

.dragHover{
	border:1px solid orange;
}

.topoview{
    margin:0 auto;
    background:#f8f8f8;
}

svg._jsPlumb_connector{
    cursor:pointer;
}

.cursor_default, .topoview svg._jsPlumb_connector{
    cursor:default;
}

.loading_pop{
    display:none;
}