/* CSS Document */

html {
	overflow-y: scroll;
}
body
{
	height:100%;
	padding: 0;
	margin: 5px 0 5px 0 ;
}
.clear
{
	clear: both;
}
.hide
{
	display: none;
}
.inside
{
	padding: 1em 1em;
}
:root .mozclear
{
	border-bottom: 1px solid transparent;
	margin-bottom: -1px;
}
/*
Boxes
*/
#header, #pageWrapper, #footer
{
	margin: 0 auto;		/* set side margins here 'cause IE doesn't like it set
				   on the body element */
	min-width: 48.44em;	/* IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
	width: 775px;
}
#header, #footer{
	width: 777px;
}
* html #header, * html #footer{
	width: 775px;
}
#masthead
{
	border: solid 1px #fff;
	border-width: 1px 0;
}
#outerColumnContainer
{
	border-left: solid 180px #fff;
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0px;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
	min-height:800px;
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html #innerColumnContainer {
height:800px;
}
/**/
#leftColumn, #middleColumn, #rightColumn, #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0;
	width: 100%;
	z-index: 3;
	display:none;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 0 0 -180px;
	width: 175px;
	z-index: 4;
}
#loadingStat{
	float: left;
	width:400px;
	z-index: 3;
	display:block;
	margin:0 auto;
	background-color:#FFFFFF;
	height:200px; 
	padding:8em 0; 
	text-align:center; 
	font:18pt Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#mnubox{
	padding:0 0;
	margin:0 auto;
	height:17px;
}
#htext1, .htext10{
	float:right;
	min-width:17em;
	width: 18em;
	text-align:center;
	padding:0;
	margin:0 auto;
}
*html #htext1{
	width:18em;
}

.refnumberinput {
	display: none;
}

#preImages{
	display:none;
}