@import 'reset.css';

body {
	padding:0;
	margin:0;
	
}

.zoomPan {
	width:800px;
	height:400px;
	overflow:hidden;
	position:relative;
}
	
.zoomPan .image {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
	
.toolContainer {
	width:59px;
	height:270px;
	position:absolute;
	left:17px;
	top:24px;
	z-index:10;
}
	.toolContainer .tool {
		background:url('../images/tool-bg.png') 0 0;
		width:59px;
		height:270px;
		overflow:hidden;
	}
	.toolContainer .toolPan {
		background:url('../images/tool-pan.png') 0 0 no-repeat;
		width:55px;
		height:56px;
		overflow:hidden;
		margin:4px 0 0 3px;
		position:relative;
	}
		.toolContainer .toolPan .toolPan_top, .toolContainer .toolPan .toolPan_bottom, 
		.toolContainer .toolPan .toolPan_left, .toolContainer .toolPan .toolPan_right {
			position:absolute;
			left:0;
			top:0;
			width:16px;
			height:16px;
			overflow:hidden;
		}
			.toolContainer .toolPan .toolPan_top { left: 17px; }
			.toolContainer .toolPan .toolPan_left { top: 17px; }
			.toolContainer .toolPan .toolPan_right { left: 34px; top:17px; }
			.toolContainer .toolPan .toolPan_bottom { top: 34px; left:17px; }
			
	.toolContainer .toolZoom {
		background:url('../images/tool-track.png') 1px 0 no-repeat;
		width:24px;
		height:220px;
		overflow:hidden;
		margin:4px 0 0 19px;
	}
		.toolContainer .toolZoom_zoomIn {
			width:19px;
			height:21px;
			padding:0 5px 0 0;
			display:block;
			overflow:hidden;
			position:relative;
		}
		.toolContainer .toolZoom_zoomOut {
			width:19px;
			height:21px;
			padding:0 5px 0 0;
			display:block;
			overflow:hidden;
			position:relative;
		}
		.toolContainer .toolZoom_track {
			width:22px;
			height:154px;
			padding:0 2px 0 0;
			display:block;
			overflow:hidden;
			position:relative;
			cursor:pointer;
		}
		.toolContainer .toolZoom_drag {
			background:url('../images/tool-drag.png') 0 0 no-repeat;
			width:22px;
			height:16px;
			overflow:hidden;
			position:absolute;
			left:0;
			top:0;
			cursor:pointer;
		}