div.myAlertBG{
    display:none;
    z-index:15000;
    left:0px;
	top:0px;
	background-image:url('/img/myAlert/PopupBG.png');
	
	/*Anders als IE*/
	position: fixed;
	width:100%;
	height:100%;
	margin:0px;
	
	/*Voor IE*/
	_position: absolute;
	_width:expression(eval(document.body.clientWidth));
	_height:expression(eval(document.body.clientHeight));
	
	_top: expression(eval(document.body.scrollTop));
	_left: expression(eval(document.body.scrollLeft));	
}

.myAlert{
    z-index:15010;
    position: fixed;
    display:none;
	top: 50%;
	left: 50%;
	
	overflow:hidden;
	padding:0px;
	margin:0px;
	
	/* voor IE */
	_position: absolute;	
    _top: expression(eval(document.body.scrollTop) + (eval(document.body.clientHeight/2)));    
}

.myAlertTopBar{
	background-image:url('/img/myAlert/topBar_BG.png');	
	height:28px;
	line-height:28px;
	border-top:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}

.myAlertBottomBar{
	background-image:url('/img/myAlert/bottomBar_BG.png');	
	height:38px;
	line-height:38px;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}


.myAlertContent{
	background-color:#FFFFFF;	
	border:1px solid #d1d1d1;
	padding:10px;
}

.AlertClose{
	padding:0px;
	margin:0px;
	margin-top:3px;
    cursor:pointer;
    float:right;
}

.TitelGrijs{
	font-size:12px;
	color:#474747;
	font-weight:bold;
}

.myAlertButtons{
	font-weight:bold;
	float:right;
	margin-left:5px;
	cursor:pointer;
	vertical-align:middle;
	padding-left:12px;
	padding-right:12px;	
	height:26px;
	line-height:26px;
}

.knopGrijs{
	background-image:url('/img/myAlert/myAlert_GrayButton.png');
	border:1px solid #999999;
	color:#333333;
}

.knopOranje{
	background-image:url('/img/myAlert/myAlert_OranjeButton.png');
	border:1px solid #ffffff;
	color:#ffffff;
}