@charset "utf-8";
/* CSS Document */
div#zoomerSlot {
	height:435px;
	}
	.zoomer {
	position: relative;
	height: 435px;
	width: 648px;
	margin-bottom: 10px;
	background-color: #f8fafb;
	}
	.zoomer .image {
		position: relative;
		width: 620px;
		height: 100%;
		overflow: hidden;
		}
		.zoomer .image img {
			position: relative;
			}
		.zoomer .image .tag {
			position: absolute;
			border: 1px solid #257cb3;
			z-index: 1;
			width: 30px;
			height: 30px;
			padding-right: 2px;
			padding-bottom: 2px;
			}
			.zoomer .image .tag div {
				border: 1px solid #ffffff;
				width: 100%;
				height: 100%;
				background-image: url('../images/spacer.gif'); /* forces i.e., to render this inner div properly */
				}
			.zoomer .image .tag span {
				display: block;
				position: absolute;
				left: -1px;
				top: 34px;
				width: 200px;
				padding: 5px;
				font-size: 10px;
				color: #ffffff;
				background-color: #656565;
				white-space: pre;
				}
				.zoomer .image .tag span textarea {
					resize: none;
				}
			.zoomer .image .tag span.align-top {
				top: auto;
				bottom: 34px;
				}
			.zoomer .image .tag span.align-right {
				top: -1px;
				left: 34px;
				}
			.zoomer .image .tag span.align-left {
				top: -1px;
				left: auto;
				right: 34px;
				}
		.zoomer .image .selected {
			border: 1px dotted red;
			z-index: 9999;
			}
		.zoomer .image form.inline-editor {
			}
			.zoomer .image form.inline-editor textarea  {
				font-size: 10px;
				font-family: Arial,Helvetica,sans-serif;
				color: #ffffff;
				background-color: #656565;
				border: 1px solid #257cb3;
				padding: 0px;
				margin: 0px;
			}


	.zoomer .navigation {
		position: absolute;
		top: 0;
		right: 0;
		float: right;
		width: 10px;
		height: 100%;
		}
		.zoomer .navigation div.zoomIn, 
		.zoomer .navigation div.zoomOut, 
		.zoomer .navigation div.full,
		.zoomer .navigation .slider a {
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			width: 23px;
			height: 23px;
			overflow: hidden;
			cursor: pointer;
			text-indent: -10000px;
			background-image: url(../images/zoomer.gif);
			border: none;
			}
		.zoomer .navigation .full {
			top: 0px;
			}
		.zoomer .navigation div.zoomIn {
			top: 24px;
			background-position: -24px;
			}
		.zoomer .navigation div.zoomOut {
			top: auto;
			bottom: 0;
			background-position: -48px;
			}
		.zoomer .navigation .slider {
			position: absolute;
			top: 59px;
			right: 11px;
			float: right;
			height: 342px;
			border-right: 1px solid #cacfcf;
			}
			.zoomer .navigation .slider a {
				top: auto;
				display: block;
				right: -7px;
				width: 13px;
				height: 19px;
				margin-bottom: -9px;
				background-position: -72px -2px;
				outline: none;
				border: none;
				}

/* iip image view */
#minimise {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 23px;
	height: 23px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -10000px;
	background-image: url(../images/zoomer.gif);
	border: none;
	display: none;
	z-index: 3; /* needs to be higher than nav viewer overlay */
}

.iipmooviewer img.logo {
	opacity: 1 !important;
	background: none !important;
}

.iipmooviewer .info div h2 a {
	border: 0px;
}

.zoomer .image .viewer  {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* adjusts position when we go full screen */
.fullscreen .zoomer .image {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
}

.fullscreen #minimise {
	display: block;
}

/* adjustments for zoomer contol on object page */
.fullscreen .zoomer .navigation,
.fullscreen .ico,
.fullscreen .mainBorder .columnR,
.fullscreen .mainBorder .columnL,
.fullscreen #slider1Slot,
.fullscreen #slider2Slot {
	display: none;
}

.fullscreen .sectionContent .columnR,
.fullscreen .sectionContent .columnL {
	display:block;
}

/* adjustments for zoomer control on edit annotations page */
.edit-annotations .zoomer {
	position: relative;
	height: 100%;
	width: 100%;
	}
	.edit-annotations .zoomer .navigation {
		display: block;
	}
	.edit-annotations .zoomer .navigation .slider {
		height: 406px;
	}
	.edit-annotations .zoomer .image {
		margin: 0px;
		height: 100%;
		width: 96%;
		}
	.fullscreen .edit-annotations .zoomer .image {
		width: 100%;
		}
	.fullscreen .edit-annotations .zoomer .navigation {
		display: none;
	}