#modalbox {
  position: fixed;
  top: 120px !important;
  left: calc(50% - 250px) !important;
  z-index: 100;
  text-align: left;
}

#modalbox .popup {
  position: relative;
}

#modalbox table {
  border-collapse: collapse;
}

#modalbox td {
  border-bottom: 0;
  padding: 0;
}

#modalbox .body {
  padding: 10px;
  background: #fff;
  width: 400px;
}

#modalbox .popup p {
  line-height: 1.4em;
  font-size: 16px;
}

#modalbox .popup textarea#usertags {
  min-height: 120px;
  margin: 10px 0 15px;
  border: 0;
  background-color: #efefef;
  border-radius: 6px;
}

#modalbox .popup textarea#usertags:focus {
  background-color: #efefef;
}

div#UserTagsModal p.btn input[type=submit] {
  border: 0;
}

@media (max-width: 650px) {
	#modalbox .body {width:280px;}
}

#modalbox .loading {
  text-align: center;
  width: 100%;
  left: 0;
  top: 20px;
}

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

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

#modalbox .footer {
  position: absolute;
  top: 15px;
  right: 15px;
}

#modalbox .tl, #modalbox .tr, #modalbox .bl, #modalbox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

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

.modalbox_hide {
  z-index:-100;
}

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

* html #modalbox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#modalbox a.close {
  width: 14px;
  height: 14px;
  background: url(/i/cross_icon_black.png);
  opacity: 0.7;
  background-position: center;
  background-size: cover;
}

#modalbox a.close img.close_image {
  display: none;
}

@media (max-width: 767px) {
  #modalbox {
    left: 5% !important;
    width: 90%;
    top: 12% !important;
  }
}