/* Main Container
--------------------------------------------------*/
div#zs_toolbar {
	background:#696969;
	text-align:left;
	cursor:default;
	padding:0px;
	margin:0px;
}
div#zs_toolbar div {
	float:left;
  font-family: Arial, sans-serif;
	color:white;
	font-size:9px;
	padding-top:4px;
	padding-left:4px;
}
div#zs_toolbar div.close {
	float:right;
	width:18px;
	height:15px;
	background:url(../images/close.gif) no-repeat right top;
	cursor:pointer;
}

div.zoomcontainer {
  font-family: Verdana, sans-serif;
  margin: 0px;
  background: white;
  position: relative;
  overflow: hidden;
  padding: 0px;
}

/* Loading Overlay
--------------------------------------------------*/
#zs_loading {
	opacity: 0.9;
	z-index:10;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../images/loading.gif) center no-repeat;
}

/* Message Overlay
--------------------------------------------------*/
#zs_message {
	z-index:20;
	position:absolute;
	left:0px;
	top:180px;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	color:gray;	
	font-weight:bold;
	font-size:12px;
}

/* Zoom Control
--------------------------------------------------*/
/* Zoom Control Container */
table.zs_zoom_control {
	display:inline;
	width:auto;
	padding:0px;
	margin-right:11px;
}
table.zs_zoom_control td {
	vertical-align:middle;
	height:17px;
	padding:0px;
	margin:0px;
}
td.zs_zoom_label {
	width:43px;
	background:url(../images/zoom-control.gif) no-repeat -350px 3px;
}
/* Zoom Butons */
td.zs_zoom_out { 
	cursor:pointer; 
	width:16px;
	background:url(../images/zoom-control.gif) no-repeat -50px 0px;	
}
td.zs_zoom_out_on { 
	cursor:pointer; 
	width:16px;
	background:url(../images/zoom-control.gif) no-repeat -50px -50px;	
}
td.zs_zoom_in { 
	cursor:pointer; 
	width:16px;
	background:url(../images/zoom-control.gif) no-repeat -100px 0px;	
}
td.zs_zoom_in_on { 
	cursor:pointer; 
	width:16px;
	background:url(../images/zoom-control.gif) no-repeat -100px -50px;	
}
td.zs_zoom_reset { 
	cursor:pointer; 
	width:16px;
	background:url(../images/zoom-control.gif) no-repeat 0px 0px;	
}
td.zs_zoom_reset_on { 
	cursor:pointer; 
	width:16px;
	background:url(../images/zoom-control.gif) no-repeat 0px -50px;	
}
/* Zoom Slider Control */
td.zs_zoom_range {
}

div.zs_slider {
	text-align:left;
	position:relative;
	width: 116px;
	height: 12px;
	background:url(../images/zoom-control.gif) no-repeat -200px 0px;	
}
div.zs_slider div.knob {
	position:absolute;
	left:0px;
	background: #999;
	width: 9px;
	height: 12px;
	background:url(../images/zoom-control.gif) no-repeat -150px 0px;	
	cursor:pointer;
}

/* Move Control (surrounding arrows)
--------------------------------------------------*/
/* Move Control Container */
table.zs_mc {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	border:solid 1px #cdcdcd;
	background:#ededed;
}
table.zs_mc td {
	padding:0px;
	margin:0px;
	cursor:pointer; 
}
td.zs_mc_on {
	background:#cc0000;	
}

/* Top Left Move Control */
td.zs_mc_top_left { 
	width:12px;
	height:12px;
	background:url(../images/arrow_top_left.gif) no-repeat top left #ededed;
}
td.zs_mc_top_left_on { 
	width:12px;
	height:12px;
	background:url(../images/arrow_top_left_on.gif) no-repeat top left #cc0000;
}
/* Top Move Control */
td.zs_mc_top { 
	height:12px;
	background:url(../images/arrow_up.gif) no-repeat center top #ededed;
	border-left:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;	
	border-bottom:solid 1px #cdcdcd;	
}
td.zs_mc_top_on { 
	height:12px;
	background:url(../images/arrow_up_on.gif) no-repeat center top #cc0000;
	border-left:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;	
	border-bottom:solid 1px #cdcdcd;	
}
/* Top Right Move Control */
td.zs_mc_top_right { 
	width:12px;
	height:12px;
	background:url(../images/arrow_top_right.gif) no-repeat top right #ededed;
}
td.zs_mc_top_right_on { 
	width:12px;
	height:12px;
	background:url(../images/arrow_top_right_on.gif) no-repeat top right #cc0000;
}
/* Left Move Control */
td.zs_mc_left { 
	width:12px;
	height:33%;	
	background:url(../images/arrow_left.gif) no-repeat center left #ededed;
	border-top:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd;	
	border-right:solid 1px #cdcdcd;	
}
td.zs_mc_left_on { 
	width:12px;
	height:33%;	
	background:url(../images/arrow_left_on.gif) no-repeat center left #cc0000;
	border-top:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd;	
	border-right:solid 1px #cdcdcd;	
}
/* Right Move Control */
td.zs_mc_right {
	width:12px;
	height:33%;	
	background:url(../images/arrow_right.gif) no-repeat center right #ededed;
	border-top:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd;	
	border-left:solid 1px #cdcdcd;	
}
td.zs_mc_right_on { 
	width:12px;
	height:33%;	
	background:url(../images/arrow_right_on.gif) no-repeat center right #cc0000;
	border-top:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd;	
	border-left:solid 1px #cdcdcd;	
}
/* Bottom Left Move Control */
td.zs_mc_bottom_left { 
	width:12px;
	height:12px;
	background:url(../images/arrow_bott_left.gif) no-repeat bottom left #ededed;
}
td.zs_mc_bottom_left_on { 
	width:12px;
	height:12px;
	background:url(../images/arrow_bott_left_on.gif) no-repeat bottom left #cc0000;
}
/* Bottom Move Control */
td.zs_mc_bottom { 
	height:12px;
	background:url(../images/arrow_down.gif) no-repeat center bottom #ededed;
	border-left:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;	
	border-top:solid 1px #cdcdcd;		
}
td.zs_mc_bottom_on { 
	height:12px;
	background:url(../images/arrow_down_on.gif) no-repeat center bottom #cc0000;
	border-left:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;	
}
/* Bottom Right Move Control */
td.zs_mc_bottom_right { 
	width:12px;
	height:12px;
	background:url(../images/arrow_bott_right.gif) no-repeat bottom right #ededed;
}
td.zs_mc_bottom_right_on { 
	width:12px;
	height:12px;
	background:url(../images/arrow_bott_right_on.gif) no-repeat bottom right #cc0000;
}

td#zs_mc_lt1 {
	border-bottom:solid 1px #cdcdcd;		
}
td#zs_mc_lt2 {
	border-right:solid 1px #cdcdcd;		
}
td#zs_mc_rt1 {
	border-bottom:solid 1px #cdcdcd;		
}
td#zs_mc_rt2 {
	border-left:solid 1px #cdcdcd;		
}
td#zs_mc_lb1 {
	border-top:solid 1px #cdcdcd;		
}
td#zs_mc_lb2 {
	border-right:solid 1px #cdcdcd;		
}
td#zs_mc_rb1 {
	border-top:solid 1px #cdcdcd;		
}
td#zs_mc_rb2 {
	border-left:solid 1px #cdcdcd;		
}

/* Preview overlay Control
--------------------------------------------------*/
div#navcontainer {
  position: absolute;
  z-index: 2;
  text-align: center;
  background: transparent;
 	border: 1px solid black;
 }
div#navwin {
  font-size: 90%;
  left: 0px;
  font-weight: bold;
  text-align: left;
  border: 1px outset red;
  border: none;
  top: 10px;
  z-index: 2;
  opacity: 0.9;
}
div#navwin img { border: 0px; }
div#navwin div#zone {
  margin: 0px;
  background: gray;
  border: 2px solid blue;
  cursor: move;
  z-index: 3;
}


/* Tiled Images (content)
--------------------------------------------------*/
div#target{
  width: 100%;
  height: 100%;
  left: 0px;
  top:  0px;
  z-index: 0;
  cursor: wait;
  position: relative;
  background: transparent;
}
div#target img{
  margin: 0px;
  padding: 0px;
  border: 0px;
  position: absolute;
}