/*Hotspot menu*/
.full {
	position: relative;
}
.map_detail .map_name {
	position: absolute;
	display: inline-block;
	/*top: 0;
	left: 0;*/
}
.map_name span.selector {
	cursor: pointer;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fd0002;
	display: inline-block;
	opacity: .3;
}
.map_name .selector:hover {
	opacity: .9;
}

.map_name {
    position: relative;
    display: inline-block;
}

.map_name .map_name_text {
    visibility: hidden;
    /*width: 100%;*/
    padding: 5px;
    text-align: center;
    font-family: 'Hind', sans-serif;
    font-size: 8pt;
    color: #333;
    background-color: #f9f9f9;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    
    /* Position the tooltip */
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 30%;
}

.map_name:hover .map_name_text {
    visibility: visible;
}
#Antananarivo,
#Antananarivo .selector {
	top: 442px;
	left: 620px;
}
#Auckland,
#Auckland .selector {
	top: 483px; 
	left: 909px; 
}
#Auckland span.map_name_text {
	width: 65px;
}
#Baku, 
#Baku .selector {
	top: 300px;
	left: 618px;
}

#Bogota,
#Bogota .selector {
	top: 386px; /*148*/
	left: 336px; /*264*/
}

#Brasilia,
#Brasilia .selector {
	top: 433px;
	left: 397px;
}
#CapeTown,
#CapeTown .selector {
	top: 477px;
	left: 556px;
}
#CapeTown span.map_name_text {
	width: 60px;
}
#Chengdu, 
#Chengdu .selector {
	top: 323px;
	left: 733px;
}
#Colombo, 
#Colombo .selector {
	top: 380px;
	left: 699px;
}
#DarEsSalaam,
#DarEsSalaam .selector {
	top: 412px;
	left: 604px;
}
#DarEsSalaam span.map_name_text {
	width: 70px;
}
#Davao,
#Davao .selector {
	top: 380px;
	left: 807px;
}
#Durban,
#Durban .selector {
	top: 466px;
	left: 581px;
}
#Durban span.map_name_text {
	width: 60px;
}
#Esfahan, 
#Esfahan .selector {
	top: 320px;
	left: 625px;
}
#Guadalajara, 
#Guadalajara .selector {
	top: 347px;
	left: 266px;
}
#Guayaquil,
#Guayaquil .selector {
	top: 402px;
	left: 322px;
}
#Hongkong_Shenzhen_Guangzhou,
#Hongkong_Shenzhen_Guangzhou .selector {
	top: 342px;
	left: 764px;
}
#Hongkong_Shenzhen_Guangzhou span.map_name_text {
	width: 100px;
}
#Honolulu, 
#Honolulu .selector {
	top: 346px;
	left: 147px;
}
#Honolulu span.map_name_text {
	width: 65px;
}
#Houston,
#Houston .selector {
	top: 325px;
	left: 284px;
}
#Houston span.map_name_text {
	width: 65px;
}
#Jakarta, 
#Jakarta .selector {
	top: 411px;
	left: 765px;
}
#Lagos,
#Lagos .selector {
	top: 381px;
	left: 520px;
}
#LosAngeles,
#LosAngeles .selector {
	top: 317px;
	left: 239px;
}
#LosAngeles span.map_name_text {
	width: 65px;
}
#Makassar, 
#Makassar .selector {
	top: 408px;
	left: 795px;
}
#Mecca,
#Mecca .selector {
	top: 345px;
	left: 604px;
}
#Mecca span.map_name_text {
	width: 65px;
}
#MexicoCity,
#MexicoCity .selector {
	top: 350px;
	left: 277px;
}
#MexicoCity span.map_name_text {
	width: 60px;
}
#Nairobi,
#Nairobi .selector {
	top: 399px;
	left: 598px;
}
#Osaka,
#Osaka .selector {
	top: 314px;
	left: 789px;
}
#Perth,
#Perth {
	top: 472px;
	left: 794px;
}
#Port-au-Prince,
#Port-au-Prince .selector {
	top: 353px;
	left: 337px;
}
#Port-au-Prince span.map_name_text {
	width: 75px;
}
#Rawalpindi,
#Rawalpindi .selector {
	top: 317px;
	left: 668px;
}
#Santiago,
#Santiago .selector {
	left: 348px;
	top: 475px;
}
#SaoPaulo,
#SaoPaulo .selector {
	top: 452px;
	left: 399px;
}
#SaoPaulo span.map_name_text {
	width: 55px;
}
#Sydney,
#Sydney .selector {
	top: 476px;
	left: 864px;
}
#Tashkent,
#Tashkent .selector {
	top: 299px;
	left: 653px;
}
#TelAviv,
#TelAviv .selector {
	top: 321px;
	left: 592px;
}
#TelAviv span.map_name_text {
	width: 45px;
}