/* design elements for the close button from top right*/
#close { background: url('../img/closex.gif') no-repeat 0px 0px; width: 24px; height: 24px; cursor:pointer;}
#close:hover { background: url('../img/closex.gif') no-repeat 0px -24px; width: 24px; height: 24px;cursor:pointer;}
/* design elements for the grey area behind the overlay*/
#outer-border 
{
	background: #222222;
	position: absolute; 
	top: 0;	
	left: 0;
	width: 100%;
	height: 500px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	z-index:1;
}
/*design elements for the data container - the div that has the table as his child*/
#outer-data
{
	position:absolute;
	z-index:2;
	top:0;
	background: #353228;
	padding: 0;
	height: 100px;
	width: 100px;
	font-family: tahoma,verdana,arial,sans;
}
/*design elements for the loading div*/
#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 200px;
	width: 100%;
	text-align: center;
	line-height: 0;
	filter:alpha(opacity=100);
	opacity: 1;
	z-index:10;
}
/*design elements for the data row - the middle row of the table*/
#data-box
{
	text-align: center;
	vertical-align: middle;
	font-family: tahoma,verdana,arial,sans;
	font-size: 12px;
	padding:2px;
}
/*design elements for the top area of the table*/
#top
{
	font-family: tahoma,verdana,arial,sans;
	font-size: 12px;
	color: navy;
	height: 24px;
	padding: 2px;
}
/*design elements for the bottom area of the table*/
#bottom
{
	font-family: tahoma,verdana,arial,sans;
	font-size: 12px;
	color: navy;
	height: 10px;
	padding: 2px;
	vertical-align: bottom;
}
div #title
{
	font-family: tahoma,verdana,arial,sans;
	font-size: 22px;
	color: #E90805;
	text-align:center;
}
div #text
{
	font-family: tahoma,verdana,arial,sans;
	font-size: 12px;
	padding: 8px;
	color: #FFFFFF;
	text-align:left;
	overflow: auto;
	height: 70px;
	width:610px;
}