#info_bubble {
	position:absolute; left:-9999px;
	width:486px; padding:50px 35px 0px; margin-bottom:60px;
	background:url("images/bg_comic_bubble_24.png") no-repeat;
	color:#000;
	zoom:1;
	display:none;
}

/*#info_bubble .iframe_wrap { width:500px;height:350px;overflow:auto; }*/
#info_bubble iframe { height:350px; width:100%; border:0; }

html.no_bg { background:none; color:#000; }

* html #info_bubble { height:61px; } /* png_fix seems to cause rendering issues if bubble is shorter than footer */

.bubble_footer {
	position:absolute; right:0px; bottom:-60px;
	height:60px; width:556px;
	background:url("images/bg_comic_bubble_24.png") no-repeat bottom;
}

#info_bubble .close_btn { position:absolute; height:22px; width:22px; top:25px; right:27px; background:url("images/btn_close.png") no-repeat;}

#info_bubble_inner {
	font-family: "Arial","Helvetica Neue","Helvetica",sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #414141;
}

#info_bubble_inner .left_of_content { float:left; margin-right:20px; }

#info_bubble_inner h2 {
font-size:1.69231em;
line-height:1.09091em;
margin-top: 0px;
margin-bottom: 20px;

}

#info_bubble_inner h4 {
clear:both;
padding-top: 20px;
font-size:1.30769em;
line-height:1.23529em;
padding-bottom: 2px;
margin: 0px;
}

#info_bubble_inner p {
margin: 0px;
padding: 0px;
}

#info_bubble_inner a {
	margin-top: 20px;
	display: block;
	text-decoration: none;
	color: #006b78;
	font-weight: 800;
} #info_bubble_inner a:hover {
	color: #19BCCF;
    text-decoration: none;
}
	#info_bubble_inner a span {
		background-image: url("images/left_nav.open-close.gif");
	    display: inline-block;
	    height: 7px;
	    left: 9px;
	    margin-left: -4px;
	    overflow-x: hidden;
	    overflow-y: hidden;
	    position: relative;
	    vertical-align: middle;
	    width: 4px;
	}

#info_bubble_inner span.note_text {font-size: .8em}

.infoBubbleCont { position:absolute; margin:0; padding:0; display:block; z-index:999  }
.infoBubbleCont .infoBubbleHeader { float:left; margin:0; padding:0; background:url(images/infoBubbleBGHeader.png) no-repeat left top; height:33px; width:578px }
.infoBubbleCont .infoBubbleTxt { clear:both; float:left; margin:0; background:url(images/infoBubbleBGCont.png) repeat-y left top; width:578px }
.infoBubbleCont .infoBubbleTxt p { padding:0; margin:0; color:#000 }
.infoBubbleCont .infoBubbleTxt h1 { margin:0; color:#575757; font-size:1.83em; font-weight:normal; padding-top:5px }
.infoBubbleCont .infoBubbleTxt h1 p{ padding:20px 0 20px 0; margin:0; color:#000; font-size:inherit; font-weight:bold }
.infoBubbleCont .infoBubbleTxt img.left_of_content { float:left; padding:0 10px 10px 0 }
.infoBubbleCont .infoBubbleTxt img.right_of_content { float:right; padding:0 0 10px 10px }

.infoBubbleCont .infoBubbleTxt .infoContent {height:350px; overflow-y:auto; padding:0 20px; width:520px }
.infoBubbleCont .infoBubbleTxt .infoContent h3 { margin:0; padding:15px 0 5px; color:#000; font-size:1.3em }
.infoBubbleCont .infoBubbleTxt .infoContent .bold_link { text-decoration:none }

.infoBubbleCont .infoBubbleBtm { clear:both; float:left; background:url(images/infoBubbleBGBottom.png) no-repeat left bottom; height:90px; width:578px }
.infoBubbleCont .infoBubbleBtm button.close { float:right; margin:15px 45px 0 0 }