/* map */

.navOff {
	background-color:#EEF0F0;
	cursor:pointer;
}
.navOn {
	background-color:#999999;
	cursor:pointer;
}

/* POI mouseOver info */
.popUpStyle {
	background-color: #ffffff;
	border: #6699cc 1px solid;
	color: #336699;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	width: 200px;
}

.popUpStyleFont {
	background-color: #ffffff;
	color: #336699;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
}

.popupheadstyle {
	background-color: #6699cc;
	border: #6699cc 1px solid;
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.popupheadtable {
	background-color: #6699cc;
	border: #6699cc 1px solid;
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	width: 100%;
}

td.popupheadcloselink {
	width: 10px;
}

a.popupheadcloselink {
	background-color: #6699cc;
	border: #6699cc 1px solid;
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}

.popUp_left {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1001;
	visibility: hidden;
}

.popUp_right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	z-index: 1001;
	visibility: hidden;
}

.popUpLeftTop_POIInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpLeftBottom_POIInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpRightTop_POIInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpRightBottom_POIInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpLeftTop_TrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpLeftBottom_TrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpRightTop_TrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpRightBottom_TrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpLeftTop_TiLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpLeftBottom_TiLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpRightTop_TiLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpRightBottom_TiLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpLeftTop_TiPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpLeftBottom_TiPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpRightTop_TiPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpRightBottom_TiPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	table-layout: fixed;
}


.popUpLeftTop_TsTrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpLeftBottom_TsTrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpRightTop_TsTrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpRightBottom_TsTrafficInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpLeftTop_TsLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpLeftBottom_TsLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpRightTop_TsLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpRightBottom_TsLocationInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpLeftTop_TsPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpLeftBottom_TsPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	table-layout: fixed;
}

.popUpRightTop_TsPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
	table-layout: fixed;
}

.popUpRightBottom_TsPoiInfoTag {
	Z-INDEX: 1001;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	table-layout: fixed;
}

/* context menu */
#contextMenu {
	position: absolute;
	visibility: hidden;
	z-index: 110;
	width: 200px;
}

#contextMenu table {
	padding: 4px;
	background-color: #ffffff;
	border: #6699cc 1px solid;
	color: #336699;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	width: 100%;
}

#contextMenu table.head,
#contextMenu table.head a {
	background-color: #6699cc;
	border: #6699cc 1px solid;
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}