/************************************************************************************************************
*	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=30);	/* Transparency */
	opacity:0.3;	/* Transparency */
	background-color:#000000;
	z-index:1;
	position:absolute; /* Always needed	*/
}

.modalDialog_contentDiv{
	/*border:0px solid #D5CABA;
	padding:22px;
	width: 562px;
	z-index:100;
	position:absolute;	
	background-color:#FFFFFF;*/
	
	border:1px solid #666666;
	padding:5px;
	z-index:100000000;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:white;	/* White background color for the message */
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #555b63;
	line-height: 17px;
	
}

.modalDialog_contentDiv2{
	border:1px solid #666666;
	padding:5px;
	z-index:100000000;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:white;	/* White background color for the message */
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #555b63;
	line-height: 17px;
}
	
.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 */
}

.titreMessageModal{
	font-size:18px;
	font-variant: small-caps;
	font-family:"Times New Roman", Times, serif;
	color:#555B63;
	padding-bottom:15px;
}

.contenuMessageModal{
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	color:#555B63;
	text-align:left;
	padding-bottom:10px;
}
.piedMessageModal{
	vertical-align:top;
	text-align:right;
	padding-right:0px;
	padding-bottom:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.piedMessageModal {
	padding-right: 0;
	padding-bottom: 5px;
	/*background: url("../Images/modalbox_fermer.png") no-repeat right top;*/
	cursor:pointer;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	height: 20px;
}

.modalDialog_contentDiv .piedMessageModal {
	background: url("../Images/modalbox_valider.png") no-repeat right top;
	padding-right: 25px;
	padding-top: 2px;
	margin-top: 10px;
}

.piedMessageModal .valider{
	background: url("../Images/modalbox_valider.png") no-repeat right top;
	cursor:pointer;
	margin-top: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	height: 20px;
	float: right;
	padding-right: 20px;
}

.piedMessageModal .annuler{
	background: url("../Images/modalbox_fermer.png") no-repeat right top;
	cursor:pointer;
	margin-top: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	height: 20px;
	float: right;
	padding-right: 20px;
	margin-right: 10px;
}

a div.piedMessageModal {
	color: #B69A71;
}

a div.piedMessageModal:hover {
	text-decoration: underline;
}

/* Boite modale du message en néerlandais*/
#modalboxLogo {
	background: url("../Images/modalbox_logo.png") no-repeat center top;
	width:518px;
	height:134px;
	text-indent: -10000px;
}

#modalboxContent {
	border-left: 1px dotted #D1BFA6;
	border-right: 1px dotted #D1BFA6;
	padding: 0 30px 0 30px;
	text-align: justify;
}

#modalboxContent h1 {
	background: url("../Images/modalbox_titre_fond.png") no-repeat left top;
	width:490px;
	height:68px;
	text-indent: -10000px;
	margin-left: -30px;
}

#modalboxContent h1.en {
	background: url("../Images/modalbox_titre_fond_en.png") no-repeat left top;
}

#modalboxContent p {
	font-family: Verdana;
	font-size: 12px;
	color: #555B63;
	line-height: 17px;
}