html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map { height: 100%;
       position:relative;
       z-index: 1; }
.map-search .configurator .header {
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 10px;
    background-color: #006847;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
}
#info
{
    background: rgba(255, 255, 255, 0.82);
    position: absolute;
    top: 115px;
    left: 10px;
    padding: 12px 5px 5px 10px;
    z-index: 200;
    /*height: 400px;*/
    width: 315px;
}   

.menu-groups{
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 2px 15px 7px 12px;
    z-index: 200;
    /* height: 400px; */
    /* width: 315px; */
} 

#header
{
    background: rgba(0, 0, 0, 0.90);
    position: absolute;
    top: 55px;
    left: 10px;
    padding: 7px 5px 5px 10px;
    z-index: 200;
    height: 50px;
    width: 318px;
    color: #fff;
    font-size: 18px;
}
#header a
{
    color:#fff;
    text-decoration: none;
    font-weight: bold;
}

.shadow-box {
    -webkit-box-shadow: 1px 1px 30px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow:    1px 1px 30px 0px rgba(50, 50, 50, 1);
    -ms-box-shadow:    1px 1px 30px 0px rgba(50, 50, 50, 1);
    -o-box-shadow:    1px 1px 30px 0px rgba(50, 50, 50, 1);
    box-shadow:         1px 1px 30px 0px rgba(50, 50, 50, 1);
}
.radius {
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -o-border-radius: 7px 7px 7px 7px;
    -ms-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    /*border: 2px solid #ffffff;*/
}
.a-show-menu-group{
    float: right;
    font-size: 33px;
    margin-top: -7px;
    margin-right: 10px;
}
.div-img{
    margin-left: -10px;
    width: 315px;
    overflow: hidden;
    height: 161px;
    border: solid rgba(48, 97, 53, 0.81);
    border-width: 3px 0;
}
.div-img img{
    width: 315px;
}
.div-title a{
    color: #08130E;
    font-size: 23px;
    float: right;
    padding: 0 10px 5px 10px;
}

button.fav {
    border: none;
    background-color: transparent;
    color: rgba(0,0,0,0);
    background-image: url(/imgs/pin1.png);
    width: 24px;
    height: 24px;
    /* float: right; */
    cursor: pointer;
}
button.fav:active, button.fav:focus {
    outline: none;
}

.info-menu {
    /* padding: 5px; */
    padding-bottom: 10px;
    text-align: right;
    /* font-size: 10px; */
}

.description {
    /* height: 120px; */
    /* overflow: hidden; */
    font-size: 14px;
    padding: 10px 5px 15px 5px;
    overflow-y: auto;
    max-height: 6em;
    margin-bottom: 10px;
    /* background-color: red; */
}

span.favs {
    font-size: 10px;
    color: gray;
}

button.fav.pined {
    background-image: url(/imgs/pined.png);
}

/*
playback timings (ms):
  captures_list: 619.076
  exclusion.robots: 0.099
  exclusion.robots.policy: 0.091
  RedisCDXSource: 0.572
  esindex: 0.008
  LoadShardBlock: 599.871 (3)
  PetaboxLoader3.datanode: 678.876 (5)
  CDXLines.iter: 15.841 (3)
  load_resource: 146.094 (2)
  PetaboxLoader3.resolve: 61.009 (2)
*/