/* CSS document for modal layers stand alone */

/* -------------------------------------------------------------- */
/* Project Name: modal layers - stand alone                       */
/*   Page Title: styles for layers                                */
/*   Web Author: Russ Thompson                                    */
/* -------------------------------------------------------------- */
/* File: ../css/modalStylesV1.css                                 */
/* Image Path: ../images/                                         */
/* E-Mail Address: russATfreelanceitsolutionsDOTcom               */
/* -------------------------------------------------------------- */
/* Version 0.5                                                    */
/* Version Begin Date 05/17/2008                                  */
/* -------------------------------------------------------------- */

/* ************************************************************** */
/* -Use with modal_functions.js                                   */
/* ************************************************************** */


/* ******* DIV STYLES ******* */

/* modal divs are for forms and things where main page needs to be 'obstructed' from view */
div.modalBackgroundDiv {
	background-color: #AAAAAA;
	
	filter: alpha(opacity = 60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 60);
	-moz-opacity: .60;
	opacity: .60;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	min-width: 100%;
	
	height: 100%;
	min-height: 100%;
	
	visibility: hidden;
	
	z-index: +500;
}

div.modalDisplayDiv {
	background-color: #FFFFFF;
	
	border: 3px solid #0000AA; /*#5C86B6;*/
	
	text-align: center;
	
	/*width: 5px;
	height: 5px;*/
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	visibility: hidden;
	
	overflow: auto;
	
	z-index: +501;
}