/*-------------------------------------------------------------------------------------------------
 * eXtend Message
 * This file is used in both hostcp and customer. In customer it is used so the reseller can preview
 * the message as it will look in eXtend before saving it, while in hostcp it is used to actually
 * display the message in eXtend. Therefore, any changes made in one should be made in the other.
 *-------------------------------------------------------------------------------------------------*/

#extend-message {
  background: #FFFFD3;
  border-radius: 10px;
  color: #666;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  overflow: auto;
  padding: 10px;
}
#extend-message p {
  margin: 0;
  padding: 0;
}
#extend-message .popup-close {
  color: #666;
  float: right;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px 5px 0;
}
#extend-message .popup-close #popup-close:hover {
  cursor: pointer;
}
#extend-message .poptitle {
  color: #666;
  float: left;
  font-size: 16px;
  font-weight: 700;
  padding: 5px 0 5px 10px;
  text-shadow: 1px 1px 1px #fff;
}
.poptitle img {
  padding: 0 10px 0 0;
  position: relative;
}
#extend-message-in {
  background: #FFFFFC;
  border-radius: 10px;
  clear: both;
  color: #666;
  font-size: 13px;
  line-height: 1.6rem;
  padding: 20px 20px 10px 20px;
}
#extend-message-in .pop-prod {
  color: #8EA53E;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 15px 0 0 0;
  white-space: pre-wrap;
}
.pop-prod span {
  color: #666;
}
#extend-message-in [type="image"] {
  margin: 15px 0 0 0;
}
.poptitle-in {
  font-size: 20px;
}