#sliding-popup { margin: 0px; padding: 0px; width: 100%; z-index: 99999; left: 0px; text-align: center; }
.sliding-popup-bottom, .sliding-popup-top { background: transparent url(2ed6c3c347e018dfa9283933b3c80b82ec0d95a6.png)  repeat-y scroll center center; }
.sliding-popup-bottom { position: fixed; }
.sliding-popup-top { position: relative; }
#sliding-popup .popup-content { margin: 0px auto; max-width: 80%; display: inline-block; text-align: left; width: 100%; }
#sliding-popup .popup-content #popup-buttons { float: right; margin: 0px 0px 1em; max-width: 40%; }
#sliding-popup .popup-content #popup-buttons button { cursor: pointer; margin-right: 5px; margin-top: 1em; vertical-align: middle; overflow: visible; width: auto; box-shadow: 0px 1px 0px 0px rgb(255, 255, 255) inset; background-color: rgb(237, 237, 237); background-image: linear-gradient(to bottom, rgb(237, 237, 237) 5%, rgb(223, 223, 223) 100%); border-radius: 6px; border: 1px solid rgb(220, 220, 220); color: rgb(0, 0, 0); font-family: Arial,sans-serif; font-weight: bold; padding: 4px 8px; text-decoration: none; text-shadow: 1px 1px 0px rgb(255, 255, 255); }
#sliding-popup .popup-content #popup-buttons button:hover { background-color: rgb(223, 223, 223); background-image: linear-gradient(to bottom, rgb(223, 223, 223) 5%, rgb(237, 237, 237) 100%); }
#sliding-popup .popup-content #popup-buttons button:active { position: relative; top: 1px; }
#sliding-popup .popup-content #popup-text { color: rgb(255, 255, 255); float: left; font-weight: bold; margin: 5px 0px 0px; max-width: 60%; }
#sliding-popup .popup-content #popup-text h1, #sliding-popup .popup-content #popup-text h2, #sliding-popup .popup-content #popup-text h3, #sliding-popup .popup-content #popup-text p { color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; line-height: 1.4; margin: 0px 0px 5px; }
#sliding-popup .popup-content #popup-text h1 { font-size: 24px; }
#sliding-popup .popup-content #popup-text h3 { font-size: 12px; }
#sliding-popup .popup-content #popup-text p { font-size: 12px; }
@media screen and (max-width: 600px) {
  #sliding-popup .popup-content { max-width: 95%; }
  #sliding-popup .popup-content #popup-text { max-width: 100%; }
  #sliding-popup .popup-content #popup-buttons { clear: both; float: none; margin: 5px 0px 1em; max-width: 100%; }
  #sliding-popup .popup-content #popup-buttons button {  }
}