/* ============================================================================== */
/* MODAL POPUP */
/* ============================================================================== */
/* Updated: 06.07.2009 */

#modal_container {
	overflow:hidden;
	overflow-y: auto;
	text-align:left;
	background: #F2F2F2 url(../img/header_dark_bg.gif) 0 0px repeat-x;
	border: 5px solid #FFFFFF;
	padding: 40px 5px 5px 5px;
}
#modal_overlay {
	background-color:#000;
}
#modal_header {
	position: absolute;
	top: 6px;
	color: #D9D9D9;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
	
}

img#modal_close {
	position: absolute;
	top: 7px;
	right: 8px;
	cursor: pointer;
}
img#modal_help { 				/* wow, here's a hack - i can't use the actual image in the markup itself, cos it's gif a masked to a white background and used elsewhere */
	position: absolute;			/* so we make the size of the image 0px, and give it enough padding to let a background image show through */
	display: block;
	top: 7px;
	right: 31px;
	padding: 16px 0 0 20px;
	border-right: 1px solid #595959;
	height: 0px;
	width: 0px;
	cursor: pointer;
	background: transparent url(../img/icon_help_dark.gif) 0 0 no-repeat; 
}