img {behavior:url('js/pngbehavior.htc');}

#camContainer
{
 	width: 0px;
	height: 0px;
	border: 1px solid gray;

	position: relative;
	margin: auto auto;
	overflow: hidden;
	display: none;
}

#camPoint
{
	position: absolute;
	width: 32px;
	height: 32px;

	margin-left: -10px;		/* Correction to the really point of the point-image */
	margin-top: -30px;
}

#camLoader
{
	position: absolute;
	width: 31px;
	height: 31px;
}

#camPerimeter
{
	position: absolute;
	background-color: white;
	border: 1px solid gray;
	display: none;

	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}


/* SCROLL STYLES */
#camScrollContainer
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.camScrollArea
{
	/*border: 1px solid blue;*/
	padding: 0px;
	margin: 0px;
	width: 5.5%;
	height: 5.5%;
	text-align: center;
	vertical-align: middle;
}

.camMapArea
{
	width: 89%;
	height: 89%;
}

.camScrollImg
{
	width: 24px;
	height: 24px;
	cursor: pointer;
}


/* ZOOM STYLES */
#camZoomContainer
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;	margin-left: 5%;	margin-top: 5%;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 2px ridge lightgrey;
	background-color: lightgrey;

	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

.camZoomItem
{
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.camZoomItemDisabled
{
	cursor: default !important;
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

.camZoomImg
{
	width: 24px;
	height: 24px;
}

#camZoomData
{
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
}