div.modaldialog-overlay {
	position:absolute;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: white;
	opacity:0.25;
	filter: alpha(opacity=25);
	z-index:300;
}

/*** Required to fix focus problems in form elements of dialogs  ***/
div.supressOverflow {
	overflow-y: visible !important;
	overflow-x: visible !important;
}

div.modalDialogWrapper {
	position: absolute;
	width:500px;
	padding:0px 5px 5px 0px;
	background:url(images/drop-shadow-full.png) bottom right no-repeat;
	z-index:301;	
}

div.modalDialogWrapper table.dialog-panels  {
	width:500px;
	border:1px solid #999;
	background:#F9FBFB url(images/dialog-gradient-sm.png) repeat-x bottom;
}

div.modalDialogWrapper table.dialog-panels  td.dialog-icon { 
	width:116px;
	background:url(images/flag-100x100.png) no-repeat 38px 24px;
}

div.modalDialogWrapper table.dialog-panels.alert td.dialog-icon { background-image :url(images/alert-48x48.png); }
div.modalDialogWrapper table.dialog-panels.confirm td.dialog-icon { background-image :url(images/flag-100x100.png); }

div.modalDialogWrapper table.dialog-panels td.dialog-content { 
	vertical-align:top;
	line-height: 18px;
}

div.modalDialogWrapper table.dialog-panels td.dialog-content h3 { 
	font:18px Arial,Helvetica,sans-serif;
	color:#555;
	margin:12px 0px 10px;
}

div.modalDialogWrapper table.dialog-panels td.dialog-content p { 
	padding-right:32px;
}

div.modalDialogWrapper table.dialog-panels td.dialog-content ul { 
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto; 
}

div.modalDialogWrapper a.close-dialog-icon { 
	display:block;
	float:right;
	height:17px;
	width:17px;
	margin: 2px 3px;
	background:url(images/dialog-close-icon.png) no-repeat;
	cursor: pointer;
}
			
div.modalDialogWrapper a.close-dialog-icon:hover
{ 
	background-position: 0px -18px;
}

div.modalDialogWrapper table.dialog-panels td.dialog-content input.input-text { 
	width:320px;
	margin:4px 0px auto;
	padding:3px 4px;
	border:1px solid #aaa;
}

div.modalDialogWrapper table.dialog-panels td.dialog-content input.short-field { 
	width: 221px;
}

div.modalDialogWrapper table.dialog-panels td.dialog-buttons { 
	padding:1px 116px 12px 0px;
	text-align:center;
}

div.modalDialogWrapper table.dialog-panels td.dialog-buttons button { 
	padding:3px 10px; 
}

div.modalDialogWrapper table.dialog-panels td.dialog-buttons-right { 
	float:none !important;
	text-align: right !important; 
	padding-right: 10px;
}