body {
	padding:0;
	margin:0 auto;
	font-family:Arial;
	font-size:13px;
}

a {
	color:#fff;
	text-decoration: none;
}

.h10px { height:10px !important; }
.splitter { clear:both;width:100%;height:1px; }

.maplayer {
	background:#31383e;
	position: relative;
	height:765px;
	width:960px;
	overflow: hidden;
}

.mapzoomout {
	background:url(../img/map.png);
	background-size: 100%;
	height:765px;
	width:960px;
	position: absolute;
	top:0;
	left:0;
	display:block;
	z-index:1;
}

.mapzoomin {
	background:url(../img/map_overlayer.png);
	background-size: 100%;
	height:765px;
	width:960px;
	position: absolute;
	top:0;
	left:0;
	display:block;
	z-index:3;
}

.mapzoom {
	background:url(../img/map_closer.png);
	background-size: 100%;
	height:765px;
	width:960px;
	position: absolute;
	top:0;
	left:0;
	display:none;
	z-index:1;
}

.TeleportCoverageInfo {
	background:url(../img/map.jpg);
	height:765px;
	width:960px;
	position: absolute;
	top:0;
	left:0;
	display:none;
	z-index:2;
}

.maptoplayer {
	background:#1f252a;
	height:40px;
	width:960px;
	line-height:40px;
	position: relative;
	text-indent: 10px;
	clear:both;
	color:#8c9399;
	font-size:13px;
}

a.btn_close {
	background:url(../img/btn_close.png);
	height:21px;
	width:64px;
	top:9px;
	right:10px;
	position: absolute;
	display:block;
	text-indent: -3000px;
}

.mappanel {
	background:url(../img/panel_back.png);
	width:270px;
	top:20px;
	left:20px;
	position: absolute;
	display:block;
	z-index:20;
}

.mappaneltop {
	height:30px;
	width:270px;
	line-height:30px;
	text-indent: 10px;
	color:#8c9399;
	font-size:13px;
	border-bottom:1px solid #353b40;
}

.heading {
	line-height:35px;
	text-indent: 35px;
	color:#fff;
	font-size:13px;
	width:270px;
	cursor: pointer;
}

.heading.open {
	background:url(../img/panel_open.png) 13px 9px no-repeat;
	border-bottom:1px solid #1c2227;
}

.heading.close {
	background:url(../img/panel_close.png) 13px 9px  no-repeat;
	border-bottom:1px solid #353b40;
}

div.items {
	width:270px;
	line-height:26px;
	text-indent: 55px;
	color:#fff;
	font-size:12px;
	cursor: pointer;
}

div.items em {
	font-style:normal;
	color:#9a9896;
}

div.items.off{
	background:url(../img/selected_off.png) 35px 6px no-repeat;
}

div.items.on{
	background:url(../img/selected_on.png) 35px 6px no-repeat;
}

.mappanel .undir {
	width:270px;
	border-bottom:1px solid #353b40;
}

.mappanel .undir:last-child {
	width:270px;
	border-bottom:0px;
}


div.item.off{
	background:url(../img/selected_off.png) 15px 10px no-repeat;
	width:270px;
	line-height:35px;
	text-indent: 35px;
	color:#fff;
	font-size:12px;
}

div.item.on {
	background:url(../img/selected_on.png) 15px 10px no-repeat;
	width:270px;
	line-height:35px;
	text-indent: 35px;
	color:#fff;
	font-size:12px;
}

a.orange {
	background:url(../img/orange.png) 0px 4px  no-repeat;
	text-indent: 15px;
	display:block;
}

a.green {
	background:url(../img/green.png) 0px 4px  no-repeat;
	text-indent: 15px;
	display:block;
}

a.blue {
	background:url(../img/blue.png) 0px 4px  no-repeat;
	text-indent: 15px;
	display:block;
}

a.purple {
	background:url(../img/purple.png) 0px 4px  no-repeat;
	text-indent: 15px;
	display:block;
}
a.yellow{
	background:url(../img/yellow.png) 0px 4px  no-repeat;
	text-indent: 15px;
	display:block;
}