/* =================================================================
  BUBBLE (FLOATING WINDOW)
================================================================= */
div#bubbleDiv { float:left; position:absolute; top:0; left:0; width:370px; height:225px; visibility:hidden; z-index:1000; background-image:url(common/images/bubble.png); background-repeat:no-repeat; font-size:1.3em; text-align:left; }

/* HEADING AND PARAGRAPHS */
div#bubbleDiv h2 { margin-bottom:3px; font-size:1.307em; font-weight:bold; }

/* GUTTER */
div#bubbleDiv div.gtr { width:365px; height:222px; padding-right:5px; overflow:auto; }

/* INDENTION */
div.bubbleTopLeft, div.bubbleBottomLeft { padding:18px 10px 7px 61px; background-position:top right; }
div.bubbleTopRight, div.bubbleBottomRight { padding:18px 51px 7px 20px; }

/* CLOSE WINDOW LINK */
div#bubbleClose { position:absolute; top:0; display:block; width:85px; height:19px; text-align:right; font-size:0.846em; text-decoration:underline; cursor:pointer; background:url(common/images/bubble_close.png) no-repeat; }
div#bubbleClose span { display:none; }
div.bubbleTopRight div#bubbleClose, div.bubbleBottomRight div#bubbleClose { right:50px; }
div.bubbleTopLeft div#bubbleClose, div.bubbleBottomLeft div#bubbleClose { right:9px; }

/* ARROW */
div#bubbleArrow { position:absolute; top:0; width:41px; height:63px; background-image:url(common/images/bubble_arrow.png); }
div.bubbleTopLeft div#bubbleArrow { left:0; }
div.bubbleBottomLeft div#bubbleArrow { background-position:0 -100px; left:0; }
div.bubbleTopRight div#bubbleArrow { background-position:0 -200px; left:400px; }
div.bubbleBottomRight div#bubbleArrow { background-position:0 -300px; left:400px; }

/* LOADING */
div#bubbleLoading { width:360px; height:222px; background:url(common/images/loading2.gif) center no-repeat; }

/* IE BUG REVEALS SELECT BOXES BEHIND THE BUBBLE - IFRAME HIDES THE SELECT BOXES */
iframe#bubbleDivShim { position:absolute; top:0; left:0; width:400px; height:250px; z-index:999; display:none; }