/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
}

.overlay center {
    margin-top: 200px;
}

/* Effects */
.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    z-index: 100;
}





.button_txt{
    font: 14pt "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
display:inline-block;
text-align:center;
width:32px;
}

.button{
    cursor: pointer;
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
 display:inline block;
 width: 60px;
padding: 15px 0px;
outline:none;
position:relative;
   
    text-decoration: none;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

  a.button:before,
  a.button:after {
    content: '';
    position: absolute;
    left: -1px;
    height: 55px;
    width: 60px;
    bottom: -2px;
    
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  a.button:before { 
    height: 55px;
    bottom: -6px;
    border-top: 0;
    -webkit-border-radius: 0 0 5px 5px; 
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 8px 8px;
    
    -webkit-box-shadow: 0 1px 1px 0px #bfbfbf;
    -moz-box-shadow: 0 1px 1px 0px #bfbfbf;
    box-shadow: 0 2px 1px 0px #bfbfbf;
  } 

.button:hover{
    -webkit-box-shadow:inset 0px -6px 0px 0px rgba(0,0,0,0.5),inset 0 0 0px 1px rgba(255,255,255,0.2);
    -moz-box-shadow:inset 0px -6px 0px 0px rgba(0,0,0,0.5),inset 0 0 0px 1px rgba(255,255,255,0.2);
    box-shadow:inset 0px -6px 0px 0px rgba(0,0,0,0.5),inset 0 0 0px 1px rgba(255,255,255,0.2);
    }
a.gray,
  a.gray:hover,
  a.gray:visited {
  
    color: #555;
    border-bottom: 5px solid #b2b1b1;
    text-shadow: 0px 1px 0px #fafafa;
        display: block;    
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(top,  #eee,  #e2e2e2);/* Firefox */ 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e2e2e2'); /* ie7 */
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e2e2e2'); /* ie8 */
    background-image: linear-gradient(top, #eee, #e2e2e2); /* W3C */
    background: -ms-linear-gradient(top, #eee, #e2e2e2); /* IE9 */
    background: -o-linear-gradient(top, #eee, #e2e2e2); /* Opera 11  */
    background: -webkit-linear-gradient(top, #eee, #e2e2e2); /* Chrome 11  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #e2e2e2)); /* Chrome 10, Safari */    
    box-shadow: inset 1px 2px 0 rgba(255,255,255,0.5);
  }

  .gray:before,
  .gray:after {
    border: 1px solid #cecece;
    border-bottom: 1px solid #a5a5a5;
  }

  a.gray:hover {
    background: #e2e2e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#eeeeee));
    background: -moz-linear-gradient(top,  #e2e2e2,  #eeeeee);/* Firefox */ 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#eeeeee'); /* ie7 */
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#eeeeee'); /* ie8 */
    background-image: linear-gradient(top, #e2e2e2, #eeeeee); /* W3C */
    background: -ms-linear-gradient(top, #e2e2e2, #eeeeee); /* IE9 */
    background: -o-linear-gradient(top, #e2e2e2, #eeeeee); /* Opera 11  */
    background: -webkit-linear-gradient(top, #e2e2e2, #eeeeee); /* Chrome 11  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e2e2), color-stop(1, #eeeeee)); /* Chrome 10, Safari */    
  }

.marker {
    background: url(marker.png) no-repeat;
    width: 48px;
    height: 45px;
    text-align: center;
    color: white;
    font-family: cursive;
    padding-top: 3px;
    position: absolute;
    cursor: pointer;
}

.marker:hover, .marker.active {
    background-position-x: -48px;
}