#sharedock { clear: both; position: relative; bottom: 0px; left: 0px; width: 100%; min-width : 640px; max-width: 1128px; height: 75px; z-index: 999;}
#dock { position: relative; bottom: 0; font: 10px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
.dock-container { position: relative; background: url(images/dock-background-sm.png) no-repeat bottom right; height: 60px; padding: 20px; }
.dock-contaner-left { background: url(images/dock-background-sm.png) no-repeat left bottom; width: 15px; height: 32px; position: absolute; bottom: 0; left: -15px; }
.dock-container .custom_images a { display: block; width: 60px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: red; cursor: pointer; }
.dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.dock-container .custom_images img { border: 0; margin: 0px 0px 0px; width: 80%; }
 
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(https://www.nitrd.gov/agencyimages/black_arrow.png);
	font-size:11px;
        font-style: arial;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

#dock.Fisheye{
		    maxWidth: 30;
		    items: 'a';
		    itemsText: 'span';
		    container: '.dock-container';
		    itemWidth: 45;
		    proximity: 60;
		    alignment: 'center';
		    valign: 'bottom';
		    halign: 'center';
}