/* these conditional styles have been moved here so that different versions can be included for lame IE 6
	(see comments below) */

body {
	background: #475987 url(../../graphics/main/layout3/back.gif) repeat-y center ;	
	margin: 0;
    padding: 0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; 
	font-size: 12px; line-height:17px;		
	color: #333333;	
	/* overflow:hidden;		IE6 needs this for modal dialog and faded background to work and not scroll and cover whole page */
}

#pageWrapper {
    position: relative;
	left:3px;			/* shifted slightly to align exactly with background */
	z-index:1;
    margin: 0 auto; 
	padding: 0;
  	text-align:left;
    width: 1094px;		/* was 1092 - shifted slightly to align exactly with background */
    min-height: 100%;
    height: auto;	
	background-color: #FFFFFF; 	
	/* overflow:auto; 		IE6 needs this for modal dialog and faded background to work and not scroll and cover whole page*/
}
/* Hack for IE */
* html #pageWrapper {
    height: 100%;
}
/* End IE Hack */ 



#modalOuterHolder {
	display:block;
    position: absolute;
	left:0; top:0;	
    width: 100%;
    min-height: 100%;
    height: auto;	
	z-index:49;
}
/* Hack for IE */
* html #modalOuterHolder {
    height: 100%;
}
/* End IE Hack */   

/* this can be made visible to fade entire page out. whatever will be layered on top should
 	have z-index greater than 50 */
#pageFader {
    position: fixed;		/* note, for IE7, fixed makes it really cover the whole page, even the scrolling bits. not for IE 6 though! */
	left:0; top:0;
	z-index:50;
    margin:0;
	padding: 0;
    width: 100%;
    min-height: 100%;
    height: auto;	
	background-color: #000000; 	
	opacity: 0; 					/* for FF, Safari, etc - not IE - was 0.9*/
	filter: alpha(opacity = 0);	    /* for IE only, ignored by others - was 90*/
	/* visibility: hidden; 
	display:inline; */
	display:none; 
}
/* Hack for IE */
* html #pageFader {
    height: 100%;
}
/* End IE Hack */   

 
  .modalShell {
 	/* note: fixed keeps dialog centered no matter what user does with resizing or scrolling browser. however doesn't work in IE6.
	   so using absolute there. */
 	position: fixed;	
	z-index:60;
	left:50%; top:50%;
	width:450px; height:450px;
	/* visibility: hidden; */
	display:none;
 }
 
   .flashShell {
 	/* redo of above for Flash player instead of normal modal dialog - class is swapped out by JS before Flash movie shows
 	 * note: fixed keeps dialog centered no matter what user does with resizing or scrolling browser. however doesn't work in IE6.
	   so using absolute there. */
 	position: fixed;	
	z-index:60;
	left:50%; top:50%;
	width:320px; height:274px;
	/* visibility: hidden; */
	display:none;
 }
 
 
/* the styles below, for now, are not redone for IE6 - these are the ones that are currently used everywhere.
 * for now!
 */ 

 .modalInner {
 	position: relative;
	z-index:65;
	left:-225px; top:-225px;
	width:450px; height:450px;
 	background-color: #FFFFFF;
 	border:4px solid #F7A11A; 	
	padding: 6px 9px 6px 9px;
	text-align:left;
 }
 
  .flashInner {
  	/* redo of above for Flash player instead of normal modal dialog. */
 	position: relative;
	z-index:65;
	left:-160px; top:-137px;
	width:320px; height:256px;
	/* background-color: #333333; */	
	padding: 14px 0px 0px 0px;
	text-align:center; 
 }
 
 #flashPlayerClose {
  	position: relative;
	z-index:70;
	left:10px; top:-298px;
	width:320px; height:18px; 
	background-color: #333333;	
	color: #FFFFFF;
	font-size:10px; font-weight:normal; font-stretch:expanded;
	/* left:306px; top:-274px;
	width:14px; height:14px; */
	/* background-color: #000000; */ 	
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #000000;
	text-align:center; 
	cursor:pointer;	
	/* opacity: 0; 					
	filter: alpha(opacity = 0);	*/
	display:none;
 }
 
 #visFormShell {
	/* position:fixed; - note this fixes the goddamned FF cursor bug, but completely destroys dialog layout for all other browsers!
	 * it's like FF is now like IE and we need FF hacks, except at least IE can be hacked! !@#@(*&@#$@#(*&^$
	 */	
    /* position:fixed; - these take care of it for FF and IE, but kill the layout in Safari and other browsers
    position:expression("absolute"); */	 
	width:450px;
	overflow:hidden;
 }