/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=50);	/* Transparency */
	opacity:0.5;	/* Transparency */
	background-color:#000000;
	z-index:1;
	position:absolute; /* Always needed	*/
}

.modalDialog_contentDiv{
	border:1px solid #000;	
	padding:20px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	/* background-color:#E75F27; */
	background-color:#EF6B27;	/* White background color for the message */
}

.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

/* Under Construction Message */

h2#modalTitle
{
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	
	border: none;
	background: none;
}

#messageBox 
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#messageBox a /* Left COntent Link */
{
	color: #FFFFFF;
	text-decoration: none;
}

#messageBox a:hover /*Left Content Link Hover */
{	
	color: #EF6B27;
	background-color: #FFFFFF;
}

ul#modalListBold
{
	font-weight: bold;
}

/*----- Info Message -----*/

/* Overides for Info Box */
.modalDialog_contentDiv { background: #B9DA89 url(../images/popUp_info_title.gif) no-repeat top left; !important; }
#messageBox { color: #1A1A1A !important; }

div#infoBox
{
	width: 650px;
	height: 250px;
	overflow: scroll;
}

h2.infoTitle
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
	width: auto;
	height: auto;
	
	color: #FF6633;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	text-transform: capitalize;
	border: none;
	background: none;
}

ul.infoList
{
	list-style-type: lower-alpha;
}

#messageBox a
{
	color: #000000 !important;
	font-weight: bold;
}