html {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, arial, sans-serif, helvetica;
	font-size: 12px;
	color: #000;
	background: #fff;
	margin: 0 0px 0 0px;
	padding: 0;
}

.headbar {
	position: absolute;
	top: 0px;
	left: 100px;;
	width: 750px;
	height: 70px;
	background-color: white;
}

.loading {
	position: absolute;
	text-align: center;
	top: 90px;
	width: 750px;
	height: 20px;
	color: orange;
}

.rightreference {
	position: absolute;
	right: 0px;
	top: 10px;
	height: 31px;
	float: right;
}

.blackbar {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 750px;
	height: 4px;
	background-color: #000000;
}

.endtable {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 750px;
	text-align: center;
	z-index: 4;
	/*070823 amalia*/
	font-family: verdana, arial, sans-serif, helvetica;
	font-size: 12px;
}

.endmidbar {
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 750px;;
	height: 6px;
	background-color: #666666;
	z-index: 4;
}

.endbar {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 750px;;
	height: 20px;
	background-color: #EAEAEA;
	z-index: 4;
}

.info {
	position: absolute;
	bottom: 0px;
	width: 750px;
	text-align: center;
}

.title {
	color: #333;
	font-style: normal;
	text-align: center;
	margin: 0 0 1.2em 0;
	padding: 0;
	font-size: 28px;
	position: absolute;
	left: 0px;
	top: 10px;
	width: 750px;;
	height: 20px;
	z-index: 4;
}

.bg {
	background-color: rgb(227, 255, 255); /*#d7f9fa;*/
	position: absolute;
	left: 0px;
	top: 75px;
	width: 750px;;
	height: 650px; /*550*/
	z-index: 3;
}

.bg_long{
  background-color:rgb(227,255,255);
  position:absolute; 
  left:0px; 
  top:75px; 
  width:750px;
  height:700px;
  z-index: 3;
}

.error {
	color: rgb(255, 0, 0);
	font-style: normal;
	font-size: 15px;
}

/* 071116*/ /*amalia, why not here ? */
.tip {
	font-size: x-small;
	cursor: pointer;
	color: black;
	text-decoration: underline;
}