.popover{ 
   position:absolute; top:0; left:0; z-index:1010; display:none; 
   max-width:350px; padding:1px; text-align:left; background-color: #666;
   -webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;
  -webkit-border-radius:0px;border-radius:0px;
  -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); 
  white-space:normal; 
}
.popover.top {}
.popover.right {margin-left:10px;}
.popover.bottom {margin-top:10px;}
.popover.left {margin-left:-10px;}

.popover-title { margin:0; padding:8px 14px; font-size:18px;font-weight:400;line-height:18px; background: url("/img/ui/pattern.png") repeat scroll 0% 0%; background-color:#212121; }
.popover-title:empty { display:none; }


.popover .desc { font-size: 12px; color: #FFF; line-height: 20px; font-family: 'Open Sans', 'helvetica-neue', helvetica, arial, sans-serif; font-weight: 400; }

.popover-content{padding:9px 14px; overflow: hidden; }
.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.popover .arrow{border-width:11px;}
.popover .arrow:after{border-width:10px;content:"";}
.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#666;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#666;}
.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#666;border-right-color:rgba(0, 0, 0, 0.25);}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#666;}
.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#666;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#666;}
.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color: #666;border-left-color:rgba(0, 0, 0, 0.25);}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#666;bottom:-10px;} 

.popover-content img { width: 80px; margin: 5px 15px 0px 0px !important; float: left !important; position: static !important; }
.popover-content p { font-size: 14px; margin: 0; color: #EEE !important; font-family: 'Open Sans', 'helvetica-neue', helvetica, arial, sans-serif; }
.popover-content p a { color: #00ccff; text-decoration: none; }    
.popover-content p.address { display: none !important; } 

h3.popover-title { padding: 0; color: #0099CC; }
h3.popover-title a { display: block; padding: 12px 30px 12px 15px; font-weight: 200; text-decoration: none; color: #FFF !important; line-height: 22px; text-transform: uppercase; }
h3.popover-title a:after { content: '\2192'; color: #00ccff; padding-left: 10px; }
h3.popover-title a:hover { color: #00ccff !important; }

.popover .close {
  float: right;
  font-size: 50px;
  font-weight: 400;
  line-height: 15px;
  color: #CCC !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 8px; right: 10px;
  border: none; 
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

/*Layer=========================*/

.zglayer {
	width: 350px;
}

/* Responsive Styles */

@media screen and (min-width: 1px) {

.popover{ width:250px; max-width: 250px; }
h3.popover-title a { font-size: 16px; padding: 8px 30px 8px 15px; }
.popover-content img { width: 50px !important; margin: 5px 6px 5px 0px !important; }
.popover-content .desc { font-size: 12px; line-height: 18px; }
  
}

@media screen and (min-width: 480px) and (max-width: 768px) {

.popover{ width:280px; max-width: 280px; }
h3.popover-title a { font-size: 16px; padding: 8px 30px 8px 15px; }
.popover-content img { width: 60px !important; margin: 5px 6px 5px 0px !important; }
.popover-content .desc { font-size: 12px; line-height: 18px; }
}

@media screen and (min-width: 768px) {

.popover{ width:300px; max-width: 300px; }
h3.popover-title a { font-size: 16px; padding: 12px 30px 12px 15px; }
.popover-content img { width: 80px !important; margin: 5px 15px 5px 0px !important; }
.popover-content .desc { font-size: 14px; line-height: 22px; }
}

@media screen and (min-width: 960px) {

.popover{ width:400px; max-width: 400px; }
h3.popover-title a { font-size: 18px; }
.popover-content img { width: 100px !important; margin: 5px 15px 5px 0px !important; }
.popover-content .desc { font-size: 14px; line-height: 22px; }
}

@media screen and (min-width: 1500px) {

.popover{ width:450px; max-width: 450px; }
h3.popover-title a { font-size: 18px; }
.popover-content img { width: 120px !important; margin: 5px 15px 5px 0px !important; }
.popover-content .desc { font-size: 14px; line-height: 22px; }

}