/*  This CSS: - gives a basic structure to the Country Pages and the Country List Page.
              - controls the maps and the tooltips
    To customize their appearance, please use your own CSS theme files.
    If you modify this file, it will be overriden at the next update and you will lose any modification.
    For your reference, we added a list of useful classes and IDs in the documentation:
    http://cleio.co/documentation/cleio-maps/countries/
 */

/* = Country List ====================================================
  -------------------------------------------------------------------- */

ul#cleio-countrylist-content{list-style-type:none;padding:0;margin:0;overflow:hidden;}
ul#cleio-countrylist-content li{width:30%;margin-right:3%;float:left;}

/* = Country Pages ===================================================
  -------------------------------------------------------------------- */

#cleio-country-intro{overflow:hidden;padding-bottom:20px;}
#cleio-country-intro img{width:45%;margin-right:5%;float:left;}
cleio-country-content{overflow:hidden;}

/* = Page Navigation =================================================
  -------------------------------------------------------------------- */
  
.clear{clear:both;}  
.cleio-navigation{clear:both;overflow:hidden;padding-top:20px;}


/* = Map Settings ====================================================
     WARNING! Defining a map height and width is *super-mandatory*.
     If you don't, the map won't appear at all. We warned you :p
  -------------------------------------------------------------------- */  
.map{width:100%;height:290px;}
#map-container{clear:both;margin:0 0 20px 0;}
#map-container img{/*width:auto!important;*/max-width:none!important;height:auto!important;border:0!important;box-shadow:0 0px 0px!important;}
div.olControlAttribution{bottom:0!important;}
.wim_map{width:100%;height:110px;margin-top:10px;}
.wim_map img{box-shadow:0 0px 0px!important;}
.coordInfo{color:#aaaaaa;font-size:.8em;padding-top:4px;}

/* = Tooltips ========================================================
     Styling map tooltips, so that it doesn't look all weird!
  -------------------------------------------------------------------- */
.cleio-infobox{z-index:1000;position:absolute;display:none;padding-bottom:8px;background: url(../images/tooltip.svg) no-repeat bottom center;}
.cleio-infobox-content,.cleio-infobox .infotitle,.cleio-infobox p{padding:0;margin:0;} /*reset*/
.cleio-infobox-content{top:50%;background:white;min-width:150px;max-width:300px;text-align:center;
padding:5px 7px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.cleio-infobox .infotitle{font-weight:bold;text-transform:uppercase;}
.cleio-infobox h3,.cleio-infobox p{line-height:12px;line-height:1.2rem;font-size:9px;font-size:0.9rem;}
/* Stamen credits (mandatory!) */
.copyright-control{margin:0!important;padding:4px 5px;color:white!important;background:#4c4c4c;cursor:pointer;}
.copyright-content{padding:3px 0 0 5px;margin:0;background:white;font-size:11px;line-height:14px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.ui-dialog{z-index:1000!important;}


.icon-cleio-map-marker{margin-left:-6px!important;}