/************************************************************************************************************
*	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:5px solid #ec8a39;	
	padding:10px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	/* background-color:#E75F27; */
	background-color:#fff;	/* 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: #fff url(../images/popUp_info_title.gif) no-repeat top left; !important; } */
.modalDialog_contentDiv { background: #fff !important; }

#messageBox { color: #1A1A1A !important; }

div#infoBox
{
	width: 500px;
}

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

h2.infoTitle span {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
}

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

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