/* 
<link rel="stylesheet" type="text/css" href="/x/popUp.css">
*/
#popUp  {position:absolute; overflow:visible; background:#993333; z-index:10;
         padding:5px 10px 10px 10px; color:#EE8888; display:none;
}
#popUpMsg    { background:white; color:black; padding:10px}
#popUpX      { 
	position:relative;  top:0; left:10px;  
	font-weight:bold; margin:0px; 
	padding:5px 20px;background:#933;color:white;font-size:30pt;
}
.noDisplay {display:none}
.dataNote {font-family:monospace;background:pink;}

/* for pop up help panel  */
#helpPanel  {position:absolute; overflow:visible; background:#eecc99; z-index:50;
         padding:5px 10px 10px 10px; color:red; display:none;  width:50%; border:solid black 4px;
}
#helpMsg    { background:white; color:black; padding:10px;}
#helpX      { 
	border: groove black 2px; padding:0 8px; 
	position:relative;  top:-3px; left:10px;  
	background:#DDDDDD; color:black; font-weight:bold; margin:0px; 
}

.demoButton    {background:#DDDDDD; padding:1px 5px; border:solid black 1px; color:black;}
.demoTab       {background:black; padding:1px 5px; color:white;}
.webmasterComment {margin:10px 50px;padding:15px;border:1px solid #CC4444; color:#CC4444; position:relative;}
.webmasterComment .title{background:white; color:#CC4444; position:absolute;top:-10px;left:90;width:300px; text-align:center;}
.postNo {float:right;color:gray; font-size:x-small}
.postNo a {font-size:x-small;}

/* for overlay -- original, now obsolete */
#ovr-container {
   position:absolute;width:100%;
   z-index:9;
   display:none;
}