/* Front end effects */

#overlay_copy{
  display:none;
}

#overlay{
  display:none;
  width:600px;
  min-height:200px;
  position:relative;
}

#overlay .hd{
  background: url(/images/bg/overlay_bg.png) no-repeat top;
  height:20px;
  }

#overlay .bd{
    background: url(/images/bg/overlay_mid_bg.png) repeat-y center;
    min-height:150px;
    padding-left:40px;
}

#overlay .ft{
  background: url(/images/bg/overlay_bg.png) no-repeat bottom;
  height:20px;
  padding-bottom:12px;
  }

#overlay a.overlay_closer{
  background: url(/images/buttons/close_window.png) no-repeat;
  display:block;
  position:absolute;
  height:40px;
  width:40px;
  top:20px;
  right:30px;
  text-indent: -9999em;
}

#overlay p, #overlay h2{
  text-align:left;
  width:500px;
  padding-top:12px;
  color:#6b5140;
}

#overlay h2{
  font-size:123.1%;
  width:450px;
}

#overlay div#recipients{
  width:520px;
}

#overlay div.name_address{
  width:500px;
  margin-top:6px;
}

#overlay .name_address input.text, #overlay input.sender{
  margin-right:12px;
  margin-left:12px;
  width:160px;      
}

#overlay .name_address span.remove{
  text-align:right;
  display:block;
  margin-right:60px;
  margin-top:4px;
}

#overlay .form_actions{
  margin-top:30px;
  margin-left:0px;
  position:relative;
}

#overlay a.view_action{
  text-align:left;
}
#overlay a.view_action img{
      padding-top:12px;      
}    
#overlay li.cancel{
  position:absolute;
  left:10px;
  top:0px;
  width:70px;
  height:60px;
  text-indent:-9999em;
  background:url(/images/buttons/cancel.png);
  background-repeat: no-repeat;
}
#overlay .confirm{
  position:absolute;
  left:400px;
  top:0px;
}

#overlay .inappropriate_overlay input.confirm{
  top:110px;
}

#overlay input#send{
  position:absolute;
  right:30px;
  top:10px;
}

#overlay div#flash_error, #overlay div#flash_notice{
  margin:0px;
}
#overlay .actions{
  padding-top:45px;
  position:relative;
}

#overlay div.nag_someone a{
  margin-top:30px;
  padding-top:18px;
  float:left;
}

/* = Inappropriate Overlay= */
/* ======================== */

#overlay .inappropriate_overlay input.confirm{
  position:absolute;
  right:20px;
  top:110px;
  left:500px;
}
.inappropriate_overlay a.cancel{
  text-indent:-9999em;
  position:absolute;
  top:110px;
  left:40px;
  display:block;
  width:63px;
  height:37px;
  background: url(/images/buttons/cancel.png) no-repeat;
}
.inappropriate_overlay a.cancel:hover{
  background: url(/images/buttons/cancel_rollover.png) no-repeat;
}