/* --------------------------- OVERLAY ----------------------------------- */
	div#overlay, div#overlaycontentf {
		z-index: 100;
		
		position: fixed;
		top: 0px;
		left: 0px;
		bottom: 0px; 
		right: 0px;
		height: 100%;
		width: 100%;
		
		background: transparent url(../../../images/bramus/messageOverlay/50.png) repeat top left;
		
		/* css hack for IE6 */
		_width: expression((parseInt(document.documentElement.clientWidth))+'px');
		_height: expression((parseInt(document.documentElement.clientHeight))+'px');
		
		/* "position:fixed" fix for IE6 */
		_position: absolute;
		_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? 
				documentElement.scrollTop : document.body.scrollTop );
				
		text-align: center;			/* IE FIX */
		vertical-align: middle;
		
		display: none;
		
		z-index: 100;
		
		/* png suppport for IE6 - invoke this after the width!
		_background: url(../../images/blank.gif);
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/50.png',sizingMethod='scale'); */
		
		/* faking the background */
		_background: transparent url(../../../images/bramus/messageOverlay/msgOverlayFake.gif) repeat top left;
	}
	
	div#overlaycontentf {
		z-index: 101;	
		background: none;		
		text-align: center;
	}
	
/* ------------------------ OVERLAYCONTENT -------------------------------- */
	div#overlaycontent {
		z-index: 101;
		
		position: fixed;
		top: 50px;
		left: 50%;
		margin-left: -300px;	
		
		/* "position:fixed" fix for IE6 */
		_position: absolute;
		_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? 
				documentElement.scrollTop + 50 : document.body.scrollTop + 50 );

		width: 600px;
		padding: 25px;
		text-align: left;
		background: #FFF;
		border: 1px solid #666;
	
		filter:alpha(opacity=100);  		/* IE */
		-moz-opacity:1;						/* FX */
		opacity: 1;							/* ZE OTHERZ */
		
		display: none;
	}