#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:fixed;
 /*  position:relative; */
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
  text-align:center;
  left:40%; 
  /* top:30%; */
  top:20%;
}

#facebox .content {
  display:table;
 /* width: 370px;*/
  width: auto;
  
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content p{color: #7D0000;
   
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    }

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}



.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

.pop_up_middle {width:96%; background:#FDF7E5; border: 1px solid #E4C28C; float: left; margin: 0 0.6%; padding: 5px; }
.pop_up_middle  .pop_up_innar {float: left; padding: 0; width: 100%;}

.pop_up_middle .captcha_input { width: 100%;}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and  (max-width: 479px) {
#facebox .popup {left:6%;}
}