/* look and feel definitions */
.leaflet-control #countryname { width: 200px; background-color: #007CC3; padding: 10px; color:#ccc; font-size: 16px; font-weight:bold;}
.form-textarea-wrapper textarea{width: 540px}
.CountryNameLabel{ font-size: 80%;color: #666; font-weight:bold}
.CountryCodeLabel{ font-size: 80%;color: #666; font-weight:bold}
.ContinentLabel{ font-size: 150%;font-weight:bold; color: #666;}

#countryname { background-color: "#fff"}
.isoc_map,  .leaflet-container { height: "500px" }
.isoc_map,  .leaflet-container { width: "940px" }
#map .views-row a {padding:5px; padding-left:0px;text-decoration:none; font-size:14px; color: #007CC3;cursor: pointer; }

/* fix map size for smaller screens */
@media only screen and
(max-device-width:759px){
  .isoc_map,  .leaflet-container{ height: "250px" }
  .isoc_map,  .leaflet-container{ width: "470px" }
}

body.page-find-chapter {color: #000}

.dot {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-bottom:10px;
}
.dot div {
    width: 150px; position:relative; left:20px; bottom:8px;padding:5px;
}

div.legend{
    background: #fff; width: 170px;padding:10px; border:1px solid #ccc; border-radius: 10px;
}
.bluedot { background: #4885c2}
.greendot { background: #393}
.reddot { background: #c052ff}

body.page-find-chapter .leaflet-container a {
    color: #0067a2
}
.leaflet-control p{ color: #666;}

.MediumCountry {font-size: 80%;color: #666; font-weight:bold}
.SmallCountry {font-size: 70%;color: #666; font-weight:bold}
.BigCountry {font-size: 120%;color: #666; font-weight:bold}