/*
 * dialog.css - CSS properties to accompany dialog.js.
 *
 * Copyright 2009, Norman Lippincott Jr, Saylorsburg PA USA
 * All Rights Reserved
 *
 * Function dialog provided in dialog.js creates and used 3 DIV's; #dialog,
 * #dialog_content, and #dialog_shade.
 *
 * #dialog_shade - This division sits over the document to act as a barrier
 *	between the dialog DIV the user sees, and the underlying page. It shades
 *	the underlying page to give it the appearance of being inactive (which it
 *	truly is) by its background color, which is black. It's z-index is 98,
 *	which is one lower than #dialog. Function dialog displays #dialog_shade
 *	to 50% opacity so that the underlying page may be seen through it.
 *
 * #dialog - This is the container for the dialog box, which sits over the
 *	shade produced by #dialog_shade. It's z-index is 99, which is one higher
 *	than #dialog_shade. This DIV contains one other DIV, #dialog_content, which
 *	will include the actual dialog box content.
 *
 * #dialog_content - Within #dialog, and contains the actual dialog box
 *	content. Content is placed in an inner DIV so as to accommodate styling.
 *
 * body - For #dialog_shade to appear properly, the document body must have
 *  no margin or padding. As such, those properties are set here.
 */

#dialog {
	position: absolute; z-index: 99;
	background-color: #ffc;
	padding: 2px; }

#dialog_content {
	border: 1px solid black;
	padding: 8px; }

#dialog_shade {
	position: absolute; z-index: 98;
	background-color: black; }

body { padding: 0; margin: 0; }