body {
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.slide-out-div {
    width: 732px;
    height: 602px;
}

.slide-legend-div {
    width: 147px;
    height: 84px;
}

.head-area-div{
	width:100%; 
	height:58px;
	background-color: #005b9a;
}
.head-left-div {
	position: absolute;
	padding-top: 12px;
	top: 10px;
	left: 10px;
	font-size: 14px;
	background-color: #01375d;
	width: 80px;
	height: 28px;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
}
.head-left-div2 {
	position: absolute;
	padding-top: 12px;
	padding-left: 10px;
	top: 10px;
	left: 10px;
	font-size: 14px;
	background-color: #01375d;
	width: 160px;
	height: 28px;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
}
.backBtn-div {
	position: absolute;
	width: 27px;
	height: 27px;
	top: 16px;
	left: 15px;
	z-index: 1000;
}

.head-right-div {
	position: absolute;
	padding-top: 10px;
	top: 10px;
	left: 660px;
	font-size: 14px;
	background-color: #01375d;
	width: 190px;
	height: 28px;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
}

.head-right-div2 {
	position: absolute;
	padding-top: 10px;
	top: 10px;
	left: 700px;
	font-size: 14px;
	background-color: #01375d;
	width: 190px;
	height: 28px;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
}
.bg-default{
	position: absolute;
	background-color:#e0e0e0;
	width:100%;
}

.head-right-div3{
	position: absolute;
	padding-top: 7px;
	padding-bottom: 7px;
	top: 10px;
	left: 700px;
	font-size: 12px;
	background-color: #01375d;
	width: 190px;
	height: 28px;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
}

.depth3-div{
	position: absolute; 
	top:60px; 
	left:0px; 
	padding:10px; 
	z-index:1000;
}

.compass-div{
	position: absolute; 
	top:80px;
	left:25px;
	z-index:1000;
}
.printBtn-div{
	top:14px;
	width: 27px;
	height: 27px;
	position: absolute; 
	left:900px;
}

.head-image{
	position: absolute;
	top: 16px;
	left:340px;
}

.close-btn{
	position: absolute; 
	top:15px;
	left:860px;
}
 
 @media print {
  .printBtn-div { display:none; }
  .head-right-div { left:752px; }
  .head-right-div2 { left:752px; }
  .head-right-div3 { left:752px; }
  .slide-out-div { display:none; }
  .handle-legend { display:none; }
}

 a:link { color: red; text-decoration: none; border:0px;}
 a:visited { color: white; text-decoration: none; border:0px;}
 a:hover { color: #f2efec; text-decoration: none; border:0px;}
 
 img:link { border:0px; text-decoration: none; border:0px;}
 img:visited { border:0px; text-decoration: none; border:0px;}
 img:hover { border:0px; text-decoration:none; border:0px;}