div.modal div.terms-text {
  max-height: 10em; }

/*Used for Bootstrap modal
    Ensures that long text will cause only the text within the modal to scroll, not the screen. 
    Should be used in conjunction with overflow-auto
*/
div.modal-body-long {
  max-height: calc(100vh - 225px); }

.dialog {
  position: absolute;
  width: 610px;
  display: none;
  z-index: 9999;
  border: 1px solid #000000;
  background-color: #dad6c8; }
  .dialog .header, .dialog .dialog-header {
    height: 22px;
    background-image: url(../../Images/DialogHeader.png);
    background-repeat: repeat-x;
    position: relative; }
    .dialog .header > a.close, .dialog .header a.dialog-close, .dialog .dialog-header > a.close, .dialog .dialog-header a.dialog-close {
      width: 41px;
      height: 15px;
      background-image: url(../../images/DialogClose.png);
      display: inline-block;
      position: absolute;
      text-indent: -6000px;
      right: 20px;
      top: 5px;
      background-position: center top; }
      .dialog .header > a.close:hover, .dialog .header a.dialog-close:hover, .dialog .dialog-header > a.close:hover, .dialog .dialog-header a.dialog-close:hover {
        background-position: center bottom; }
  .dialog .terms-inner {
    padding: 17px; }
    .dialog .terms-inner .terms {
      width: 565px;
      height: 203px;
      overflow: auto;
      padding: 5px;
      background-color: #FFFFFF; }
    .dialog .terms-inner .terms-check-container {
      padding-top: 15px;
      font-size: 12px; }
      .dialog .terms-inner .terms-check-container > span {
        display: block;
        padding: 10px 0 30px 0; }
  .dialog .terms-buttons {
    overflow: auto;
    margin-top: 10px; }
    .dialog .terms-buttons a, .dialog .terms-buttons input, .dialog .terms-buttons button {
      width: 79px;
      height: 30px;
      display: inline-block;
      text-indent: -6000px;
      padding: 0;
      border: 0 none #000000;
      background-color: transparent; }
      .dialog .terms-buttons a.terms-cancel, .dialog .terms-buttons input.terms-cancel, .dialog .terms-buttons button.terms-cancel {
        background-image: url(../../images/DialogCancel.png);
        float: left; }
        .dialog .terms-buttons a.terms-cancel:hover, .dialog .terms-buttons input.terms-cancel:hover, .dialog .terms-buttons button.terms-cancel:hover {
          background-position: center bottom; }
      .dialog .terms-buttons a.terms-accept, .dialog .terms-buttons input.terms-accept, .dialog .terms-buttons button.terms-accept {
        background-image: url(../../images/DialogAccept.png);
        background-position: center center;
        float: right; }
        .dialog .terms-buttons a.terms-accept.disabled, .dialog .terms-buttons a.terms-accept.disabled:hover, .dialog .terms-buttons input.terms-accept.disabled, .dialog .terms-buttons input.terms-accept.disabled:hover, .dialog .terms-buttons button.terms-accept.disabled, .dialog .terms-buttons button.terms-accept.disabled:hover {
          background-position: center top; }
        .dialog .terms-buttons a.terms-accept:hover, .dialog .terms-buttons input.terms-accept:hover, .dialog .terms-buttons button.terms-accept:hover {
          background-position: center bottom; }
      .dialog .terms-buttons a.terms-acknowledge, .dialog .terms-buttons input.terms-acknowledge, .dialog .terms-buttons button.terms-acknowledge {
        background-image: url(../../images/DialogAcknowledge.png);
        background-position: center center;
        float: right;
        width: 124px; }
        .dialog .terms-buttons a.terms-acknowledge.disabled, .dialog .terms-buttons a.terms-acknowledge.disabled:hover, .dialog .terms-buttons input.terms-acknowledge.disabled, .dialog .terms-buttons input.terms-acknowledge.disabled:hover, .dialog .terms-buttons button.terms-acknowledge.disabled, .dialog .terms-buttons button.terms-acknowledge.disabled:hover {
          background-position: center top; }
        .dialog .terms-buttons a.terms-acknowledge:hover, .dialog .terms-buttons input.terms-acknowledge:hover, .dialog .terms-buttons button.terms-acknowledge:hover {
          background-position: center bottom; }

.ui-dialog .ui-dialog-titlebar-close {
  text-indent: -6000px; }