.imageview {
	position: fixed;
	display:none;
	width: 100%;
	height:100%;
	top:0px;
	left:0px;
	
	font-family: Verdana, sans-seriff;
	font-size: 12px;
}

.imageview a { text-decoration: none; }

.imageview-backdrop {
	position:absolute;
	display:block;
	background:black;
	width:100%;
	height:100%;
}

.imageview-display {
	position:absolute;
	display:block;
	background:white;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow: hidden;
}

.imageview-close-btn {
	display:block;
	position:absolute;
	width: 94px;
	height: 33px;
	top: 0px;
	right: 30px;
	background: url(images/btns.png) 0 -32px no-repeat;
}

/*.icon {
	width:36px;
	height:36px;
}
.imageview-close-btn .icon {
	position:absolute;
	top:0px;
	right:0px;
	background: url(images/btns.png) 0 -36px no-repeat;
}*/

.imageview-close-btn:hover { background-position: 0 0px; }

.arrow { opacity:.8; filter:alpha(opacity=80); }
.arrow:hover { opacity:1; filter:alpha(opacity=100); }

.imageview .arrow {
	background-image:url(images/arrows.png);
	height:30px;
	width: 30px;
	position:absolute;
	cursor:pointer;
}

.up-arrow { top: 5px; left:50%; background-position: 0px 0px;}
.right-arrow { top: 50%; right:5px; background-position: 0px 90px; }
.down-arrow { bottom: 5px; left:50%; background-position: 0px 60px;}
.left-arrow { top: 50%; left:5px; background-position: 0px 30px; }

.imageview-image {
	position: absolute;
	top:0px;
	left:0px;
	//border:4px solid black;
	cursor: move;
}

.imageview-display-overlay {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

#info-box {
	position:absolute;
	width: 200px;
	height: auto;
	top:5%;
	left:5%;
	border:1px solid #aaaaff;
	background: #fbfbfb;
	opacity: .95;
	filter:alpha(opacity=95);
	cursor: pointer;
}

#debug {
	position:absolute;
	width: 200px;
	height: auto;
	top:0;
	left:0;
	border:1px solid #aaaaff;
	background: #fbfbfb;
	opacity: .95;
	filter:alpha(opacity=95);
}