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


#facebox .popup{
  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);
  width:390px;
}

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

#facebox .content h3 { padding-top: 0; margin-top: 0; max-width: 95%; font: normal 22px "Lato"; color: #007A51; }
#facebox .content .buttonArea { float: left; width: 100%; clear: both; padding: 10px; margin: 0px 0px -10px 0; border-top: 1px dotted #ddd; text-align: right; /*background: #f4f4f4;*/ border-radius: 4px; -moz-border-radius: 4px; }
#facebox .content .buttonArea .btn { border: none; padding: 5px 10px; font: normal 16px "Lato";cursor: pointer; background: #e1e1e1; color: #333;}
/*#facebox .content .buttonArea .btn:hover { background: #ddd;}*/
#facebox .content .buttonArea .btn.highlight { background: #007A51; color: #fff; }
/*#facebox .content .buttonArea .btn.highlight:hover { background: #444; }*/
#facebox .content .buttonArea .close_button_facebox { margin-right: 5px; }
#facebox .content .buttonArea .close_button_facebox:hover { border-bottom: none; }
#facebox .content input[type="text"], #facebox .content textarea { width: 100%; border-radius: 3px; background: #ededed; margin: 5px 0; border: none; }
#facebox .content textarea { /*width: 260px;*/ height: 200px; }
#facebox .content .error { float: left; clear: both; display: block; width: 100%; color: #c00; font-weight: bold; margin: 10px 0; }

/* overrides extra padding on button elements in Firefox */
#facebox .content .uibutton::-moz-focus-inner {
    padding: 0;
    border: 0;
}

#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;
  z-index: 10;
}
#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;
}



/* Smartphones */
@media screen and (max-width:768px)
{
	#facebox .content { width: 280px; }
	#facebox .popup { width: 285px; margin-left: -5px !important; }
	#facebox .close { right: 5px !important; }
	#facebox .close img { width: 11px; }

	#facebox .content input[type="text"] { width: 100%; }
	#facebox .content textarea { width: 100%; height: 200px; }
	
	#facebox .content .buttonArea .btn { font-size: 18px; }
	/*#facebox .content .buttonArea .btn.highlight:hover { background: #007A51; }*/
}