.tool-container { background-color: #d0cbcb; border-radius: 3px; box-shadow: 0px 0px 15px #000; position: absolute; }
.tool-container.tool-top, .tool-container.tool-bottom {	border-bottom: 1px solid #beb8b8 ; }
.tool-items { height: 100%; border: 1px solid #E9E5E5; border-radius: 3px 3px 3px 3px; }
.tool-item:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; }
.tool-item:last-child {	border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.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 {	border-bottom: 1px solid #eee; }
.tool-item { height: 100%; display: block; padding: 5px; text-align: center; color: #4B4B4D; }
.tool-item:first-child { border-left: none; }
.tool-left .tool-item:first-child, .tool-right .tool-item:first-child { border-top: 1px solid transparent; }
.tool-item:last-child { border-right: none; border-bottom: none; }
.tool-item.selected, .tool-item:hover { background: #298DE5; text-decoration: none; color: #fff; }
.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; }