
	#map {
		width:74%;
		height: 500px;
		float: left;
		margin-right:2%;
	}
	#maploc{
		width:24%;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 500px;
		float: left;
		margin-left:0%;
		z-index:100;
		background-color:#1a0f08;
		position:relative;
	}
	#maploc div{
		max-width: 100%;
		cursor: pointer;
		position: relative;
		line-height:18px;
	}

	#maploc div span{
		display: inline-block;
		position: absolute;
		min-width: 16px;
		width: 16px;
		min-height: 16px;
		height: 16px;
		margin-top:1px;
	}
	
	#maploc div span:nth-child(1){ margin-left: -20px;}
	/*
	#maploc div span:nth-child(2){ margin-left: calc(100% - 60px); display:none;}
	#maploc div span:nth-child(2) input{font-size: 10px; width: 52px; margin-left: -40px; margin-top:1px; background-color: #DDDDDD; border: 1px solid; text-align: center;}
	#maploc div span:nth-child(3){ margin-left: calc(100% - 40px); max-width:16px;}*/
	#maploc div span:nth-child(3){ margin-left: calc(100% - 20px); max-width:16px;}
	/*#maploc div span:nth-child(4){ margin-left: calc(100% - 20px);display:none;}*/
	
	
	.hascom{background: url('../images/maps/clipping_text.png') no-repeat;background-size: 16px;background-position: 1px 1px;}
	.haslink{background: url('../images/maps/link.png') no-repeat;background-size: 16px;background-position: 1px 1px;}
	.copylink{background: url('../images/maps/copy.png') no-repeat;background-size: 16px;background-position: 1px 1px; display:none;}

	.copy-link{
		position:absolute;
		margin-top: -46px;
		margin-left: 120px;
		width: 200%;
		text-align:center;
		display:none;
	}
	.copy-link input{
		width:160%;
		height:20px;
		border-radius:3px;
		padding:2px 4px;
		border:1px solid;
	}
	
	.copyurl{
		width:1px;
		position:absolute;
		margin-left:40px;
		z-index:50;
	}
	
	.selectloc{
		background-color: #DDDDDD !important;
	}
	#info {
		color: #222;
		display: none;
	}

	.lngLat {
		color: #fff;
		margin-bottom: 5px;
	}
	.lngLat .one {
		padding-left: 250px;
	}
	.lngLat .two {
		padding-left: 34px;
	}

	#clipboard-btn {
		float: left;
		margin-right: 10px;
		padding: 6px 8px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	#info {
		height: 140px;
		float: left;
		margin-bottom: 30px;
		border: solid 2px #eee;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0 2px 5px #444;
		-webkit-box-shadow: inset 0 2px 5px #444;
		box-shadow: inset 0 2px 5px #444;
	}

	#info, .lngLat {
		font-family: arial, sans-serif;
		font-size: 12px;
		padding-top: 10px;
		width: 270px;
	}

	.mabedbutton{
		background-color:#FFFFFF;
		border:2px solid #FFFFFF;
		border-radius:3px;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		cursor:pointer;
		margin-bottom:20px;
		padding: 6px 12px;
		text-align:center;
		margin-left: 10px;
		width: 110px;
	}
	.mabedbutton div>*{
		line-height: 22px;
		vertical-align: top;
	}
	.newmarker,.savemarker,.delmarker{
		border:none;
		width: 100%;
		height: 100%;
		border-radius: 2px;
		background-color:#EEEEEE;
		cursor: pointer;
		margin-bottom: 2px;
	}
	.newmarker:hover,.savemarker:hover,.delmarker:hover{
		background-color:#CCCCCC;
	}

	.newcoord{
		width: 100px;
		height: 18px;
		padding: 2px 2px;
		margin-bottom: 2px;
		font-size: 10px;
		display: none;
	}

	select{width: 110px; margin-bottom: 2px;}
	option{padding-left: 20px;padding-top: 3px;padding-bottom: 3px;}
	option:hover{background-color: #eee;}
	.icon-line{background: url('../images/maps/draw_line.png') no-repeat; padding-left:20px; background-size: 14px;background-position: 1px 1px;}
	.icon-polygon{background: url('../images/maps/draw_polygon.png') no-repeat; padding-left:20px;background-size: 14px;background-position: 1px 1px;}
	.icon-circle{background: url('../images/maps/draw_circle.png') no-repeat; padding-left:20px;background-size: 14px;background-position: 1px 1px;}
	.icon-marker-0{background: url('../images/maps/m-0.png') no-repeat; padding-left:20px;background-size: 12px;background-position: 1px 1px;}
	.icon-marker-1{background: url('../images/maps/m-1.png') no-repeat; padding-left:20px;background-size: 12px;background-position: 1px 1px;}
	.icon-marker-2{background: url('../images/maps/m-2.png') no-repeat; padding-left:20px;background-size: 12px;background-position: 1px 1px;}
	.icon-marker-3{background: url('../images/maps/m-3.png') no-repeat; padding-left:20px;background-size: 12px;background-position: 1px 1px;}
	.icon-marker-4{background: url('../images/maps/m-4.png') no-repeat; padding-left:20px;background-size: 12px;background-position: 1px 1px;}
	.icon-marker-5{background: url('../images/maps/m-5.png') no-repeat; padding-left:20px;background-size: 12px;background-position: 1px 1px;}
	select.icon-line,select.icon-polygon,select.icon-circle,.icon-marker-0,.icon-marker-1,.icon-marker-2,.icon-marker-3,.icon-marker-4,.icon-marker-5 {padding-top: 2px;padding-bottom: 3px;background-position: 1px 1px;}

	.select-color{
		background-color:#FF0000;
		line-height: 22px;
		height: 24px;
	}

	.marker-comment{
		position:absolute; margin-left:126px; margin-top:-8px;
	}

	.marker-comment textarea{
		margin: 0px; height: 84px; width: 100px; resize:horizontal;
		font-size: 10px;
		line-height: 10px;
	}

	.resticon{ background-color:#CCCCCC; padding-left:0; }
	
	#tdCursor{
	  color:#ff9800;
	  font-size: 14px;
	  margin-top: 4px;
	  padding: 2px 10px;
	}	