/*grid popup*/
.csd-speed-limit {
    background: #FFF;
    border: solid 4px #FF0000;
   
    
    -moz-border-radius-topleft: 20px; 
    -webkit-border-top-left-radius: 20px; 
    -khtml-border-top-left-radius: 20px; 
    border-top-left-radius: 20px; 
    
    -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; border-top-right-radius: 20px; 
    
    -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px;
    
     -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
     
     
     
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding-top: 6px;
    text-align: center;
    width: 27px;
    
    /*
    csd-speed-limit {
    background: none repeat scroll 0 0 #fff;
    border: 4px solid #ff0000;
    border-radius: 20px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding-top: 6px;
    text-align: center;
    width: 27px;
    */
}
#bubble {
  position: absolute;
  background-color:#fff;
  margin: 0;
  padding:10px;
  width: auto;
  max-width:180px;
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  display:none;
  z-index:1010; 
  font-size: 11px;
  font-family: Verdana;
}

#bubble:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: transparent #fff transparent transparent ;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  top:7px;
  left:-20px;
}
  

.bubble {
  /*position: fixed;
  background-color:#eee;
  margin: 0;  
  padding:10px;
  text-align:center;
  width:180px;
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  display: block;
  z-index:1010; */
}

.bubble:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: transparent #eee transparent transparent ;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  bottom:7px;
  left:-20px;
} 
/*.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
*/
/* panzoombaris chamoceva qvemot */
.olControlPanZoomBar { 
  top: 44px !important;
}

/*end of grid popup */

/*share on web popup styles*/

.popup_info_holder {
    display:table;
/*    width: 300px;*/
    /*padding: 10px 0 0 10px;
    position: relatve; */ 
   
}
.popup_info_holder .content_holder {
    width:100%;
    display:block;
    float:left;
    padding: 5px;
    font-size: 12px;
}
.popup_info_holder .copyright {
    width:100%;
    display:block;
    float:left; 
    border-top:dotted 1px #CCC;
    padding: 5px 0 0 0px;
    font-family:Verdana;
    font-size: 9px;
    color:#333;
    text-align: right;   
    
}
.popup_info_holder .copyright a {
    color:#205990;
    text-decoration: none;
    font-weight: bold; 
    letter-spacing:1px;
}
.popup_info_holder .copyright .more {
    float:left;
    padding-top:3px;
}
.popup_info_holder .copyright .holder_24 {
    background:#FF0000;
    color:#FFF !important;
    padding: 0 1px;
    font-weight: bold;
    letter-spacing:0px;
}
.popup_info_holder h1 {
    font-size: 16px;
    font-weight: bold;   
    margin: 0;
}
.popup_info_holder h2 {
    font-size: 13px;
    font-weight: normal;
    margin: 0; 
}
.popup_info_holder .img_holder {
    width: 100px;
    max-height: 100px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right:7px;
    border:solid 1px #CCC;
}
.popup_info_holder .img_holder img {
    max-width:100px;
}

.olButton[atitle]:hover:after {
  content: attr(atitle);
  position: relative;
  white-space: nowrap;
  left: 34px;
  top: -9px;
  background-color: #fff;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #09123C;
  font-weight: bold; 
  font-size: 9px;
  border: solid 1px #fff; 
}
.olButton[atitle]:hover:before
{
content: '';
position: relative;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent #fff;
display: block;
width: 0;
z-index: 0;
left: 27px;
top: 5px;
}