﻿
    #mapContainer{position:relative;display:block;margin: 15px auto;width:936px; height:700px}
#mapContainer img{position:absolute; top:0; left:0; z-index:0;}
.mapz_icon{position:absolute;z-index:5;}
.mapz_poi{background:url(/../trolley/maps/images/mapz_sprite.png) no-repeat -75px -66px;font-size:11px; font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: #FFFFFF; text-align:center; vertical-align: middle;cursor: pointer;line-height: 22px;display:block; width: 24px; height: 24px;}
.mapz_poi_small{background:url(/../trolley/maps/images/mapz_sprite.png) no-repeat -129px -70px;display:block; width: 15px; height: 15px;margin-top:5px;}
.mapz_metrorail_small{background:url(/../trolley/maps/images/mapz_sprite.png) no-repeat -129px -120px;display:block; height: 15px;margin-top:5px;font-size:11px; font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: #FFFFFF; text-align:left;text-indent:18px;width:150px;}
.mapz_station{}
.mapz_legend_hl{background-color: #ee912e;color:#006832;}

/* Balloon */
.mapz_balloon_wrap{width:240px;height:120px; display: block; position:absolute;overflow:hidden;background:url(/../trolley/maps/images/mapz_sprite.png) no-repeat -105px 81px;z-index:100;opacity:0;filter:alpha(opacity=50);}
.mapz_balloon{float:left;clear:both;width:230px;background-color:#FFF;height:95px;display:block;background-image: url(/../trolley/maps/images/popup2.jpg);background-repeat: no-repeat;text-align: right;-webkit-box-shadow: 5px -5px 5px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 5px -5px 5px 0px rgba(0, 0, 0, 0.5);box-shadow: 5px -5px 10px 0px rgba(0, 0, 0, 0.5); margin-right: 10px; margin-top:10px;}
.mapz_balloon h6{padding:0px; margin:0px;float:left; clear: both;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #f26522;float:left; clear:both;}
.mapz_balloon h5{font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #222;clear:both;text-align: right;margin-bottom: 5px;margin-top: 30px;padding-right: 15px;width:80%;float:right; clear:both;}
.mapz_balloon a{font-family: Arial, Helvetica, sans-serif;color:#253D97;font-size:10px;clear:both;padding-right: 5px;text-align: right;float:right;display: block;margin-left: 40px;margin-right: 10px;padding-left: 5px;}
.ballonDesc{display:block; clear:both;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #222;font-weight: bold;margin-top: 10px;}

/* Legend */
#mapz_leyend{position:absolute; top:0px; left:0; z-index:3;width:500px;margin-left:20px;} 
#mapz_leyend h5{padding: 0;margin: 10px 0px 0px 0px;font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;color: #FFFFFF;}
#mapz_leyend ol{margin: 5px 0px 0px 0px;padding: 0;list-style-position: inside;width:250px;}
#mapz_leyend li,#mapz_leyend li a{font-size:11px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: #FFFFFF;cursor:pointer;line-height: 15px; text-decoration:none;}
#mapz_leyend #routes ul{ list-style-type: none;padding:0; margin:0;position: absolute;top: 92px;left: 260px;}
#mapz_leyend #routes li{ line-height:15px;}
#mapz_leyend .route{width: 50px; height: 5px; display:block;float:left; clear:left; margin: 5px 5px 0px 0px;line-height:5px;border:none;}
#mapz_leyend #schedule{position:absolute;top: 133px;left: 260px;}
#mapz_leyend #schedule h5{margin:0; padding:0;}
#mapz_leyend #schedule p{font-size:12px; font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: #FFFFFF;margin:0; padding:0;}
 