#modalContainer 
{
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox 
{
	position:relative;
	width:407px;
	height:285px;
	margin-top:50px;
	background-image:url(images/customizedAlert_background.jpg);
}

#modalContainer > #alertBox 
{
	position:fixed;
}

#alertBox h1 
{
	margin:0;
	font:bold 0.9em verdana,arial;
	background-image: url(images/customizedAlert_Background.gif);
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox #messageDiv 
{
	text-align: right;
	direction: rtl;
}

#alertBox #xButton
{
	display:block;
	position:relative;
	width: 21px;
	height: 21px;
	background-image: url(images/customizedAlert_X.jpg);	
}

#alertBox #titleDiv
{
	display:block;
	position:relative;
	width: 100%;
	height: 29px;
	direction: rtl;
	text-align: right;
	vertical-align: middle;
	padding: 4px;
	padding-right: 7px;
}

#alertBox #contentDiv
{
	display:block;
	position:relative;
	width: 100%;
	height: 253px;
	direction: rtl;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

#alertBox #closeBtn 
{
	display:block;
	position:relative;
	width:54px;
	height:20px;
	background-image: url(images/customizedAlert_close.jpg);
}

#alertBox #btnContainerDiv
{
	width:100%;
	text-align:left;
	direction: ltr;
}