body {
    border: 5px solid #000000; /* Change color and width as needed */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
}

    /* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #ffa500;
}

/* Style page content */
.main {
  margin-left: 160px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
body {
    border: 5px solid #000000; /* Change color and width as needed */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
}

#imageArea {
	
	height:660px;
	width:660px;
	overflow:hidden;
	border: 1px solid #444444;
	overflow-y:auto; overflow-x:auto;
}

img {
	position: relative;
}

#pagingButtonArea {
	margin: 8px 0px 8px 0px;
}

#viewerButtonArea {
	margin-bottom: 5px;
}

.imagePageButton {
	font-size: 14px;
    font-family: Arial;
    padding: 3px 5px 3px 5px;
    background: #EEE;
	border: 1px solid #CCC;
	cursor: pointer;
}

.rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotate180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.rotate270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.text-section {
    border: 2px solid black; /* Border color and width */
    background-color: rgba(128, 128, 128, 0.5); /* Grey background with 50% transparency */
    padding: 20px; /* Space inside the border */
}