.bubbles {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	background-color: #016194;
	font: normal 75% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	padding: 2px;
}

.bubbles li {
	list-style-type: none;
	list-style-position: inside;
	padding-right: 10px;
	display:inline;
}

.bubbles li.last {
		padding-right: 0px;
}

/*
************************************************************************
CODA BUBBLES
http://jqueryfordesigners.com/coda-popup-bubbles/************************************************************************
*/

 .bubble {
            position: relative; 
            /*
            top: -50px;
            left: 100px;
            width: 500px;
            */
        }
        
        .trigger {
            position: relative; 
            cursor: pointer;
        }
     
        /* 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/coda/bubble-1-trans.png); }
        .popup td.top { background-image: url(../images/coda/bubble-2-trans.png); }
        .popup td#topright { background-image: url(../images/coda/bubble-3-trans.png); }
        .popup td.left { background-image: url(../images/coda/bubble-4-trans.png); }
        .popup td.right { background-image: url(../images/coda/bubble-5-trans.png); }
        .popup td#bottomleft { background-image: url(../images/coda/bubble-6-trans.png); }
        .popup td.bottom { background-image: url(../images/coda/bubble-7-trans.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(../images/coda/bubble-8-trans.png); }

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

        table.popup-contents th {
                text-align: left;
                text-transform: none;
                color: #A3D447;
				font-variant: small-caps;
	border-bottom: 1px solid #016194;
                }

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

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

        tr.notes td a {
                color: #333;
        }