body {margin:0px;padding:0px;}
div#Frame {
	
	margin:	auto;
	/**/overflow:hidden;
	margin-left: 10px;

	
}
.controlbar {
	cursor:pointer;
	width:75px;
	height:37px;
	z-index: 2; 
	border-width: 0.5px;
	background-color:transparent;	
	
}



.logobar {
	cursor:pointer;
	width:75px;
	height:37px;
	margin-left:380px;

	z-index: 2; 
	border-width: 0.5px;
	background-color:transparent;	
	
}
/*
.buttonback {
	background-image:url(../Images/navbar.png);
	width:inherit;
	height:37px;
	position: absolute;
}
*/
#buttonDiv {
	z-index: 2;
	position: absolute; 
	background-image:url("http://www.rdlnet.com/images/navbar.png");
	background-repeat:no-repeat;
	height:37px;
}
div#Photo {
	z-index: 1;
	background-image: url("http://www.rdlnet.com/images/iconLoading.gif");
	background-repeat: no-repeat;
	background-position: center center; 
}
#HTML5Viewer {
	visibility: hidden;
}
p#nonjs {
    text-align: center;
}
body[orient = "portrait"]  {
	min-height: 480px;
}

body[orient = "landscape"] {
	min-height: 320px;
}
@media only screen and (max-width: 1024px) {
	#centerImg {
		margin: auto;
	}
}
@media only screen and (max-device-width: 480px) {
	#centerImg {
		margin: auto;
	}
}
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
	#togglepan, #objZoomIn, #objZoomOut {
		margin-top:218px;
	}
}
@media only screen and (max-device-width: 480px) and (orientation: portrait) {
	#togglepan, #objZoomIn, #objZoomOut {
		margin-top:316px;
	}
}