.mainpanel{
	width:1200px;
	margin:0 auto;
	background-color:#282828;
	margin-bottom:50px;
}

.viewtitle{
	border:1px solid #000;
	background-color:#222;
	width:100%;
	height:40px;
}
.viewtitle div{
	color:#fff;
	line-height:40px;
	margin-left:20px;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}

.viewpanel{
	width:100%;
}
.viewpanel>div{
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
	border:1px solid #616161;
}

.mappanel{
	width:750px;
	height:630px;
	position:relative;
	margin-left:10px;
}

.mapimg{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}

.mapsign{
	width:32px;
	height:32px;
	left:0;
	top:0;
	position:absolute;
	z-index:2;
}

.infopanel{
	border:none !important;
	float:right;
	width:260px;
	color:#fff;
}
.infopanel>div{
	border:1px solid #616161;
	margin-bottom:20px;
	padding:10px;
}
.infonick{
	font-weight:bold;
	font-size:16px;
	color:#00ff99;
}

.listpanel{
	float:right;
	width:160px;
	height:630px;
	overflow:auto;
	margin-right:10px;
	margin-left:5px;
}
.listitem{
	border-radius:5px;
	border:1px solid #4a4a4a;
	margin:5px;
	line-height:40px;
	cursor:pointer;
	background-color:#222;
	color:#fff;
	text-align:center;
}
.listitemodd{
	background-color:#333;
	color:#fff;
}
.listitem:hover{
	background-color:#0099ff;
}

.realmpanel{
	width:100%;
	padding:5px 0;
}
.realmitem{
	border:1px solid #000;
	border-top:none;
	width:100%;
	background-color:#313131;
	color:#ccc;
}
.realmitemodd{
	background-color:#3c3c3c;
	color:#fff;
}
.realmitem th{
	border-left:1px solid #000;
	padding:10px;
}
.realmnick{
	text-align:center;
	width:20%;
}
.realmdesc{
	width:80%;
}