.credits-popup, .families-popup, .periodic-element-chart, .periodic-element-chart-slug {
	cursor:pointer;
}

/* tooltip styling */
.tooltip {
	display:none;
	padding: 9px 9px 9px 9px;
	background-color: #fff;
	border: 1px solid #000;
	width:295px;
	height:auto;
	font-family: helvetica, arial sans-serif;
	font-size: 11px;
	color:#333;
	-moz-box-shadow: 0 0 1em #777;
	/* Firefox */
	-webkit-box-shadow: 0 0 1em #777;
	/* Safari and Chrome */
	box-shadow: 0 0 1em #777;
}

.tooltip.fixed-line-height {
	line-height: 16px;

}

/*******************************/
/*  for the triangle callout   */
/*******************************/

.callout {
    position: relative;
}
.callout .notch {
    position: absolute;
    bottom: -10px;
    right: 12px;
    margin: 0;
    border-bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.callout-right .notch {
    right: 12px;

}

/* default case is for the tooltip to be right, top */

.callout-left .notch {
    left: 12px;
}



/* styling for tooltip on the bottom */

.tooltip.bottom.callout .notch {
    top: -10px;
    border-bottom: 10px solid #fff;;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0;
}    

.tooltip.bottom.callout-left .notch {
}    

.tooltip.bottom.border-callout { border: 1px solid #000; }
.tooltip.bottom.border-callout .border-notch { border-bottom-color: #000; top: -11px; }



/* styling for tooltip on the left */

.tooltip.left.callout .notch {
    left: 275px;
}    

.tooltip.left.border-callout { border: 1px solid #000; }
.tooltip.left.border-callout .border-notch { border-bottom-color: #000; right: 12px; }




/*  default */

.border-callout { border: 1px solid #000; }
.border-callout .border-notch { border-top-color: #000; bottom: -11px; }