﻿/* GENERAL CSS */
body {
	font-family:"Trebuchet ms",Arial,Helvetica,sans-serif;
	font-size:.9em;
	background:#f8f8f8;
	color:#000;
}
h1,h2 {
	margin:0px;
	text-align:left;
	font-size:1.2em;
	color:#444;
}
h2 {
	color:#666;
	font-size:1em;
}
#holder {
	width:620px;
	margin:10px auto;
	text-align:left;
}

/* START OF CSS FOR MAP */
dl.map.on {
	position:relative;
	width:669px;
	height:443px;
	background:url(../IPEKA_v2/images/tomang_1_2.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.map2.on {
	position:relative;
	width:650px;
	height:485px;
	background:url(../IPEKA_v2/images/tomang_1_2.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:25px;
	padding:0px;
	border:#999 1px solid;
}
dl.map3.on {
	position:relative;
	width:669px;
	height:932px;
	background:url(../IPEKA_v2/images/pluit.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.map4.on {
	position:relative;
	width:669px;
	height:446px;
	background:url(../IPEKA_v2/images/sunter1.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:-25px;
	padding:0px;
	border:#999 1px solid;
}
dl.map5.on {
	position:relative;
	width:669px;
	height:448px;
	background:url(../IPEKA_v2/images/sunter2.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:5px;
	padding:0px;
	border:#999 1px solid;
}
dl.map6.on {
	position:relative;
	width:669px;
	height:479px;
	background:url(../IPEKA_v2/images/puri.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.map7.on {
	position:relative;
	width:669px;
	height:476px;
	background:url(../IPEKA_v2/images/grandwisata.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.map8.on {
	position:relative;
	width:650px;
	height:485px;
	background:url(../IPEKA_v2/images/iics.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:25px;
	padding:0px;
	border:#999 1px solid;
}
dl.map9.on {
	position:relative;
	width:669px;
	height:980px;
	background:url(../IPEKA_v2/images/makasar.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:0px;
	padding:0px;
	border:#999 0px solid;
}
dl.map10.on {
	position:relative;
	width:669px;
	height:479px;
	background:url(../IPEKA_v2/images/balikpapan.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.map11.on {
	position:relative;
	width:669px;
	height:446px;
	background:url(../IPEKA_v2/images/palembang.jpg) no-repeat;
	text-align:left;
	margin:0px;
	margin-left:0px;
	padding:0px;
	border:#999 1px solid;
}

dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map.on dd a {
	color:#FFF;
}
dl.map.on dd a:hover {
	text-decoration:none;
}
dl.map.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi pluit*/
dl.map3.on dt {
	list-style:none;
	display:inline;
}
dl.map3.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map3.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map3.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map3.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map3.on dd a {
	color:#FFF;
}
dl.map3.on dd a:hover {
	text-decoration:none;
}
dl.map3.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi sunter1*/
dl.map4.on dt {
	list-style:none;
	display:inline;
}
dl.map4.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map4.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map4.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map4.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map4.on dd a {
	color:#FFF;
}
dl.map4.on dd a:hover {
	text-decoration:none;
}
dl.map4.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi sunter2*/
dl.map5.on dt {
	list-style:none;
	display:inline;
}
dl.map5.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map5.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map5.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map5.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map5.on dd a {
	color:#FFF;
}
dl.map5.on dd a:hover {
	text-decoration:none;
}
dl.map5.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi puri*/
dl.map6.on dt {
	list-style:none;
	display:inline;
}
dl.map6.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map6.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map6.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map6.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map6.on dd a {
	color:#FFF;
}
dl.map6.on dd a:hover {
	text-decoration:none;
}
dl.map6.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi grand wisata*/
dl.map7.on dt {
	list-style:none;
	display:inline;
}
dl.map7.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map7.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map7.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map7.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map7.on dd a {
	color:#FFF;
}
dl.map7.on dd a:hover {
	text-decoration:none;
}
dl.map7.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi iics*/
dl.map8.on dt {
	list-style:none;
	display:inline;
}
dl.map8.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map8.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map8.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map8.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map8.on dd a {
	color:#FFF;
}
dl.map8.on dd a:hover {
	text-decoration:none;
}
dl.map8.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi makassar*/
dl.map9.on dt {
	list-style:none;
	display:inline;
}
dl.map9.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map9.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map9.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map9.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map9.on dd a {
	color:#FFF;
}
dl.map9.on dd a:hover {
	text-decoration:none;
}
dl.map9.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi balikpapan*/
dl.map10.on dt {
	list-style:none;
	display:inline;
}
dl.map10.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map10.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map10.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map10.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map10.on dd a {
	color:#FFF;
}
dl.map10.on dd a:hover {
	text-decoration:none;
}
dl.map10.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/*bullet lokasi palembang*/
dl.map11.on dt {
	list-style:none;
	display:inline;
}
dl.map11.on dd {
	position:absolute;
	left:-9999px;
	width:250px;
	padding:4px;
	border:#222 2px solid;
	background:url(../IPEKA_v2/images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map11.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map11.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../IPEKA_v2/images/tombol-peta-klap-klip.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map11.on a.location:hover {
	background:url(../IPEKA_v2/images/point-hover.png) no-repeat -1px -1px;
}
dl.map11.on dd a {
	color:#FFF;
}
dl.map11.on dd a:hover {
	text-decoration:none;
}
dl.map11.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../IPEKA_v2/images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}


/* START OF CSS FOR MAP POINTS */
dl.map.on a#tomang1 {
	top:290px;
	left:310px;
}
dl.map.on a#tomang2 {
	top:250px;
	left:230px;
}
dl.map3.on a#pluit {
	top:350px;
	left:440px;
}
dl.map4.on a#sunter1 {
	top:250px;
	left:185px;
}
dl.map5.on a#sunter2 {
	top:330px;
	left:390px;
}
dl.map6.on a#puri {
	top:200px;
	left:480px;
}
dl.map7.on a#grandwisata {
	top:358px;
	left:273px;
}
dl.map8.on a#iics {
	top:262px;
	left:245px;
}
dl.map9.on a#makassar {
	top:130px;
	left:468px;
}
dl.map10.on a#balikpapan {
	top:146px;
	left:447px;
}
dl.map11.on a#palembang {
	top:218px;
	left:330px;
}
