/* OVERRIDE NAV z-index */
#navButtons { z-index:40 }

#overlay {
  background:#000 none repeat scroll 0%;
  display:none;
  height:100%;
  left:0pt;
  opacity:0.3;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
  position:absolute;
  top:0pt;
  width:100%;
  z-index:90;
}

.window {  
  display:none;
  left:0px;
  overflow:auto;
  position:absolute;
  top:-1000px;
  z-index:100;
  
}


.emailtoafriend {width:500px;}
.textreminder { width:500px;}
.loading {width:305px;}

/* the 9-cell lightbox grid */
.lightbox td.top-bg,
.lightbox td.topleft-bg,
.lightbox td.topright-bg,
.lightbox td.left-bg,
.lightbox td.right-bg,
.lightbox td.bottom-bg,
.lightbox td.bottomleft-bg,
.lightbox td.bottomright-bg {font-size:0; height:0;}

.lightbox td.top-bg { background-color:#fff; border-top:1px solid #6b6b6b;  }
.lightbox td.left-bg { 
  background-color:#fff; 
  border-left:1px solid #6b6b6b; 
  width:6px; 
}
.lightbox td.right-bg {
  background-image: url('img/sys/common_new/edp/rc-bg.png'); 
  background-repeat: repeat-y;
  width:13px;
}
.lightbox td.bottom-bg {
  background-image: url('img/sys/common_new/edp/bc-bg.png'); 
  background-repeat: repeat-x;
}

.lightbox-content { background-color:#fff; vertical-align:top; padding:10px;}
.lightbox span {padding:0}

#tl-corner {
 background-image: url('img/sys/common_new/edp/tl-corner.png');
 background-repeat: no-repeat;
 width:7px;
 height:6px;
}

#tr-corner {
 background-image: url('img/sys/common_new/edp/tr-corner.png');
 background-repeat: no-repeat;
 width:12px;
 height:6px;
}

#bl-corner {
 background-image: url('img/sys/common_new/edp/bl-corner.png');
  background-repeat: no-repeat;
  width:7px;
  height:13px;
}

#br-corner {
 background-image: url('img/sys/common_new/edp/br-corner.png');
 background-repeat: no-repeat;
 width:12px;
 height:13px;
}

/*
 * div.filler is a hack for IE spacing. 
 *
 * To use div.filler in HTML, the syntax must be:
 * <div class="filler">&nbsp;</div>
 */

div.filler {font-size:0; height:0}

/* lightbox styles */

.lightbox-lid { display:block; padding-bottom:5px; zoom:1; }
.lightbox-lid { display:block; padding-bottom:5px; }
.lightbox-lid h1 { font-size:14px;}
.lightbox-lid .left { float:left }
.lightbox-lid .right { float:right; font-size:11px; font-size:normal }
.lightbox-lid .right a.grayLink { color:#414141 }
.lightbox-lid .right img { vertical-align:top }

.lightbox-form {font-size:13px}

.lightbox-form td {padding: 5px 10px 10px 0; vertical-align:top}

.lightbox .lightbox-container { font-size:13px}
.lightbox .text-block {padding:0 10px; display:block }

.lightbox .disclaimer-overflow {border:1px solid #cacaca; overflow-y:auto; height:120px}
.lightbox .actionBox { display:block; padding-top:12px; padding-bottom:12px; text-align:center;}
.lightbox .actionBox input {  font-size:12px }