/* the tooltip element */
.tooltip {
	display:none;
	background:transparent url(/ethics/images/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#232323;
	font-weight: bold;
        font-family: helvetica;
        text-align:center;
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	
}
#dyna a {
        border:0;
	cursor:pointer;
	
}
a.tooltip {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

img.tooltip {
	border:0;
	cursor:pointer;
	
}


/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(/ethics/images/white_arrow_bottom.png);	
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(/ethics/images/white_arrow_bottom.png);
}



/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/ethics/images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

.apple_overlay_small {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/ethics/images/whitesmall3.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:284px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:14px;

}
.apple_overlay_small li {
        line-height: 200%;
list-style: none;
}
.apple_overlay_small li:hover {list-style-image: url(/sfgov_template/arrows.gif);}
/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(/ethics/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.apple_overlay_small .close {
	background-image:url(/ethics/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* ph=1 */