/*
File:		MESSAGE.CSS
Author:		Lighthouse Information Systems, Inc. / www.lhinfo.com
Creation:	05 JUN 2008
Updated:	$Id: message.css,v 1.5 2008/08/08 13:02:13 fschinzel Exp $
Notes:		Javascript interaction
*/

/* ---------------------------------------- */
/*
 * MESSAGES
 * example:
 *  <div id="syserror">
 *  	<h5>Error</h5>
 *  	<p>Please enter your email address and password.</p>
 *  	<button>Close Message</button>
 *  </div>
 */

div#sysoverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background-color: #000;	
	opacity: 0.5;
	filter: alpha(opacity=50);
	}

div#sysmessage,
div#sysloader,
div#syserror {
	position: absolute;
	left: 50%;
	top: 200px !important;
	z-index: 2000;
	width: 350px;
	margin: 0 0 0 -175px;
	padding: 0;
	
	background-color: #fff;
	text-align: center;
	border: 1px solid #aaa;
	}
	
div#sysloader {
	margin: 0 0 0 -275px;
	border: 0;
	background: transparent url(../images/ajax-loader.gif) no-repeat center;
	}
		
div#sysmessage	h5,
div#syserror	h5 {
	margin: 0 0 1em 0;
	padding: .5em 0;
	padding-left: 10px;
	
	font-weight: bold;
	font-size: 85%;
	text-align: left;
	color: #fefefe;
	
	border-bottom: 1px solid #ccc;
	background-color: #3D4A6C;
	background-repeat: no-repeat;
	background-position: right center;
	}
	
div#sysmessage	p,
div#syserror	p {
	margin: 0 0 1em 0;
	padding: 0 10px;
	text-align: left;
	line-height: 1.4em;
	}
	
div#sysmessage	button,
div#syserror	button {
	margin: 0 0 1em 0;
	}
	
/* -------------------- */
div#content-interior {
	width:650px;
	}
div#content-interior3 {
	height: auto;
	z-index: 1;
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-color: #F7F7F7;
	width:650px;
	}