body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:50px;
}
.output-div-container {
	border:1px solid silver;
	background-color:#F8F8F8;
	padding:10px;
}
.input-div {
	text-align:center;
	background-color:#FEFFF0;
	border:1px solid #868A15;
	padding:5px;
}
.ajax-div {
	margin:50px;
	border:1px solid #3333CC;
	background-color: #6699FF;
	padding:3px;
	width : 500px;
}
#box
{
  width : 262px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 499px;
  top : 121px;
  border-top : none;
  text-align : left;
  display : none;
}
#box2
{
  width : 462px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 10px;
  top : 321px;
  border-top : none;
  text-align : left;
  display : none;
}
tr
{
 cursor : pointer;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}