#jakarta {
[amenity= 'university']
    { point-file: url(images/university.png);  
    point-transform: "scale(.15)"}
[amenity= "school"]
    { point-file: url(images/school.png);  
    point-transform: "scale(.15)";}
[amenity= "hospital"]
    { point-file: url(images/hospital.png);  
    point-transform: "scale(.15)";} 
  [amenity= "clinic"]
    { point-file: url(images/clinic.png);  
    point-transform: "scale(.15)";} 
[amenity= "pharmacy"]
    { point-file: url(images/pharmacy.png);  
    point-transform: "scale(.15)";}
[amenity = 'place_of_worship']	{ 
		point-file: url(images/mosque.png);
		point-transform: "scale(.5)"; }
  [amenity = 'church']	{
		point-file: url(images/church.png);
		point-transform: "scale(1)"; }
  [amenity = 'buddhist']	{
		point-file: url(images/buddhist.png);
		point-transform: "scale(1)"; }
  [amenity = 'hindu']	{
		point-file: url(images/hindu.png);
		point-transform: "scale(1)"; }
[amenity= "fire_station"]
    { point-file: url(images/fire.svg);  
    point-transform: "scale(.15)";}
 [amenity= "embassy"]
    { point-file: url(images/embassy.png);  
    point-transform: "scale(.15)";}
 [amenity= "townhall"] [amenity= "courthouse"]
    { point-file: url(images/public);  
    point-transform: "scale(.15)";}
 [amenity= "public_building"]
    { point-file: url(images/government);  
    point-transform: "scale(.15)";}
  [amenity= "police"]
    { point-file: url(images/police.png);  
    point-transform: "scale(.15)";}
  [amenity= "stadium"]
    { point-file: url(images/stadium.png);  
    point-transform: "scale(.15)";}
 } 


/**************************** EDUCATION ****************************

<style type="text/css">

.wax-legends {
max-width: 280px;
min-width: 280px;
max-height: 120px;
overflow: auto;
}

.section {
list-style-type: none;
float: left;
}

.title {
font-size: 12px;
font-weight: bold;
color: #333;
padding-bottom: 6px;

}

.wax-legends ul li {
list-style-type: none;
font-size: 12px;
line-height: 5px;
}

</style>
<div class="section">
<div class="title">Indonesian Education Amenities</div>
<ul>

<li style="display: inline;"><img src="https://img.skitch.com/20120314-8j3n98symspc664ytjwetsp8r7.jpg"/>Kindergarten</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120314-efqb9b3u1eg6q42gts7ashycdb.jpg"/>School</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120314-d2rx676ygg9rwa7pbme5bnqj3c.jpg"/> University</li>
<br>


<li style= "display: inline"><img src="https://img.skitch.com/20120314-k329exggec1fyjttfww352grqf.jpg"/>College</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120314-kpbmmabde116fjcpfc8s35pm1t.jpg"/> Library</li>


<li style="display: inline;"><img src="https://img.skitch.com/20120314-1d211iqg3mhcgx5ad47y5rf2qr.jpg"/> Informal Education</li>
</ul>


</div>
</div>

*/

/*********************** HEALTH ******************************

<style type="text/css">

.wax-legends {
max-width: 230px;
min-width: 230px;
max-height: 120px;
overflow: auto;
}

.section {
list-style-type: none;
float: left;
}

.title {
font-size: 15px;
font-weight: bold;
color: #333;
padding-bottom: 8px;

}

.wax-legends ul li {
list-style-type: none;
font-size: 12px;
line-height: 5px;
}

</style>
<div class="section">
<div class="title">Indonesian Health Amenities</div>
<ul>

<li style="display: inline; margin-left: -20px; margin-right: 10px; margin-left: 0; padding-left: 0;"><img src="https://img.skitch.com/20120322-mhp7xut6qeeirn1gi16mt1uwpj.jpg"/>Pharmacy</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120314-efqb9b3u1eg6q42gts7ashycdb.jpg"/>School</li>




</div>
</div>

*/

/*
HEALTH POI LEGEND

<style type="text/css">

.wax-legends {
max-width: 230px;
min-width: 230px;
max-height: 120px;
overflow: auto;
}

.section {
list-style-type: none;
float: left;
}

.title {
font-size: 15px;
font-weight: bold;
color: #333;
padding-bottom: 8px;

}

.wax-legends ul li {
list-style-type: none;
font-size: 12px;
line-height: 5px;
}

</style>
<div class="section">
<div class="title">Indonesian Health Amenities</div>
<ul>

<li style="display: inline; margin-left: -20px; margin-right: 10px; margin-left: 0; padding-left: 0;"><img src="https://img.skitch.com/20120322-mhp7xut6qeeirn1gi16mt1uwpj.jpg"/>Pharmacy</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120314-efqb9b3u1eg6q42gts7ashycdb.jpg"/>School</li>




</div>
</div>
*/

/*
POI legend
<style type="text/css">

.wax-legend {
max-width: 410px  !important;
min-width: 410px !important;
height: 140px !important;
}

.title {
font-size: 15px;
font-weight: bold;
color: #333;
}

ul {
min-width: 300px;
max-width: 390px;
margin-left: -30px;
}

.wax-legend ul li {
font-size: 12px;
line-height: 5px;
width: 80px;
}

</style>

<div class="title">Indonesian Points of Interest</div>
<ul>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-eh3e683jtt1aycc38ucu71j7e9.jpg"/>Police</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-bitisqjihhujb1ecc3nctst2j7.jpg"/>Post Office</li>

<li style="display: inline ;"><img src="https://img.skitch.com/20120326-m687hjbxnnbeerx1mdkn1qt919.jpg"/>Prison</li>

<li style="display: inline ;"><img src="https://img.skitch.com/20120326-eybrsny3ikn9c37kih4ukjb91q.jpg"/>Office</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-m592rji9xe6qfbtfh4af3twwhm.jpg"/>Well</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-jb4nsgs5jrafjhxiwkeanr1mbu.jpg"/>Restroom</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-cg6p9e3ykmq1nads7mwyajgk7f.jpg"/>Worship Place</li>


<li style="display: inline ;"><img src="https://img.skitch.com/20120326-jkcq5cntufimj38f5fw6s3j4cs.jpg"/>Bank</li>

<li style="; display: inline;"><img src="https://img.skitch.com/20120326-3p1qrxryjb8b3xt3t9hiw5yjx.jpg"/>Fuel</li>

<li style="; display: inline;"><img src="https://img.skitch.com/20120326-d1irawcfayh9tdhqe5e5k4bxw9.jpg"/>Cinema</li>

<li style="margin-right: 25px; display: inline;"><img src="https://img.skitch.com/20120326-m592rji9xe6qfbtfh4af3twwhm.jpg"/>Restaurant</li>

<li style="align: left; display: inline;"><img src="https://img.skitch.com/20120326-g14p3tqbhgnp1kryt6f855qimp.jpg"/>Historic</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-p6u5ba67ywtptfbdd3uisj1drt.jpg"/>Water Tower</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-pbh3hw2gx83gcd61at89iw9igh.jpg"/>Library</li>

<li style="display: inline;"><img src="https://img.skitch.com/20120326-182ghcq3tpce3986rx2ut8dhuc.jpg"/>Marketplace</li>

</ul>
*/