/* -------------------------------------*/
/* -- > Various attention overlays < -- */
/* -------------------------------------*/

#overlayBackground { background: #000; position:absolute; z-index:950; width:100%; height:100%; opacity: .6; filter: alpha(opacity=60); cursor:default; }
body > #overlayBackground { position:fixed; }
	.over-back-hidden { display:none; }

#attentionOverlay { position:absolute; z-index: 999; font-size:11px; overflow:hidden; left:50%; top:44%; overflow: hidden; }
body > #attentionOverlay { position:fixed; }
	.over-hidden  { display:none;  }
	.over-show    { display:block; }
	.over-x-small { width: 220px; height:150px; margin:-50px 0 0 -100px;  }
	.over-small   { width: 390px; height:210px; margin:-90px 0 0 -170px;  }
	.over-medium  { width: 460px; height:270px; margin:-120px 0 0 -230px; }
	.over-large   { width: 560px; height:370px; margin:-160px 0 0 -290px; }
	.over-x-large { width: 660px; height:450px; margin:-210px 0 0 -320px; }
	.over-updates-sent { width: 580px; height:600px; margin: -160px 0 0 -300px; }
	.over-setup-wizard { width: 840px; height:650px; margin: -200px 0 0 -200px; }
	
		.over-x-small .innerContainer { height:63px;  }
		.over-small .innerContainer   { height:123px; }
		.over-medium .innerContainer  { height:183px; }
		.over-large .innerContainer   { height:283px; }
		.over-x-large .innerContainer { height:343px; }
		.over-setup-wizard .innerContainer { height: 590px; }
	
	.overlayTabsCont {  }
		.overlayTabsCont .tabs { position:absolute; top:1px; height:24px; }
			.overlayTabsCont .tabs .tabText       { background: url(images/ModalPopup/foreground-centre-tile.gif) repeat-x left top; height:24px; margin:0 5px; clear:both; overflow:hidden; }
				.overlayTabsCont .tabs .tabText a { color: #000; display:block; padding:5px 1em; font-size:13px; float:left; font-weight:bold; text-decoration:none;}
			.overlayTabsCont .tabs .tabLeftArt    { background:url(images/ModalPopup/overlay-tab-lhs.gif) no-repeat left top;float:left; height:24px; width:6px; position:relative; top:-24px; }
			.overlayTabsCont .tabs .tabRightArt   { background:url(images/ModalPopup/overlay-tab-rhs.gif) no-repeat left top;float:right; height:24px;width:6px; position:relative; top:-24px; }
	
	#overLayTabTitleCloser { clear:right; float:right; position:relative; top:1px; left:10px; cursor:pointer; }
			
	#attentionOverlay .outerContainer  { clear:both; margin-top:23px; border:2px solid #999; padding:3px;background: #FFFFFF url(images/ModalPopup/body-area-bg.jpg) repeat-x left top; }
	#attentionOverlay .innerContainer  { padding:5px 20px 10px 20px; text-align:left; overflow:auto;   }
	#attentionOverlay .outerContainer  .closeButton { padding:5px 0 0 20px; }