.tool-container {
	background-color: #fff;
	
	border-radius: 3px;
	box-shadow: 0px 0px 15px #000;
	position: absolute;	
			width: 500px;
	margin: 0 0 0 -17%!important;
	
}


.tool-container.tool-top, .tool-container.tool-bottom {
	height: 34px;
	border-bottom: 1px solid #beb8b8 ; /* #B1A9A9 */
}

.tool-items {
	width: 500px;
	height: 278px;
	
float: left;	
}
.tool-items a { width: auto; float: left; }
.tool-top .tool-item, .tool-bottom .tool-item {
	float: left;
	border-right: 1px solid #e2dfdf;
	border-left: 1px solid #9f9898;
}

.tool-left .tool-item, .tool-right .tool-item {

	
}


.tool-item {
	height: 100%;
	display: block;				
	width: 500px;
	
}


.tool-container .arrow {
	width:0;
	height:0;
	position: absolute;	
	border-width:7px;
	border-style:solid;
}

.tool-container.tool-top .arrow {
	border-color: #e9e5e5 transparent transparent; 
	left: 50%;  
	bottom: -14px;
	margin-left: -7px;
}

.tool-container.tool-bottom .arrow {
	border-color: transparent transparent #e9e5e5; 
	left: 50%;  
	top: -14px;
	margin-left: -7px;
}

.tool-container.tool-left .arrow {
	border-color: transparent transparent transparent #E9E5E5;
	top: 50%;
	right: -14px;
	margin-top: -7px;
}

.tool-container.tool-right .arrow {
	border-color: transparent #E9E5E5 transparent transparent;
	top: 50%;
	left: -14px;
	margin-top: -7px;
}

.demo-link {
	color: #89CDE4;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 30px;
}

.demo-link:hover {
	text-decoration: none;
	cursor: pointer;
}