*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
	color: #FFFFFF
}



div.viewer {
width:200px;
height:40px;
background: url('../images/viewerback.png');
position:relative;
align:center;
}


div.rotatecw {
  position: relative;
  background-image: url("../images/rotcw.gif");
  border: 0px solid rgb(255, 255, 255);
  z-index: 10;
  width:30px;
  height:25px;
  line-height:16px;
  display:block;
  cursor: pointer;
  align: center;
  text-align: justify;
  padding-bottom: 0px;
  vertical-align: middle; 
  font-family: "arial";
  font-size: 12px;
  color: #000000;
}

div.rotateccw {
  position: relative;
  background-image: url("../images/rotccw.gif");
  border: 0px solid rgb(255, 255, 255);
  z-index: 10;
  width:30px;
  height:25px;
  display:block;
  line-height:16px;
  cursor: pointer;
  align: center;
  text-align: justify;
  padding-bottom: 0px;
  vertical-align: middle; 
  font-family: "arial";
  font-size: 12px;
  color: #000000;
}


div.uploadbutton {
  align:center;
  position: relative;
  background-image: url("../images/mfbutton3.jpg");
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:200px;
  height:27px;
  line-height:27px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;

}



div.optionbuttonright {
  align:center;
  position: relative;
  background-image: url("../images/rightarrow.jpg");
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:90px;
  height:29px;
  line-height:27px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}

div.optionbuttonleft {
  align:center;
  position: relative;
  background-image: url("../images/leftarrow.jpg");
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:90px;
  height:29px;
  line-height:27px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}


div.menubutton {
  position: relative;
  background-image: url("../images/mfbutton7.jpg");
  background-color: #ffffff;
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:45px;
  height:23px;
  line-height:22px;
  cursor: pointer;
  text-align: center;
  padding-bottom: 0px;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 10px;
  color: #ffffff;
}


div.searchbutton {
  position: relative;
  background-image: url("../images/mfsearch.jpg");
  background-color: #ffffff;
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:145px;
  height:23px;
  line-height:20px;
  cursor: pointer;
  text-align: left;
  padding-bottom: 0px;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 10px;
  color: #ffffff;

}


div.liftbuttonyes {
  align:center;
  position: relative;
  background-image: url("../images/mfbutton4.jpg");
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:100px;
  height:23px;
  line-height:23px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}

div.liftbuttonno {
  align:center;
  position: relative;
  background-image: url("../images/mfbutton4b.jpg");
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:100px;
  height:23px;
  line-height:23px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 12px;
  color: #7f7f7f;
}


div.modifybutton {
  display:none;
  align:center;
  position: relative;
  background-image: url("../images/mfbutton5.jpg");
  border: 0px solid rgb(255, 255, 255);
  z-index: 99;
  width:100px;
  height:25px;
  line-height:25px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; 
  font-family: "arial";
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}



div.animatedhelpdiv {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-width:0px; 
	border-style:solid; 
	border-color:rgb(255,255,255); 
	width:500px; 
	height:60px;
	color:rgb(255,255,255);
	font-size:12px;
	font-family:arial;
	align:center;
	line-height:16px;
	background-image:url("../images/mfxbutton2.jpg");
  	vertical-align: middle; 

}

td.animatedhelptable {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-width:0px; 
	border-style:solid; 
	border-color:rgb(255,255,255); 
	color:rgb(255,255,255);
	font-size:12px;
	font-family:arial;
	line-height:16px;
  	vertical-align: middle; 

}


div.smallhelpdiv {
	text-align:justify; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-width:0px; 
	border-style:solid; 
	color:rgb(70,70,70);
	font-size:12px;
	font-family:arial;
	align:justify;
	line-height:15px;
  	vertical-align: middle; 
}





#picture1Div{
	position: absolute;
	border-style: solid;
	border-color: white;
	border-width: 0px;
	background-color: white;
	overflow: hidden;
}
	
#picture2Div{
	position: absolute;
	border-style: solid;
	border-color: white;
	border-width: 0px;
	background-color: white;
	overflow: hidden;
}

#picture1 {
	position: relative; 
	background-color: #000000;

}

#picture2 {
	position: relative;
	background-color: #000000; 

}