html {
	overflow-x: hidden;
	overflow-y: hidden;
}
html, body {
	height: 100%;
}
body {
	border-right: 1px solid;
	margin-right: 30px;
}
h1 {
	right: 31px;
}
h1 * {
	margin-left: 31px;
}
#mainNav {	
	right: 31px;
}
#imgTime {
	font-size: xx-small;
	left: 5px;
	position: absolute;
	top: 20px;
}


/* --- imageLayer --- */ 
#imageLayer {
	border: 1px solid;
	left: 50%;
	position: absolute;
}
#imageLayer img, #imageLayer a img {
	height: 100%;
	width: 100%;
}
#imageLayer a img {
	border-style: none;
	right: 0;
	position: absolute;
	bottom: 0;
}
#imageLayer img { /* IE whitespace bug */
	clear: left;
	display: block;
	float: left;
}
#msgKeyboard {
	font-size: xx-small;
	left: -25%;
	top: -1.9em;
	position: absolute;
	text-align: center;
	width: 150%;
}


/* --- arrowNav --- */
#arrowNav {
	border-style: none;
	font-size: 9px;
	height: 77px;
	position: absolute;
	text-align: center;
	right: 11px;
	top: 160px;
	width: 39px;
	z-index: 9;
}
#arrowNav div {
	height: 45px;
	left: 0;
	line-height: 45px;
	position: absolute;
	top: 16px;
	width: 100%;
	z-index: 0;
}
a#btnItemIdPrev, a#btnItemIdNext {
	background: transparent url(../global/arrows.gif) no-repeat;
	display: block;
	height: 23px;
	left: 8px;
	position: absolute;
	width: 23px;
}
a#btnItemIdPrev {
	top: 0;
}
a#btnItemIdNext {
	bottom: 0;
}
#btnItemIdNext:focus, #btnItemIdPrev:focus {
	-moz-outline-style: none;
	outline: none;
}


/* --- edit/delete --- */
#itemEdit, #itemDelete {
	margin-right: 10px;
	position: absolute;
	right: 100%;
	text-align: center;
	top: 120px;
	width: 90px;
}
#imageLayer #itemDelete {
	top: 90px;
}


/* --- zoomIn + zoomOut --- */
#imageLayer #zoomIn, #imageLayer #zoomOut {
	bottom: -4px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: -32px;
	width: 32px;
}



/* --- infoLayer --- */
#infoLayer {
	filter: progid:DXImageTransform.Microsoft.Alpha( opacity = 0 );
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding: 30px;
	position: absolute;
	text-align: left;
	top: 0;
}
#infoLayer h5 {
	font-size: 12px;
	margin: 0 0 .5em;
}
#infoLayer p {
	line-height: 1.4em;
	margin: 0 0 1em;
}
#btnInfo {
	cursor: default;
}


/* --- caption --- */
#caption {
	font-size: 12px;
	font-weight: normal;
	height: 32px;
	left: 0;
	line-height: 16px;
	margin-top: 3px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 100%;
	width: 100%;
	z-index: 10;
}


/* --- overlay (image statistics) --- */
#overlay {
	bottom: 0;
	border: 1px solid;
	border-width: 1px 1px 0 0;
	filter: progid:DXImageTransform.Microsoft.Alpha( opacity = 70 );
    font-size: 10px;
	left: 0;
	opacity: .7;
	padding: .3em .5em;
	position: absolute;
	text-align: left;
	z-index: 20;
}
#overlay p {
	margin: 0;
	padding: 0;
}