/* Centered content */
#content
{
	position: absolute;
	
	top: 12px;
	left: 50%;
	right: auto;
	
	width: 770px;
	margin-left: -385px;
	
	padding: 12px;
	
	border: 2px solid #DD0000;
	border-top: 32px solid #DD0000;
}

#copyright
{
	text-align: right;
	
	font-size: 9pt;
	color: #666666;
}

#overlay
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 100%;
	height: 300%;
	
	background-color: #2f3030;
	
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .7;
	filter: alpha(opacity=70);
	
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	z-index: 1000;
}

#dialogue #close, #uhctips #close_uhc, #tmltips #close_tml, #legal #close
{
	position: absolute;
	right: 5px;
	/*top: 5px;*/
	bottom: 5px;
}

#dialogue #close a, #uhctips #close_uhc a, #tmltips #close_tml a, #legal #close a
{
	color: #DD0000;
	text-decoration: none;
}

#dialogue, #uhctips, #tmltips, #legal
{
	position: absolute;
	
	left: 39%;
	margin-left: -175px;
	top: 100px;
	
	width: 600px;
	padding: 20px;
	
	border: 2px solid #0000DD;
	background-color: #FFFFFF;
	
	color: #345A92;
	
	z-index: 2000;
}