﻿
.npOverlay 
{    
  display:none;  
  top:0px; bottom:0px; left:0px; right:0px; 
  overflow:hidden; 
  padding:0; margin:0; 
  background:#000; 
  filter:alpha(opacity=50); opacity:0.5;
  
  position:fixed;  
  z-index:50; 
}

* html .npOverlay 
{
    position:absolute;
    height: expression(document.documentElement.scrollTop + document.documentElement.clientHeight + "px");
    width: expression(document.body.clientWidth + "px");
}

.npContainer 
{
  display:none;  
  left: 50%;  

  width: 620px;   
  background-color: #FFF;
  color: #333;
  border: 1px dotted black;
  padding: 10px;
  
  position: absolute;
  z-index:3000;
  
}

* html .npContainer 
{
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.npTitle { background-color:#CCCCCC; padding:3px; }
.npTitle h1 { color:White; font-weight:bold; font-size:14px; padding:5px; }

.npContent 
{     
}

.modalPadding
{
  float:left;
  padding:10px;
}

.npClose {  }
.npClose .modalClose  span { display:none; }
.npClose .modalClose:hover { background-position:0 -20px; }
.npClose .modalClose 
{
  margin-top:2px;
  border:1px dotted #DDDDDD;
  cursor:pointer;
  width:20px;
  height:20px;
  display:block;
  float:right;
  background:transparent url(../images/close_icon_double_2.png) 0 0 no-repeat;
}



