/************************************************************************************************************
*	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:
*
************************************************************************************************************/

.DHTMLSuite_modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	-moz-opacity:0.4;	/* Transparency */
	background-color:#000;
	z-index:1;
	position:absolute; /* Always needed	*/
	z-index:100000;

}
.DHTMLSuite_modalDialog_contentDiv{
	border:3px solid #fff;	
	padding:10px;
	z-index:100002;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#152429;	/* White background color for the message */
	color:#D1D6D9;

}

.DHTMLSuite_modalDialog_contentDiv input {

	margin-left: 8px;
	padding-left: 5px;
	padding-right: 5px;
	border: none;
	color: #000;
}

#modal_right {
	float:right;

}

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




/* CSS needed for the script */

#DHTMLSuite_ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#DHTMLSuite_ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#DHTMLSuite_ajax_tooltipObj .DHTMLSuite_ajax_tooltip_arrow{	/* Left div for the small arrow */
	
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#DHTMLSuite_ajax_tooltipObj .DHTMLSuite_ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:150px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}