#paneLEAFLETCANVAS{z-index:1; top:0; bottom:0; width:100%;height:800px;}

.map-class{bottom:0;width:100%;height:100vh;}
/*height: calc(100vh - 60px);*/
#mapLagend {
    z-index:900;
    background: #ffffff;
    position: absolute;
    bottom: 50px;
    right: 15px;
    padding: 0px 10px;
    width: 250px;
    font-family: arial;
    font-size: small;
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    -webkit-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    -moz-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    box-shadow: 0px 1px 5px rgba(153,153,153,1);
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
    .countdown {position: relative; color: lightblue; font-size: 10px; font-family:arial; display: block; width: 250px; margin: auto; text-align: center; background:rgba(0,0,0,0.7); border-radius:10px; padding:10px; }
    #jcountdown > span {font-size:16px; margin-left:10px; color:white;}
    #jcountdownTsunami {color: #333; font-size: 10px; font-family:arial; display: block; width: 250px; margin: auto; text-align: center; padding:10px; }
    #jcountdownTsunami > span {font-size:16px; margin-left:10px; color: red;}


.mapTable {
    z-index:920; 
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    -webkit-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    -moz-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    box-shadow: 0px 1px 5px rgba(153,153,153,1);
    opacity: 0.8;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.mapTableLeft {
    /*float:left;*/
    max-width:320px;
    z-index:920; 
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    -webkit-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    -moz-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    box-shadow: 0px 1px 5px rgba(153,153,153,1);
    opacity: 0.8;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.mapTableRight {
    float:right;
    max-width:320px;
    /*width:300px;*/
    z-index:920; 
    /*left:35%;*/
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    -webkit-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    -moz-box-shadow: 0px 1px 5px rgba(153,153,153,1);
    box-shadow: 0px 1px 5px rgba(153,153,153,1);
    opacity: 0.8;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.mapBoxSize{width:300px;}

.mapBoxFull{padding:30px;}

.mapBoxRow{

    position: relative;
    margin-left:40px;
    /*margin-right:40px;*/
    margin-bottom:50px;

}

    /*  
    *
    * ********* GOOGLE MAP INFO WINDOW
    *
    */
    .sui-google-container-wrapper-small{margin:0 auto;min-width:400px;width:100%;display:block;}
    
    
    .sui-google-container-wrapper{margin:0 auto;width:90%;min-width:600px;}
    .sui-google-header-space{margin:0 auto;width:100%;height:12px;}

    .sui-google-header-big-first-pane{margin:0 auto;width:100%;height:26px;display:block;}
    .sui-google-header-medium-second-pane{margin:0 auto;width:100%;height:14px;display:block;}


    .sui-google-header-button-container{position:absolute;top:0px;right:8px;width:100%;height:38px;}

    .sui-google-infobanner{margin:0 auto;width:100%;height:24px;}


    .sui-google-content-container{margin:2px auto;width:100%;height:20px;}

    .sui-google-content-container-title{float:left;width:48%;height:100%;color:#3b5998;}
    .sui-google-content-container-dot{float:left;width:2%;height:100%;}
    .sui-google-content-container-data{float:left;width:50%;height:100%;}

    .sui-global-title-top{margin-top:10px;padding:5px 0;border-bottom: 1px solid #9ac1c9;border-top: 1px dotted #9ac1c9;}
    .sui-global-title-bottom{margin-top:3px;}