/*
These styles are to be used by help popups
*/

.helpWindowClass {
	position: fixed;
	font: 12px Arial;
	top: 5%;
	left: 30%;	
	z-index: 1000;	 
	width: 640px; 
	right: 30%;
	background: url(../../Images/shadow.png) repeat !important;
	background: url(../../Images/shadowlight.gif) repeat;
}
.helpMenuBar 	
{
	background: #ddd;
	text-align: right;
	margin: -2px;
	padding: 2px 
} 
.helpMenuBar a 
{
	border: 2px solid #777; 
	color: #777; 
	text-decoration: none; 
	font-size: 10px; 
	padding: 0 2px; 
}
.helpWindowContent	
{  
	height: auto;
	overflow: auto;
	font-family: Arial;
	border: 1px ridge #ccc;
	z-index: 150;	
	background: #fff;
	background-color: White;	
	position: relative;
	padding: 10px;
	border: solid 1px #333333; 
	top: -2px; /* these two define the shadow 'offset'*/
	left: -2px; /*...*/
}
.helpWindowContent h1 
{
	border: solid 0;
	border-top: solid 1px #e0e0e0;
	font-size: 18px;
	margin-top: 12px;	
}

.helpWindowContent p 
{
	font-size: 12px;
}