
  body {
  }
  
 .glow-overlay {
 	overflow: visible;
 }
 .custom-panel {
   position: relative;
   padding: 5px;
   color: #FFF;
 }
 
 div.custom-panel div.custom-panel-content {
   /* opacity: 0.8; */
   background: transparent url(http://newsimg.bbc.co.uk/sol/shared/bsp/hi/olympics2008/map/img/ui/opacity80.png) repeat;
   
   /* ie6 opacity - must 'have layout' */
  /*
   width: 339px;
   filter: alpha(opacity=80);
 */

   font-family: "Verdana", sans-serif;
   font-size: 11px;
   
   position: relative;
 }

div.custom-panel a.glow-panel-close {
  position: absolute;
  z-index: 10000;

  width: 14px;
  height: 14px;
  
  right: 0;
  top: 3px;
  color: #FFF;
  
  margin: 5px;
  padding: 0 2px;
  
  background: transparent url(http://newsimg.bbc.co.uk/sol/shared/bsp/hi/olympics2008/map/img/ui/close_button.gif) no-repeat;
  
  opacity: 1;
}

div.custom-panel a.glow-panel-close span {
	display: block;
	margin-left: -90000px;
}

div.custom-panel div.glow-panel-hd {
  margin: 12px 6px 0 6px;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFF;
  
  font-size: 16px;
}


div.custom-panel div.glow-panel-hd h2,
div.custom-panel div.glow-panel-ft p {
  margin: 0; 
  padding: 0;
}
div.custom-panel div.glow-panel-bd {
  margin: 0 6px;
}

div.custom-panel div.glow-panel-ft {
  margin: 6px;
}

.map-panel-pointer {
  position: absolute;
  z-index: 100000000;
  display: none;
}


.glow-infoPanel-pointerR {
  right: 0;
}

.glow-infoPanel-pointerB {
  bottom: 0;
}

/*
 * Left pointer
 */
.glow-infoPanel-pointerL {
  background: transparent url(http://newsimg.bbc.co.uk/sol/shared/bsp/hi/olympics2008/map/img/ui/pointer_left.png) no-repeat 0 50%;
  width: 25px;
  height: 98%;
  
  /* IE5.5/6 should use GIF with opacity set to 80 */
}

.glow-infoPanel-pointL .custom-panel-content {
  margin-left: 25px;
  
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

.glow-infoPanel-pointL .glow-infoPanel-pointerL {
  display: block;
}

/*
 * Top pointer
 */
.glow-infoPanel-pointerT {
  background: transparent url(http://newsimg.bbc.co.uk/sol/shared/bsp/hi/olympics2008/map/img/ui/pointer_top.png) no-repeat 50% 0;
  width: 95%;
  height: 25px;
  
  /* IE5.5/6 should use GIF with opacity set to 80 */
}

.glow-infoPanel-pointT .custom-panel-content {
  margin-top: 25px;
  
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

.glow-infoPanel-pointT .glow-infoPanel-pointerT {
	display: block;
} 

.glow-infoPanel-pointT .custom-panel-content div.glow-panel-hd {
	padding-top: 5px;
}

/*
 * Right pointer
 */
.glow-infoPanel-pointerR {
  background: transparent url(http://newsimg.bbc.co.uk/sol/shared/bsp/hi/olympics2008/map/img/ui/pointer_right.png) no-repeat 0 50%;
  width: 25px;
  height: 90%;
  
  /* IE5.5/6 should use GIF with opacity set to 80 */
}

.glow-infoPanel-pointR .custom-panel-content {
  margin-right: 20px;
  
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
}

.glow-infoPanel-pointR .glow-infoPanel-pointerR {
  display: block;
}

/*
 * Bottom pointer
 */
.glow-infoPanel-pointerB {
  background: transparent url(http://newsimg.bbc.co.uk/sol/shared/bsp/hi/olympics2008/map/img/ui/pointer_bottom.png) no-repeat 50% 0;
  width: 95%;
  height: 25px;
  
  /* IE5.5/6 should use GIF with opacity set to 80 */
}

.glow-infoPanel-pointB .custom-panel-content {
  padding-bottom: 10px;
  margin-bottom: 20px;
  
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

.glow-infoPanel-pointB .glow-infoPanel-pointerB {
	display: block;
} 


/*
  Link styles
*/
.custom-panel ul {
  padding: 0;
}

.custom-panel ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 2px 0;
}
.custom-panel a,
.custom-panel a:visited,
.custom-panel a:hover,
.custom-panel a:active {
  text-decoration: none;
  color: #FF3;
}

.custom-panel a:hover {
  text-decoration: underline;
}

/*
 * Link panel styles
 */
.link-panel .glow-infoPanel-pointerT {
	background-position: -430px 0;
}

div.custom-panel.link-panel div.glow-panel-hd {
	border: none;
}

/*
 * Common link panel styles
 */
.custom-panel.link-panel li,
.custom-panel.link-panel li a,
.custom-panel.link-panel li a:hover,
.custom-panel.link-panel li a:visited,
.custom-panel.link-panel li a:active {
	color: #FF3;
	
	cursor: pointer;
	cursor: hand;
}

.custom-panel.link-panel li:hover,
.custom-panel.link-panel li a:hover {
	text-decoration: underline;
}

/*
 * Sports link panel
 */
.custom-panel.link-panel.sports .custom-panel-content {
	padding-top: 10px;
}

.custom-panel.link-panel.sports ol li {
	width: auto;
	height: 18px;
}

.custom-panel.link-panel.sports ol {
	width: 100px;
}

.custom-panel.link-panel.sports ol.group-1 {
	width: 240px;
}

/*
 * Landmarks link panel
 */
.custom-panel.link-panel.landmarks .custom-panel-content {
	padding-top: 10px;
}

.custom-panel.link-panel.landmarks ol li {
	width: auto;
	height: 18px;
}

.custom-panel.link-panel.landmarks ol {
	width: 160px;
}

/*
 * Hover panels
 */
.hover-panel .venue-sports {
	margin-top: 5px;
}

.hover-panel .venues-more {
	padding-top: 3px;
}

/*
 * Twitter panels
 */
.twitter-body {
	line-height: 15px;
}

.twitter-body .message {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.twitter-body .meta {
	padding-top: 5px;
	padding-bottom: 5px;
}

.twitter-body .meta p {
	display: inline;
}

.twitter-body .meta p.name {
	border-right: 1px solid #FFF;
	padding-right: 10px;
	margin-right: 5px;
}

.twitter-body .twitter-more {
	border-top: 1px solid #FFF;
	padding-top: 5px;
}

/*
 * Blog panels
 */
.blog-body {
	line-height: 15px;
}

.blog-body h3 {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	
	font-size: 15px;
	color: #FF3;
	
	font-weight: normal;
}

.blog-body .meta {
	padding-top: 5px;
	padding-bottom: 5px;
}

.blog-body .meta p {
	display: inline;
}

.blog-body .meta p.name {
	border-right: 1px solid #FFF;
	padding-right: 10px;
	margin-right: 5px;
}

.blog-body .new-page {
	font-size: 9px;
}

.blog-body .blog-more {
	border-top: 1px solid #FFF;
	padding-top: 5px;
}

.blog-body .blog-summary {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	
	padding: 7px 0 10px 0;
	
	margin-top: 5px;
	margin-bottom: 7px;
}

/*
 * Venue panels
 */
.custom-panel .images {
	position: relative;
	min-height: 100px;
}

.custom-panel .images ul.icon-group {
	/*margin-left: 246px;*/
	margin-left: 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	/* width: 100px; */
}

.custom-panel .images img {
	margin-top: 6px;
	border: 1px solid #FFF;
}

.custom-panel .images ul.icon-group img {
	border: none;
}

.custom-panel .images ul.icon-group img {
	border: none;
	width: 41px;
	height: 41px;
}

.custom-panel .images ul.icon-group li {
	display: inline;
}

.custom-panel .venue-desc,
.custom-panel .landmark-desc {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #FFF;
}

.custom-panel .venue-links,
.custom-panel .landmark-links {
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #FFF;
}
