@charset "UTF-8";

/*  Info panel  */
.city_detail_container { display: none; }.city_detail_container .city_detail { width: 300px; border: 1px solid #ccc; }

/*  Interactive Map Container */
.map_contianer{background-image:url(../../img/map.png);background-repeat:no-repeat;background-position:0 0;height:562px;width:400px;position:relative;color:#222;font-family:Arial;font-size:12px;float:left;margin:0 0 0 20px}
.map_contianer .clear_both{clear:both;line-height:1px}
.map_contianer h2{margin:0}
.map_contianer h3{text-align:left;margin:0;font-family: 'SourceSansProSemibold', Arial, sans-serif;}
.map_contianer p{line-height:1.6;color:#999;margin:0 0 7px}
.map_contianer a,a:visited{color:#2D6A89;margin:0 10px 0 0}
.map_contianer a.dot{background-image:url(../../img/dots.png);background-repeat:no-repeat;background-position:0 0;height:20px;width:20px;display:block;position:absolute;cursor:pointer}
.map_contianer a.dot.selected{background-position:0 -40px}
.map_contianer a.dot:hover{background-position:0 -20px}
.map_contianer .form_continent{position:absolute;top:30px;left:210px}
.map_contianer .detail_container{position:absolute;top:35px;left:510px;width:300px;height:260px}
.map_contianer .city_detail{position:absolute;background:url(../../img/transparent_bcg.png) repeat;top:0;width:290px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:11px 1px 3px 0 #4d4d4d;-moz-box-shadow:1px 1px 3px 0 #4d4d4d;box-shadow:1px 1px 3px 0 #4d4d4d;padding:10px 10px 20px 20px}
.map_contianer .city_detail .city_info{width:250px;float:left}

@media only screen and (max-width: 770px) {.map_contianer .detail_container {left: 400px;top: 105px;}}