body{margin:0;padding:0;}

div#HtmlContent div#gardiner-map-wrap{position:relative; zoom:1; width:620px; margin:0;}
div#HtmlContent div#gardiner-map-canvas{position:relative; height:300px; width:618px; margin:0; border:1px solid #999}

/* == MODAL == */
div#HtmlContent div#modal-wrap{
    display:none;font-family:Verdana;position:absolute;z-index:100000;margin-top:10px;margin-left:7px;
    width:434px;height:252px;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;}
div#HtmlContent div#modal-wrap div#modal-header{height:20px;padding-top:5px;font-size:12px;font-weight:bold;color:#fff;}

div#HtmlContent div.w-map-event_0{border:1px solid #940101;}
div#HtmlContent div#modal-wrap div.h-map-event_0{
    border-top-left-radius:4px;border-top-right-radius:4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0101', endColorstr='#940101');
    background: -webkit-gradient(linear, left top, left bottom, from(#cc0101), to(#940101));
    background: -moz-linear-gradient(top,  #cc0101,  #940101);
    background: -o-linear-gradient(top, #cc0101, #940101);}

div#HtmlContent div.w-map-event_1{border:1px solid #d60000;}
div#HtmlContent div#modal-wrap div.h-map-event_1{
    border-top-left-radius:4px;border-top-right-radius:4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#d60000');
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#d60000));
    background: -moz-linear-gradient(top,  #ff0000,  #d60000);
    background: -o-linear-gradient(top, #ff0000, #d60000);}

div#HtmlContent div.w-map-event_2{border:1px solid #f04501;}
div#HtmlContent div#modal-wrap div.h-map-event_2{
    border-top-left-radius:4px;border-top-right-radius:4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5501', endColorstr='#f04501');
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5501), to(#d60000));
    background: -moz-linear-gradient(top,  #ff5501,  #d60000);
    background: -o-linear-gradient(top, #ff5501, #d60000);}

div#HtmlContent div.w-map-event_3{border:1px solid #ff8105;}
div#HtmlContent div#modal-wrap div.h-map-event_3{
    border-top-left-radius:4px;border-top-right-radius:4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff8105');
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff8105));
    background: -moz-linear-gradient(top,  #ff9900,  #ff8105);
    background: -o-linear-gradient(top, #ff9900, #ff8105);}

div#HtmlContent div.w-map-event_4{border:1px solid #0094e0;}
div#HtmlContent div#modal-wrap div.h-map-event_4{
    border-top-left-radius:4px;border-top-right-radius:4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45abe0', endColorstr='#0094e0');
    background: -webkit-gradient(linear, left top, left bottom, from(#45abe0), to(#0094e0));
    background: -moz-linear-gradient(top,  #45abe0,  #0094e0);
    background: -o-linear-gradient(top, #45abe0, #0094e0);}

div#HtmlContent div.w-map-event_5{border:1px solid #737373;}
div#HtmlContent div#modal-wrap div.h-map-event_5{
    border-top-left-radius:4px;border-top-right-radius:4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9d9d', endColorstr='#737373');
    background: -webkit-gradient(linear, left top, left bottom, from(#9d9d9d), to(#737373));
    background: -moz-linear-gradient(top,  #9d9d9d,  #737373);
    background: -o-linear-gradient(top, #9d9d9d, #737373);}

div#HtmlContent div#modal-wrap h1{font-size:12px;font-weight:bold;color:#fff;margin:0 0 0 5px;float:left;}
div#HtmlContent div#modal-wrap span{margin-top:-2px;display:block;float:right;margin-right:10px;cursor:pointer;}

div#HtmlContent div#modal-wrap div#button-wrap{position:absolute;width:414px;margin:183px 10px 0px 10px;overflow:auto;}
div#HtmlContent div#modal-wrap div#button-wrap div{width:55px;height:35px;}
div#HtmlContent div#modal-wrap div#button-prev{float:left;}
div#HtmlContent div#modal-wrap div#button-next{float:right;}

div#HtmlContent div#modal-wrap div.button-prev{background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/button_sprite_v1.png) no-repeat 0px -45px;cursor:pointer;}
div#HtmlContent div#modal-wrap div.button-next{background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/button_sprite_v1.png) no-repeat -65px -45px;cursor:pointer;}
div#HtmlContent div#modal-wrap div.button-prev-on{background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/button_sprite_v1.png) no-repeat 0px 0px;cursor:pointer;}
div#HtmlContent div#modal-wrap div.button-next-on{background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/button_sprite_v1.png) no-repeat -65px 0px;cursor:pointer;}
div#HtmlContent div#modal-wrap div.button-prev-off{background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/button_sprite_v1.png) no-repeat 0px -90px;cursor:default;}
div#HtmlContent div#modal-wrap div.button-next-off{background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/button_sprite_v1.png) no-repeat -65px -90px;cursor:default;}

div#HtmlContent div#modal-wrap div#modal-info-wrap{width:413px;padding:10px 10px 10px 10px;color:#333;}
div#HtmlContent div#modal-wrap div#modal-info-wrap p{margin-bottom:10px;}
div#HtmlContent div#modal-wrap div#modal-info-wrap div.image-wrap{float:right;width:202px;height:168px;overflow:hidden;}
div#HtmlContent div#modal-wrap div#modal-info-wrap div.image-wrap img.modal-image{border:1px solid #666;}
div#HtmlContent div#modal-wrap div#modal-info-wrap div.image-wrap img.modal-image-horizontal{width:200px;border:1px solid #666;}
div#HtmlContent div#modal-wrap div#modal-info-wrap div.image-wrap img.modal-image-vertical{height:165px;border:1px solid #666;float:right;}
div#HtmlContent div#modal-wrap div#modal-info-wrap p.text-small{width:210px;}

div#HtmlContent div#modal-wrap div#modal-info-wrap p.document-link{
    background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/icon_document_v1.png) no-repeat left 2px;text-decoration:underline;font-weight:bold;
    cursor:pointer;padding-left:14px;}

div#HtmlContent div#modal-wrap div#modal-info-wrap p.link-link{
    background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/icon_link_v1.png) no-repeat left 2px;text-decoration:underline;font-weight:bold;
    cursor:pointer;padding-left:14px;}

/* == LEGEND == */
div#HtmlContent div#gardiner-legend-wrap{
    border:1px solid #cacaca;border-top:0;font-family:Verdana;color:#333;font-size:12px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#eeeeed');
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeed));
    background: -moz-linear-gradient(top, #fefefe, #eeeeed);
    overflow:auto;}

div#HtmlContent div#gardiner-legend-wrap div span{padding-left:16px;background-position:left 2px;background-repeat:no-repeat;cursor:pointer;}
div#HtmlContent div#gardiner-legend-wrap div.map-event_0 span{background-image: url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/marker_critical_sm_v1.png);}
div#HtmlContent div#gardiner-legend-wrap div.map-event_1 span{background-image: url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/marker_emergency_sm_v1.png);}
div#HtmlContent div#gardiner-legend-wrap div.map-event_2 span{background-image: url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/marker_high_sm_v1.png);}
div#HtmlContent div#gardiner-legend-wrap div.map-event_3 span{background-image: url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/marker_medium_sm_v1.png);}
div#HtmlContent div#gardiner-legend-wrap div.map-event_4 span{background-image: url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/marker_low_sm_v1.png);}
div#HtmlContent div#gardiner-legend-wrap div.map-event_5 span{background-image: url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/marker_unknown_sm_v1.png);}

div#HtmlContent div#gardiner-legend-wrap form{float:left;padding:10px;}
div#HtmlContent div#gardiner-legend-wrap form div{font-size:.96em;margin-bottom:3px;}
div#HtmlContent div#gardiner-legend-wrap div.gardiner-legend-info{float:right;width:438px;margin-top:0;}
div#HtmlContent div#gardiner-legend-wrap div.gardiner-legend-info div.info-wrap{margin-bottom:0px;margin-left:18px;padding:10px;background-color:#fff;height:115px;}

div#HtmlContent div#gardiner-legend-wrap div.gardiner-legend-info p{font-size:11px;}
div#HtmlContent div#gardiner-legend-wrap div.gardiner-legend-info h3{margin:0px;padding-bottom:2px;font-size:1em}
div#HtmlContent div#gardiner-legend-wrap div.gardiner-legend-info h3 span{padding:0;color:#6b6b6b;}
div#HtmlContent div#gardiner-legend-wrap div.gardiner-legend-info p{margin-top:4px;line-height:1.4em;}

div#HtmlContent div#gardiner-legend-wrap div.legend-info{background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/legend_indicator_v1.png) no-repeat left top;}
div#HtmlContent div#gardiner-legend-wrap div.legend-info_0{display:none;background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/legend_indicator_v1.png) no-repeat left -208px;}
div#HtmlContent div#gardiner-legend-wrap div.legend-info_1{display:none;background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/legend_indicator_v1.png) no-repeat left -190px;}
div#HtmlContent div#gardiner-legend-wrap div.legend-info_2{display:none;background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/legend_indicator_v1.png) no-repeat left -172px;}
div#HtmlContent div#gardiner-legend-wrap div.legend-info_3{display:none;background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/legend_indicator_v1.png) no-repeat left -154px;}
div#HtmlContent div#gardiner-legend-wrap div.legend-info_4{display:none;background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/legend_indicator_v1.png) no-repeat left -136px;}
div#HtmlContent div#gardiner-legend-wrap div.legend-info_5{display:none;background:transparent url(http://static.globalnews.ca/content/interactives/maps/gardiner/img/legend_indicator_v1.png) no-repeat left -118px;}

/* == IFRAME == */
div#HtmlContent iframe#gardiner-document-wrap{display:none;width:620px;height:400px;border:0;background-color:#fff;margin-top:19px;border:1px solid #cacaca;}