.elephant-text, tspan { pointer-events: none; }
#container { position:relative; }
.bubble { border:1px solid #fff; position:absolute;z-index:200;text-align:center;width:200px;height:100px;background:#ededed;border-radius:0;display:none;top:0;overflow:visible;pointer-events: none; }
/*controls appearance of top part of bubble*/
.bubble-outer { border:2px solid #666;position:absolute;z-index:180;text-align:center;width:196px;height:96px;background:#ddd;border-radius:0;top:0px;left:0px;pointer-events: none;}
/*controls appearance of inner bottom arrow*/
.bubble-arrow-border.bottom{ border-color: #666666 transparent transparent transparent;border-style: solid;border-width: 14px;height:0;width:0;position:absolute;bottom:-26px;left:90px;z-index:190;pointer-events: none; }
.bubble-arrow.bottom { border-color: #ddd transparent transparent transparent;border-style: solid;border-width: 12px;height:0;width:0;position:absolute;bottom:-22px;left:92px;z-index:190;pointer-events: none; }
.bubble .info { z-index:250; text-align:left; padding:2px 10px 0 10px;}
.bubble p { margin:0; font-size:12px; line-height:17px; }
.bubble h4 { margin-bottom: 4px; font-size:15px; line-height:18px; }

#family-tree { position:relative; /*margin-top:30px;*/ min-height:600px;}
#elephant-info { position:absolute; width:330px; height:600px; background:url('../images/family-tree-key.gif') no-repeat; display:block; top:45px; right:0; background-size:100%; }
#loading { position:absolute; top:360px; left:227px; font-weight:bold; font-size:11px; }

#current-year { position: absolute; bottom: 225px; left: 40px; font-size: 200%; padding: 10px 20px; /*border: 1px solid #333; background: #64635F;*/ color: #000; border-radius: 4px;}
#buttons { width:80px; float:left; }
#content { background:none; }
#playpause { padding:3px 6px; background:#888; border:1px solid #777; margin-top:11px; width:65px; cursor:pointer; text-align:center; border-radius:5px; float:left; font-weight:bold; font-size:12px; line-height: 14px; color:#fff; }
#playpause:hover { background:#666; color:#fff; }
#buttons { display:block; min-height:35px; }

#slider { position:relative; margin-top:11px; width:870px; cursor:pointer; z-index:10; height:20px; }
.ui-slider-handle:hover { cursor:pointer; }
#slider-ticks { width:890px; height:15px; position:absolute; z-index:2; }
#slider-container { float:right; width:870px; }
.tick { position:absolute; text-align:center; margin-top:0px; border-right:1px solid #000; height:7px;}
.tick-text { position:absolute; top:7px; margin-left:-14px; font-size:11px; font-weight:bold; }
#slider .ui-widget-content {font-size:5px; }
#slider.ui-slider .ui-slider-handle { width:1em; height:1.25em; z-index:275; height:1.75em; }
.ui-slider-horizontal {height:.75em; height:1.5em; }
.ui-widget-content { border: 1px solid #A8AEB9; background: #E6E3D7; }

#container { position:relative; padding:0; }