/* 
    Document   : bubble-info-box
    Created on : Aug 4, 2009, 6:51:05 PM
    Author     : tinek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.bubbleInfo {
	position: relative;
}
.trigger {
	/*position: absolute;*/
	font-weight: bold;
	font-size: 13px;
}

/* Bubble pop-up */

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}

.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(../../images/bubble/bubble-1.png); }
.popup td.top { background-image: url(../../images/bubble/bubble-2.png); }
.popup td#topright { background-image: url(../../images/bubble/bubble-3.png); }
.popup td.left { background-image: url(../../images/bubble/bubble-4.png); }
.popup td.right { background-image: url(../../images/bubble/bubble-5.png); }
.popup td#bottomleft { background-image: url(../../images/bubble/bubble-6.png); }
.popup td.bottom { background-image: url(../../images/bubble/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(../../images/bubble/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
}

table.popup-contents td {
	text-align: left;
}

tr#release-notes th {
	text-align: left;
	text-indent: -9999px;
	background: url(../../images/bubble/starburst.gif) no-repeat top right;
	height: 17px;
}

tr#release-notes td a {
	color: #333;
}

td.main-text {
	background-color: white;
}